IKI_Art_Illustrator

今回は IKI氏の作品をトレースしてみました・・・。

IKI氏は、先日の結婚披露宴のウェルカムボードを制作され、
めちゃくちゃArtとサーフィンが大好きなMenです・・・。

そのIKI氏の作品をillustratorでトレースしちゃいました。

IKI氏の作品は凄く、トレースがしやすく練習にもなるよ・・・。

トレースはこんな感じです・・・。

これからも、良い作品を手がけて下さい・・・・。

illustorator/Photoshopは基礎くらいなら、伝授しますので・・・。

Break-dance_Photoshop

またまたPhotoshopでPOPを作成・・・。

今回はと言いますと・・・

Break-danceのPhotoを使いかっこいいPOPを作りたいと
思い、カラフルなイメージで制作。

出来上がりはと言うと。。。

まずは新規で・・・

1024px 768pxの背景を作成。

グラデーションオーバーレイで背景色を
変更する。グラーデーションカラーは好きな感じで
いいと思うよ・・・。
僕はこんな風にしました。

今回のメインになるPhotoを開く

選択ツールでダンサーを選択

境界線をかけながらレイヤーをコピーする
Mac(command+J)

背景にペースとする

フィルター➡ノイズ➡ノイズを加えるを選択。
内容は以下の通り。

選択ツールで楕円ツールを選択。
ダンサーを正円で囲み、ぼかし28pxにする。

レイヤー１の上に新フォルダーを作成してフォルダー名を
人物にする。
描画モードを覆い焼きカラーにする。
人物のフォルダーにレイヤー１をドラッグして
入れる。

レイヤー１が楕円選択ツールで選択されている状態で
人物フォルダーのレイヤーを選択し、マスクを追加する。

レイヤー効果で光彩（外側）にチェックを入れ
下記のように設定。

こんな感じになりましたか・・・？

Mac(cmmand+J)でコピーする。
レイヤー１の下にコピーレイヤーを移動

ぼかし➡ぼかし移動を選択。

背景レイヤーの上に新規レイヤーを作成。

描画色を#ffffffにして、フィルター➡描画➡雲模様１を
選択。

描画モードを覆い焼きカラーにする。

背景レイヤーの上に新たに新規レイヤーを作成。
レイヤー名をファイバーにする。
編集➡塗りつぶし➡白を選択して塗りつぶす。
フィルター➡描画➡ファイバーを選択。

フィルター➡ぼかし➡ぼかし移動

Mac(command+A)で選択して回転させる。

なげなわツールで以下のように選択する

マスクを追加する

グラデーションを追加する。

ブラシツールを選択して下記のようにする。

ライトのフォルダー作成して、その中に
新規レイヤーを作成

ブラシツールで描く

スターのブラシも事前にダウンロードして
描く。

最後にテキストを入力すれば完成。

続きを読む "Break-dance_Photoshop"

Stencil Text _Photoshop

今日はお休みだー・・・・。

久しぶりに、Photoshopがしたくなり感が鈍らない
ように練習をしてみました。

今回は、Stencil Text を作成。

どんな感じに仕上げるかと言うと・・・
こんな感じでーす・・・。

この写真は普段見かける横断歩道の白と黒のストライプですよね。

それにStencil Text を組み合わせて、白のストライプと同じ風に
ロゴをアスファルトに描いてみました。

まずは、任意の場所にテキスト入力をしましょう。

こんな感じです。

テキストスタイルで好きなテキストをチョイス

僕はこれでいきまーす。

次に自由変形でテキストの角度を調整します。
そのテキストレイヤーを右クリックしてテキストを
ラスタライズする。

編集➡自由変形➡ワープ等でテキストを編集

続きを読む "Stencil Text _Photoshop"

Starry Night" of Vincent Van Gogh_Touch

今年５月に日本でも公開予定の映画
ミッドナイト・イン・パリ(Midnight in Paris)と言う映画の
POPが「Starry Night" of Vincent Van Gogh_Touch」で
不思議な雰囲気だったので、自分の写真も編集してみました。

第64回カンヌ国際映画祭（Cannes Film Festival）の
オープニング作品として上映されたウディ・アレン
（Woody Allen）監督作品です。

ミッドナイト・イン・パリ

Favorites photo

久しぶりに写真の整理をしていたら、懐かしい写真が出てきたので、補正をしてみました。

ザ・ヴェネツィアって感じが撮りたかったので、船の上から

こちらは、リアルト橋からの風景写真です。
ホテルの目の前にあったので、夕暮れ時を狙った写真です。

