Photoshop（フォトショップ）で、レーダー探知機のアイコンを作るチュートリアル。 飛行機や潜水艦の操縦室にありそうなレーダーです。 主に「ベベル」&「覆い焼き」2種類の描画モードと、各ステップでのレイヤースタイルの設定で構成されています。 まずはPSDダウンロード（852KB） 【ステップ1】 編集＞新規（幅800px：高さ800px、解像度：72px）で新規ファイル作成。 【ステップ2】 まず背景をグレー（色：#333333）で塗りつぶします。 その背景レイヤーの上に、新規レイヤー（レイヤー名：Background）を作り、「黒」で塗りつぶし、レイヤー＞「塗り」を0%にします。 そして下図のようにレイヤースタイルを追加します。 パターンオーバーレイ 描画モード：ソフトライト パターン：今回は自作の「パンチングメタル」を使いました。ダウンロードはこちら 【ステップ3】 ツールパレット

Illustrator CS3で、カラフルで波打つようなストライプリボンの作り方のチュートリアルです。 身近にあるストライプ（ネクタイ、ベルト？とか）をヒントに作っても面白いかも。

【簡単テキストエフェクトシリーズ vol.1】 Photoshop（フォトショップ）CS3で、上品なゴールド（金色）のテキストエフェクトを作るチュートリアルです。 ゴールドのテキストエフェクトは沢山でていますが、その中でも使いやすいものをご紹介。 TIPSとしてすぐ使えるよう、作った後はスタイルパレットに登録を。

【簡単テキストエフェクトシリーズ vol.2】 Photoshop（フォトショップ）CS3で、ポップなプラスチック風のテキストエフェクトを作るチュートリアルです。 アメリカの映像制作会社『ピクサー』アニメのタイトルで使われそうな感じになりました。 TIPSとしてすぐ使えるよう、作った後はスタイルパレットに登録を。 まずはPSDダウンロード（336KB） 【ステップ1】 編集＞新規（幅600px：高さ400px、解像度：72px）で新規ファイル作成。 ツールパレット＞グラデーションツール『色：#485977→#181f29、円形グラデーション』 上から下に暗くなるようにグラデーションを引きます。 【ステップ2】 好きなテキストを入力します。 （今回の使用フォント"Gill Sans Ultra Bold"、レイヤー名：PLASTIC-Bottom） 入力したテキストレイヤーに下のようにレイヤ

前回の『Illustrator｜きれいな3Dの円グラフの作り方チュートリアル』に続くグラフシリーズの第2弾です。 今回はIllustrator（イラストレーター）CS3で、きれいな3Dの棒グラフを作るチュートリアルです。 "棒グラフ"と"目盛" それぞれ別々に『3D・押し出しベベル』効果をかけて、3Dの棒グラフを作ってみました。 まずはAIダウンロード（344KB） 【ステップ1】棒グラフを作る 新規ドキュメント作成『基本RGB、サイズ：800px × 600px、方向：横組』 ツールパレット＞グラフツール＞棒グラフツール（J）を選択。 キャンバスをクリック＞グラフ『幅：400px、高さ：300px』を選択。 グラフの数値を入力する欄が出ます。 左上から適当な数値を入力し、下の画像のように右上の完了ボタンをクリックします。 【今回の入力数値】28、92、148、50 初期設定は、モノクロの

【簡単テキストエフェクトシリーズ vol.3】 Photoshop（フォトショップ）CS3で、ネオンサインのテキストエフェクトを作るチュートリアルです。 BARの看板にありそうな、味のある質感のネオンサインです。 TIPSとしてすぐ使えるよう、作った後はスタイルパレットに登録を。 まずはPSDダウンロード（3.3MB） 【ステップ1】 編集＞新規（幅800px：高さ600px、解像度：72px）で新規ファイル作成。 【ステップ2】 キャンバスのどこにテキストを配置するかイメージしておいた上で、フリー素材からレンガを選び、キャンバスにスマートオブジェクトで配置します。（レイヤー名：Brick） （※今回は『フリーフォト素材｜写真素材 足成』あけぼのさんの写真を使用しました。） "Brick"レイヤーの上に 新規調整レイヤー＞色相・彩度『色相：0、彩度：-21、明度：-85』 【ステップ3】

