忍者ブログ
GIMP思い込みチュートリアルGIMPの使い方

画像編集ソフトGIMPの使い方(チュートリアル)を中心に、GIMPに関する事を書いています。
思い込みで書いている部分もあると思いますので、コメントでのご指摘、随時募集中です。

ブログ内検索
カテゴリー
月別記事一覧
ツイート

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

1つ新しい記事:忍者ブログの共有テンプレート作成
1つ古い記事:ベクター画像の編集が出来るフリーソフト「Inkscape(インクスケープ)」

▲ このページの1番上へ ▲

「Inkscape(インクスケープ)」のインストールと簡単な操作方法

070620Inkscape1.jpg先の記事、ベクター画像の編集が出来るフリーソフト「Inkscape(インクスケープ)」では、Inkscape(インクスケープ)に関して書きました。で、興味を持った方のために、インストール方法と、簡単な操作方法を説明しておこうと思います。特に保存方法は特殊なので。

ということで、詳しくは以下の通り。
(以下、画像はクリックすると拡大します)
まずはインストール方法から。

下のページからインストーラーをダウンロードしてきます。ページ右上の「Download Now!」をクリック。
Inkscape. Draw Freely.

ダウンロードしたインストーラーをダブルクリック

「次へ」をクリック
070618Inkscape01.jpg

「次へ」をクリック
070618Inkscape02.jpg

特に設定をいじる必要はありません「次へ」をクリック
070618Inkscape03.jpg

インストール先のフォルダを選択します。必要ならば変更してください。「インストール」をクリック。
070618Inkscape04.jpg

完了したら「次へ」をクリック
070618Inkscape05.jpg

「完了」をクリック。
070618Inkscape06.jpg

「Inkscapeを実行」にチェックを入れておくとInkscapeが起動します。


次に、簡単な操作方法を説明します。

画面の左側に表示されるメニューからツールを選択して描画していきます。
070618Inkscape09.jpg

「星型ポリゴンを作成」をクリックして、描画領域でドラッグしてみると、星型が描けます。
070618Inkscape10.jpg

上部の「角」とか「スポーク比」とかの値を変えると角の数やへこみ具合を変えることが出来ます。
070618Inkscape11.jpg

星の頂点にある白色の四角をドラッグする事でも変形できます。

また、左下の色の帯をクリックすると色の変更が出来ます。
070618Inkscape12.jpg

「フィル」はオブジェクトの色、「ストロークの塗り」は縁取りやら線の色、「ストロークのスタイル」は線の太さなどを変更できます。
色の指定方法も「RGB」「HSL」「CMYK」「ホイール」と切り替えられます。
070618Inkscape13.jpg

左側ツールの一番上にある黒い矢印で、オブジェクトを移動・拡大できます。
070618Inkscape14.jpg

この状態から、もう一回クリックすると周辺の矢印が変わります。この状態だと描いたものを回転させる事ができます(周辺の黒矢印のどれかをドラッグしてみてください)。
070618Inkscape15.jpg

この星を適当に変形し、さらにここに円を追加します(下の黄色が変形した星型。オレンジが新たに追加した円)。
070618Inkscape16.jpg

円を選択したまま、「オブジェクト → 背面へ」をクリックすると、オレンジ色の円が黄色の下に隠れてしまいます。
070618Inkscape17.jpg

このように、オブジェクトは追加した順に上へ上へと重なっていき、その順序は変更可能です。

また、これとは別にレイヤー機能も持っています。「レイヤー → レイヤー」でレイヤーウィンドウを表示できます。

他にも、複数のオブジェクトをグループ化したり、パスを編集したり出来ます。
XMLエディタもついています。「編集 → XMLエディタ」で表示できます。
070618Inkscape18.jpg


描画方法はとりあえずこのぐらいにしておきます。説明しだすときりがないので…。もっと知りたい方は下のページを参考にしてみてください。
Inkscape tutorial: 基本
Inkscape tutorial: 上級
Inkscape tutorial: シェイプ

多分、一番速い習得方法はとりあえずいろんな所をクリックしてみてガリガリやってみる事だと思います。


