Tuesday, July 29, 2014

Illustrator：Illustratorの標準パターンをわかりやすく一覧表示してみた。


この前書いた記事「Illustrator：和柄のパターンの作り方を紹介。24種類のtips＆リンク集」が好評らしくアクセス数が伸びてしょうがないので、もう少しイラストレーターのパターンの記事を書いて見ようと思います。（ゲス顔） 


というわけで、今回はイラストレーターの標準パターンにはどんなものがあるのか気になったので一覧にしてみました。いやはや、標準パターンとなめていましたが意外と使えそうなパターンがありますね。

イラストレーターのバージョンはCS5です。まとめてみたら、結構な数になってしまったので各パターンの別ページを作ってまとめています。

ちなみにパターンの場所は上のメニューの「ウィンドウ」→「スウォッチライブラリ」→「パターン」と進むと見つかります。 

あ、あとオマケ的な感じでPDFも置いておきます。それではどうぞ。



[ベーシック＿テクスチャ（34種）]



・ベーシック＿テクスチャのまとめページ
・ベーシック＿テクスチャをまとめたPDFをダウンロード


[ベーシック＿ライン（33種）]


 
  

・ベーシック＿ラインのまとめページ
・ベーシック＿ラインをまとめたPDFをダウンロード


[ベーシック＿点（23種）]

 

・ベーシック＿点のまとめページ
・ベーシック＿点をまとめたPDFをダウンロード


[自然＿アニマルスキン（10種）] 



・自然＿アニマルスキンのまとめページ
・自然＿アニマルスキンをまとめたPDFをダウンロード


[自然＿植物（40種）]

 

・自然＿植物のまとめページ
・自然＿植物をまとめたPDFをダウンロード

[装飾＿オーナメント（32種）]


・装飾＿オーナメントのまとめページ
・装飾＿オーナメントをまとめたPDFをダウンロード


[装飾＿クラシック（40種）] 


・装飾＿クラシックのまとめページ
・装飾＿クラシックをまとめたPDFをダウンロード


  [装飾＿モダン（40種）]


・装飾＿モダンのまとめページ
・装飾＿モダンをまとめたPDFをダウンロード


[装飾＿原始的（32種）]


・装飾＿原始的のまとめページ
・装飾＿原始的をまとめたPDFをダウンロード


[装飾＿幾何学模様1（32種）]


・装飾＿幾何学模様1のまとめページ
・装飾＿幾何学模様1をまとめたPDFをダウンロード


[装飾＿幾何学模様2（42種）]


 

・装飾＿幾何学模様2のまとめページ
・装飾＿幾何学模様2をまとめたPDFをダウンロード


 

デザインの学校 これからはじめるIllustratorの本 [CS6対応版]
デザインの学校 これからはじめるIllustratorの本 [CS6対応版]
posted with amazlet at 14.07.29
佐々木 京子 著 ロクナナワークショップ 監修
技術評論社
売り上げランキング: 6,169
Amazon.co.jpで詳細を見る
Posted by at No comments:
Labels:

Tuesday, July 15, 2014

Design:配色に便利そうなサイト2つほど


http://flatuicolors.com/

クリックするとその色のカラーコードをコピー出来るサイト。
でも、20色だけみたいですな。



http://www.color-blindness.com/color-name-hue/

チャートの中のカーソルをグリグリ動かすと、右にコード、下に色の名前がでます。
結構便利。



Posted by at No comments:
Labels: ,

Monday, July 14, 2014

Illustrator：複合パスを使って中身がランダムなチェック柄をつくるよー

複合パスを使って各ボックスの絵柄が違うチェック柄を作るよ。



「長方形ツール」と「移動・コピー」なんかでチェック柄をつくりました。
 


オブジェクトを全部選択して、上のメニューの「オブジェクト」→「複合パス」→「作成」と進んで複合パスにします。


別個にマスクを掛けたいオブジェクトを描きます。今回は長方形を作りました。


長方形に柄を描きます。 今回はテクスチャのステンドグラスにしました。
 


先ほどのチェックを上に重ねます。

上のメニューの「オブジェクト」→「クリッピングマスク」→「作成」と進むとチェック柄すべてでマスクを掛けることができました。 完成です。
 



複合パスはサムネイルのようにグラデーションを掛けたオブジェクトにも有効です。
 


画像もこんな感じでマスクを掛けれます。


こんなのもできます。
 


文字の場合、アウトライン化しないと複合パスには出来ないので気をつけましょう。



複合パスに関してもっと詳しく知りたい人の為の良記事。
複合パスとは？（Illustrator） （DESIGN TIPS様）






複合汚染（新潮文庫）
複合汚染（新潮文庫）
posted with amazlet at 14.07.14
新潮社 (2014-02-07)
売り上げランキング: 33,250
Amazon.co.jpで詳細を見る
Posted by at No comments:
Labels: ,

Tuesday, July 8, 2014

マインクラフト：ウサギがスポーンしたよ

何種類かいるみたいですね。
殺人ウサギもいるみたいだから気をつけよう。


 人参をあげたいんだけど、孤島なんだよな・・・

PC版「マインクラフト」　ウサギ実装！　最新スレ情報まとめ
Posted by at No comments:
Labels: ,

