Webデザインセンスや多少知識が乏しくとも、プロっぽいデザインにできる方法があります。Web制作を助けてくれる便利なサイトの備忘録ブログ。

Photoshop(フォトショップ)でページのめくれた感じをよりプロっぽく仕上げる方法

Photoshop(フォトショップ)でページのめくれた感じをよりプロっぽく仕上げる方法

Photoshop(フォトショップ)でページのめくれた感じをよりプロっぽく仕上げる方法

ページカールをよく見かけますが、より自然な感じに仕上げるにはどうすればいいのか…その手順をメモしておきたいと思います。

ページカールをプロっぽくする処理

ページの背景部分を描きます。
三角形を描きますいきなりページのめくれ部分を作成せず、めくれた部分の背景部分の図形を描きます。
ペンツールを選択し、上記のような三角形を描きます。

下準備
次に、その三角形にアンカーポイントを追加します。ペンツールで任意の位置にワンクリックすれば、アンカーポイントを追加することができます。アンカーポイントが追加できたら、ダイレクト選択ツール(白矢印)に持ち替えて、頂点部分を選択します。選択後、ビューと下に伸ばします。結果的に下記のようになっていれば良いかと思います。
三角形を変形
ページのめくれた部分を描きます。
ページのめくれた部分を描きます今作成した三角形(変形)を枠の左上に配置し、その線に沿うように、ページのめくれた部分をペンツールで描いていきます。この時、始点を上記のあたりから始めて、手順1の三角形(変形)とうまくなじむようにめくれ部分を描くのがプロっぽく見えるポイントではないかと思います。
めくれ部分にレイヤースタイルを設定します。
レイヤースタイルを設定めくれ部分にレイヤースタイルを設定していきます。めくれ部分のオブジェクトレイヤーをダブルクリックすると、レイヤースタイルパネルが表示されます。まずはドロップシャドウを上記のように設定します。
次にグラデーションオーバーレイを以下のように設定すれば、完成です。グラデーションオーバーレイを設定
完成

楽してプロっぽいデザイン|Forty-N-Five Blog Trackbacks

このエントリーのトラックバックURL

コメントを投稿

Name:
Mail:
URL:
この情報を登録しますか?

Photoshop(フォトショップ)でページのめくれた感じをよりプロっぽく仕上げる方法の前後の記事

前の記事は「Illustrator(イラストレーター)でメタリックなフォントを描く方法

次の記事は「Illustrator(イラストレーター)で鉄線フェンスを描く方法

関連する情報

              

楽してプロっぽいデザイン|Forty-n-FiveBlog ホームへ戻る

検索

最近のエントリー

カテゴリー

月別アーカイブ

タグクラウド

管理人紹介

ポートフォリオサイト|Forty-N-Five

フィードを取得

フィードを取得する

スポンサードリンク

運営SHOP

健康美人30代から始める美と健康は、MovableTypeを使用して制作した通販サイトです。

健康美人30代から始める美と健康 もてもてSHOP NOLOOKS 和彩

元気をくれた本

「夢をかなえるゾウ」この本に出会えて良かったとホントに良かった思います。Webには関係ないですが、これからの人生を楽しくしてくれる本です。ガネーシャどうもありがとう(笑)

Copyright Forty - N - Five. All rights reserved.