スポンサー


    ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

    ウェブプログラミング講座

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テクニック

Homeフォトショップ講座 > Photoshopでポスターグラフィックを作る方法

Photoshopでポスターグラフィックを作る方法

投稿日:2010年06月11日   レベル:初級者    ソフトウェア:PhotoShop

このチュートリアルでは、ポスターグラフィックを作る方法を紹介します。

Step1:はじめに

新規ファイルを作成します。
幅と高さをそれぞれ400ピクセル、解像度を72dpiに設定し、背景を#255B31の色で塗りつぶします。
次に、新規レイヤーを作成して「Circle Design」という名前をつけます。



Step2:黄色の円を描く

「Circle Design」レイヤーに、#FFB400の色で221×221ピクセルの円を描きます。

黄色の円を描く

「レイヤー」−「レイヤースタイル」から「光彩(外側)」、「光彩(内側)」、「グラデーションオーバーレイ」を下記の通りに適用します。

光彩(外側)の設定

光彩(内側)の設定

グラデーションオーバーレイの設定

グラデーションのついた黄色い円





Step3:白い円を描く

新規レイヤーに、黄色の円と同じ大きさの白い円を描きます。

白い円を描く

「レイヤー」−「レイヤースタイル」から「シャドウ(内側)」、「光彩(内側)」、「グラデーションオーバーレイ」を下記の通りに適用します。
レイヤー効果の描画モードは、「比較(暗)」に設定しておきます。

シャドウ(内側)の設定

光彩(内側)の設定

段差の付いた黄色い円



Step4:黒い円を描く

新規レイヤーに、88×88ピクセルの黒い円を描きます。
「レイヤー」−「レイヤースタイル」−「光彩(外側)」を適用します。

光彩(外側)の設定

黒い円を描く



Step5:小さな白い円を描く

更に新規レイヤーを作成し、黒い円の上に白い小さな円を描きます。

白い円を描く



Step6:円を複製する

「Circle Design」レイヤーを複製し、「レイヤー」−「表示レイヤーを結合」で結合します。
複製した円の大きさを少しリサイズし、数ピクセル下の画像のように位置をずらします。

円を複製する



Step7:輪っかをつくる

カスタムシェイプツールカスタムシェイプツールのシェイプレイヤーを選び、シェイプのタブをあけて、「円-細線(フレーム)」を選びます。
そして、黄色い円を描いた2つのレイヤーの間に新規レイヤーを追加し、「円-細線(フレーム)」を追加します。色は白にします。

シェイプツールで輪っかを描く

黄色い円の背景へ、いろんな大きさの白い「円-細線(フレーム)」を追加します。

いろんな大きさの輪っかを追加する

「円-細線(フレーム)」を更に追加し、下の画像のようにそれぞれが重なるように繋げます。

輪っかを重なるようにさらに追加する



Step8:文字を置く

横書き文字ツールを選び、フォントを48ポイント、Arial Rounded MTBold、レギュラー、「滑らか」、色は白に設定します。
新規テキストレイヤーで、小さな円の上にポスターの名前を書きます。

輪っかを重なるようにさらに追加する



Step9:完成

完成です。

完成



引用:Web Design Library 著者:PsDeluxe 翻訳:なかけん



スポンサードリンク

コメント

ランダム記事5件

2012年4月の人気記事ランキング