>> 
[FC2ブログ] 簡単なWEB2.0風デザインを中途半端に解説してみる
 >> 
[FC2ブログ] 簡単なWEB2.0風デザインを中途半端に解説してみる

スポンサーサイト

  • このエントリーをはてなブックマークに追加
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

[FC2ブログ] 簡単なWEB2.0風デザインを中途半端に解説してみる

  • このエントリーをはてなブックマークに追加

[FC2ブログ] 簡単なWEB2.0風デザインを中途半端に解説してみる

このサイトの作成やエントリーでは練習として Fireworks を使用しています。

ヘッダの画像を作成したので、なにか記念に作成手順を解説してみたいと思います。
全然、難しくない誰でもできるような画像です^^;
もっと、手を加えろよなどと友人からも言われております。

一応、解説を頑張ってみたので、続きを読むからどうぞ




[FC2ブログ] 簡単なWEB2.0風デザインを中途半端に解説してみる

このブログは「はじめてのブログ選び」さんからテンプレートをお借りして運営しておりますが、かの有名ブログさんのようにいじらせてもらっております。

現在のようになる前は全体的に色だけ変えた状態でしたが、時間があったのでヘッダ画像も作成してみました。



[FC2ブログ] 簡単なWEB2.0風デザインを中途半端に解説してみる

横738 縦134の画像の角を少し丸くして、グラデーションをかけます。グラデーションは上#73880A 下#FF7400で細かいとこはお好きに。



[FC2ブログ] 簡単なWEB2.0風デザインを中途半端に解説してみる

[FC2ブログ] 簡単なWEB2.0風デザインを中途半端に解説してみる

Firefoxの画像を少し大きめに配置して、透過度をさげます。



[FC2ブログ] 簡単なWEB2.0風デザインを中途半端に解説してみる

続いてはペンツールを使い長方形を描きます。



[FC2ブログ] 簡単なWEB2.0風デザインを中途半端に解説してみる

[FC2ブログ] 簡単なWEB2.0風デザインを中途半端に解説してみる

サイズは横15 縦134で、色は白です。



[FC2ブログ] 簡単なWEB2.0風デザインを中途半端に解説してみる

ダイレクト選択ツーを使い長方形の上部二つの角を選択します。



[FC2ブログ] 簡単なWEB2.0風デザインを中途半端に解説してみる

選択したまま右へずらします。



[FC2ブログ] 簡単なWEB2.0風デザインを中途半端に解説してみる

[FC2ブログ] 簡単なWEB2.0風デザインを中途半端に解説してみる

斜めにずらしたものをコピペコピペコピペコピペコピペ・・・と繰り返します。



[FC2ブログ] 簡単なWEB2.0風デザインを中途半端に解説してみる

ぜ~んぶ選択して、整列の均等配置(水平方向の中央)で均等に並べます。



[FC2ブログ] 簡単なWEB2.0風デザインを中途半端に解説してみる

最後に透過度を10まで下げて完成
関連記事
-0 comments
管理者にだけ表示を許可する
-0 trackbacks