Monday, July 7, 2014

AfterEffectsで光を表現するとき参考になるチュートリアルをいくつか紹介。

http://www.digitalartsonline.co.uk/tutorials/after-effects/create-cosmic-lighting-effects-with-particles/

炎、宇宙、水ときたから、今度は光に関するチュートリアルを集めてみた。
お部屋を明るくして読んでください。





言語：日本語
チュートリアルの形式：画像＆テキスト

エフェクトの「グロー」とは一味違う綺麗なグローの作り方を説明してくれている記事。
大変勉強になる。





http://fukidashi.web.fc2.com/page1/page17/page17.html

発光する文字(初級)（After Effects STUDY!!様）

言語：日本語
チュートリアルの形式：画像＆テキスト

超初心者向けの文字をキラリと光らせるチュートリアル。



http://www.videocopilot.net/tutorials/light_streaks/


言語：英語
チュートリアルの形式：動画
プラグイン：Trapcode Particular

VIDEO COPILOTのストローク状の光を作ろうというチュートリアル。
一時期はやりましたな。



http://www.videocopilot.net/tutorials/3d_light_casting/


言語：英語
チュートリアルの形式：動画

光る球体が画面内を駆け抜けるチュートリアル。
前半の光る球体作り方は目から鱗。



http://www.videocopilot.net/tutorials/light_streaks_2/

Light Streaks 2（VIDEO COPILOT）

言語：英語
チュートリアルの形式：動画

上にあるLight Streaksの応用編だね。



http://www.videocopilot.net/tutorials/lightning_blast/



言語：英語
チュートリアルの形式：動画

人が稲妻にあたって砕けちゃうチュートリアル（どんなチュートリアルだよ）
グロ注意。
光の表現は動画中盤から。


http://ae-users.com/jp/tutorials/2010/01/particleline/


言語：日本語
チュートリアルの形式：画像＆テキスト

「CC ParticleWorld」を使ってストローク状の光を作る。
大変わかりやすい良チュートリアル。



http://library.creativecow.net/mize_rob/AE-Fireworks/1

Creative Fireworks in Adobe After Effects(Creative COW)

言語：英語
チュートリアルの形式：動画

「cc particle world」と「エコー」を使って花火を作ろうというチュートリアル。

途中に出てくるエクスプレッションのリンク先はこちら（ページ中段よりやや下）


http://www.digitalartsonline.co.uk/tutorials/after-effects/create-cosmic-lighting-effects-with-particles/

After Effects & Photoshop tutorial: Create cosmic glows and lighting effects with particlesa

言語：英語
チュートリアルの形式：画像＆テキスト
プラグイン：Trapcode Particular

「Particular」を使った光の表現の上級編といったところでしょうか。
すごいやわらかい光の表現です。



http://www.premiumbeat.com/blog/video-tutorial-light-painting-in-after-effects-and-photoshop/

Video Tutorial: Light Painting in After Effects and Photoshop

言語：英語
チュートリアルの形式：動画
その他：photoshop使用

photoshop画像を連続させることで光の軌跡を作るという一風変わったチュートリアル。
途中でシーケンスレイヤーのプラグインの紹介があるが、力技でもなんとかなるような気もする。



http://qubahq.com/2010/08/tutorialpreset-light-wall/ 

Tutorial+Preset: Light Wall

言語：英語
チュートリアルの形式：画像＆テキスト
プラグイン：Trapcode Particular,Cinema 4D,VC Optical Flares

プラグインを使いまくってリアルな光る壁を作ろうというチュートリアル。
さすがにハイクオリティです。ちなみにチュートリアル動画は1時間を超えてます。
 

http://vimeo.com/38133040

After Effects Tutorial: Light Wall 

言語：英語
チュートリアルの形式：動画

上のTutorial+Preset: Light Wallの簡易版といったところでしょうか。
こちらはシンプルな作りで初心者にもやさしいです。




クリックをするとYoutubeへ飛びます。


Elegant Light Streaks (No Third Party Plugins) | After Effects Tutorial


言語：英語
プラグイン：VC Optical Flares

「CC Particle Systems II」を使ってストローク上の光を作るチュートリアル。
「Optical Flares」を使っているがレンズフレアでなんとか代用できそうな気もする。


クリックをするとYoutubeへ飛びます。

言語：英語
プラグイン：Trapcode Particular,Trapcode Shine

「Particular」と「Shine」を使ってのシンプルな放射状のライティングの作り方。
本当にシンプルな「Particular」と「Shine」の使い方。初心者向け。



クリックをするとYoutubeへ飛びます。


After Effects Tutorial @ [Tutotrialpilot.net] Particle Flow


言語：英語

「CC ParticleWorld」を主に使って光の粒が泡状に発生する空間の作り方。


クリックをするとYoutubeへ飛びます。


言語：？？？
プラグイン：Trapcode Particular

「Particular」を使ってエネルギー体がぶつかり合う映像の作り方。



クリックをするとYoutubeへ飛びます。

のはなしし
のはなしし
posted with amazlet at 14.07.08
伊集院 光
宝島社
売り上げランキング: 182
Amazon.co.jpで詳細を見る
Posted by at No comments:
Labels:
Subscribe to: Posts (Atom)