*

2013/11/03

Illustratorで奥行のある背景を描く(アピアランス)

Illustratorで奥行のある背景を描く(アピアランス)

あとで読む

  • このエントリーをはてなブックマークに追加
  • あぴあらんすの ちからって すげー!

    最近アピアランスの存在を知り、その便利さに日々涙しているsakimitamaです、こんにちは。

    さて今回はアピアランスを使って、奥行のある背景を描いてみましょう。ちょこっとグラデーションを付けるだけで、アイキャッチ画像もそれっぽくなります。簡単に色の調整が出来るのでオススメ!ぜひお試し下さい。

    20131103214228
    完成予定図
    使用ソフト:Illustrator CS5.1

    Step1 基本の図形を描く

    別に四角でなくとも良いのですが、グラデーションを付ける時にわかりやすいので、とりあえず四角で。

     

    20131103211840
    長方形ツール/Rectangle

     

    Step2 新規塗りを追加する

    ウインドウ→アピアランスにチェックを入れてアピアランスパネルを表示させます。

    アピアランスパネル下メニューの新規塗りを追加ボタンをクリックして、新しい塗りを追加します。

     

    20131103212052
    新規塗りを追加/Add New Fill button

     

     

    20131103212114
    無事増えましたね。

     

    Step3 塗りにグラデーションと効果をつける

    先ほど追加した「塗り」にグラデーションをかけます。

     

    20131103212639
    グラデーションツール/Gradient
    角度/A:-45°
    R:180 G:180 B:180
    R: 0 G: 0 B: 0

     

     

    続いて、一番上の「塗り」の三角をクリック、詳細を表示し、「不透明度:」という文字をクリック

    透明パネルが開くので、通常からオーバーレイに変更します。

     

    20131103212756
    透明/transparency
    オーバーレイ/Overlay

     

    20131103212829
    完成です、お疲れ様でした。

    色によってはオーバーレイでは効果が出ない時もありますので、その時は乗算にして不透明度を調整して下さい。

    乗算だと、下の色を選びませんが、影になる方の色がくすむのでお好みでうまく使い分けて下さい。

    乗算の場合はグラデーションの色
    R:255 G:255 B:255
    R:170 G:170 B:170
    くらいにするとちょうどいいと思います。

     

    20131103212930
    2番めの「塗り」の色を変えるだけで、簡単に様々な色のグラデーションを作ることが出来ます。

     

    20131103232942
    グラデーションを線形から円形に変えて、色を下の様に変更するとこんな感じ。真ん中にコンテンツを置けば映えそうですね。
    R:210 G:210 B:210
    R:110 G:110 B:110
    (オーバーレイの場合)

     

    20131103213922
    アピアランスなので、四角以外の形にも簡単に同じ効果をつけることも可能。これでアイキャッチ作成作業も捗りますね!

    Sponsored Links

    ---------Sponsored Links---------
    シェアをしてオラに元気を分けてくれ!
    Blogの更新情報はこちらで配信しています。
    tutorialmaniacsをフォロー RSS follow us in feedly チュートリアルマニアックスfacebookページ

    Sponsored Links

    ---------Sponsored Links---------

    新着記事

    マステリアルタイムプレビューIllustrator

    Illustratorでマスキングテープのデータを作る時は複数ウィンドウによるリアルタイムプレビューが便利

    最近、オリジナルのマスキングテープが流行ってますよね。いつか私も作りた...

    記事を読む

    Illustrator同心円グリッドツール花網目模様つくりかた

    同心円グリッドツールで作るお花・網目【Illustrator】

    今回は同心円グリッドツールでお花・網目を作ります。簡単にできるので、時...

    記事を読む

    Illustrator四角形グラデーションタイル背景

    再編集も簡単!四角形グラデーション背景のつくりかた【Illustrator】

    今回は四角形でグラデーションを表現した背景をつくります。色の編集も容易...

    記事を読む

    伸び縮みする飾り罫アートブラシ破線

    【簡単】アートブラシと破線で作る「伸び縮みするパターン罫」

    今回はアートブラシと破線で作る「伸び縮みするパターン罫」を作ります。基...

    記事を読む

    Illustrator日本語英語対訳表

    Illustrator日本語英語対訳表

    この日本語英語対訳表は、日本のIllustratorの発展のため、sa...

    記事を読む

    Illustratorプリセットで作る天然石飾り円

    Illustratorプリセットブラシでつくる天然石・飾り円

    今回はプリセットブラシを使った、バリエーション豊かな飾り円を作るチュー...

    記事を読む

    Illustratorアピアランス市松模様の線作り方グループの抜き

    Illustratorアピアランスで作る市松模様の線

    今回はアピアランスで作る市松模様の線のチュートリアルです。 アピ...

    記事を読む

    Illustratorランダムストライプ円

    簡単3分!Illustratorでランダムカラーストライプの円を作る

    今回は、簡単にランダムストライプの円を描くチュートリアルです。アピアラ...

    記事を読む

    マステリアルタイムプレビューIllustrator
    Illustratorでマスキングテープのデータを作る時は複数ウィンドウによるリアルタイムプレビューが便利

    最近、オリジナルのマスキングテープが流行ってますよね。いつか私も作りた

    Illustrator同心円グリッドツール花網目模様つくりかた
    同心円グリッドツールで作るお花・網目【Illustrator】

    今回は同心円グリッドツールでお花・網目を作ります。簡単にできるので、時

    Illustrator四角形グラデーションタイル背景
    再編集も簡単!四角形グラデーション背景のつくりかた【Illustrator】

    今回は四角形でグラデーションを表現した背景をつくります。色の編集も容易

    伸び縮みする飾り罫アートブラシ破線
    【簡単】アートブラシと破線で作る「伸び縮みするパターン罫」

    今回はアートブラシと破線で作る「伸び縮みするパターン罫」を作ります。基

    Illustrator日本語英語対訳表
    Illustrator日本語英語対訳表

    この日本語英語対訳表は、日本のIllustratorの発展のため、sa

    →もっと見る

    Sponsored Links

    ---------Sponsored Links---------

    • 名前:sakimitama
      東京下町。
      宇宙とNHKとWWEが好き。

      絵が下手でも、絵が描ける魔法のソフトIllustrator!
      Illustratorって楽しそうだなって思っていただければ幸いです。
    • tutorialmaniacsをフォロー RSS follow us in feedly チュートリアルマニアックスfacebookページ