PhotoshopマスターTOPページへ

初心者の為のPhotoshopの解説サイトです。画像の切り抜きや合成の方法などを 写真付きでわかりやすく解説しています。
これからPhotoshopを勉強したい、復習したいと思っている方に役立つサイトです。
TOP >スマホの作り方 パート5

スマホの作り方 パート5

画面左から楕円形ツールを選択します。

楕円形ツール

画面上で楕円の塗りとストロークの色を90%グレー、ストローク(線)の太さは3pt、幅13px、高さ13px に設定します。

楕円の塗りとストロークの設定

スマホ本体の上部の黒い部分でクリックすると「楕円を作成」のダイアログボックスが 出るのでOKボタンを押します。

楕円を作成

正円が描かれたので位置は小さいマス目の中に収まるように 画面左上の移動ツールで調整します。

移動ツールで調整

レイヤーパレットの楕円形1のレイヤー名の少し右辺りでダブルクリックすると 以下の画面が出るので左側のベベルとエンボスにチェックを入れて 右側の設定項目で
「スタイル」:ベベル(外側)
「テクニック」:滑らかに
「深さ」:300%
「方向」:下へ
「サイズ」:6px
「光沢輪郭」:くぼみ 浅く
陰影の「包括光源を使用」のチェックは外しておきます。
設定ができたらOKボタンを押します。
楕円形1のレイヤー名を「センサー」に変更します。

ベベルとエンボスの設定

画面左の角丸長方形ツールをクリックします。

角丸長方形ツール

センサー(正円)の右側に角丸長方形を描きます。そして 画面上で角丸長方形の幅を84px、高さ13px、「丸み」を8pxに設定します。

角丸長方形を描く

こちらも画面左上の移動ツールで位置を調整します。

位置を調整

「センサー」のレイヤーをクリックし、 メニューバーの「レイヤー」→「レイヤースタイル」→「レイヤースタイルをコピー」の順にクリックします。

スタイルをコピー

次に「角丸長方形1」のレイヤーをクリックし、 メニューバーの「レイヤー」→「レイヤースタイル」→「レイヤースタイルをペースト」の順にクリックします。

スタイルペースト

センサーと同じレイヤースタイルが角丸長方形にも適用され 内側にくぼんだ感じの図形が描けました。 この図形はスマホのマイクの部分になります。 「角丸長方形1」の名前を「マイク」に変更します。

センサーと同じスタイルが適用された

「新規レイヤーを作成」をクリックします。

新規作成ボタンをクリック

画面左で長方形ツールをクリックします。

長方形ツール

画面上で長方形の塗りを白色、ストロークの塗りは無しに設定します。

長方形の塗り、ストロークの設定

次のページ

このエントリーをはてなブックマークに追加 Instagram