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 436 downloads

虹データです。 ...

 

最後に

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

投稿者プロフィール

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

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

関連記事

  1. Photoshop

    便利!Photoshopで描いた絵をIllustratorで使えるパスに変換する方法!

    みなさんこんにちは、mayukouです。今回は、Photoshopで…

  2. デザイン

    楽天ショップのデザインの参考に!おしゃれな楽天ヘッダー7選

    みなさん、こんにちはmayukouです。いかがお過ごしですか?…

  3. Photoshop

    かすれや濃淡が出る!かわいい手描き感のあるブラシのご紹介♩(有料)

    皆さんこんにちは、mayukou です。以前の記事に書きました通り、…

  4. Photoshop

    ついつい押したくなる!立体的なボタンのデザインをPhotoshopで作る方法

    みなさん、こんにちはmayukouです。今回は、ランディングページ…

  5. Photoshop

    Photoshopでかすれたスタンプ風表現をする方法 その2

    みなさんこんにちは、mayukouです。今回は、うちのブログでも人気の…

  6. Photoshop

    Photoshop の水彩画ブラシで描いた植物イラストのご紹介

    みなさんこんにちは、mayukou です。肌寒いような暖かくなった…

コメント

  • コメント (0)

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

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

CAPTCHA


スポンサー

instagramもやっています

最近の記事

  1. 一手間でおしゃれに。CSSでマテリアルデザイン風のボタンを作…
  2. モバイルフレンドリーなwebデザインするときにおすすめなツー…
  3. かすれや濃淡が出る!かわいい手描き感のあるブラシのご紹介♩(…
  4. 今や欠かせない存在!iPad Pro “9.7を…
  5. iPad Proを液タブに♫Astropad Studioは…

facebook更新中!

  1. jQuery

    ボックス要素を横並びにしたときに高さが揃えられるJQuery、jquery.ma…
  2. Web Design

    作るごとに成長しよう!キュレーションメディアを作るときに気をつけること。
  3. Photoshop

    便利!Photoshopで描いた絵をIllustratorで使えるパスに変換する…
  4. Photoshop

    あっという間に!Photoshopのブラシで写真を手描き風にする方法
  5. ブログ

    明けましておめでとうございます。今年の抱負
PAGE TOP