バナーの外枠をかっこよくする

バナーの外枠をつけるポイント

普通に矩形の外枠に1pxの線をつけた場合



となるけど・・
そこに、ひと工夫すると、簡単にクォリティの高いバナーに

まず、矩形を選択して矩形アピアランスに線を追加



元々の線の下に新しい線がくるようにして、
元々の線を「1px内側」に設定
新しく作った線を「2px内側」に設定



さらに新しい方の線の色を変更（今回は白）




こんな感じになりました




灰色のバナーなど分かりにくいけど、
明るい色で比べるとこんな感じ




上のバナーの方が、ハッキリみえるっ

バナー矩形の線をはっきりさせる

バナー制作の際
例えばサイズが「200px×100px」と決まっていて
普通に矩形を描画して1pxの線をつけるとこうなる



拡大すると、1pxの線にアンチェリアスがかかり、
矩形のサイズも「201px×101px」になっていたり・・・



そんな時はこれ！




矩形アピアランスの「線」をクリックして、
線の位置で「線を内側に揃える」にすると・・




と、矩形の中にキレイに1pxの線ができ、サイズが変わってしまう事も防げる！




こんな感じ。
ハッキリさが違う

だた、上の線にだけ微妙にアンチェリアスがかかるのが難点



でも、サイズが変わってしまって書き出しで困る事はなくなるかな

テキスト/文字を太くする、文字の周りに囲いをつける

テキストを太くする技

こんな感じでテキストを描く



コピーする



下になっている方のテキストを選択して
「効果」の「パス」の「パスのオフセット」を選択



周りの太さと、太さのスタイルを選択



こんな感じで並べてみる



太くした方の色を変更する



ふたつを重ねると、こんな感じ



こんなアレンジも可能★

立体的な影をつける

なにかを描いた時に、ちょっと立体的に見せるテクニック！
たいした事ないけど、けっこうつかう・・

こんな感じのイラストがあったとして
・・ちょっとさみしい感じ



ここで、「効果」の「スタイライズ」の「ドロップシャドウ」を選択



効果を適用させる範囲をプレビューを見ながら調整
あまりにも大きい数値にすると、イラストから離れたり、ぼんやりしたり



こんな感じで、影ができて立体的になる！



比べてみる
全然違いますわん

リボンの上に文字がかいてあるようにする

よく見かける「リボンの上の文字」

矩形ツールで長方形をかく



「効果」の「ワープ」の「旗」を選択



プレビューを見ながらリボンの形を調整



リボンのほうにヒラヒラしてみえる長方形の完成！



文字やリボンの形は、効果適用の前にやって、先にグループ化



効果をつけると、こんな感じになる

矩形のはじっこをぼかす

矩形は「ウィンドウ」の「ツール」から選択

円をかいてみる...



かいた円を選択しながら「効果」の「スタイライズ」の「ぼかし」を選択



プレビュー表示しながら好きなように微調整



できあがったぼかし画像の組み合わせでこんなこともできちゃう～

キラキラをつくる

よくある可愛い「キラキラ」ちゃんを作る(^ ^)/

円を描く



「効果」の「パスの変形」の「パンク・膨張」を選択



-75に設定（プレビュー見ながら自由に設定）



こんなんできましたぁ



こんな感じで使えます★

ギザギザの図形を描く

おはようございます！！って、もう夕方だぁ

日々、バナー制作する事がおおい・・
そんな時、短い文章を効果的に表す「ギザギザの図形」の作り方。

まず、普通の円を描く



「効果」の中の「パスの変形」の中の「ジグザク」を選択



好きなジグザグの大きさを設定



「プレビュー」にチェックを入れて、アートボードを確認しながら微調整



こんな感じで、綺麗なジグザグの図形が完成




こんな風に使ってますよん