イラストレーターで集中線の作り方

公開日: : 最終更新日:2015/06/25 初心者のためのphotoshop講座


バナー作成に使えるイラストレーターのテクニックをご紹介。
ベクトル線をグラフィックに使えるソフト「イラストレーター」を使って
フォトショップと組み合わせて集中線を使った安売りバナーを作ってみましょう

イラストレーターで集中線の作り方

集中線の線をひとつ取ってみればただの三角です。

まずはスターツールを使って三角形を作ります

イラストレーターのスターツールは、星の形をしたツールですが、キーボードの矢印キーの上と下を押せば頂点の数を決めれますので3角形や星型、後はなんかキザキザなものまで簡単に作ることが出来ます。


それを伸ばして2等辺3角形にします。


回転ツールを使いたいので、その画像を回転させたとき、鋭角の部分が真ん中に来て欲しいので、三角形をコピーして画像のように対にします。
そこで、合成ツールにて合成しておく。

イラストレーターやフォトショップは、
描画ツール決定の時、
シフト「shift」を押しながらマウスを離せば、0度、45度、90度の固定、
オルト「alt」をを押しながらマウスを離せば、複製する
という機能があるので覚えて置いてくださいね。

三角を回転コピーする

画像を右クリックして
変形>回転
15度、コピーすると、
その三角形が15度回転してコピーされる。

しかも回転される軸は画像の中心。

Ctrl+Dで複製を何回も押す

すべてコピーすれば、画像のような集中線の出来かけが完成します。
大体これで作り方はわかったでしょうか?
これをフォトショップに
Ctrl+C Ctrl+D(コピー&ペースト)するだけでいいのです。


フォトショップに移す。コントロール+V。
これでももう完成したも同然!

このバナー作成に使えるグラデーションの作り方を悩む人が居ると思います。
これは、前回「線画レイヤーの作り方」で説明したのと同じで透明ピクセルのロックをかけているのでただグラデーションツールでマウスをドラッグするだけなんです。


色のおき方としては、
まずは背景画像にオレンジと黄色のグラデーションをかける。
グラデーションツールは、描画色と背景色の移り変わりです。
色の選び方がわからない場合は私が作ったこの画像を
フォトショップに取り込み、スポイトツールを使って色を見てください


集中線は、すこし濃い色がいいと思いましたので、
グラデーションを薄いオレンジで入れてみました。
透明部分の保護を使ってグラデーションを適応してください。


これで、「画像の背景切抜きを誰よりも速く出来る方法」で紹介した、画像切り抜きを使って、画像と文字を置いてみればバナーの完成です。
私は慣れているので5分ぐらいで作れます。
WEBデザイナーというのは、大抵の作業を綺麗にしかも短時間で作成することができますが、工場ではないので需要がないのです!
だから作ったといって単価何円ともらえるわけではありません
お客さんが居て、要望があって、それを形にする。
しかもアクセスアップされたホームページに取り付けたそのバナーの収益率、クリック率などを考えてこそWEBデザイナーといえるんですよね。
こりゃ儲からないですよね。

ほかにもこれ読んでみませんか?

1pxの線の引き方(鉛筆や選択範囲の境界線や効果を使う)

1pxの線の引き方をご紹介します。 書かなくてもいいことだけれど

角丸の四角形の作り方

アップルのアイフォンのアプリなどのアイコンは角丸の画像です。 ボ

Message

メールアドレスが公開されることはありません。

時代は光じゃなくホームルーターだな。

無料勉強教材とおい駅、ちかい駅
ようすことばを無料で4才~5才に教える教材

これはようすことばを教える無料ワークですが、レベルが低す

くっつき言葉、幼児4才~5才無料ワーク
くっつきことば 無料 練習プリント 4才~5歳

4才から5歳で勉強するくっつき言葉の無料練習プリントです

no image
中学生が高校に興味があると思うほうがおかしい

NHKのウワサの保護者会見てたら、 中学生になると学生

no image
岡山県湯原ダムのポルシェの別荘とオオサンショウウオの話

ポルシェのおっちゃんの別荘に行った時、 夜に水道の蛇口

no image
サイト譲渡に伴う運営者変更について

サイト譲渡に伴い運営者変更となります。 詳細は後日。

→もっと見る

PAGE TOP ↑