Designer's Guide > 2008年04月


最新エントリー

大量のフォトショップブラシ&グラデがダウンロード出来るサイト5つ
フォトショップ(輝きのある鉛筆アイコン作成チュートリアル)
GIMP(折れ曲がり・めくれ画像を作るチュートリアル)
フォトショップ(芝生画像を使ったテキストチュートリアル)
なかなか使えそうなフォトショップPSDファイル6つ
フォトショップ(モサモサしたジャガーなフォルダアイコンチュートリアル)
フォトショップ(炎で燃えたような文字を作るチュートリアル)
GIMP(Vista風ボタンのチュートリアル)
GIMP(MacOSXレパードのオーロラ背景を作るチュートリアル)
フォトショップ(モサモサしたジャガーなフォルダアイコンチュートリアル)

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

フォトショップ(木目画像を作るチュートリアル)

木目画像

参考ページ : TutorialPark » Wooden Texture in Photoshop 7

木目画像を作るPhotoshop(フォトショップ)チュートリアルです。
いろいろと使い道のある木目ですが、作り方は凄くシンプルです。

縦もしくは、横方向に『ぼかし』をいれ、ほぼ完成。
最後に、年輪を加えるだけです。

まあ、よくありがちなテクスチャなので必要ないかも。
一応、壁紙やボタンをつくる際の背景に参考になりますね。

スポンサーサイト

GIMP(灼熱の炎を描くチュートリアル)

炎

参考ページ : jraleigh.com » Gimp Fire Tutorial

上画像のような炎を描くGIMPチュートリアルです。
作り方は、結構単純です。 グラデーションをかけたレイヤーを
フィルター効果でグネグネすればOKです。

また、GIMP用グラデーションファイル(Flame.ggr)もリンク先で
ダウンロードできます。(IE右クリック→対象をファイルに保存)

なかなかカッコイイ炎が出来上がりますよ♪
壁紙でも使えそうですね。

GIMP(ポラロイド写真を貼り付けた感じのチュートリアル)

GIMP(ポラロイド)

参考ページ : nicubunu.ro » Turn a digital photo into Polaroid with GIMP

よく見かける『ポラロイド写真をテープで貼り付けた感じ』のGIMPチュートリアルです。

やることは簡単です。 ドロップシャドーをかけて『ひん曲げる』だけです。
注意することは、曲げる量によって画像の端がギザギザになるので
曲げる量と、傾ける角度を適度に考えて調整するといいです。

また『ぼかし』を軽く入れるといいかも?

フォトショップ(水で書かれたテキストを再現するチュートリアル)

水滴で書かれたテキスト

参考ページ : PhotoshopCAFE » Reflective Liquid type Photoshop Tutorial

上図で御覧の通り、水で書いたようなPhotoshop(フォトショップ)
テキストチュートリアルです。

このチュートリアルのポイントは、『Chrome(クローム)』を使って
塗りつぶしてある事です。 それなのに『水』にしか見えません。

この発想がスゴイですね。

フォトショップ(メディアプレーヤーのボタンを作るチュートリアル)



参考ページ : Adobe Tutorials » Microsoft Vista Stick

このチュートリアルは、メディアプレーヤー11をコンパクトにしたとき
全体のPhotoshop(フォトショップ)チュートリアルです。

『Microsoft Vista Stick』となっていたので、ちと解りにくいかと思いまして・・・

まあ、再生ボタンのところだけでも見ておくと勉強になります。(8ページ目から)
ちなみに全13ページのチュートリアルです。

GIMP(RSSアイコンを簡単に作るチュートリアル)

GIMPでRSSアイコン

このチュートリアルは、私のような『めんどくさがり』が重宝する
RSSアイコン簡単最速チュートリアルです。
(一応GIMPですが・・・Photoshopでも全然問題ナシ)

まぁ、作り方というか手抜きの仕方チュートリアルです・・・笑。

では、早速・・・


GIMP(RSSアイコンを簡単に作るチュートリアル)の続き

フォトショップ(Vistaフォルダアイコンのチュートリアル)

Vistaフォルダアイコン

参考ページ : PHOTOSHOP-PACK » Vista Folder Icon

Windows Vistaで使われているような、
フォルダアイコンのPhotoshop(フォトショップ)チュートリアルです。

作り方は結構シンプルです。このチュートリアルでは、デフォルトの
何も入ってないフォルダになってます。

フォルダの色を変えたり、中にページを追加したり
また、アイコンを中にいれたり・・・いろいろなパターンが作れそうですね。

フォトショップ&GIMP(抑えておきたいグラデーションセット6つ)

Photoshop&GIMP(グラデーションセット)

WEBデザインに欠かせないグラデーションですが、Photoshop(フォトショップ)&GIMPの
グラデーション作業を楽にしてくれるのが、この『グラデーションセット』。

グラデフォルダに入れていけば、綺麗なグラデーションが思いのままに。

では、無料でダウンロードできる6つを紹介です。

フォトショップ&GIMP(抑えておきたいグラデーションセット6つ)の続き

見ることも勉強、CSSギャラリーまとめサイト『GALLERY GALLERY』

CSSギャラリー

参考ページ : GALLERY GALLERY

このサイトでは、『CSSデザインサイトを紹介しているサイト』を紹介しています。
(CSSギャラリーサイトのまとめ)

このような素晴らしいデザインサイトを見ることで、
インスピレーションが湧き上がる事もよくあります。

ヘッダーデザインや、フッター、バナー、サイト全体のカラーリング、アイコンなど
さまざまな、インスピレーションの要素はあるかと思います。

目が肥えることで、デザインセンスも比較的アップするのでは?
見ることも、『WEBデザインの勉強』そう考えている管理人でした・・・。

フォトショップ(ラインストーン風のキラキラ文字を作るチュートリアル)

フォトショップ(ラインストーン風)

参考ページ : PhotoshopCAFE » Original Gangsta bling diamonds
参考ページ : PhotoshopCAFE » ANIME BEADS Photoshop Tutorial

R&B系の雑誌などでよく使われているような、キラキラのテキストを作る
フォトショップチュートリアルです。

テクスチャを使っていくだけなので、これといって難しいところは無さそうです。
また、キラキラ感を出すには、光系のブラシがいろいろあると便利かも。


次のページ

TagList


チュートリアル Photoshop GIMP テキスト アイコン Illustrator ブラシ ボタン 壁紙 フォント PSD 動画 インスピレーション ナビゲーションバー テクスチャ CSS 背景 グラデーション デザインサイト テンプレート アニメーション 

link

profile

kom.ken

無料カウンター
無料カウンター
管理人 : kom.ken
このブログは、WEBデザインに役立ちそうな、PhotoshopやGIMPのチュートリアルなどを紹介しています。また、私のブックマーク代わりも兼ねています。

formmail

名前:
メール:
件名:
本文:

copyright©


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。