2012.12.13

「簡単なiPhone風のアイコンを作ってみたよ!」をアレンジしてみたよ!

Photoshop-iPhone風アイコン8

前回作成した、iPhone風のアイコン(カメラ)を、今回は アレンジして新たにアイコンを作ってみたよ!    

Step01

Photoshop-iPhone風アイコン9 フォトショップを開いて、前回同様に新規ファイルを100px × 100pxで作成します。背景色は白で作業します。次に角丸長方形ツール(U)で、丸み5px・70px × 70pxの長方形を描きます。    

Step02

描いた長方形に「レイヤー」→「レイヤースタイル」→「レイヤー効果」を設定します。

Photoshop-iPhone風アイコン10

Photoshop-iPhone風アイコン11

Photoshop-iPhone風アイコン12Photoshop-iPhone風アイコン13

レイヤースタイルを適用すると、先ほど描いた四角が左のようになります。 少しわかりづらいですが、カメラの材質を表現できました?微妙ですね~ごめんなさいwwww

Step03

後はイラストレーターやフォトショップで描いた、カメラのレンズをのせて、前回のように上部に白い部分を描いたら完成です。 完成したアイコンとプラスワンです。

Photoshop-iPhone風アイコン14

今回は、レンズの描き方までできなかったので、次の機会にご紹介しますねぇ。