Inkscapeで文字を入力する

ブログが作りたい!Inkscapeの使い方 > Inkscapeで文字を入力する

Inkscapeで文字を入力する

Inkscapeで文字を入力する

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

前回の記事『Inkscapeでカラーパレットの変更』の続きです。引き続き、Inkscapeを使って簡単なアイコンを作っていきましょう。

全3回シリーズの第3回目(最終回)です。今回は、前回作成したアイコンの中に文字を入力します。

▲ページの先頭に戻る

Inkscapeで色をぬる

1:画像ファイルを開く

(01)

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

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

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

(02)

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

画像ファイルが開く

▲ページの先頭に戻る

2:文字の入力

(03)

左サイドのツールボックスの中から、テキストツールをクリックします。

テキストツールをクリック

(04)

オブジェクトの適当な箇所をクリックします。

オブジェクトをクリック

(05)

適当な文字を、キーボードから入力してみましょう。漢字でも、ひらがなでも、英数字でも何でもかまいません。

文字を入力

(06)

文字が入力できたら、上部コマンドバーの中にある[T]をクリックしてみてください。

[T]をクリック

(07)

「テキスト / フォント」設定画面をが開きます。次の順番で、フォントの変更を行いましょう。

  • フォント一覧の中から、好きなフォントを選んでください。フォントをクリックすれば、下部にどのような感じか表示されます。
  • フォントサイズも入力してください。32×32で作っているので、少し下回るくらいが良いかもしれません。
  • [Apply]ボタンをクリックしてください。
  • 「テキスト / フォント」設定画面が閉じないので、[Close]ボタンをクリックしてください。
フォントの変更

(08)

そうすると、次のような感じで表示されるはずです。

「あぁ、何かイメージと違ったなぁ」とか、「サイズが違うは~」という場合は、再度、前述(06)からやり直してみてください。

フォントの変更結果

▲ページの先頭に戻る

2:オブジェクトの移動

(09)

文字が、あなたの期待する位置にないと思うので、移動させることにしましょう。

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

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

矢印ツールは、オブジェクトの選択だけでなく、オブジェクトの移動にも使えるんだぜ!

(10)

前述(09)で、矢印ツールをクリックしただけで、文字のオブジェクトが選択されたかもしれません。選択されていない場合は、オブジェクトをクリックしてください。

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

オブジェクトをクリック

(11)

文字をつかんで、好きな箇所にドラッグしてみてください。

文字をドラッグ

ドラッグが苦手な人は、パソコンのキーボードの矢印キーを打鍵して移動すると良いかもしれません。

(12)

文字の色も、好きなように変更してみてください。

文字の色を変更

▲ページの先頭に戻る

6:保存する

(13)

SVG保存しておきましょう。

(14)

さらに、pngで保存したい人は、エクスポート(png保存)してみてください。

png保存(エクスポート)の方法は、記事『Inkscapeでpng保存する』をご覧ください。

▲ページの先頭に戻る

前の記事へ
次の記事へ

次回予告

次回も、Inkscapeでアイコンを作ります。星型にグラデーションなどにしてみようかしらん。

▲ページの先頭に戻る

関連記事

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

▲ページの先頭に戻る

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

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

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

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

No title

私もお尻でもかきながらアイコンの一つや二つちょちょいと作れる人間になりたいです・・・
デザインセンスはもちろん必要ですが、ソフト操作スキルも絶対必要ですよね。
Inkscapeを極めたら相当すごい事ができるようになるんだろうな~
また次回も楽しみにしております。

センス

fuminchuさん、こんにちは!(・∀・)/ぐもーにん
コメントありがとうございます。


んもう、またまたー。(´Д`;)おまたー

fuminchuさんなら、両手でお尻をかいていても、
作れちゃうくせにー。(;´Д`)にー


そうですねー、Inkscapeにしろ、GIMPにしろ、
やはり、根本はセンスですよね。

私もセンス欲しいです。
少しずつ高めていきたいッス。


次回もよろしくッス。

では、またー。(*´∀`)人(´∀`*)

コメントの投稿

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

トラックバック

http://kumacrow.blog111.fc2.com/tb.php/431-47ef519b
 | トップページ | 

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