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

虹データです。 ...

 

最後に

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

投稿者プロフィール

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

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

関連記事

  1. Photoshop

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

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

  2. Photoshop

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

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

  3. Photoshop

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

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

  4. Web Design

    デザインが成功するテンプレがここに。「なるほどデザイン」を読みました

    みなさんこんにちは、mayukouです。今回は、デザイン関連のお勧め…

  5. Photoshop

    いい味が出る!リアルな水彩画風タッチに最適なPhotoshopのブラシ

    こんにちは、mayukouです!今日は水彩画に最適なPhotosho…

  6. illustration

    簡単!Illustratorでキラキラ星を作る方法

    みなさんこんにちは。mayukouです。だいぶ秋らしくなってきまし…

コメント

  • コメント (0)

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

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

CAPTCHA


メルマガを購読する

Web Design Cafeの メルマガを購読する

更新情報や、お知らせ、お得情報をゆる〜く配信(月1程度)。


最近の記事

instagramもやっています

facebook更新中!

スポンサー

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

  1. jQuery

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

    wordpressでコーギーブログ始めました♫
  3. CSS

    一手間でおしゃれに。CSSでマテリアルデザイン風のボタンを作る方法
  4. ブログリニューアル

    wordpress

    ブログリニューアルしました。そのときやったことなど。
  5. クリスマス

    メリークリスマス☆ハイアットのケーキや、ケンタッキーのチキンなど家で過ごしたクリ…
PAGE TOP