相互リンク - RSS

2007年07月31日

Inkscape講座 第四弾

久々のInkscape講座ということで…

今回は、「Web2.0風バッチ」。多少のいまさら感ですがご紹介します…


1.Inksacapeを起動させ、サイドバーから「星型/ボリコンを作成(*)」を選択

→画像

2.クリックした状態で画面内にドラック。すると星型ができる(初期設定の場合)

→画像

3.作成されたら、画面上部の設定バーで下記の画像の通り設定する

→画像

4.すると、このような感じになる

→画像

5.そこにこのような曲線を描き、中を白く塗る

→画像

6.線を消し、グラデーションをお好みで作成

→画像

7.Inkscape講座 第二弾を参考に影を作成

→画像

8.お好みでバッチに白い線を付け…完成!

→使用例・画像


いかがでしたか?

なんと、今回は作成したデータも配布します…

これに関する、損害や紛失、フリーズ・ウイルスなどについては一切の責任を負いませんので…


データ




関連リンク
Inkscape講座 第二弾 (鏡面反射文字)
Inkscape講座 第三弾 (影文字)
posted by GOLDカード at 19:14 | Comment(0) | TrackBack(0) | Inkscape講座

2007年06月20日

Inkscape講座 第三弾

どうもです (´・ω・`)

今回の記事は久々にinkscape講座やりますよ! (`・ω・´)



今回は、「影つき文字」です。


1.適当に文字を入力

1_R.bmp



2.それを選択し、CtrlキーとDキーを同時押しし、色を黒色に変更し、オブジェクト→最背面へ

2_R.bmp



3.先程(2)のものを、画面上部の筆アイコンから 透明度142 ぼかし2.0に設定

2_R.bmp



4.位置を調整して…完成!

2_R.bmp



5.〜応用編〜
2_R.bmp




随分と簡単ですねw

次回も継続してinkscape講座やっていきますので、よろしくです。

※毎回説明の方法が変わるのは、仕様。
posted by GOLDカード at 17:44 | Comment(0) | TrackBack(0) | Inkscape講座

2007年05月08日

Inkscape講座 第二弾

どうもですw
いや〜…ブログランキングが落ちまくり \(^o^)/
このブログを支えていたのは、GIGAZINEと毎日更新だったんだ!
とつくづく思います (´・ω:;.:...




さぁ、Inkscape講座です。
今回作るのは、「鏡面反射文字」ということで^^

「白背景用」ですので、「黒背景」の場合は臨機応変に^^;
可能な限り、「ショートカットキー」を使っていきます。
(重い&ステップが細かい という記事ですので覚悟をww)




ステップ1 文字を入力

1.ます、Inkscapeを起動

2.なんでも、良いので文字を入力

3.文字の色を変更

こんな感じになっていればOK
01.bmp


ステップ2 グラデーションを作成

1.画面左部にある、「グラデーションの作成、編集」をクリック

2.グラデーションさせたい部分(先程入力した文字)
  を選択し、下にドラック。

分りにくいですが、こんな感じ
クラデーション


ステップ3 ツルツル(?)を作成

1.楕円形のオフジェクトを作成

2.楕円形の色を、白色、透明度を150に設定
  ※透明度の変更は画面上部「筆」のアイコンから

3.それを、文字の丁度いいところに被せる

ここまで、この状態であればOKです^^
ツルッツルw


ステップ4 反射をつける

1.ステップ1〜3までで作成したものをすべて選択

2.「Ctrlキー」と「Dキー」を同時押し(複製のショートカットキー)

3.そのまま、「Vキー」を押す(垂直反転のショートカットキー)

4.それを移動させて、丁度いいところに置く

こんな感じ
反射


ステップ5 反射にグラデーションをつける

1.反射したものを覆うサイズの四角形を作成

2.色を白色に設定

3.反射文字に被せる

4.四角形を選択して、グラデーションを作成(上方向に)

こんな感じです
11.bmp


ステップ6 イメージファイル化(必要のない人は終了)

1.今まで作成したすべてのものを覆うサイズの四角形を作成

2.四角形を選択し、「Bキー」を押す(最背面の…(ry  )

3.すべてを選択し、「ファイル」→「ビットマップにエクスポート」をクリック

4.保存場所を選択し、「エクスポート」をクリック
  (極力、日本語パスの入らない場所の方が良い)


…これで、完成!!
17.bmp


こんな長い記事書いた俺、GJ!wwww
こんな長い記事を見てくれた皆様、ありがとう^^

明日も学校…
明後日も学校…
明明後日も学校…

orz
posted by GOLDカード at 21:15 | Comment(0) | TrackBack(0) | Inkscape講座

2007年05月06日

Inkscape講座

inkscape.png



前の前くらいにある、「素材配布」の記事中でも使われている、「Inkscape」。
これから、ネタが無くなったときなどにその代わりとして、「Inkscape講座」をやりたいと思いますw

(某ブログの「GIMP講座」をマネてみたとか…ww)


この「Inkscape」はWin.Mac.Linuxに対応していて、「フリーのIllustrator」と言ってもおかしくはありません。
ちなみに、このブログのTOP画も写真以外はInkscapeで作られています。

ダウンロードURLはこちら
http://www.inkscape.org/

次回は、この記事の一番上にある「Inkscape」の文字の作り方を紹介します^^
posted by GOLDカード at 14:09 | Comment(0) | TrackBack(0) | Inkscape講座