ホームページ用のカンタンでかわいいイラストを描いてみませんか?Fireworksの操作方法を覚えよう!「カンタンお絵かき講座 with Fireworks」

「カンタンお絵かき講座 with Fireworks」サイトトップへ Fireworks はじめての人へ Fireworksって何? 「カンタンお絵かき講座 with Fireworks」リンク集 「カンタンお絵かき講座 with Fireworks」管理人について
コピーペーストで描くお花のアイコン 13個の円でクマを描いてみよう! 手書き下書きイラストに色をつけたい!
キャラクターを描いてみよう なめらかな曲線のイラストを描こう  
 

なめらかな曲線のイラスト描いてみよう(2)

5)全体ラインの完成
 
 ポットのラインが描けました。図5のようになりました。
ここから色つけをしていきます。  
 
6)ラインを残しながら着色
 
 さきほどラインを描いたように、今度は色づけしていきます。ストロークはなし、塗りは好きな色でどうぞ! 楕円ツールやペンツールで同じように塗ってみてください。
わざとずらせばナチュラルな感じになるので、このように塗りに余白を残してみました。ラインをところどころ残すため、それぞれのパーツの重ね順を替えてみました。修正>重ね順(またはツールバーのアイコンから)で順番をずらしてみてください。
 
7)陰と文字で仕上げ!最適化パネルで書き出します。
 
 ちょこちょこっと陰をつけたり、文字をいれたりしてみました。最後に修正>イメージサイズで全体のイラストを縮小します。横200ピクセル、縦160ピクセルに小さくして完成です。

実際にホームページで使うときは、GIFファイルかJPGファイルに書き出しします。
最適化パネルで設定:GIF WEB216色、カラー32色
にし、ファイル>書き出しでGIFファイルにしました。

ちなみに、書き出しの時の設定は、グラデーションが多いイラスト(このコーナーの金魚のイラストなど)ではJPGがオススメです。
レッスンポイントチェック
今回のペンツールで描いた線はベジェ曲線というのですが、慣れるのに少し苦労されるかもしれません。私がよくやった練習方法は、お気に入りの写真を上からペンツールでトレースする(輪郭をなぞる)方法です。

●トレースを使ったイラストのご紹介●

それぞれ女性の写真からおおまかにトレースし、ベジェで描いて色つけをし、自分のタッチへ変えていきました。

最初に戻る
 
コピーペーストで描くお花のアイコン 13個の円でクマを描いてみよう! 手書き下書きイラストに色をつけたい!
キャラクターを描いてみよう なめらかな曲線のイラストを描こう  
「カンタンお絵かき講座」トップページ はじめての人へ Fireworksって何? リンク集 管理人について
 
Macromedia および Fireworks®は、Macromedia, Inc. の米国およびその他の国における商標または登録商標です。
Copyright 2001-2003 web-cube.com All right reserved.
presented by web-cube.com e-mail info@web-cube.com