TOP > MdN > 「紙」でも「WEB」でも使える万能デザインアイデア集!

MdN

 
 

「紙」でも「WEB」でも使える 万能デザインアイデア集!


万能デザインアイデア01

爆発したようなロゴをアクセントに使って目立たせる
使いどころ 写真やイラストなどのビジュアル要素が少なくてもインパクトを出すことが可能!

制作・文 三浦 悟(Sunny Sizes)
url http://www.sunnysizes.com/


基本となるアイテムを用意!
パスをフィルタで変形させてロゴを作成する
基本となるアイテム
●制作の要点
爆発したような見た目のポップなロゴ。文字をアウトライン化したのち、“パンク・膨張...”フィルタや“パスのオフセット...”などを適用して作成している。
..................................................
使用ソフト
Illustrator CS/CS2



グラフィックデザインで活用!
爆発風に加工した文字を大胆に配置しマークのように用いる

グラフィックデザインの活用例

Design Point
一文字のみに爆発風の加工を施して大きなサイズで大胆にレイアウトすると、キービジュアルとして利用することができる。ここでは、アルファベットの「P」という文字を加工し、その周囲に円形状に文字列を配置することでマークのように使用。なお、縁取りの太さを変えたいときは、“パスのオフセット...”の値を変更するとよい。いろいろ試してみて、表現意図に合った形になるよう工夫してみるといいだろう。


グラフィックデザインで活用!
写真などの別のビジュアル要素と組み合わせてインパクトを出す

グラフィックデザインの活用例

Design Point
爆発風のロゴを別のビジュアル要素と組み合わせると、より強いインパクトをもたせることができる。ここでは、階調を落としてイラスト風に加工した写真と組み合わせて、ポップなイメージを強調。その際、ロゴの塗りを赤、白、黒の強めの色に変更して目を引かせるように工夫している。なお、シャドウ部分の大きさによってロゴの立体感や印象が変わってくるので、全体のバランスを見ながら、調整していくといい。


 基本アイテムのつくり方

1
文字をアウトライン化し加工していく
まずは、ゴシック系のフォントで文字列を入力してアウトライン化しておく。選ぶフォントは、なるべくシンプルな形状でウエイトの太いものが適している 1-1 。次にアウトライン化した文字を選択し、フィルタメニュー→“パスの変形”→“パンク・膨張...”を 1-2 のように設定して実行 1-3

1-1
1-1

1-2
1-2

1-3
1-3


2
変形させた文字にパスのオフセットを適用する
次に、工程1で変形した文字に、オブジェクトメニュー→“パス”→“パスのオフセット...”を 2-1 のように設定して適用。作成されたオブジェクトを線のみに変更すると、縁取りのようになる 2-2

2-1
2-1

2-2
2-2


3
パスファインダで合体して縁取りを作成
表示メニュー→“アウトライン”を実行し、不要なパスがあればダイレクト選択ツールなどで選択して削除しておく 3-1 。続いて、表示をプレビューに戻し、縁取り部分のみを選択してoptionキーを押しながらパスファインダパレットの[形状エリアに追加]を実行 3-2

3-1
3-1

3-2
3-2


4
塗りの色を設定して完成させる
文字と縁取り部分をそれぞれ選択して塗りを設定する。これでロゴのベースは完成 4-1 。あとは、このオブジェクトをコピーしてcommand+Bキーで背面へ複製し、塗りを黒に変更して少しずらせば、影がついたように見せることができる 4-2

4-1
4-1

4-2
4-2










 
 




この記事をチェックした人はこんな記事も読んでいます。

  • 【MdN】

    グラフィック表現の技、まるごと全部教えます!

  • 【MdN】

    Illustratorテクニカル・ワークス

  • 【MdN】

    ひと手間、ひと工夫、ひと粘りのこだわりデザイン術

  • 【MdN】

    Photoshopプロセスノート/写真にドットを重ねて表現するグラフィカルなイメージ

この記事をチェックした人はこんな書籍も見ています。

おすすめの記事

  • 【MdN】

    かんたんイラスト講座

  • 【web creators】

    Webデザイン表現&技法の新・スタンダード デザインパーツ編

出版物のアフターケア

MdN の求人情報

ログイン

メールアドレス
パスワード

  • MdN編集部 ブログ課 MdN BLOG β
  • MdN書籍部の編集日記
  • MdNメールマガジンの登録・解除
  • 世界のガジェット総合ポータル ガジェットギャラリー