WEBシステム開発・デザイン制作などすべての作業を一貫してご提供しております。(大阪・東京近辺)

フォトショップを使ったロゴ作成、素材作りの練習パート7 「タイル」

タイル

作りかた

STEP1:書類を新規作成しパスを描く
幅200px、高さ200px、解像度350px、カラーモードRGB、カンバスカラー透明、を選択し新規書類を作成。カスタムシェイプツールを選択し、オプションバーのカスタムシェイプピッカーから「タイル4」を選択します。さきほど作成した書類、目一杯に、パスを作成します。


STEP2:レイヤー2を作成しグラデーションをかける
新規レイヤー2を作成します。
作業用パレットをCtrlキーを押しながらクリックし、STEP1で描いたパスの選択範囲を選択します。
レイヤーパレットに戻り、グラデーションツールで線形グラデーションを選択し、
グラデーションエディタで「不透明度:100%」、「位置:0」、カラー「R:4 G:11 B:93」、「位置:0%」~「不透明度:100%」、「位置:100%」、カラー「R:62 G:109 B:199」、「位置:100%」に設定します。
「レイヤー2」を画面上から下に向かってグラデーションを作成し、その選択範囲解除。


STEP3:レイヤースタイルを適用
「レイヤースタイル」→「べベルとエンボス」を初期設定のまま適用します。


STEP4:レイヤー3を作成して、選択範囲を塗りつぶす
新規レイヤー3を作成します。パスパレットで「作業用パス」をCtrlキーを押しながらクリックしてパスの選択範囲を選択し、ツールボックスの描画色を黒に設定します。
「塗りつぶし」でレイヤー3を黒く塗りつぶし、選択範囲解除。


STEP5:クロム、ぼかし(ガウス)を適用する
「フィルタ」→「スケッチ」→「クロム」でダイアログに「ディテール:10」、「滑らかさ:0」を設定し適用します。
さらに「フィルタ」メニュー→「ぼかし」→「ぼかし(ガウス)」で、ダイアログに「半径:1px」を設定し適用。「レイヤー3」の描画モードを「スクリーン」にします。


STEP6:パターンに登録
「編集」→「パターンを定義」でパターンに登録します。パターン名はなんでもよいです。


STEP7:新規書類を作成し、タイルのパターンで塗りつぶす
幅:9㎝、高さ9㎝、解像度:350、カラーモード:RGBカラー、カンバスカラー:白、を選択。
「編集メニュー」→「塗りつぶし」で、ダイアログに「使用:パターン」を設定して「カスタムパターン」クリックし、STEP6で登録したパターンを選んで適用すれば完成です。


※あくまで参考書を元に、練習のため作成しております。