さて、最後に保存方法を説明しておきます。

svg形式で保存する場合は、
「ファイル → 保存(名前を付けて保存)」で出来ます。
(画像はクリックで拡大します)
070618Inkscape19.jpg

また、png形式で保存したい場合は、
「ファイル → ビットマップにエクスポート」をクリック。
まず、エクスポート領域を選択します。領域の種類は「ページ」「描画全体」「選択」「カスタム」の4種類。
・「ページ」は編集しているページ全体をpngファイルへ保存します(ページはデフォルト設定では黒く囲まれています)。

・「描画領域」はオブジェクトがある部分を囲う範囲をpngファイルへ保存します。

・「選択」は選択されているオブジェクトをpngファイルへ保存します。

・「カスタム」自分で設定した範囲をpngファイルへ保存します。
070618Inkscape20.jpg

次にファイル名を保存するフォルダと共に設定します。「参照」をクリックします。

名前を記入し、保存するフォルダを選択します(svgで保存するときと同じ)。「保存」をクリック。
070618Inkscape21.jpg

これで、保存先が指定できたので、「エクスポート」をクリックすると指定したフォルダにpngファイルが保存されます。


最後の「エクスポート」のクリックを忘れないで下さいね。ちなみに今のところ、jpgでの保存は出来ないみたいです。

・関連記事
Google風3Dロゴの描き方(Inkscapeチュートリアル)
PR
1つ新しい記事:忍者ブログの共有テンプレート作成
1つ古い記事:ベクター画像の編集が出来るフリーソフト「Inkscape(インクスケープ)」

▲ このページの1番上へ ▲

コメント一覧

コメント数:0

この記事にコメントする

申し訳ありませんが、現在コメントは受け付けておりません。

▲ このページの1番上へ ▲

この記事へのトラックバック

この記事と関係ないトラックバックは削除させていただきます。

トラックバックURL:

No4.Inkscape 0.46:FotoSketcher v1.4

■Inkscape 0.46   ●「Inkscape(インクスケープ)」のインストールと簡単な操作方法  GIMP思い込みチュートリアルさんにブログです。操作方法と...

2008年 04月 07日

■現場のJW+Web2.0■

No3.日本初のInkscape解説書を購入した結果・・

先日、本屋に行ってみるとこんな本があったので紹介しておきます。 なんと日本発のInkscape解説書。 僕もインクスケープ初心者なので早速購入してみました。 果たしてどんな内...

2007年 08月 23日

Inkscapeで差をつけろ!

No2.Inkscapeでアクア風ボタンを作るチュートリアル

色々いじくってるとこのアクア風ボタンが出来たので紹介しておきます。 1分あれば十分できるのでこれは覚えといて損はないと思います。 詳細は以下から・・・

2007年 08月 23日

Inkscapeの教科書。

No1.illustratorキラー 「Inkscape(インクスケープ)」

ベクター画像を扱えるフリーソフトとして有名なこのソフト。無料なのに市販顔負けの使いやすさです。イラレは高いしな~とデジタルアートをあきらめた人!かっこいいロゴつくりてぇ!って人はこのソフトからの入門をおすすめします。 詳しい説明、DLリンクは続きを読むより、..

2007年 08月 04日

DeepNeter Withオタク道

最近の記事
最近のチュートリアル
GIMPで凹凸感のあるシンプルなボタンを作る方法 GIMPで氷のテキストを作成する方法 【GIMP】下から飛び出す感じの虹色のテキスト GIMPで虫メガネを描く方法 GIMPでカラフルなモザイクのテキストを作成する方法 GIMPを使ってインフォメーション・アイコンを作る方法 GIMPで回転する地球のgifアニメーションを作成する方法 GIMPでサイコロ(角丸な直方体)を描く方法 GIMPで雪だるまのクリスマスカードを作る方法 GIMPを使って消しゴムを描く方法 GIMPを使って鉛筆を描く方法 リング式メモ帳の描き方

画像をクリックするとチュートリアルのページを開きます