色相・彩度等を変える事で、写真が締まりますね。

過去の写真を、色々と補正をする事で違った風景に見えるので、これからもやってみようと考えてますカッシャ

Woody_Illustrator_Gradation mesh

以前、Photoshopで使用したWoodyをIllustratorで
Gradation meshにしてみました・・・・。

意外と時間がかかりましたね・・・。
人物は特に肌の感覚が難しいです・・・

選択するとメッシュがのラインがよくわかります。

command+Yでアウトラインだけで表示。

なんとなく、Gradation mesh の感が戻ってきました。

ソフトは触らないと、細かい所の作成が出来なくなりますからね・・・。

もっともっと極めたいですね・・・

背景を少しコミックアート風にして見ました。

iCloud Style

唐突ですが、MacのiConってデザインがイケてますよね・・・

特にiCloudが出てからのアルミのiConがシンプルでいいです。

そんなiConを作成したいと考え、チャレンジしてみました。

Photoshopじゃないとあのアルミ感はでないですね。。。

実際のiCloud iConはこれです。

如何にこれに近づくかですね。。。

まず、最初にW:1000px × H:1000pxのアートボードを作成。

そこに角丸長方形ツールを選択して、描画色を#b4b4b4で
塗りつぶします。

レイヤーをラスタライズして

レイヤースタイルのベベルとエンボス効果を適用。

グラデーションオーバーレイを適応

こんな感じに仕上がります。

新規レイヤーを作成して、塗りつぶしをする。
描画色は#b4b4b4

次に、ノイズを加えぼかし(放射状)を追加して
色調補正➡トーンカーブをダークよりにする。

マスクを適用して型抜きをする。

描画モードをオーバーレイにすると
⬇のようになる。
それらしくなってきましたね・・・

Illustratorで事前に作成して置いたCloudマークを
開き、ペーストする。

Cloudも同様にグラデーションオーバーレイで
調整して色合いを整える。
ベベルとエンボスで位置を下にして・・・

完成です。

iPod shuffle_Illustrator_Gradation mesh

以前、Illustratorでグラデーション・メッシュの
練習をしていたんですが、久々にメッシュを使うと
感覚が鈍っていましたね・・・。

コンスタンスにしないと、それは忘れたり鈍りますよね・・・。

前は簡単な画像や絵にグラデーション・メッシュを
使用していたのですが、今回は少しレベルを上げて
これに挑戦しました。

iPod shuffleです・・・。（旧バージョン）

ではでは早速・・・Illustratorを起動、
ファイル➡新規でアートボード作成。
今回はA4の横で作成しました。

まずはイヤホンにメッシュ
メッシュも長方形ツールから「グラデーションメッシュを
作成」を選択して曲線に合わせて変形させていく、
地道な作業ですがこれをすることで通常のグラデーションより
細かくメッシュを入れる事が出来るんです

イヤホンのTOPも同様に・・・。
長方形ツールでメッシュは行数・列数を
2×2で設定すると、田の格子が出来るのでそれをダイレクト
選択ツールで変形させていく。

イヤホンの根元はペンツールでトレースして
線形のグラデーションを使用。

コードは長方形にグラデーションメッシュを作成し
変形させる。

イヤホンの穴は楕円形ツールでグラデーションを
使用。
影を意識してグラデーションを入れよ・・・。

レイヤーパネルを見ると、こんなにも
レイヤーが増えます。
気の遠くなるような作業でしょう・・
レイヤー数も増えるので、グループ分けするといいですよ

本体も長方形ツールでメッシュ作成して変形させる。
左側に光があたるのでそれも考え、メッシュを追加しよう。

本体サイド部分も長方形ツールを変形させる。
直線と曲線があるのでうまくコーナーを合わせて
下絵に合わせましょう。

イヤホンジャックの穴もこんな感じで。。。

ジョグダイヤルは楕円形ツールで変形させて
その上から長方形ツールでグラデーションメッシュを
作成し、変形させる。
少しテクニックが必要です・・・・

もう一つのイヤホンも・・・。

ここまでくれば、略完成に近づいてきますよ・・。

イヤホンメッシュ的な感じに、グラデーションと
透明度を少し加え・・・。

後は、仕上げに影などを入れると更に
立体感が出てきます。
これで完成です。
それっぽく見えますか・・・・

アウトラインで見るとこんな感じです・・・。
メッシュラインがよく分かります・・。

疲れましたね・・・・

でも、これどうやったらメッシュが作れるの・・・？
って思いますよね・・・・。

