Inkscapeで星を描く

ブログが作りたい!Inkscapeの使い方 > Inkscapeで星を描く

Inkscapeで星を描く

Inkscapeで星を描く

Inkscapeで星形アイコンを作ってみる(1/3)

今回は、Inkscapeで、星形のアイコンを作成します。

人は世につれ、世は人につれ。けっこう毛だらけ猫灰だらけ。それでは、歌っていただきましょう。『星に願いを(When You Wish upon a Star)』

さて、懐かしい思い出の曲でも聴きながら、「星 / ポリゴン」ツールを使って、星を描いてみることにしましょう。シリーズ全3回のうちの第1回目です。

▲ページの先頭に戻る

作成するアイコンのサンプル

次のような、小さい星形のアイコンを作成してみます。右側に少しグラデーションがかかっているのが分かるかしら?

簡単な星形(グラデーション付)のアイコン

ん~、ちょっと小さすぎたかな・・・。でも、かわいくない?ちょっとかわいくって、やばくない?

▲ページの先頭に戻る

Inkscapeで星形を描く

1:Inkscapeで新規ファイルを作成

(01)

Inkscapeを起動して、新規ファイルを作成(「icon_16x16」)してください。

新規ドキュメント2が表示される

ファイルの新規作成方法が分からない場合は、記事『Inkscapeで円形を描いてみる』をご覧ください。

▲ページの先頭に戻る

2:Inkscapeで星形を描く

(02)

左サイドのツールボックスの中から、「星 / ポリゴン」ツールを選択します。

「星 / ポリゴン」ツールを選択

(03)

描画エリアで、左上から右下へドラッグしてみてください。星形が描けるはずです。(始点は中央くらいからが良いかもしれません)

左上から右下へドラッグ

ちなみに、描画色は違うかもしれませんが気にしないでください。後々、変更しますので問題ありません。

ドラッグの意味が分からない人は、記事『マウスの操作方法』をご覧ください。

▲ページの先頭に戻る

3:星形の変形方法

(04)

オブジェクト(星形)が選択されていると、上部のツールコントロールバーに次のように表示されているはずです。

好きなように、いじってみてください。数値を変えることで、何がどう変わるのか分かるはずです。

星形の詳細設定

ちなみに、それぞれの項目は、次のような意味になります。

(1)星形 / ポリゴン

星形にするか?ポリゴン(多角形)にするか?選択できます。

(2)角

角を増減できます。

(3)スポーク比

中心から突き出た角までの長さと、中心からへこんだ角までの長さの比率を設定できます。
(*:下記、図説)

(4)丸め

角を丸めるか?尖らせるか設定できます。(数値が大きいほど丸くなります)

(5)ランダム化

形状がランダムに変形します。(ガンダムに変形したらおもしろいのにな)

(6)ブラシのマーク

ブラシのようなマークをクリックすると、数値が初期化されます。

スポーク比は、図で示すと、次のように表すことができます。中心から突き出た角までの長さが「1」のとき、中心からへこんだ角までの長さが「0.5」の場合ですね。

オブジェクトを選択する

また例えば、スポーク比を「1」にすると、十角形になります。1:1ですから、同じ長さになるわけです。

少し時間があるようでしたら、数値をいろいろといじって試してみてください。訳が分からなくなったら、前述しているように、ブラシ マーク(?)で初期化すれば大丈夫です。

星形からいろいろな形状へ

▲ページの先頭に戻る

4:着色する

(05)

好きなように、色を変更しておいてください。(やはり、黄色っぽい方が、星の感じがでますけどね)

オブジェクト色の変更

▲ページの先頭に戻る

5:保存する

(06)

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

▲ページの先頭に戻る

前の記事へ
次の記事へ

次回予告

次回のInkscapeは、今回作成した星形アイコンの形状を拡大・縮小・回転して変更します。

▲ページの先頭に戻る

関連記事

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

▲ページの先頭に戻る

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

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

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

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

コメントの投稿

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

トラックバック

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

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