*

2013/04/11

誰でも簡単!5Step、Illustratorであのまものを作る。

誰でも簡単!5Step、Illustratorであのまものを作る。

あとで読む

  • このエントリーをはてなブックマークに追加
  • 今回は、村の近くや井戸の底でよく見かけるあの生き物をIllustratorで描いてみます。
    ぷるぷるしたボディは一見難しく見えますが、スムーズツールを使えば誰でも簡単に描くことができますよ!

    Step1 楕円を描く

    20130410223308

    楕円 幅:540px 高さ:370px

    20130410223843
    数値を指定してアンカーポイントを移動します。
    下のアンカーポイントだけを選択した状態で、ダイレクト選択ツールをダブルクリック
    20130410224059
    移動 水平方向:0 垂直方向:-20px

    数値を指定してアンカーポイントを移動するのは意外に使える基本操作なので、ぜひ覚えておいて下さいネ!

     

    Step2 とんがりを描く

    やめてよぅブタゴリラ。
    20130411020613
    多角形ツールを使って三角形を描きます。
    多角形 半径:80px 辺の数:3

     

    20130411021224
    三角形を縦に長くします。
    拡大・縮小 縦横比を変更 水平方向:100% 垂直方向:150%

    20130411033252
    線を調整。
    線幅:40pt 角の形状:ラウンド結合

    20130410224929
    オブジェクト→パス→パスのアウトライン でアウトライン化。
    外側のパスだけ残して、残りは削除
    すみません、線、塗り共に黒にしてパスファインダーの合流を使ったほうが早いです。

    20130411021902
    まるっこい三角形を適当に配置。
    (ツールを使って揃えても良いですが、フリーハンドで置いたほうが、ちょっとゆがんでそれっぽくなります)

    楕円とまるっこい三角を選択したら
    パスファインダー 合体

    20130410225033
    おや、なんだか見覚えがある物体が……。

    Step3 スムーズツールでなめらかにする

    確かにそれっぽくなったけけどさ、違うんだよね!私が求めてるのはもっと ぷるんっ! とした感じなんだよね!
    ということで、滑らかにして行きましょう。

    20130410225050
    スムーズツールのアイコンをダブルクリックして設定画面を開きます。
    許容値 精度:20px 滑らかさ:25%

    20130410225224
    滑らかにしたい場所をこんな感じでドラッグ

    20130410225244
    反対側もドラッグ

    20130410225408
    線幅:8pt 塗り:R:0 G:148 B:220
    ね、簡単でしょ?

    Step4 目玉焼きを描く

    何故だか、ふいに目玉焼きが描きたくなったので続けます。
    20130410225805
    楕円ツールを使って2種類の丸を描きます。
    楕円 幅:95px 高さ:95px
    線幅:8pt 塗り:白

    20130411023739
    楕円 幅:35px 高さ:35px
    線幅:なし 塗り:黒

    白身と黄身(黒)をグループ化してコピー

     

    Step5 ウインナーも描く

    目玉焼きを作っていたら、ウインナーも食べたくなってきましたね。
    私は唐揚げのほうが好きですけど。
    20130410230115
    楕円形ツールで円を描きます。
    楕円 幅:270px 高さ:270px

    20130410230352
    図の箇所にはさみツール使用し、パスを分けます。
    上側のパスを削除。
    20130410230407
    削除するとこんな感じ。

    20130410230444
    線を調整します。
    線幅:40pt 線端:丸型線端

     

    20130411024544
    アウトライン化。

     

    20130411024815
    色を塗っていきます。
    線幅:8pt 塗り:円形グラデーション
    左 R:237 G:79 B:99 右 R:130 G:41 B:33
    色の変わり目はかなり右側です。

    20130410230609
    ウワーオイシソウダナー
    とりあえず完成!

    ほとんどの皆さんが気づいているとはおもいますが、この目玉焼きとウインナーの汎用性は非常に高く、足がたくさん生えたアレやぶくぶくしているアレにも使えます。

    あー、まぁ、だいたい満足なんだけどー、もっと質感?ってのが欲しいんだよねー。
    というわがままなアナタ。
    そういう貪欲な感じ、嫌いじゃないですよ
    というわけで、続きをどうぞ……

    おまけ Step6 ちょっとかっこよくする

    良い感じになった水色のオブジェクトを複製。
    片方の塗りをなくし、線だけにして上へ。

    (レイヤー順序)
    ウインナー・卵焼き
    線だけのスライオブジェクト
    色がついたオブジェクト

    20130410230851
    色のついた方のオブジェクトを選択
    効果→スタイライズ→光彩(内側)
    描画モード:スクリーン 不透明度:75% ぼかし:25px 境界線
    細かい数値はお好みで。

    20130410230903
    ちょっとそれっぽくなりました。

    20130410231035
    くち
    ウインナーと同じ要領で適当にハイライトを左上、右下に描きます。
    かける人はペンツールでもいいです。っていうか、ウインナーもペンでいいです。
    っていうか、本体もペンツー(略

    (ハイライト参考)
    左上 線:なし 塗り:白 透明:77%
    右下 線:なし 塗り:白 透明:42%
    (右下を薄くするとそれっぽくなります)
    あとは好きに配置してみて下さい。

    20130411003659
    できあがり!お疲れ様でした!

    20130411003728
    メインの色を変えるとぐぐっと雰囲気が変わります。
    では私はドラクエ7の続きがあるのでこの辺で!

    ス●●ニさん……
    ぷるぷる・・・ボクわるいブロガーじゃないよ!

    Sponsored Links

    ---------Sponsored Links---------
    シェアをしてオラに元気を分けてくれ!
    Blogの更新情報はこちらで配信しています。
    tutorialmaniacsをフォロー RSS follow us in feedly チュートリアルマニアックスfacebookページ

    Sponsored Links

    ---------Sponsored Links---------

    新着記事

    マステリアルタイムプレビューIllustrator

    Illustratorでマスキングテープのデータを作る時は複数ウィンドウによるリアルタイムプレビューが便利

    最近、オリジナルのマスキングテープが流行ってますよね。いつか私も作りた...

    記事を読む

    Illustrator同心円グリッドツール花網目模様つくりかた

    同心円グリッドツールで作るお花・網目【Illustrator】

    今回は同心円グリッドツールでお花・網目を作ります。簡単にできるので、時...

    記事を読む

    Illustrator四角形グラデーションタイル背景

    再編集も簡単!四角形グラデーション背景のつくりかた【Illustrator】

    今回は四角形でグラデーションを表現した背景をつくります。色の編集も容易...

    記事を読む

    伸び縮みする飾り罫アートブラシ破線

    【簡単】アートブラシと破線で作る「伸び縮みするパターン罫」

    今回はアートブラシと破線で作る「伸び縮みするパターン罫」を作ります。基...

    記事を読む

    Illustrator日本語英語対訳表

    Illustrator日本語英語対訳表

    この日本語英語対訳表は、日本のIllustratorの発展のため、sa...

    記事を読む

    Illustratorプリセットで作る天然石飾り円

    Illustratorプリセットブラシでつくる天然石・飾り円

    今回はプリセットブラシを使った、バリエーション豊かな飾り円を作るチュー...

    記事を読む

    Illustratorアピアランス市松模様の線作り方グループの抜き

    Illustratorアピアランスで作る市松模様の線

    今回はアピアランスで作る市松模様の線のチュートリアルです。 アピ...

    記事を読む

    Illustratorランダムストライプ円

    簡単3分!Illustratorでランダムカラーストライプの円を作る

    今回は、簡単にランダムストライプの円を描くチュートリアルです。アピアラ...

    記事を読む

    マステリアルタイムプレビューIllustrator
    Illustratorでマスキングテープのデータを作る時は複数ウィンドウによるリアルタイムプレビューが便利

    最近、オリジナルのマスキングテープが流行ってますよね。いつか私も作りた

    Illustrator同心円グリッドツール花網目模様つくりかた
    同心円グリッドツールで作るお花・網目【Illustrator】

    今回は同心円グリッドツールでお花・網目を作ります。簡単にできるので、時

    Illustrator四角形グラデーションタイル背景
    再編集も簡単!四角形グラデーション背景のつくりかた【Illustrator】

    今回は四角形でグラデーションを表現した背景をつくります。色の編集も容易

    伸び縮みする飾り罫アートブラシ破線
    【簡単】アートブラシと破線で作る「伸び縮みするパターン罫」

    今回はアートブラシと破線で作る「伸び縮みするパターン罫」を作ります。基

    Illustrator日本語英語対訳表
    Illustrator日本語英語対訳表

    この日本語英語対訳表は、日本のIllustratorの発展のため、sa

    →もっと見る

    Sponsored Links

    ---------Sponsored Links---------

    • 名前:sakimitama
      東京下町。
      宇宙とNHKとWWEが好き。

      絵が下手でも、絵が描ける魔法のソフトIllustrator!
      Illustratorって楽しそうだなって思っていただければ幸いです。
    • tutorialmaniacsをフォロー RSS follow us in feedly チュートリアルマニアックスfacebookページ