自分力ブログ

糖質制限で加齢の食い止め、睡眠の短時間化、ビジネススキルの向上を目指します٩( ᐛ )و

Illustratorで3分でできた!!鏡面反射の画像・アイコンをつくる

      2016/08/09



画像でも鏡面反射をつくってみる

 

前回の Illustratorで1分でできる!!鏡面反射の文字をつくる ではこのような文字をつくりました。

鏡面反射8

 

これを今回は画像でもやってみよう!!と思ったんですけどうまくいきませんでしたΣ(゚д゚lll)ガーン

 

どうやらアピアランスを使っての鏡面反射は文字だけの方法のようです 泣

 

画像はどうやるんだ??

 

不透明マスク

 

というものを使います。こんな便利な機能を初めて使い無事に完成しました!!忘れないうちにメモメモ。

 

まず画像(アイコン)をいただいてくる

 

自分で下手なアイコンの絵を描かなくてもいいんです!!ちゃんとイラストレーターにはアイコンがあるんです♪

 

ファイル→新規作成 したら、ウインドウ→シンボル

シンボル

 

・・・・・。これだけですか??・・・・。使いたいものが・・・ない・・・。

 

なんて絶望的な気分にならないでください。赤枠のところをポチっと押す→シンボルライブラリを開く→モバイルを開いてください。

 

おぉーー、これこれ!!使用頻度の高そうなアイコンがたくさん出てきましたよね?好きなアイコンを選びます。私はワールドワイドにこれを選びました。

 

アイコン

ドラッグ&ドロップで持ってくるだけです。

シンボルリンク解除

 

そのままの状態で、赤枠のシンボルへのリンクを解除がアクティブになっているので、ポチっと押してリンク解除をします。

 

オブジェクト→グループ でアイコンの部品がばらばらにならないようにひとまとめにしておきましょう。

 

まずは不透明マスクを練習してみよう

 

アイコン

新規作成で真っ白のキャンパスの上に画像が置かれた状態です。

 

長方形ツールを画像の上にかぶせます。

鏡面反射2

 

ウインドウ→グラデーション で図のように設定します。種類の左横の三角ポチを押してホワイト、ブラックのグラデーションにします。種類:線形、角度:マイナス90度・赤枠のスライダーを動かす。黒い部分が画像の消える部分です。

 

透明マスク

今、キャンパスはこんな状態です。グラデーションの長方形の下に画像があります。

 

ウインドウ→透明

透明マスク2

こんな状態になってます。

 

選択→すべてを選択 で、長方形とその下にある画像が選択状態になりました。その状態で上図のマスク作成ボタンを押すと

透明マスク4

 

こんなかんじで画像にグラデーションがかかりました♪ が、反射面にしてはすべてが写りすぎですね。。。下のほうは消える感じでもう一度つくってみます。

不透明マスク

 

今度はアイコンの半分下が出るようにしました。出てる範囲はマスクを作成すると消えます。と言われても??なので実際どうなるかやってみます。

 

グラデーションにした長方形を画像の上部にのせます。長方形と円形をふたつとも選択してマスク作成します。

 

不透明マスク2

こんなかんじです。さっきより反射面ぽくなりました♪

 

今度は本番!鏡面反射の画像をつくります

 

画像をドラッグ&ドロップでキャンバスの上に配置して、シンボルのリンクを解除します。オブジェクト→グループしておきます。

 

オブジェクト→変形→リフレクト

リフレクト

 

水平にチェックしてコピーを作ります。できたら下矢印ボタンで移動します。画像のおしりとおしりをくっつけるように配置します。

リフレクト2

 

今こんな状態です。で、先ほどの不透明マスク処理をすると

鏡面反射画像

うん、今度はいいかんじ(∩´∀`)∩ワーイ

《参考にした記事》

 - イラレ講座

グーグルアドセンス 記事下

スポンサーリンク

グーグルアドセンス 記事下

スポンサーリンク

Comment

  1. ryokichi より:

    ご無沙汰しております。

    忙しくて更新していませんでしたが、復活しました!
    来ない間に素敵なブログに変身していますね(^^)/

    またよろしくです♬

Message

メールアドレスが公開されることはありません。

  関連記事

【Illustrator初心者】が文字の縁取りに挑戦!!

 いきなり大きな壁が立ちはだかる 先日、Illustratorを使って副業をした …

【Illustratorを使った副業に挑戦】楽しみながら手に職つけたい!!

やっぱりIllustratorを使ってみたい!!   私の本業は体ほぐ …

Illustratorで簡単3分!!文字を縁取って目立たせる

縁取りをさらに縁取って文字を目立たせる 前回は文字の縁取りに影をつけて文字を目立 …

Illustratorで簡単な魚の絵を描いてみました

まずは自分の気に入った絵を真似してみるところから   基本は大事だけど …

【Illustrator初心者】でも簡単!!手書き風の文字を作る方法

 手書き風の文字でインパクトをつけたい   手書き風の文字っていいです …

Illustratorで1分でできる!!鏡面反射の文字をつくる

またもやランサーズのロゴに参戦しました 懲りずにまたまた参戦してます。技術力がな …

描いた絵をIllustratorで読み込んで自由に遊んでみましたo(^▽^)o

ずっと使い方がわからず放置しているIllustrator(以下イラレ)でのお絵か …

何か技術を身につけたい人はスクールよりココナラで聞いたほうが速くて安い!

  Illustratorでデジタルで絵を描きたい(´∀`)と思ってか …

Illustratorで簡単な魚の絵を描いてみましたの続き

昨日できなかったことが、今日できるようになった(^^)v 昨日はあんなに四苦八苦 …

イラストレーターでツールバーが消えたときに再表示させる方法

Illustrator初心者にはよくあることです イラストレーターを立ち上げたと …