Link:INB Home|INB English| INB русский язык|INB العربية|INB Türkiye|INB فارسی|INB Español|INB Français|INB Português|INB Deutsch|INB 國語|INB 中文|INB 日本语|INB 한국어|INB ภาษาไทย|INB tiếng Việt||PS チュートリアルPhotoshop でリボンを作る方法
INB 日本語掲示板
ようこそ(産業・自然科学者)ここでは、工業化時代のファイティングスピリットに満ちている、あなたと私の両方を通してこのネットワーク空間の自国の生物学的精神科学者と狂気の所に来ました。ホームinbforum.com、永久の名前:jp-inb.forums2u.com
INB 日本語掲示板
ようこそ(産業・自然科学者)ここでは、工業化時代のファイティングスピリットに満ちている、あなたと私の両方を通してこのネットワーク空間の自国の生物学的精神科学者と狂気の所に来ました。ホームinbforum.com、永久の名前:jp-inb.forums2u.com
INB 日本語掲示板

ようこそ(産業・自然科学者)ここでは、工業化時代のファイティングスピリットに満ちている、あなたと私の両方を通してこのネットワーク空間の自国の生物学的精神科学者と狂気の所に来ました。ホームinbforum.com、永久の名前:jp-inb.forums2u.com


You are not connected. Please login or register

《《《《《《《上一页INBforum   Go down

上一页INBforum》》》》》》》前のトピックを表示 次のトピックを表示 Go down  メッセージ [Page 1 of 1]

1PS チュートリアルPhotoshop でリボンを作る方法 Empty PS チュートリアルPhotoshop でリボンを作る方法 Fri Mar 18, 2011 11:49 am

Admin


Admin
このチュートリアルでは、Photoshopでリボンを作ってみたいと思います。



Step1:はじめに

まずはじめに、リボンなどを配置するのに適した背景と環境を作りましょう。
ここでは背景に「#83b70b」を使い、次のようにグラデーションレイヤースタイルを設定します。
[You must be registered and logged in to see this image.]




Step2:影を加える

続いて、背景に手を加えます。
長方形選択ツール[You must be registered and logged in to see this image.]で画面の上から50ピクセルほどドラッグし、程よい暗さ(#349005)の長方形を描きます。

それから消しゴムツール[You must be registered and logged in to see this image.]で、新しく作った長方形の下からスムーズに消していきます。
すると感じの良いシャドウ効果が残ります。
[You must be registered and logged in to see this image.]









Step3:えんぴつツールで線を引く

えんぴつツール[You must be registered and logged in to see this image.]を、1ピクセルの「#FFFFFF」に設定します。
シャドウの真上に線を引きます。

それから、レイヤー設定でブレンドオプションをオーバーレイにします。
ブレンドオプションの設定は次の通りに行います。
[You must be registered and logged in to see this image.]




Step4:リボンを作る

これから本題のリボンを作ります。
ペンツール[You must be registered and logged in to see this image.]でリボンのシェイプを作りますが、うまく作れない場合は、私の作ったリボンをトレースしてもかまいません。
シェイプを作ったら、背景色を「#e84200」にします。
[You must be registered and logged in to see this image.]
リボンはできましたが、ご覧のように見た目が地味なので手を加えます。
ここではレイヤースタイルのリストをご紹介します。

「レイヤー」-「レイヤースタイル」-「ブレンドオプション」を選択すると操作できます。
次のように設定します。
[You must be registered and logged in to see this image.]
すると次のようになります。
[You must be registered and logged in to see this image.]




Step5:リボンに輝きを加える

続いて、リボンに輝きを入れます。
最初に作ったリボンのシェイプを複製し、全てのレイヤースタイルを削除します。
背景を白くし、レイヤーを3-4ピクセルほど上に移動させます。

それから長方形選択ツール[You must be registered and logged in to see this image.]で両端を最低2ピクセル切り取ります。
切り取ったら少し小さくなったリボンができあがります。
消しゴムツール[You must be registered and logged in to see this image.]のサイズを100にして、レイヤーの上から徐々にブラシをかけます。

すると次のようになります。
[You must be registered and logged in to see this image.]
レイヤースタイルを次のように設定します。
[You must be registered and logged in to see this image.]
すると次のようになります。
[You must be registered and logged in to see this image.]




Step6:さらに輝きを良くする

最初に作ったリボンを複製して、背景を再び白くします。
長方形選択ツール[You must be registered and logged in to see this image.]で半分に切って片方を白くし、もう片方を消去します。

続いて、消しゴムツール[You must be registered and logged in to see this image.]を前に作業したのと同じ設定にして、
リボン(新しいレイヤー)の右側の上から下にかけて徐々にブラシをかけます。
[You must be registered and logged in to see this image.]
輝きの見た目が少し良くなります。
ブレンドオプションを次のように設定します。
[You must be registered and logged in to see this image.]
すると次のようになります。
[You must be registered and logged in to see this image.]




Step7:完成

これでリボンの完成ですが、さらに手を加えることもできます。
ここではこのリボンを使ってApple LED Cinema Displayのディスカウントバナーに使ってみましたが、
他の用途に使うこともできます。

いろいろ手を加えたら次のようになります。
[You must be registered and logged in to see this image.]
クリックして拡大





引用:Web Design Library 著者:pstut.info 翻訳:菊池]

http://jp.inbforum.com

上一页INBforum   Go down

上一页INBforum前のトピックを表示 次のトピックを表示 トップに戻る  メッセージ [Page 1 of 1]

Permissions in this forum:
返信投稿: 不可

Copyright ©2009-2010 LTD Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.

IT:SINGLESERVGoogle谷歌翻译TranslateFORUMSOFTLAYERGoogle谷歌广告联盟AdSenseAsia

 

Free forum | ©phpBB | Free forum support | 不正利用の報告 | 最近の議論