Inkscapeで色をぬる

ブログが作りたい!Inkscapeの使い方 > Inkscapeで色をぬる

Inkscapeで色をぬる

Inkscapeで色をぬる

Inkscapeで円形アイコンを作ってみる(2/4)

前回の記事『Inkscapeで円形を描いてみる』の続きです。引き続き、Inkscapeを使って簡単なアイコンを作っていきましょう。

全4回シリーズの第2回です。今回は、カラーツールを利用して、前回描いた円形に色をぬります。

▲ページの先頭に戻る

Inkscapeで色をぬる

1:画像ファイルを開く

(01)

前回作成した画像ファイルを、ダブルクリックしてください。

Inkscapeファイルをダブルクリック

拡張子svgが、Inkscapeに関連付けされていない場合は、記事『いつも使うプログラムを選択しておく方法』が参考になります。

(02)

前回作成した画像ファイルが開きます。

画像ファイルが開く

▲ページの先頭に戻る

2:色をぬる

(03)

矢印ツール(オブジェクト選択)をクリックします。

矢印ツール(オブジェクト選択)をクリック

(04)

左上の円形オブジェクトを、クリックします。

オブジェクトが選択されると、破線で囲まれ、四方八方に矢印マークが表示されるはずです。

オブジェクトをクリック

(05)

まず、オブジェクトの内側(フィル)の色を、変更します。

カラーバーの黒色をクリックしてみましょう。

カラーバーの黒色をクリック

(06)

左上の選択されたオブジェクトの内側(フィル)が、黒色に変更されるはずです。変更できたかしら?

オブジェクトの内側(フィル)が、黒色に変更される

(07)

次に、右下の円形オブジェクトを、クリックします。

オブジェクトをクリック

(08)

こちらも、カラーツールの黒色をクリックしてみましょう。

カラーツールの黒色をクリック

(09)

右下の選択されたオブジェクトの内側(フィル)が、黒色に変更されるはずです。両方、真っ黒です。まっくろくろすけです。

オブジェクトの内側(フィル)が、黒色に変更される

(10)

最後に、右下の選択されたオブジェクトの外側(ストローク)の色を、変更します。

[shift]キーを押しながら、カラーツールの20%Grayをクリックしてみてください。

[shift]キーを押しながら、カラーバーの20%Grayをクリック

オブジェクトの外側(ストローク)の色は、内側(フィル)と違う色にしてみてください。

(11)

右下の選択されたオブジェクトの外側(ストローク)が、20%Grayに変更されるはずです。

オブジェクトの外側(ストローク)が、20%Grayに変更される

色の組み合わせは、お好きなようで構いません。好きな組み合わせにしてみてくださいね。

▲ページの先頭に戻る

3:ファイルを保存する

(12)

色ぬりが済んだら、一度保存しておきましょう。

メニューバーの「ファイル」をクリックし、さらに「保存」を選んでください。([ファイル]-[保存])

ファイルをクリックし、保存をクリック

▲ページの先頭に戻る

4:色ぬりのまとめ

(13)

フィル(内側)と、ストローク(外側)の色ぬり方法は、よく使うことになると思うので、覚えておきましょう。

フィルぬり
(内側)

カラーツールから色を選択する。

ストロークぬり
(外側)

[shift]キーを押しながら、カラーツールから色を選択する。

▲ページの先頭に戻る

前の記事へ
次の記事へ

次回予告

次回は、円形オブジェクトのサイズを変更して、アイコンらしい形状にしていきます。

体型も、こんな簡単に変更できたら楽なのにね。ちょっとダイエットしなきゃいけないかしら。

▲ページの先頭に戻る

関連記事

画像編集ソフトInkscapeに関連する記事を、ご紹介します。

▲ページの先頭に戻る

作成日:2009/02/28 更新日:2009/02/28

コメントありがとうございます。

お手数ですが、コメント前に留意事項をご覧くださいませ。

また、現在ご質問にお答えする余裕がない状態にあります。よろしくお願いいたします。

コメントの投稿

内緒のときは、チェックしてください。

トラックバック

http://kumacrow.blog111.fc2.com/tb.php/425-bc98efd4
 | トップページ | 

FC2ブログの作り方・作成

GIMP2で画像を編集しよう

イラストが描ける Inkscape

初心者のためのSEO対策

Google Analytics入門

アクセス解析QLOOK

アイデアの作り方

超ビギナー向けHTML入門

超ビギナー向けのCSS入門

FC2ブログのカスタマイズ

初心者向けのCSS小技

Web制作に役立つ本

ブログでお小遣い稼ぎ

これはうまい!

誰にでも才能はあるのです

RSSフィード

プロフィール

KumaCrow(クマクロ)

KumaCrow

FC2ブログによるブログの作り方をご紹介しています。「初心者の人にも分かりやすく!」がモットーです。

Twitter KumaCrow

リンクフリー♪
フォローも、ふりっふり~

伝わる文章を書くコツ

最近の記事

最近のコメント

パソコン入門

アクセスの多かった記事

先月アクセスが多かった記事を、ご紹介します。

【1位】
GIMP2の使い方
【2位】
プリントスクリーンの方法
【3位】
GIMP2 パスの使い方
【4位】
GIMPとは?
【5位】
レイヤーとは?

初心者のデジカメ撮影術

ホームページ制作にJimdo

このブログの評価

自分を見つめなおす

ブログランキング

クリックしちゃいなよ!You、クリックしちゃいなよ!そして、Canして、Doしちゃいなよ!

FC2ブログランキングに参加してみませんか?見に来てくれる人が少しだけ増える・・・かもしれません。

FC2カウンター

ブログ開始(2007年7月)から、ユニークユーザ数が「のべ240万人」に達しました。いつもご覧いただきまして、ありがとうございます。(2011/01/05、FC2カウンター故障・データ消失により、10万人分くらいマイナスとなりました)

子どもの教育

最近のトラックバック

+++ お友達のブログ・お世話になっているサイトさま +++

ふわふわふわりん
無料ウェブ素材 Tyto-Style
海外のSEO対策・SEOツールをわかりやすく解説するブログ
日南商工会議所による情報化支援ブログ
気になるけど
聞き捨てならん!!
かちびと.net
ありのごとくあつまりて