●○● オレ流 イラレ道場 ●○●

●○● イラレ道場-ちょこっとレッスン ●○● 

みなさま､おはこんばんちは＼(^｡^)
ちばこちばお でございます(^◇^)
さっそく楽しくのIllustratorの使い方レッスンをしましょう ｖ(^^ )ノ

★☆★ イラストレーターの「不透明マスク機能」の使い方 ★☆★

ずっと前からやるやると言っていた、「イラレを使ってウェブ2.0チックな鏡面反射のアイコンの作り方」を
レッスンいたします(^_－)☆

「不透明マスク」という機能を使うとPhotoshopを経由しなくてもIllustratorだけですぐ出来ますよ♪


■ グラデーションを使って透明度を定義して不透明マスク機能を適用する
わかりにくいので、画像で説明しますね。


こういうアイコンを鏡のような床に反射させたようなデザインが
とても流行っていて、もう定着して来ている感じがします(^^ )

自分も色々と試してみたのですが、画像ものはPhotoshopを使ってやるのが１番簡単でした。

今回のIllustratorを使ってやる方法は、イラレで作成したアイコンをダイレクトに
鏡面反射表現したい時に１番手っ取り早い方法だと思います。
やり方も簡単です。

他には作成した画像に対してjQuery等で、鏡面反射のエフェクトをスクリプトで
適用する方法がありました。それぞれ、ケースによって使い分ける良いですね。

1. これが今回のレッスンの材料になるオブジェクトです


2. 鏡面反射させたい部分をリフレクトツールで上下反転コピーしましょう

元のオブジェクトの下端に中心点を配置して上からしたに
ドラックアンドドロップして、真下にリフレクトコピーします。
※ オプションキー（windowsはALT）を押しながらで、コピーされます。

＜ 関連Tips ＞
リフレクトツールを使ってハートマークを作る方法（動画）

3. 不透明マスクの透明度を定義するグラデーションオブジェクトを作成する

普通のマスク機能（クイックマスク）は、ただのクローズパスを作ればOKですが
「不透明マスク」の場合はグラデーションでマスクを定義するクローズパスを用意します。


4. 不透明マスクをかけたい対象になる、オブジェクトの上に配置します。



5. グラデーションはグレースケールで作成して、種類は「線種」
　 角度は下の画像の説明のように、設定します。


6. 文字だけで説明するのは、結構無理があるので、画像付きの説明書を作りました(^^ )
慣れると簡単です。いつものように、こういう機能が③の場所に隠れています。
こんな重要な機能がこういうところに隠れているから、なかなか気が付きませんね。

なれると、不透明マスク処理自体は、1分もかからないんじゃないでしょうか？

一個だけ成功させてみると、次からはもう思うがママ！になりますよ＼(^。^)

＜ 関連Tips ＞
「対象マスクだけを制御する方法」
「文字に書き順でグラデーションを付ける方法」
「切り抜きのやり方」
「クリップとメモの描き方」
「レイヤーの操作方法」

イラストレータって本当に便利ですね♪隠れた機能が沢山あってクリックすると宝の山です(^^※) ホクホク♪

はい、それではまた次回、ガチで本部レッスンリリースしますよ！桜のお花を咲かせます。
いきなりアレも復活させますので、おたのしみにね(^_－)☆

http://www.illareya.net/
Illustrator用素材の宝庫! イラレ屋はこちら＼(＾_＾)

パターンスウォッチを線幅やパターンを固定したまま拡大縮小する方法 >>www.illareya.net/line-keep.html

イラレ屋のメールマガジン 　いきなりこっそりリリースしてお得なデータプレゼントしますね♪

＜Illustratorのアップグレードリンク＞
http://www.adobe.com/jp/support/downloads/ilwin.html 　＜win版Illustratorのバージョンアップ＞

http://www.adobe.com/jp/support/downloads/ilmac.html ＜mac版Illustratorのバージョンアップ＞

↑ 応援クリックお願いします ＼(＾o＾　) 


イラレのレッスンに戻る

illustrator革命！イラレ通信＼(^◇^)／

イラレ通信読者 登録 / 解除

カンタン！イラレ道場＼(^◇^)

イラレ道場 読者登録 / 解除

 

• 
• 
• ツイート

みなさま､おはこんばんちは＼(^｡^)　ちばこちばお でございます(^◇^)

今日は、お得なパソコン情報をご紹介いたします ＼(^。^)

＜ ノートパソコンを、落としてしまって液晶画面が割れてしまいました(~_~;) ＞



大切なパソコンなのに、やってしまいました＞＜；
でも液晶画面の方から、落としてしまったので、逆に液晶だけにダメージが入って

本体はまったく大丈夫でラッキーでした。

カバーも無傷状態で液晶が衝撃を全部吸収したようです。

修理対象期間だったのですが、自分で壊した場合、保険が使えず修理に3～5万円くらい

かかるとのことでした。新しいのを買うか自力で交換するか安い修理屋さんがいいかもねと
店員さんに教えてもらいました。

それでダメで元々、完全に壊してもいいから自力で治そうと思いました。

前にタワーPCを掃除して壊したことがあるので、怖かったですが頑張りましたｖ(^^ )

