テクニック

WEBデザインの品質をあげるテクニック集です。クオリティを上げるための技術やヒントをご紹介します。

Back Number

フリー素材でサイトを作る グローバルナビ編

2012年04月05日
フリー素材でサイトを作る グローバルナビ編

今回はフリーのアイコン素材を使って、ショッピングサイトのグローバルメニューをつくります。

03

2012年07月17日
写真素材がない時のデザイン方法 キービジュアル編

今回は、素材がない時のデザイン方法を、キービジュアルをデザインする場合に絞って考えてみたいと思います。

02

2012年09月11日
写真に関しての「困った」を解決!~ サイズが小さい・解像度が低い場合 ~

入稿された写真素材のサイズが小さい・解像度が低い!そんな時のデザイン対処方法です。

01

2012年11月08日
フリー素材でサイトを作る タイトル・見出し編

グローバルナビ編の続編!簡単で見栄えのする見出しを作りましょう。今回はいくつかパターンをご紹介します。

index_img

2013年08月09日
テイストや雰囲気の作り方 ~前編~

デザインを作る上で、必要となってくるのがテイストです。見た目も雰囲気もとても左右される大切な内容です。今回は、テイストの作り方についてご説明します。

index_img

2013年08月09日
テイストや雰囲気の作り方 ~後編~

デザインを作る上で必要なテイストについて、今回は後編としてテイストの作り方を実践的にご説明します。

初めてでもできる!ペンツールを使ってお絵かき ~描き方編~

2013年08月16日
初めてでもできる!ペンツールを使ってお絵かき ~描き方編~

初心者にとってとっつきにくいペンツール。思い通りに描けないという方もこれを読めば、きっと使いこなせるはず!

pen

2013年08月19日
初めてでもできる!ペンツールを使ってお絵かき ~調整編~

初心者にとってペンツールは、どう使えばいいか悩むところではないでしょうか? なんとなく線は引けても、思い通りに描けないと…

index_img

2013年08月22日
絵心がなくても描ける! トレースから作るイラスト

ペンツールの使い方をある程度マスターしたら今度は、トレースをしてましましょう。今回は、写真をトレースしてイラストにします。

index_image

2013年08月26日
作り方のコツを伝授! 実例で学ぶロゴデザイン

今回は時間をかけずに作成するロゴの作り方をご紹介します。例としてWebサイトのロゴの作り方をまとめました。

イラストレーターで実現! 手書き風イラストの描き方

2013年08月28日
イラストレーターで実現! 手書き風イラストの描き方

今回はイラストレーターの効果を使って、手書き風のイラストにチャレンジ。ちょっと手を加えるだけでデザインに温かみがでてきます。

簡単ロゴデザイン 悩まず作るコツとポイント

2014年02月07日
簡単ロゴデザインVol.1 悩まず作るコツとポイント

作る時に悩んでしまうのは、作り方のルールを知らないからなのかもしれません。そこで今回は、悩まずロゴを作れるポイントをご紹介します。

テクニック一覧ページを見る

Special 特集

catch_balloon

2018年11月13日
【フリー素材】手書きふきだし素材スペシャル Ver.1

今回は3種類の手書きのふきだしです。シンプルで幅広く使えるので、制作物のちょっとしたアクセントにどうぞ。ふきだしの手書き…

Interview インタビュー

index

2014年10月15日
イラストレーターを目指し活動中!~後編~

※今回は少し趣旨を変えて、織田さんのイラストをページにちりばめました。 学校で広告を学び、色々やってみたくなった。 ─ …

Seminar セミナー

短時間で学ぶInDesign初心者講座
2018年11月20日(火) 16:00-18:30

デザイン

InDesign

Technic テクニック

catch_file_034

2018年11月06日
Photoshopブラシを使った簡単な雲の描き方

写真やイラストに雲を描き足したいけど、どうやって描くのか分からない… そんなお悩みに答えます! Step1 雲を描く下準…

Books オススメ書籍

レイアウト、基本の「き」

2018年08月28日
レイアウト、基本の「き」
  • デザイン

デザイン初心者向けのレイアウトの本 初歩的なレイアウトの基礎を 理論的なしっかりとした説明を元に、豊富な図案で説明 全部…

Award アワード

「海の日」ポスターコンクール
2018年12月5日(水) 締め切り

初心者でもでパスファインダーツールの意味や使い方わかればきっと使いこなせる! 図形で絵を描いてみよう! 前回記事でパスファインダーの説明をしましたが、今回はそのパスファインダーを使って実際に絵を描いて見ましょう! 図形の書き方はfile006でもご説明してるので合わせて見てみてください!

身の回りのほとんどは『 丸、 三角、四角 』

身の回りのモノをよーく見てみると、そのほとんどは『 丸、 三角、四角 』 のような 単純な図形が組み合わさってデザイン されていることに気づくと思います。

ベースの形さえ分かれば、絵が苦手…絵心が無いと言われる… といった方でも簡単にイラストレータで絵が描けちゃうんです! 今回イラストのテーマは「夏」! パラソルや、スイカを図形とパスファインダーを使い、初心者でも簡単!なイラストの描き方をご紹介しますよ! 残暑見舞いカード作りなどに生かしてみてはいかがでしょうか!

スイカの描き方

①円と線を描く

図形ツールとペンツールを使って、スイカの土台となる円と模様となる線を描きましょう!
線は円よりすこし長く描くのがポイントですよ!

②模様を作る

線を選択した状態で、効果メニューからジグザグツールを開きましょう!
ジグザグ加減を確認しながら数値を決め「OK」を選択!これで簡単にジグザグ模様ができましたね!

③模様のパス化

先ほどのジグザグ模様を複製し、オブジェクトメニューからパスのアウトラインを実行!
線の状態だとパスファインダー機能がうまく使えない為、線を図形パスにします。

④図形を合体して分割

作った模様パス図形と円を重ねて、全部選択してからパスファインダーの分割をクリック!!
円の外にある不要なパス部分は削除しましょう!

⑤完成!

最後にへたの部分や、ツルの部分をお好みで付け足しすれば、スイカの完成!

パラソルの描き方

①きれいな半円を作ろう

円と円より大きめの長方形図形を用意し、長方形を下の図のように重ねて、
パスファインダーの「全面オブジェクトで型抜き」をクリック!これで綺麗な半円が作れますよ!

②傘の部分を作ろう

先ほど作った半円と新たに円を3つ用意。
3つの円はだいたい半円同じ直径になるようにするのがポイント!
下の図のように半円と3つの円を重ねてパスファインダーの「全面オブジェクトで型抜き」をクリック!

③傘の柄を作る

下図のように②で使った円と同じ大きさくらいの円を重ねて、ぐぐぐっと引っ張って変形させよう!
傘の図形より縦長になったところで、パスファインダーの「分割」をクリック!
余分なところを削除したら傘の部分が完成!

④完成

ペンツールや、図形ツールで肢の部分を作って、傘部分と合体すればパラソルの完成!

記事担当者のコメント
いかがでしたでしょうか。パスファインダーを使えば簡単にイラストが描けますね!イラスト以外にも、ロゴやアイコンなどを作成する際にもとても役に立つ便利な機能になります。みなさんも是非チャレンジしてみてください。
パスファインダー以外にもジグザグツールは色々な用途に使えるので便利ですよ!時間短縮にもなりますしね!この説明はまたの機械に!