| WAN Will Way > 素材集TOP > パーツ素材作成講座 > |
| Adobe® Photoshop5.5®を使って お花のアイコンの作り方に挑戦しましょう |
| 今回作る作品はこれ! *( )の中の記述は、ショートカットキーになっています。 |
STEP 1 新規作成[ファイル(F)−新規作成(N)] (Ctrl+N)で、新しくキャンパスを開きます。 ファイル名は、好きな名前で結構です。 ここでは、幅(W)「32」Pixels、高さ(H)「32」Pixels・画像モード(M)RGBカラーで作成します。 初期表示内容は、透明(T)で始めましょう。 |
STEP 2画面拡大、レイヤー塗りつぶしここでは、解りやすいように、キャンパスを500%まで大きくし、背景を黒くします。 キャンパスを拡大するには、下図1(ツールボックス)の赤色で囲ってある虫眼鏡のマークをクリックします。次にキャンパスをクリックすると拡大します。 塗りつぶしには、青色で囲ってある塗りつぶしのマークをクリックして塗りつぶします。(黄色で囲ってある部分をクリックすると、描画色が黒、背景が白になります。) 作業後のキャンパスは図2のようになります。 図1 図2
|
STEP 3 新規レイヤー作成赤色で囲ってある部分をクリックし、新規レイヤーを作成します。
|
STEP 4 鉛筆ツールを選択
|
STEP 5 ブラシの形を作るブラシの形を花びらの形にします。 図1のようにたくさんの形の中から一つ選びダブルクリックをします。するとブラシオプションのウィンドウ(図2)が開きます。直径「16」pixel、ぼかし位置「0」%、真円率を「40」%に設定してOKをクリックします。
|
STEP 6 花びらを描くレイヤー2に、白い花びらを描きます。キャンパス中央に図のように花びらを2枚描きます。 ![]() |
STEP 7 レイヤーをコピーし画像を回転する(1)図1のように、レイヤー2の選択した状態で右クリックし、レイヤーをコピーします。レイヤー2のコピーを選択し、[編集(E)-変形(A)-90°回転(時計回り)(9)]で、画像を回転させます。(図2)
|
STEP 8 レイヤーをコピーし画像を回転する(2)STEP7と同じように、コピーしたレイヤーを再びコピーし、[編集(E)-変形(A)-数値入力(N)]で45°回転させます。(図1)そして、さらに45°回転させたレイヤーをコピーし90°回転させれば図2のように花びらが完成します。 図1
図2
|
STEP 9 花の中央を描く一番上のレイヤーを選択した状態で新規レイヤーを作成し、花の中央に黄色い○を作ります。鉛筆ツールで「8」pixelのブラシを選択すると綺麗な○が描けます。
|
STEP 10 レイヤーに効果をつけるレイヤー効果をつけて立体感をだします。 図1のようにレイヤー3を選択した状態で右クリックし、効果を選択します。 効果ウィドウ(図2)で、ドロップシャドウのチェックをはずし、図2の赤丸をクリックしシャドウ(内側)を選択しチェックを入れます。 図2の■をクリックしシャドウの色を茶色に設定し、距離、ぼかしは、お好みで設定してください。 (ここでは、距離「1」、ぼかし「3」で設定してあります。) 花びらの部分も同じように効果をつけます。 シャドウの色は濃いグレイ、距離「2」、ぼかし「4」で設定してあります。
|
STEP 11 完成最後にレイヤー1を削除し完成です。 ![]() |
| by JUNCO |