Flash（フラッシュ）CS3＋ActionScript 3.0で、ランダムな動きをする光のFLASHアニメーションを作るチュートリアルです。 まだまだAS3勉強中です。さらっと作れて尚かつリッチ！そのうえ使い回しが効く小ネタをアップして行く予定です。 【完成図】今回のお題はこんな感じです。 【ステップ1 - 概要】 今回、エフェクト全体を1箇所で操作できるクラスを作ります。 そのクラスをcallするだけで、光の数・色・透明度・サイズ・方向・スピード・ぼかしの質感の全てをお好みに変える事ができます。 なので、色々な光のバリエーションでFLASHアニメーションを簡単に作ることが可能です。 【ステップ2 - FLASHドキュメント作成】 ファイル＞新規＞『Flashファイル（AS3.0）』を選択。 お好みのステージサイズ・フレームレートを設定します。 （*今回は、サイズ：600×300px、フ

Photoshop（フォトショップ）CS3で、しわが寄って、今にもめくれそうなステッカーを作るチュートリアルです。 「覆い焼きツール」と「焼き込みツール」は、Photoshopで物を作るときに非常にパワフルなツールです。今回のチュートリアルでは、主にこの2つのツールを使い、しわが寄ったリアルなステッカーを作ってみたいと思います。 まずはPSDダウンロード（8MB） 【ステップ1】 編集＞新規（幅600px：高さ400px、解像度：72px）で新規ファイル作成。 【ステップ2】 背景を#282828で塗りつぶします。そしてその上に、 新規レイヤー＞石のテクスチャをスマートオブジェクトで配置＞描画モードをオーバーレイ （レイヤー名：Stone） 今回使用する石のテクスチャは、Psdtuts+さんの "Stone Texture Pack" からstonetexture5.jpgを使わせて頂きま

【簡単テキストエフェクトシリーズ vol.3】 Photoshop（フォトショップ）CS3で、光沢のあるガラス風の3Dテキストエフェクトを作るチュートリアル。 2010年流行の一つ「3D」と、昔から好まれてるグロス系「光沢感」「キラッと感」の合わせ技です。 文字にはあえて「3D押し出し」など使わず、簡単で汎用性が効くように「3D風」で表現します。 TIPSとしてすぐ使えるよう、作った後はスタイルパレットに登録を。 まずはPSDダウンロード（528KB） 【ステップ1】 編集＞新規（幅600px：高さ400px、解像度：72px）で新規ファイル作成。 【ステップ2】 背景を#011923で塗りつぶしてから、ノイズを少々かけます。 フィルタ＞ノイズ＞ノイズを加える『量：2％、分布方法：均等に分布、グレースケールノイズ：ON』 【ステップ3】 新規レイヤー（Vignette）を作成します。 ツー

この度の「東北地方太平洋沖地震」におきまして、被害にあわれた皆様に心よりお見舞い申し上げます。 現在も各地で計画停電が実施されていますが、停電中に明かりを灯すアイテムの一つに「ロウソク」があると思います。 そこで今回は、Photoshop（フォトショップ）で、淡い火が灯るリアルなロウソク（キャンドル）の作り方チュートリアルをご紹介します。 まずはPSDダウンロード（6.1MB） 【ステップ1】 編集＞新規（幅600px：高さ800px、解像度：72px）で新規ファイル作成。 【ステップ2】 背景を黒（#000000）で塗りつぶします。 【ステップ3】 長方形ツールで、幅200px：高さ400pxの長方形を描きます。（レイヤー名：Candle） 【ステップ4】 レイヤーパレット＞"Candle"レイヤーをダブルクリックして、下図のようにレイヤースタイルを追加します。 グラデーション（左から）