- 2012年04月05日
- フリー素材でサイトを作る グローバルナビ編
今回はフリーのアイコン素材を使って、ショッピングサイトのグローバルメニューをつくります。
- 2012年07月17日
- 写真素材がない時のデザイン方法 キービジュアル編
今回は、素材がない時のデザイン方法を、キービジュアルをデザインする場合に絞って考えてみたいと思います。
- 2012年09月11日
- 写真に関しての「困った」を解決!~ サイズが小さい・解像度が低い場合 ~
入稿された写真素材のサイズが小さい・解像度が低い!そんな時のデザイン対処方法です。
- 2012年11月08日
- フリー素材でサイトを作る タイトル・見出し編
グローバルナビ編の続編!簡単で見栄えのする見出しを作りましょう。今回はいくつかパターンをご紹介します。
- 2013年08月09日
- テイストや雰囲気の作り方 ~前編~
デザインを作る上で、必要となってくるのがテイストです。見た目も雰囲気もとても左右される大切な内容です。今回は、テイストの作り方についてご説明します。
- 2013年08月09日
- テイストや雰囲気の作り方 ~後編~
デザインを作る上で必要なテイストについて、今回は後編としてテイストの作り方を実践的にご説明します。
- 2013年08月16日
- 初めてでもできる!ペンツールを使ってお絵かき ~描き方編~
初心者にとってとっつきにくいペンツール。思い通りに描けないという方もこれを読めば、きっと使いこなせるはず!
- 2013年08月19日
- 初めてでもできる!ペンツールを使ってお絵かき ~調整編~
初心者にとってペンツールは、どう使えばいいか悩むところではないでしょうか? なんとなく線は引けても、思い通りに描けないと…
- 2013年08月22日
- 絵心がなくても描ける! トレースから作るイラスト
ペンツールの使い方をある程度マスターしたら今度は、トレースをしてましましょう。今回は、写真をトレースしてイラストにします。
- 2013年08月26日
- 作り方のコツを伝授! 実例で学ぶロゴデザイン
今回は時間をかけずに作成するロゴの作り方をご紹介します。例としてWebサイトのロゴの作り方をまとめました。
- 2013年08月28日
- イラストレーターで実現! 手書き風イラストの描き方
今回はイラストレーターの効果を使って、手書き風のイラストにチャレンジ。ちょっと手を加えるだけでデザインに温かみがでてきます。
- 2014年02月07日
- 簡単ロゴデザインVol.1 悩まず作るコツとポイント
作る時に悩んでしまうのは、作り方のルールを知らないからなのかもしれません。そこで今回は、悩まずロゴを作れるポイントをご紹介します。
illustratorといえば、何といってもペンツール!
最も重要で、同時に最もつまずきやすいツールではないでしょうか。
筆者もずっとphotoshopを使用していて、初めてillustratorのペンツール・パス・ベジェ曲線を使用した際には「何だこれは…意味が分からない」とお手上げ状態でした。
そこで、ペンツールでお困りの方に使い方を簡単に解説します!
(illustratorCS5の画面をキャプチャしているので画面や機能の違いがあるかもしれません。ご了承下さい。)
もくじ
ペンツールのパス・ベジェ曲線とは?
実際にillustratorのペンツールをつかって湾曲した線を3パターン描いてみました。
パスは、ベジェ曲線と呼ばれる複雑な数式を用いる線で表現されます。
ベジェ曲線は、「アンカーポイント」「セグメント」「ハンドル」の3つの要素から成り立っていて、
それらをすべてひっくるめてパスと呼んでいるのです。ではこの3つの要素がどんなものか見ていきましょう!
「アンカーポイント」・・・描く線の基準になるポイント。ペンツールでクリックすると出現します。
「セグメント」・・・・・・アンカーポイントとアンカーポイントを結ぶ線。図形の骨組みです。
「ハンドル」・・・・・・・アンカーポイントから出る方向線。この線で方向を自由に調整できます。
要は、点と点を結ぶ線をついているハンドルでいろいろ動かしていくと、様々な形になるよ、ということです。
使用するツールを覚えよう
実際に線を描いてみる前に、ザッとペンツール関連のツールをご紹介します。
今はとりあえず、こんなのがあるんだ〜、と頭の片隅に置いておいてください。
関連するツールが出てきます。
まずは今回のメイン「ペンツール」、続いて「アンカー
ポイントの追加ツール」「アンカーポイントの削除ツール」「アンカーポイントの切り替えツール」。
どれもパス・ベジェ曲線を描くにあたって頻繁に使用するツールです。
では、ひとつひとつ細かい役割を見ていきましょう!
【ペンツール】
パス・ベジェ曲線が作成できるツールです。クリックしてアンカーポイントを設置することができます。
(ショートカット:P 覚えておくととても捗ります。)
【アンカーポイントの追加ツール】
+マークが目印。パス・ベジェ曲線上でクリックするとアンカーポイントが追加できます。
パスを作ってしまった後に、あ〜ここにカーブ欲しいな〜とか、やっぱりもうちょっと複雑な形にしたいなぁ、という時に使います。
【アンカーポイントの削除ツール】
-マークが目印。アンカーポイントを削除できます。
デフォルトの設定では、ペンツールの状態でアンカーポイントにカーソルを合せると勝手に削除ツールに自動変換されます。
【アンカーポイントの切り替えツール】
Vを逆にした様なマークが目印。アンカーポイント上でドラッグするとハンドルが現れ直線を曲線に切り替えたりすることができます。
なんとなくペンツールってこういう風に使うんだ〜というのがわかったかと思います。
次回は、実際にペンツールを使って線や曲線の描き方を練習します。お楽しみに!
何回も練習して、自由に使いこなせるようになりましょう。