Inkscapeでオブジェクトを反転、90度回転する

ブログが作りたい!Inkscapeの使い方 > Inkscapeでオブジェクトを反転、90度回転する

Inkscapeでオブジェクトを反転、90度回転する

Inkscapeでオブジェクトを反転、90度回転する

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

前回の記事『Inkscapeでストロークの形を変更する』の続きです。引き続き、Inkscapeを使って簡単なアイコンを作っていきましょう。

全3回シリーズの第3回(最終回)です。今回は、矢印の向きを変更します。

▲ページの先頭に戻る

反転、90度回転ボタン

オブジェクトの手動の自由な回転は、記事『Inkscapeでオブジェクトを編集する』で書きましたが、今回は簡単に反転・回転させる方法をご紹介します。

ツールコントロールバーに表示される下記表の 4つのボタンは、オブジェクトを、それぞれ次のように変更する役割です。

90度 反時計回りに回転させるボタン

90度 反時計回りに回転させる。

90度 時計回りに回転させるボタン

90度 時計回りに回転させる。

水平方向に反転させるボタン

水平方向に反転させる。

垂直方向に反転させるボタン

垂直方向に反転させる。

この段階で、こんなことを言われても。ちんちんでカンプンだと思うので、実際に試してみてください。

▲ページの先頭に戻る

矢印の向きを反転、90度回転させる

それでは、実際に反転、90度回転させてみましょう。

1:画像ファイルを開く

(01)

前回作成した画像ファイルを、ダブルクリックしてください。(すでに開いている場合は、もちろん必要ありません)

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

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

(02)

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

画像ファイルが開く

▲ページの先頭に戻る

2:矢印の向きを、水平に反転させる

(03)

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

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

(04)

矢印オブジェクトを、クリックしてください。(すでに矢印オブジェクトが選択されている場合は、必要ありません)

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

オブジェクトをクリック

(05)

そして、上部ツールコントロールバーの「水平反転」ボタンをクリックしてみてください。

「水平反転」ボタンをクリック

(06)

そうすると、矢印が反転して表示されるはずです。

矢印が反転して表示される

▲ページの先頭に戻る

3:矢印の向きを、90度 反時計回りに回転させる

(07)

次は「90度 反時計回りに回転」ボタンをクリックしてみてください。

「90度 反時計回りに回転」ボタンをクリック

(08)

90度 反時計回りに回転して表示されるはずです。

90度 反時計回りに回転して表示される

▲ページの先頭に戻る

4:矢印の向きを、垂直に反転させる

(09)

今度は「垂直反転」ボタンをクリックしてみてください。

「垂直反転」ボタンをクリック

(10)

垂直に反転して表示されるはずです。

垂直に反転して表示される

▲ページの先頭に戻る

5:矢印の向きを、90度 時計回りに回転させる

(11)

最後に「90度 時計回りに回転」ボタンをクリックしてみてください。

「90度 時計回りに回転」ボタンをクリック

(12)

90度 時計回りに回転して表示されるはずです。

90度 時計回りに回転して表示される

1回や、2回クリックしても、なかなか頭になじまないと思うので、クルックル、クルックルと回転させてみましょう。

▲ページの先頭に戻る

6:保存する

(13)

向きの違う矢印を残しておきたい場合は、pngで保存してください。

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

▲ページの先頭に戻る

前の記事へ
前の記事へ

次回予告

お疲れさまでした。次回のInkscapeは、「ベジエ」ツールで、曲線を描いてみようと思います。

▲ページの先頭に戻る

関連記事

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

▲ページの先頭に戻る

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

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

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

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

No title

ベジエツールで点の座標使って矢印を作るのは新鮮でした。
私はベースになる矢印のgifとかもってきてそこだけ抜く、みたいな
やり方が多いので参考になりました。
多角形の作り方もそうですが、もっと基本的な部分からやり直さなきゃ
ダメみたいですね・・・(-_-;)
次回も楽しみにしております!

HUNGTENG

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


そうですね。(;´Д`)
座標とかで作るのは、几帳面すぎるかもしれませぬ。

ちょっと、いがんでいるくらいの方が、
あじがあって良いですよねー。


おっしゃっているような、既存の画像から作る方法なども、
のちのち書いてみようと思います。

人物写真から、イラストにするとかですね。


うーん、そんなに基本とかは、
こだわらなくてもいいんじゃないですかね。(´Д`;)

楽しめて作れたら、
それが何よりではないかしら。


fuminchuさんは、まじめすぎるんだな。きっと。
半分わけてほしいです。



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

コメントの投稿

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

トラックバック

http://kumacrow.blog111.fc2.com/tb.php/444-5e07a3a9
 | トップページ | 

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