Inkscapeでカラーパレットの変更

ブログが作りたい!Inkscapeの使い方 > Inkscapeでカラーパレットの変更

Inkscapeでカラーパレットの変更

Inkscapeでカラーパレットの変更

Inkscapeで四角アイコンを作ってみる(2/3)

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

全3回シリーズの第2回目です。今回は、カラーパレットを変更して、前回描いた矩形(四角)に色をぬります。

▲ページの先頭に戻る

Inkscapeで色をぬる

1:画像ファイルを開く

(01)

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

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

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

(02)

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

画像ファイルが開く

▲ページの先頭に戻る

2:カラーパレットの変更

それでは、カラーパレットにふれてみることにしましょう。

(03)

カラーパレットは、スライダーをスライドさせることで、そのカラーパレットに設定されている色を表示させることができます。

試しにスライダーをスライドさせて、どんな感じか確認してみてください。

カラーパレットの右端にある黒い三角マークをクリック

(04)

スライドに飽きたら、次はカラーパレットの右端にある黒い三角マークを、クリックしてみてください。

カラーパレットの右端にある黒い三角マークをクリック

(05)

カラーパレットに関するメニューが、ずらずらっと表示されます。

上の方にある「最小」をクリックしてみましょう。

「最小」をクリック

(06)

分かるかしら、カラーパレットの選択できる色数が増えました。

とくに明確な色の指定をする必要がない場合は、手軽に使えるこの方法が役立ちます。

カラーパレットの選択できる色数が増える

(07)

それでは、もう一度、カラーパレットの右端にある黒い三角マークをクリックしてみてください。

カラーパレットの右端にある黒い三角マークをクリック

(08)

先ほどと同様に、カラーパレットに関するメニューが、ずらずらっと表示されます。

中頃に「Inkscape default」とあるのが分かるでしょうか?これは標準設定のカラーパレットです。

適当に他のカラーパレットに変更してみてください。

他のカラーパレットに変更

(09)

カラーパレットが変更されたはずです。

カラーパレットが変更された

▲ページの先頭に戻る

2:色をぬる

(10)

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

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

(11)

矩形(四角)オブジェクトを、クリックします。

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

オブジェクトをクリック

(12)

フィル(内側)とストローク(外わく)の色を、好きなように変更してみてください。

色を変更

色のぬり方が分からない人は、記事『Inkscapeで色をぬる』をご覧ください。

▲ページの先頭に戻る

6:保存する

(13)

この辺で一度、SVG保存しておきましょう。お疲れさまでした。

▲ページの先頭に戻る

前の記事へ
次の記事へ

次回予告

次回は、Inkscapeでアイコンの中に文字を入れます。

▲ページの先頭に戻る

関連記事

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

▲ページの先頭に戻る

作成日:2009/03/07 更新日:2009/03/14

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

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

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

コメントの投稿

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

トラックバック

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

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
ありのごとくあつまりて