![Photoshop-iPhone風アイコン8](data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2072%2072'%3E%3C/svg%3E)
前回作成した、iPhone風のアイコン(カメラ)を、今回は
アレンジして新たにアイコンを作ってみたよ!
Step01
![Photoshop-iPhone風アイコン9](data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2072%2072'%3E%3C/svg%3E)
フォトショップを開いて、前回同様に新規ファイルを100px × 100pxで作成します。背景色は白で作業します。次に角丸長方形ツール(U)で、丸み5px・70px × 70pxの長方形を描きます。
Step02
描いた長方形に「レイヤー」→「レイヤースタイル」→「レイヤー効果」を設定します。
![Photoshop-iPhone風アイコン10](data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20500%20300'%3E%3C/svg%3E)
![Photoshop-iPhone風アイコン11](data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20500%20300'%3E%3C/svg%3E)
![Photoshop-iPhone風アイコン12](data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20500%20300'%3E%3C/svg%3E)
![Photoshop-iPhone風アイコン13](data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2072%2072'%3E%3C/svg%3E)
レイヤースタイルを適用すると、先ほど描いた四角が左のようになります。
少しわかりづらいですが、カメラの材質を表現できました?微妙ですね~ごめんなさいwwww
Step03
後はイラストレーターやフォトショップで描いた、カメラのレンズをのせて、前回のように上部に白い部分を描いたら完成です。 完成したアイコンとプラスワンです。
![Photoshop-iPhone風アイコン14](data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%2072'%3E%3C/svg%3E)
今回は、レンズの描き方までできなかったので、次の機会にご紹介しますねぇ。