Design

Design Apps

Illustrator - 使い方

このページはプロモーションが含まれています。

【Illustrator】3Dグラフィックスタイルを作ってみる

IllustratorでPolished Raised Typeの3Dグラフィックスタイルを作成するチュートリアルです。テキストだけでなくオブジェクトにもスタイルを適用できるのでタイトル・アイコンなど制作する時に活用してみるもの良いでしょう。

使用OS:Windows7 使用アプリ:Adobe Illustrator CC 2014

16 01

3Dグラフィックスタイルの作り方

新規ドキュメントから長方形ツール(塗り:グレー)で背景となるオブジェクトを作成してレイヤーをロックし、グラフィックスタイルを作成する新規レイヤーを作成します。

16 02

文字ツールで文字を入力します。このチュートリアルではフォント:Arial Black・フォントサイズ:100ptとしてます。

16 03

テキストを選択した状態でメニュー「ウィンドウ」→「アピアランス」Shift+F6をクリックし、アピアランスパネルのメニューより「新規塗りを追加」を追加し、グラデーションの設定をおこないます。グラデーションは角度:-90度白(RGB:各255)からグレー(RGB:各120)になるようにしました。

16 04

テキストを選択した状態でアピアランスメニューより「新規塗りを追加」をクリックし、塗りを白(RGB:各255)にします。

16 05

追加した塗り(白)を選択した状態でアピアランスパネル下部にある「新規効果を追加」より「パス」→「パスのオフセット」をクリックしオフセットの値を0.3mmにします。

16 06

塗り(白)を垂直に移動させます。同様にアピアランスパネル下部の「新規効果を追加」より「パスの変形」→「変形」をクリックし垂直方向の値を0.3mmにします。

16 07

塗り(白)を選択した状態でアピアランスメニューより「項目を複製」をクリックし塗りを複製させます。複製した塗りの色を黒(RGB:各0)とします。

16 08

アピアランスパネルの塗り(黒)の下層にある「変形」をクリックし垂直方向の値を0.6mmにします。

16 09

塗り(黒)を選択した状態でアピアランスメニューより「項目を複製」をクリックし塗りを複製させます。複製した塗りはグラデーションにして下図のような設定をします。

16 10

アピアランスパネルの塗り(グラデーション)の下層にある「変形」をクリックし垂直方向の値を0.2mm・コピーの値を20にします。

16 11

塗り(グラデーション)を選択した状態で「新規効果を追加」より「スタイライズ」→「ドロップシャドウ」を追加して完成です。

16 12

完成したオブジェクトをグラフィックスタイルパネルにドラッグしますと新規グラフィックスタイルとしてスタイルが追加されます。後はスタイルを微調整するも良し、好みのスタイルを作成してください。

16 13
16 14

この記事は海外サイトVectipsのチュートリアルを参考にして作成したチュートリアルです。


Apple

Apple iPhone Air 256GB SIMフリー 6.5インチ A19 Proチップ スカイブルー

konciwa

【TVで紹介】konciwa -40℃ SHADE 日傘 JIS認証 遮熱率61% 反射冷却技術採用 完全遮光 広幅97cm 晴雨兼用 厚手生地使 | 折り畳み傘 100%遮光 自動開閉 改良型段階収納 UVカット100 軽量 遮熱 耐風 撥水 コンパクト 紫外線対策 日焼け対策 メンズ レディース