フラットアイコン

イラスト投稿者向け

2019.09.17

海外受け間違いなし!トレンドを抑えたフラットスタイルのイラストを簡単に作ろう

2018年7月5日 2019.9.17

すでに海外サイトでのポイント加算が始まっていますが、今回は海外の人にもたくさんダウンロードをしてもらうべく、フラットスタイルでイラストを作る方法をご紹介させていただきます!シンプルで直感的に伝わりやすいフラットデザインは世界中で流行しています。日本では複雑でかわいいイラストが受けがちですが、海外ではミニマルでクールなイラストが好まれます。しかもフラットスタイルは、絵に自身がない人でもIllustratorの基本がわかっていれば作れてしまうという優れもの。ぜひ挑戦してみてくださいね!

丸・三角・四角・シェイプ形成ツールのみで描く

イラストと言えばペンツールのベジェ曲線で描かなくてはいけないのでは・・・苦手・・・という方も多いはず。しかしフラットスタイルであれば単純な図形を組み合わせ、パスファインダーのちょっとした操作、変形効果を少し使っただけで海外っぽいイラストが短時間で作れてしまいます!

イラスト描き方

①輪郭

角丸長方形ツールで輪郭っぽい大きさを作成します。

②耳

楕円形ツールで円を2つ作成し、輪郭部分が真ん中にくるように配置します。

③髪の毛

楕円形ツールで円を作成したら光を表す線を作成し、円の左上に配置します。そし角丸長方形ツールで横長にオブジェクトを作成したら、先ほどの円のオブジェクトと合体させます。

④眉毛・目・鼻

各シェイプツールでそれぞれのパーツを作成したら、輪郭の中央部分に配置します。(眉毛:角丸長方形ツール/目: 楕円形ツール/鼻:スターツール)

⑤髭・口

輪郭部分を流用しパスファインダーの分割をして髭部分を作成します。その後、ワープ効果の円弧で少し図形を曲げます。最後に口のオブジェクトと合体させて完成です!

Illustrator 初心者の方だと、③の光部分の作成、⑤のパスファインダー・ワープ効果の使い方でちょっと戸惑ってしまうかもしれません。ペンツールで描いてもいいですが、図形で描くほうが正確に美しく作成できます。

③の光部分の作り方

イラストの描き方

⑤のパスファインダー、ワープ効果の使い方

イラストの描き方

上記の作り方を応用していろんな顔のパターンを作ってみました。基本は同じく、円・四角・角丸長方形などの図形を合わせるのと、パスファインダーを使って作成するだけです。あとはワープ効果も少々使用。慣れてくると人間だけでなくこの世にあるもの全て図形ツールで無限に作れそうな気がして楽しくなってきます。

フラットアイコン

体をつけてアバター風に

さらに上半身をつければ、アバターっぽく変身します。体も同じく図形のみでかんたんに作れます。このパターンさえ覚えれば、顔モチーフだけ・・・体をつけてアバターに・・・四角や丸で囲ってアイコンっぽく・・・などなどひとつの素材からいろんなバリエーションを作成することができます。

アバター

四角の中に配置してアイコン風に

フラットデザインとアイコンは非常に相性がいいです。しかしフラットなだけにちょっとのっぺりしがち・・・そんな時には下記のようなロングシャドウをつけてみてください。このようなシャドウのつけ方、海外のクリエイター作品でよく見かけませんか?シャドウをつけるだけで絶妙な立体感が生まれます。

フラットアイコン

7月1日より海外版サイトのダウンロードポイントが2倍となります! クリエイターの皆さま、ぜひ海外を意識したこれまでとは一味ちがったイラストの作成をしてみませんか? 海外サイトは現在順調にユーザーが増えています。海外のユーザーに認められれば、ダウンロード数は現在の2倍・・・3倍・・・5倍・・・!?増えるかもしれません!

海外テイストの作品はまだまだイラストACには少ないのが現状です。クールでかっこいいイラストについては、ダウンロードされやすいよう海外版のイラストACのトップページにどんどん追加してユーザーの目に触れるようにしていきますので、ぜひぜひみなさん、投稿してくださいね~!

海外に受けそうなイラストについては以前ご紹介した「海外で人気の出る素材とは?」こちらでも詳しくご紹介しておりますので、併せてご覧ください。

ビーチ「夏を味わう人々」無料写真素材10選(商用利用可)Prev

「ホラー」をテーマにした無料イラスト素材10選(商用利用可)Next死神イラスト

Pickup post

  1. 【写真AC】<無料>日本人女性ポートレートおすすめ33選

Related post

  1. イラストAC

    【イラストAC】イラストコンテスト結果発表!「ずっとしたかったこと」

    第31回イラストコンテスト「ずっとしたかったこと」にご参加いただきあり…

  2. イラスト描き方

    イラストAC

    オススメの「イラストの描き方」動画

    イラストACでは、イラストを投稿する際、そのイラストの描き方動画(Yo…

  3. 【初心者向け】これってどうやって作るの?!Illustrator小技集

    イラスト投稿者向け

    【初心者向け】これってどうやって作るの?!Illustrator小技集

    今回は作れそうで作れない、でも知っておけばきっと役に立つ、Adobe …

  4. タグ編集

    イラスト投稿者向け

    過去のタグの編集をお願いします。ータグ編集マニュアルー

    クリエイターの皆様、いつも素晴らしい作品の投稿をありがとうございます!…

  5. 簡単なキャラクターの作り方

    イラスト投稿者向け

    簡単なキャラクターの作り方

    今回はAdobe Illustratorを使用した、簡単な「キャラクタ…

  6. ダウンロード数アップ

    イラスト投稿者向け

    イラストACでダウンロード数を上げる方法

    イラストACのイラストレーター様向けの広告ができました!「トップページ…

Language

最近の記事

ARCHIVES

  1. ダウンロードユーザー向け

    AIが自動で背景を切り抜き!切り抜きACの使い方
  2. お知らせ

    【イラストAC・写真AC】イラスト・写真素材の投稿で被災地の復興を応援しよう!〜…
  3. 本のある風景

    ダウンロードユーザー向け

    「本のある風景 」をテーマにした無料写真素材10選(商用利用可)
  4. ガーデニング

    ダウンロードユーザー向け

    「ガーデニング」をテーマにした無料写真素材10選(商用利用可)
  5. 年間イベント撮影スケジュール

    写真投稿者向け

    永久保存版!年間イベント撮影スケジュール
PAGE TOP