PhotoshopマスターTOPページへ

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

押し出しでキーボード

フィルタの押し出しの機能を使用してキーボードを作ります。

メニューバーの「ファイル」→「新規」で 幅700ピクセル、高さ300ピクセルで新規ファイルを作成します。

新規ファイルを作成

横長の新規カンバスが作成されます。

横長の新規カンバス

メニューバーの「フィルタ」→「表現手法」→「押し出し」の順にクリックします。

押し出し

「押し出し」の設定画面で以下のように設定してOKボタンを押します。

種類:ブロック
サイズ:40pixel
深さ:30 「レベルに合わせる」を選択

押し出しの設定

図のように複数の小さい四角いブロックが出っ張った状態になります。

四角いブロックが出た状態になる

画面左から長方形選択ツールをクリックします。

長方形選択ツール

図のように上半分を選択します。

上半分を選択

画面左上で移動ツールをクリックし「Altキー」を押しながら 選択範囲内をクリックし下方向にコピーします。

Altキーを押しながら選択範囲内をクリックし下方向にコピー

再度長方形選択ツールをクリックし四角いブロックの縦6個分、横14個分 を選択しメニューバーの「選択範囲」→「選択範囲の反転」をクリックします。

選択範囲の反転

選択範囲が反転するので「Deleteキー」を押して画面左で背景色が白になっているのを 確認しOKボタンを押します。

Deleteキーを押す

選択範囲を解除するとキーボードのような状態になります。

キーボードのような状態に

カンバスのキーボードの一番上の段は「Escキー」や「F1~F12」が配置されており 小さいキーにするため長方形選択ツールで選択します。

上の段を長方形選択ツールで選択

画面左から移動ツールをクリックします。

移動ツール

図のように下辺中央の点を「Altキー」を押しながら上方向にドラッグし縮小すると 上段が中心方向へ縮小します。さらに右辺中央の点をクリックし「Shiftキー」を 押しながらドラッグして縮小します。 上段の上に少し適度な余白ができました。 エンターで確定し選択範囲を解除します。

下辺中央の点を縮小し右辺中央の点をクリックしドラッグして縮小

最上段の右から3個のボタンを選択し移動ツールをクリックします。

一番上の3個のボタンを選択し移動ツールをクリック

「Altキー」を押しながら3個のボタンを右にコピーします。 メニューバーの「選択範囲」→「選択を解除」で選択を解除します。
この3個のボタンが「ポーズキー」、「インサートキー」、「デリートキー」 になります。

3個のボタンを右側にコピーする

レイヤーパレッドで「新規レイヤーを作成」ボタンを押して 新規レイヤーを作成します。「大きなボタン」という名前に 変更します。

新規レイヤーを作成

画面左から再び長方形選択ツールをクリックします。

長方形選択ツール

Shiftキーやスペースキー等は他のボタンよりも大きめなので「Shiftキー」を押しながらボタンの表面だけを2個以上囲んで複数 選択していきます。

ボタンの表面だけを2個以上囲んで複数選択

画面左で背景色を白に設定し「Ctrlキー」+「Deleteキー」で先程囲んだ選択範囲を 白色に塗りつぶします。

先程囲んだ選択範囲を白色に

「背景」レイヤーを選択し 最上段の左から2番目は隙間を空けるため選択し「Deleteキー」で背景色で削除します。

最上段の左から2番目は背景色で削除

次に画面左から横書き文字ツールをクリックします。

横書き文字ツール

左上で「Esc」と入力し画面上の○ボタンで確定します。 文字がボタンの左上に収まるように移動ツールで調整します。

左上のボタン上でEscと入力

次に右横のキーから順にF1と入力し「Tabキー」で横のボタンに移動できるので 同様にF2~F12まで入力します。入力した数字がボタンからはみ出たらスペースキーで 少し右に移動できます。

上段で順にF1~F12を入力

レイヤーパレッドで「Esc」レイヤーをCtrlキーを押しながら複数選択し画面左上の 移動ツールをクリックします。 図を見るとバウンディングボックスの下辺の線が「Esc」の文字の下端に位置しています。

Esc、F1~F12テキストレイヤーを複数選択

この続きは下の「その他の項目」の押し出しでキーボード パート2のリンクから移動して下さい。

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

■ その他の項目

押し出しでキーボード パート2


TOP

Copyright (C) 2015-2017 Photoshopマスター All rights reserved.