ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テンプレートモンスター
ホームページテンプレート

Free Templates Online JP
無料ホームページテンプレート
Free Templates Online JP

株式会社ネットオン
採用Webマーケティング
indeed広告代理店

海外 SEO対策 トラッキングツール
海外 SEO対策
ランキングチェックツール

Rank Tracker

テクニック

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件

2016年5月の人気記事ランキング