CMSでホームページの作成 [ Gimpフリーソフトの紹介]


アップルiMacのようなロゴ

 アップルiMacのようなロゴ

1.)ファイル(F)新しい画像の作成
画像サイズ 300x300
高度なオプション(A) [+]をクリック
塗りつぶし色(F)透明
OK(O)
ファイル(F)名前を付けて保存(A)
例:任意のフォルダi-logo.xcf 作業中の状態をバックアップしながら作成します。
2.)次にツールボックスのテキストツール(T)を選択してください。テキストツール
作業領域をクリック テキストエディタダイアログが開きますので小文字のaを入力
ツールボックス下のオプションテキスト
フォント Arial Bold Itaric を選択
大きさ 360
色の選択 描画色の色の変更 HTML表記(N) 007FFF OK(O)
3.)ツールボックス 移動ツール(M)を使って中心へ移動ツール

4.)画像ウインドウのメニュー[ レイヤー(L) - 下のレイヤーと統合(W) ]をクリックしてください。
文字レイヤーと背景の透明レイヤーが されてひとつのレイヤーになります。

作成1  レイヤー1
5.)[ レイヤー(L) - レイヤーをキャンパスに合わせる(I) ]をクリックしてください。

6.)[ レイヤー(L) - 透明(A) - 不透明部分を選択範囲に加える(P) ]をクリックして不透明部分(文字の部分)を選択してください
作成2
7.)[ 選択(S) - チャンネルに保存(C) ]をクリックして、現在の選択領域をチャンネルに保存します。
チャンネル1
8.)[ 選択(S)→選択範囲を縮小(H) ]をクリック、ダイアログが開き選 択領域を10ピクセル縮小してください。
作成3
9.)[ レイヤー(L) - 新規レイヤー(N) ]で新しい透明レイヤーを作ってください。
それがアクティブであることを確かめてください。
10.)ツールボックスの塗り潰しツール(shift+B)を選んで描画色を白にしてください。塗り潰しツール

作成4  レイヤー2
11.)[ 選択(S) - 選択範囲を解除(N) ]で選択領域を解除
[ フィルタ(R) - ぼかし(B) - ガウシアンぼかし(G) ]で20pxぼかしてください。
作成5
12.)レイヤーダイアログでモードをオーバーレイに変更してください。
次に[レイヤー(L)でレイヤーを複製(U) ]で複製してください。
この複製レイヤーは、ハイライト部分を強調するものです。
作成6  レイヤー3

チャンネル2
13.)チャンネルタブを開いて「選択マスクコピー」をアクティブにする。
[ フィルタ(R) - 「ガウシアンぼかし」を再適用(P) ]をクリックしてガウシアンぼかしを適用してください。
これはライト効果フィルタで反射光を作るためのバンプマップ画像になります。
「選択マスクコピー」の状態を見たい場合には、レイヤーをすべて非表示にしてから「選択マスクコピー」の目のアイコンをクリックする事で見られます。


レイヤー4
14.)新規レイヤーを作成してください。[ レイヤーL) - レイヤーの追加N) ]
そして描画色を黒にして[ 編集(E) - 描画色で塗りつぶす(F) ]をクリックして全体を黒で塗り潰してください。
この黒いレイヤーがレイヤースタック(重なり)の一番上にあることを確かめて、レイヤーダイアログのモードを「スクリーン」にしてください。

15.)[ フィルタ(R) - 照明と投影(L) - ライト効果(L) ]をクリックしてください。
以下のスクリーンショットを参考にライト効果のパラメータを設定してください。
バンプマップタグで”バンプマップを使う”にチェックを入れて「選択マスクコピー」を選んでください。

バンプマップ(B)

光源(L)

物質(M)


OK(O)
以上完了です。

完成サンプル


白い背景を追加して軽く影をつける。

1.)[ レイヤー(L) - レイヤーを追加(L)で新規レイヤーを作成、描画色を白にします。

2.)[ レイヤー(L) - 重なり(K) レイヤーを最背面へ(B) ]で移動します。

3.)レイヤーダイアログ 背面をアクティブにして複製を作ります。
[ レイヤー(L) - レイヤーを複製(U) ]で複製しレイヤーのコピーを作ります。

4.)レイヤーダイアログ 背面以外のレイヤーを全部閉じます。(目玉部分をクリックします)

5.)背面だけがアクティブになっている事を確認
その背面をファジー選択ツール(U)で文字aをクリックし領域を作成します。

6.)その領域を塗りつぶしツール(Shift+B)を選択
オプションの設定をしてからグレー(#6a6d6d)で塗りつぶします。
・ツール描画色(前面) グレー(#6a6d6d)
オプション:
・塗りつぶし】方法 - 描画色塗り
・塗りつぶし範囲 - 選択範囲を塗りつぶす
・文字a上でクリック

7.)[ 選択(S) - 選択を解除(N) ]します。

8.)[フィルタ(R) - ぼかし(B) - ガウシアンぼかし(G) ]で10ピクセルほどぼかします。

9.)移動ツール(M)でぼかしをずらします。
レイヤーをすべてアクティブにします。
背景ぼかしの移動範囲を調節して適切な位置へ移動して完了です。
白い背景を追加したイメージ

ベース色を他色にチェンジ
おまけ

toms