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 鉛筆ツールを選択

花びらを描く準備をします。描画色を白にしツールボックスの鉛筆マークをクリックします。鉛筆マークが出ていない場合は、直線マークを2秒以上クリックしていると図のような画面になりますので、鉛筆マークを選んでください。


鉛筆マーク


STEP 5 ブラシの形を作る

ブラシの形を花びらの形にします。

図1のようにたくさんの形の中から一つ選びダブルクリックをします。するとブラシオプションのウィンドウ(図2)が開きます。直径「16」pixel、ぼかし位置「0」%、真円率を「40」%に設定してOKをクリックします。


ブラシウインドウ ブラシオプション
図1 図2


STEP 6 花びらを描く

レイヤー2に、白い花びらを描きます。キャンパス中央に図のように花びらを2枚描きます。


花びらを描く

STEP 7 レイヤーをコピーし画像を回転する(1)

図1のように、レイヤー2の選択した状態で右クリックし、レイヤーをコピーします。レイヤー2のコピーを選択し、[編集(E)-変形(A)-90°回転(時計回り)(9)]で、画像を回転させます。(図2)


レイヤーを複製 回転
図1 図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」で設定してあります。


レイヤー効果 シャドウ(内側)
図1 図2


STEP 11 完成

最後にレイヤー1を削除し完成です。


完成

 

by JUNCO 

 

素材集TOP