ドロー系フリーソフトInkscape(インクスケープ)を使えば、無料でかっこいいオリジナル画像やロゴの作成、写真加工も簡単。無料のInkscapeの使い方。Inkscape作品集。

シンプルなボタン

シンプルなボタンを作成する     作成時間:5分

ここで作成するものはこちらです。

シンプルなボタン

このような、シンプルなボタンを作る方法を説明していきます。


作成方法

まずは、四角形ツールでボタンの形を作ります。
色は、薄めのグレイにします。

四角形を作成

次に、その四角形にグラデーションをかけます。
上から下にむかって濃い色になるようにします。

グラデーションをかける

これでボタンの形が完成です。

次に、テキストツールでボタンの文字を入力します。
ここでは『TOP』と入力しました。

テキストツール

テキストのフォントを変更します。

フォントを変更

フォントを選択すると、下のプレビュー枠でプレビューされます。
気に入ったフォントを選んでください。

注意:日本語は対応しているフォントが限られています。

フォント選択

フォントを決定したら、サイズを変更します。
画像のように、矢印をひっぱると自由自在に変形できます。

フォントサイズ変更

次に、きれいに配置・整列させます。
画像のように、?から順に進めてください。

オブジェクトの配置・整列

あっという間に完成です。

完成




同じ要領で何個も作れば、あなたのホームページで役立つこと間違いなし!

シンプルなボタン

inkscape動画

powered by Quick Homepage Maker 4.25
based on PukiWiki 1.4.7 License is GPL. QHM

最新の更新 RSS  Valid XHTML 1.0 Transitional