初級ブログカスタマイズなどweb系知識メモ、Illustratorで作った無料素材を公開

SAB-webカスタマイズ

Illustrator 2分で。鏡面反射する文字の作り方


↑こんな感じのが、あという間に結構簡単に作れたりしちゃいます。
※管理人つくってみました。

参考記事
◆Tutorial: Web 2.0 Logo Reflection in Vector format
with Illustrator Posted on March 4th, 2007 by BittBox
http://www.bittbox.com/illustrator/
tutorial-web-20-logo-reflection-in-vector-format-with-illustrator/

以下、画像付きで解説していきます。
■【鏡面反射文字】作成のポイントまとめ

  • 元の文字をリフレクト水平で鏡文字にする
  • 作った反射文字にアウトラインを作成する
  • 反射文字の上からグラデーションをかぶせる
  • 反射文字とグラデを選択して、パスファインダ・形状エリアを交差で処理

上の4項目がカンタンな流れです。
以下、図つきで解説していきます。




�　�文字をおく土台となる四角を作ります。
　　別に四角じゃなくても、グラデーションがなくてもいいです
　　練習なので、色はブラックが良いかと思います


�◆´，悩遒辰薪畋罎両紊法�
　　テキストツールで適当な文字を書きます


��　�△悩遒辰進源�をコピーして、反射している文字を作ります

　　テキストを選択し、右クリック→【 変形 】→【 リフレクト 】をクリック


�ぁ　� リフレクト 】の設定画面にて、
　　【 水平 】にチェックをして【 コピー 】をクリックします
　　※【 プレビュー 】にチェックを入れると、どんな感じになるかモニタできます


↑リフレクトが完了すると、こんな感じなものが作成される
見事、鏡文字の完成。


�ァ＼茲曚疋螢侫譽�トしたテキストを選択し、
　　右クリック→【 アウトラインを作成 】をクリックしておきます


�Α，修諒源�の上に、
　　グラデーションのかかった四角をかぶせるように作ります
　　図のように、線形-90度・下に行くほど濃くなるように色をつけます


�А　�ウィンドウ】→【パスファインド】の窓を出す。(出ているならOK
　　
　　先ほどアウトラインを作成した文字と、
　　今作ったグラデーションの四角を2つとも選択した状態で、
　　図でマークした、【 形状エリアを交差 】ボタンを押します

完成。ララララバーーーン




これと、
【関連記事】Illustrator ペッカペカしたガラス玉のような円の作り方
を応用してみたら、こんなのもできちゃった
おぉぉぉ…ペッカペカ！おもしろい。


FC2ブックマークに追加

こちらもどうぞ 関連エントリー

コメント一覧

コメントどうぞ

( ※「管理人にだけメッセージを送る」をご利用の際、返信が遅れる場合がございます )

管理者にだけメッセージを送る

トラックバック


この記事にトラックバックする(FC2ブログユーザー)

この記事へのトラックバック

welcome
SAB-webカスタマイズを購読
新着記事を すぐにおしらせ




コメント
タグクラウド