イヤホンの部分で説明すると、長方形ツールで
長方形を描く。
描画色は塗りも線も無しで・・・・。

オブジェクト➡グラデーションメッシュを作成を選択。

設定は以下の通り。

こんな感じに格子が出来る。

格子の角度をある程度調整しておくと
後が楽になります。

ダイレクト選択ツールで一つ一つ
アンカーポイントを変形させていく。

地味な作業がこれで分かって頂けるかも・・・。

後の箇所も地道に変形させていくんですが、
ここで回転ツールとか使えると、かなり
楽に作業出来ますよ・・・。

こんな感じで回転・・・・。

端も同じようにアンカーポイントを移動させ、
変形させる。

下絵の曲線に合わせてラインをつけましょう。

こんな感じです。

後はメッシュツールでメッシュを増やし、
グラデーションが入れやすいように用意するんです。

どうですか・・・・？

イヤホンだけでもこんなにメッシュを入れるんですよ

チャレンジしてみて下さい・・・・。

carry out main -- a picture_Toy Story

Toy Storyのウッディを使ってのおもしろ画像を
制作・・。

元画像はこれです・・・。

写真の一部が飛び出していくような画像に挑戦。

Photoshopを開き、ウッディの画像を開きます。
背景レイヤーをダブルクリックしてレイヤー０に
変更する。

新規レイヤーを追加(レイヤー１)

レイヤー１をレイヤー０の下に移動。

レイヤー１を選択した状態で、レイヤースタイル・
ダイアログを開き、パターンオーバーレイを選択。

設定は以下の通りです。
パターンは▶をクリックしてパターン２を選択して
格子状のパターンを選択する。

レイヤー１に塗りつぶしツールでBKに
塗りつぶす。

レイヤー０を選択。
描画モードを乗算にする。

そうすると⬇のように格子が
現れます。

長方形選択ツールで格子の升目にそって
選択していきます。

こんな感じにできましたか・・・？
選択場所はどこでもいいです・・。

選択したら、Mac(command+J)Win(control+J)で
複製をします。（レイヤー２）

下のレイヤーを非表示にするとよく
分かります。

レイヤー２も更に複製しましょう。

レイヤー２のコピーを選択して、サイドに
移動させます。

それにレイヤースタイルでベベルとエンボスに
チェックをいれ下記のような設定にする。
レイヤー２も同様にする。

レイヤー２を選択してサムネイルレイヤーを
Mac(command+click)して選択状態にする。

色相・彩度を選択して明度を暗くする。

レイヤーコピー２を選択して編集➡
変形➡自由に・・・を選択して傾き
を入れる。

レイヤー２のコピー２を更に複製して、
フィルター➡ぼかし➡ぼかし（放射状）を
選択。
下記のように設定。

レイヤー２ものコピーも同様に設定。
放射状の量は20にする。

ぼかしが終われば選択ツールでファイル
メニュー➡変形➡遠近法を選択して
⬇のように変形させる。

続きを読む "carry out main -- a picture_Toy Story"

Illustrator_basic_Layer

Illustrator_basic第三弾・・・。

今日はLayerについてです。。。

1.で関係ないレイヤーをロックしておくと、間違ってパスを
選択することもなくなるので、能率が上がります。

2.で関係ないレイヤーの表示を切っておくと、レイヤー単位で
パスを隠せるので画面が見やすくなります。特にパスが多い
レイヤーを隠すと画面の表示が速くなるので、ストレスが軽減
されます。また、［command］キー（Mac）/［Ctrl］キー（Win）を
押しながら切り替えると、そのレイヤーだけ画面表示
（プレビューかアウトラインか）を切り替えることができます。

パスを選択すると3.の部分に四角いマークが現れます。
これは選択したパスがどのレイヤーに含まれているかを示すものです。
複数のレイヤーにあるパスをまとめて選ぶと、マークが各レイヤーに
表示されます。

この四角を他のレイヤーにドラッグすると、選択していたパスが
そのレイヤーに移動します。レイヤーが変わるだけでパスの
位置はそのままです。
ドラッグするときに［option］キー（Mac）/［Alt］キー（Win）を
押していると、選択していたパスが別のレイヤーの全く同じ
位置に複製されます。

レイヤーは重なる事をいいますが、図形やペンツールや
文字等をキャンバスに描いた順に下から順に上へ新しい
レイヤーが重なっていきます。

勿論、順番を入れ替える事も簡単に出来ます。

レイヤー数を増やすとデメリットも出てきます。
それを解消する為にグループにまとめたりして
自分が使いやすいようにしましょう。