Illustrator

空を可愛く!Illustratorで虹を簡単に描ける方法&ダウンロードできる素材を作りました


みなさん、こんにちはmayukouです。
台風も過ぎ去り、梅雨ももうすぐ明けそうな福岡です。
さて、これからこのweb design cafeもパワーアップしたいと感じている
今日この頃ですが、とりあえずは安心できるサーバーに移行しました。
(そのことについては、また別記事にてご紹介)

今回は、梅雨空にも出てくれると嬉しい虹の描き方をご紹介したいと思います。

スポンサードリンク

Illustratorで簡単にできる虹の描き方とは?

1.7色の長方形を並べる

149-niji

虹の色となる7色を長方形状に並べます。

上から順に、赤#E50011、オレンジ#EE7C1A、黄色#FFF232、緑#369838、

水色#36A8C4、青#78197E、紫#78197Eとなりました。

2.アートブラシに登録

150-niji

この7色の長方形をまとめてアートブラシに登録しましょう。

151-niji

この部分は、特に設定を変えなくて大丈夫です。(上)

3.円形オブジェクトに適応させる

円形オブジェクトをつくり、線をこのブラシに適応させましょう。円を選択した状態で、虹ブラシをクリック。

152-niji

153-niji

必要に応じてカットし、虹を完成させます。
たったの3ステップで、かわいらしいコミックライクな虹の出来上がりです🎵

リアルな虹にするには?

このままでも可愛いですが、よりリアルにするには、ちょっと色同士が混ざっている方がいいかもしれませんね。
今作ったものを応用させる方法をご紹介します。

アピアランスを分割

先ほど作ったものをアピアランスを分割してそれぞれ単色のベクターにします。

154-niji

ブレンドする

155-niji

ブレンドオプションでステップ数を10ほどにして、
作成します。

156-niji

完成です!

 

ダウンロードできます

今回作ったものをダウンロードできるようにしました。お好きなようにお使いください。

Icon

虹イラレデータ 300.16 KB 574 downloads

虹データです。 ...

 

最後に

いかがですか?
虹の作り方をご紹介しました。ぜひ参考にされていください。

投稿者プロフィール

mayukou
mayukou

Webデザイナー修行中のmayukouです。webデザインのお仕事を始めてなんとか約5年が経ちました。とにかく技術を高めようと思っています。仕事で得た知識やお役立ち情報をご紹介いたします。宜しくお願いします。水彩画を勉強中です。趣味は音楽鑑賞(洋楽)、料理、読書、ブログです。

詳しくはこちら


Twitterをフォローしていただくと、最新情報を見逃しません♫

関連記事

  1. デザイン

    スターバックスに学ぶブランディング:デザインコンセプトとは

    みなさんこんにちは、mayukouです。最近、webデザインの…

  2. illustration

    photoshopでモコモコの線を描くには?

    こんにちは。mayukouです。今回は、photoshopでモ…

  3. Photoshop

    表現の幅が広がる!photoshopのパスでラインを引く方法

    味のあるイラストを描きたい時に。Illustratorでラインを描…

  4. デザイン

    おすすめ!かすれたロゴに最適なスタンプ風なフリーフォント

    みなさんこんにちは、mayukouです。福岡もやっと梅雨が明けまし…

  5. jQuery

    簡単設置で見やすい!レスポンシブ対応メニューslicknavの使用方法

    みなさんこんにちは、mayukouです。さて、4月21日から、goo…

コメント

  • コメント (0)

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。

CAPTCHA


最近の記事

instagramもやっています

facebook更新中!

スポンサー

こんなサイトも作ってます。

  1. Illustrator

    スキャンした画像をIllustratorでベクターにする方法2 (追記)
  2. Tutorial

    ワイヤーフレームがプロ仕様に!素敵なグラフィックスタイル「WireMagic」
  3. Photoshop

    Photoshopでスタンプ表現が簡単に!PSD素材で一発表現!
  4. Photoshop

    点線もかける!Photoshopでラインを引く方法を新たに発見(ストローク機能)…
  5. 日記

    wordpressでコーギーブログ始めました♫
PAGE TOP