＜ 液晶画面だけ売っている業者がある！ ＞
トラブルもあるかも知れませんが自己責任でOKなら、液晶画面だけ取り寄せて
部品交換してしまうのが１番いいなと、液晶画面を買いました。8,000円くらいでした(^^ )

安くてビックリしました。新品でしっかりしたものが揃っていました。

液晶交換動画 >> YouTube

液晶プロさん >>液晶画面の通販

液晶画面交換修理検索 >>google

＜ ノートPCのカバーの取り外し方 ＞

液晶画面はカバーがネジで固定されているのですが、そのネジの頭に小さい両面テープで

付いた樹脂性のカバー部材が、くっついていました。

まずそれを丁寧に取ってからネジを外し静電気でバチってならないよう、自分の静電気を
どこか別の金属にさわり放電してからパネルにさわりました。

かなり慎重にやらないとバキっと折れそうな部品が、沢山あるので丁寧に

部品を逐一確認しながら、液晶パネルを取り外しました。
同時にケーブルを全部抜きました。

その後、届いた新しい液晶パネルを取り付けました。最初、電源が入らずおかしいな？と

思ってもう一度中身を見てみたら、バッテリーケーブルのコネクタが上手く接続出来てませんでした。

このノートはソニーのバイオですが、バッテリーと接続するケーブルの長さがギリギリの長さでちょっと

位置がずれるとすぐに外れてしまうので、ちょっとそこだけ苦労しました。

メーカーからしたら、素人が交換するのが前提では無いので、こうなっているのかな？と思いました。

はい！無事治りました ｖ(^_^ ）
こういう修理が成功すると超うれしいですね♪
まあ、そもそも壊さないことが１番大切ですけどね(^^；)

http://www.illareya.net/
Illustrator用素材の宝庫! イラレ屋はこちら＼(＾_＾)

• 
• 
• ツイート

●○● イラレ道場-ちょこっとレッスン ●○● 

みなさま､おはこんばんちは＼(^｡^)
ちばこちばお でございます(^◇^)
さっそく楽しくのIllustratorの使い方レッスンをしましょう ｖ(^^ )ノ

★☆★ イラストレーターのアンカーポイントだけを整列する方法_その2★☆★

はい、前回のレッスンの続きです(^^ )

ダイレクト選択ツールで選択したアンカーポイントだけを、整列パレットで整列させましたが
キーオブジェクトを選択して整列をすることも、アンカーポイントの整列で可能ですので

そのやり方をレッスンしますね(^_－)☆

■ シフトキーを押しながら選択状態を保持しながら、再選択してキーオブジェクトに指定する
わかりにくいので、画像で説明しますねｖ(^^ ※)

1. 今回は単純な5本のパスを用意しました。これをとりあえず単純にアンカーポイントだけ整列させますね(^^ )

2. 前回のレッスンのやり方のまんまです



3. はい！綺麗に整いました(^^ )

4. それでは上から二つ目のアンカーポイントをキーオブジェクトにして整列をかけてみますね(^^ )

5. ダイレクト選択ツールで一旦、整列させたいアンカーポイントを全部選んだ後に
　キーオブジェクト（それを中心、基準にして揃えたいオブジェクト（この場合ポイント））を
　 シフトキーを押した状態でクリックして、もう一回クリックします。

　 それから「整列」で整えると、下の画像のようにキーオブジェクトを中心にして整列がかかります(^_－)☆


キーオブジェクトの概念はIllustratorバージョン10の頃からありましたので、こちらの
レッスンもご参考くださいね(^_－)つ 「 整列の方法 イラレ道場レッスン 」

イラレ道場本部で教えている、昔のイラレでも整列出来る！
ハイパーテクニックでアンカーポイントを整列させる手法はこちらです！
(^^ )つ「イラストレーターのアンカーポイントを楽に整列させる方法 」

関連Tips
 イラストレーターの等間隔に分布整列の使い方
スマートガイド機能とポイントにスナップ機能で上手にイラストレーターを使う方法


イラストレータって便利ですよね♪隠れた機能が沢山あって、発見の連続です(^^ )


はい、それではまた次回、ちょっと本部レッスンリリースしますので ｖ(^^ ) お待たせすみませんでした く(^^ )

おたのしみにね(^_－)☆

http://www.illareya.net/
Illustrator用素材の宝庫! イラレ屋はこちら＼(＾_＾)

パターンスウォッチを線幅やパターンを固定したまま拡大縮小する方法 >>www.illareya.net/line-keep.html

イラレ屋のメールマガジン 　いきなりこっそりリリースしてお得なデータプレゼントしますね♪

＜Illustratorのアップグレードリンク＞
http://www.adobe.com/jp/support/downloads/ilwin.html 　＜win版Illustratorのバージョンアップ＞

http://www.adobe.com/jp/support/downloads/ilmac.html ＜mac版Illustratorのバージョンアップ＞

↑ 応援クリックお願いします ＼(＾o＾　) 


 ブログレッスンに戻る

 

illustrator革命！イラレ通信＼(^◇^)／

イラレ通信読者 登録 / 解除

 

カンタン！イラレ道場＼(^◇^)

イラレ道場 読者登録 / 解除

• 
• 
• ツイート