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

虹データです。 ...

 

最後に

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

投稿者プロフィール

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

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

関連記事

  1. Photoshop

    アナログにも負けない水彩画風表現を!Photoshopで混色しながら色を塗る方法

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

  2. illustration

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

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

  3. Tutorial

    自分らしさがアップ!WordPressのサイドバーにInstagramウィジェットを乗せる方法

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

  4. Photoshop

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

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

  5. Illustrator

    webデザインに活用するゴーストボタンを作るときの文字をセンタリングする方法

    みなさんこんにちは、mayukouです。今回は、アピアランスに関す…

  6. Photoshop

    必見!Photoshopでスタンプ風のかすれた表現をする方法まとめ

    こんにちは、mayukouです。だいぶ、暖かな気候になってきて、過…

コメント

  • コメント (0)

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

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

CAPTCHA


メルマガを購読する

[mc4wp_form id=”2540″]

最近の記事

instagramもやっています

This error message is only visible to WordPress admins

Error: No connected account.

Please go to the Instagram Feed settings page to connect an account.

facebook更新中!

スポンサー

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

  1. Illustrator

    簡単!Illustratorで写真の淵をぼかす方法
  2. wordpress

    自分のブログを冬仕様に!wordpressに雪を降らせるプラグイン
  3. Web Design

    今流行りのロングシャドウの簡単な作り方
  4. CSS

    デバイスに合わせて全画面表示したいときは、CSSのheight:100vhを使お…
  5. wordpress

    【制作実績】wordpressでイラストレーターさんのポートフォリオサイトを作成…
PAGE TOP