投稿日：2008年9月5日 レベル：初心者 ソフトウェア： このチュートリアルでは、Illustratorで3DのRSSアイコンを作ってみたいと思います。 Step1 ： はじめに Step2 ： RSSマークを描く Step3 ： 3D効果を適用 Step4 ： 微調整 Step5 ： 完成 Step1：はじめに はじめに、新規ファイルを作成し、明るいオレンジ色を選択してから角丸長方形ツールを使って、正方形を作ります。 目次へ戻る Step2：RSSマークを描く 楕円形ツールで小さな円を描きます。Shiftキーを押しながら描くと正円になります。 ペンツールを使ってパスを読み、次の画像のように境界の端を直線に指定します。 ステップ3の操作を繰り返してセントラルノードを追加し、アンカーポイントを使ってシェイプの形を整えます。 両方のパスを選択して「オブジェクト」－「拡張」を選択するとウィンドウが表示されますので、「線の拡張」を選択して「OK」をクリックします。 目次へ戻る Step3：3D効果を適用 すべての要素を選択して右クリックしてグループ化します。3D効果を適用する際にIllustratorがグループ化したシェイプを正面として扱うのでこのステップは重要です。 選択したグループに「効果」－「3D」－「押し出し・ベベル」を適用します。 目次へ戻る Step4：微調整 ここまでくれば何でもできるようになりますので、イメージを取り出してPhotoshopに移し、グラデーションをつけて微調整します。 目次へ戻る Step5：完成 3DのRSSアイコンの完成です。 目次へ戻る 引用:Web Design Library 著者:www.aivault.com 翻訳:菊池 http://www.webdes...

投稿日：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...