投稿日：2008年7月29日 レベル：初心者 ソフトウェア： このチュートリアルでは、フォトショップでウェブサイトのバナーを作ってみたいと思います。 Step1 ： シェイプの作成 Step2 ： ブレンド Step3 ： コピーと移動 Step4 ： 余分なものを削除する Step5 ： グラデーションオーバーレイ Step6 ： 名前を書く Step7 ： 完成 Step1：シェイプの作成 角丸長方形ツールを選択してウェブサイトのバナーに使うシェイプを作ります。 目次へ戻る Step2：ブレンド レイヤー上で右クリックして、「ラスタライズ」をクリックします。再び右クリックして「ブレンドオプション」を選択します。グラデーションオーバーレイで次のように設定します。 目次へ戻る Step3：コピーと移動 「Ctrl」＋「J」キーを押してレイヤーを複製し、移動ツールを使って1ピクセル下、1ピクセル右に移動します。 目次へ戻る Step4：余分なものを削除する 長方形選択ツールを選択して、複製したレイヤーの半分を選択して「Delete」キーを押します。 目次へ戻る Step5：グラデーションオーバーレイ 複製したレイヤー上で右クリックして、ブレンドオプションを表示させます。グラデーションオーバーレイで次のように設定します。 目次へ戻る Step6：名前を書く 「Chopin Script」など好みのフォントを選択して、ウェブサイトのタイトルをバナーに書きます。 目次へ戻る Step7：完成 バナーの完成です。ここではDeviant Artからカスタムブラシでバナーの下側にライトブラシを追加しました。またテキストには反射の技術を使いました。いろいろお試しください！ 目次へ戻る 引用:Web Design Library 著者:imgry.com 翻訳:菊池 http://www.webdes...

投稿日：2008年7月18日 レベル：初心者 ソフトウェア： このチュートリアルでは、フォトショップでスプラッターロゴを作ってみたいと思います。 Step1 ： ドキュメントを開く Step2 ： テキストを作る Step3 ： スタイルの追加 Step3 ： スプラッターの追加 Step3 ： スプラッターをロゴに追加 Step1：ドキュメントを開く まずはじめに、Photoshopで新規ドキュメントを作成します。「ファイル」－「新規」を選択して700ピクセル×400ピクセルの新規ドキュメントを作成します。 目次へ戻る Step2：テキストを作る テキストツールを選択して、テキストを書きます。テキストの後半分をライトブルーにします。ここでは「#0098FF」を使います。 目次へ戻る Step3：スタイルの追加 テキストの周囲に境界線を追加します。フォントレイヤー上で右クリックして「ブレンドオプション」を選択します。続いて設定画面が表示されます。「境界線」にチェックマークを入れて次のように設定します（サイズは8ピクセル、境界線の色は「#2b2b2b」）。 目次へ戻る Step4：スプラッターの追加 お楽しみの始まりです。スプラッターを追加しましょう。次の場所からブラシをダウンロードしてください。 ブラシのダウンロード ブラシのセットをインストールするには、［マイコンピュータ］－［ローカルディスク(C:)］－［Program Files］－［Adobe］－［Adobe Photoshop］－［プリセット］－［ブラシ］－［Photoshop Only］を選択して、deviantARTからダウンロードしたファイルをドラッグアンドドロップします。 ブラシを選択します。ブラシツールを選択すると、上部のツールバーにブラシの一覧が表示されます。ブラシが表示されているアイコンまでカーソルを移動させてブラシを選択します。 するとサイドメニューが開きますので、「ブラシファイルの読み込み」をクリックしてインストールしたブラシを選択してください。ブラシのセットが読み込まれます。続いてこれから使うブラシを選びます。新規レイヤーを作ったら次の画像のようにブラシでスプラッターを作ります。 目次へ戻る Step5：スプラッターをロゴに追加 「編集」－「自由変形」を選択してスプラッターのサイズを変更します。スプラッターのサイズを変更したらスプラッターのレイヤーをテキストのレイヤーの下に移動させ、スプラッターの位置を調整します。次のようになれば完成です。 目次へ戻る 引用:Web Design Library 著者:imgry.com 翻訳:菊池 http://www.webdes...