Webデザインセンスや多少知識が乏しくとも、プロっぽいデザインにできる方法があります。Web制作を助けてくれる便利なサイトの備忘録ブログ。

イラストレーターの不透明マスクを使って放射状の背景を作成

イラストレーターの不透明マスクを使って放射状の背景を作成

イラストレーターの不透明マスクを使って放射状の背景を作成

よく見かける背景ではありますが、不透明マスクを使えば凄く簡単に作成する事ができます。

イラストレーターバージョン10で作成した場合です。他のバージョンではやり方が異なることがあります。

不透明マスクを使って放射状の背景を作成

二等辺三角形を作成
二等辺三角形を作成長方形ツールより縦長の長方形を描きます。次に、長方形のオブジェクトを選択して、ペンツールより右下のアンカーポイントをクリックします。クリックしたアンカーポイントが削除され、三角形になります。そして、二等辺三角形になるように頂点をずらします。
回転ツールで回転・コピー
回転ツールで回転・コピーオブジェクトを選択し、回転ツールをクリックします。回転軸を決めて、Alt+クリックするとダイアログが表示されますので、15度回転させ、コピーを選択します。

その後Ctrl+Dで作業をコピーし、以下のように360度二等辺三角形で埋め尽くします。作成できたら、後々のためCtrl+Gで全てグループ化しておきます。Ctrl+Dで背景を繰り返し
円形のグラデーションを作成
円形のグラデーションを作成同じぐらいの大きさで、下記のような円形のグラデーションを作成します。色は円周囲を黒にしておきます。
不透明マスクの設定
2つのオブジェクトを重ねる

不透明マスクの設定円形のグラデーションが上になるように、2つのオブジェクトを重ねます。「ウィンドウ」「透明」(Shift+F10)を選び、三角形のオプションから「不透明マスクを作成」を選びます。すると円周囲が不透明になり、完成です。

完成後はアレンジ次第です。

楽してプロっぽいデザイン|Forty-N-Five Blog Trackbacks

このエントリーのトラックバックURL

楽してプロっぽいデザイン|Forty-N-Five Blog Comments

匿名:

こんばんは。たまたまこのブログをみつけて、少し助かりましたありがとうございます。
お礼と言っては何ですが。。

この手の放射状の図形を書くときはまず
12時と6時の部分を書いてから(ここで言うと二等辺三角形を水平線でリフレクトコピー)
任意の角度で回転コピーして行けば早いし絶対にずれません。

コメントを投稿

Name:
Mail:
URL:
この情報を登録しますか?

イラストレーターの不透明マスクを使って放射状の背景を作成の前後の記事

前の記事は「フォトショップでレイヤーマスクを使用して帯状のリボンを作成

次の記事は「動画の一部を静止画にフリーソフトをダウンロードすることなく変換

関連する情報

              

楽してプロっぽいデザイン|Forty-n-FiveBlog ホームへ戻る

検索

最近のエントリー

カテゴリー

月別アーカイブ

タグクラウド

管理人紹介

ポートフォリオサイト|Forty-N-Five

フィードを取得

フィードを取得する

スポンサードリンク

運営SHOP

健康美人30代から始める美と健康は、MovableTypeを使用して制作した通販サイトです。

健康美人30代から始める美と健康 もてもてSHOP NOLOOKS 和彩

元気をくれた本

「夢をかなえるゾウ」この本に出会えて良かったとホントに良かった思います。Webには関係ないですが、これからの人生を楽しくしてくれる本です。ガネーシャどうもありがとう(笑)

Copyright Forty - N - Five. All rights reserved.