• vote
    72
    0 starsmippe | Shared With: Everyone - Jun 04 2008 | photoshop, texture, Free
    テクスチャとグラデーションで質感のある背景を作ろう - DesignWalker

    今回は、ひさびさのPhotoshopチュートリアルです。最近では、ベタな背景や、単純な上から下へのグラデーションだけではなく、なんだかとっても質感のある背景のウェブデザインがはやりっぽいです。今回は、テクスチャ画像とグラデーションを組み合わせて、簡単に質感のある背景をPhotoshopで作るチュートリアルをご紹介。とっても簡単なので、是非お試しください。

    You must be mippe's friend before you can comment on this Fave.
    Send mippe a friend request or a personal message instead.

Related Faves from mippe

  • vote
    14
    0 starsmippe | Shared With: Everyone - 14 days ago | photoshop, free
    MOONGIFT: » 個人であればこれで十分?Photoshop代替えを狙える「Artweaver」:オープンソースを毎日紹介

    今回紹介するフリーウェアはArtweaver、多機能画像編集ソフトウェアだ。
    ArtweaverはPhotoshop風なインタフェースの画像編集ソフトウェアで、ツール、ブラシ、カラー、レイヤー、プレビューといったフローティングウィンドウがある。画像に対してぼかしやエンボスなどの加工も簡単にできる。

    初期設定画面

    開くことができるファイルは独自ファイル形式の他、BMP/GIF/JPEG/PCD/PCX/PNG/PSD/TIFFなどになっている。また、書き出しの形式としてPDFを選択できるのも便利な機能の一つだ。
    動作は軽快で、各機能も分かりやすく使い勝手は良い。画像編集はもちろん、タブレットの筆圧関知にも対応することで新規の画像作成にも利用できる。インストーラー版の他に、ポータブル版もあるのでUSBメモリに入れて持ち歩いておくと便利に使えるかも知れない。

  • vote
    32
    0 starsmippe | Shared With: Everyone - 14 days ago | css, photoshop, design
    Vector Graphics for Web Design - Hidden Pixels

    Quoted: Ultimate Web Designer Resources, Tools, Tutorials, and Portfolio

  • vote
    2
    0 starsmippe | Shared With: Everyone - Sep 10 2008 | tga, photoshop, Second Life
    ♪リトル・マーメイド♪徒然日記:αチャンネル情報付targa画像を保存する際の注意事項

    前記事で悩んでいたtarga形式でアルファチャンネル情報付きで 保存する方法がわかりました!(展開早!) Adobeのサポートデータベースに 「保存されたTarga ファイルを Photoshop 7.0 で開くとアルファチャンネルが失われる」 http://support.adobe.co.jp/faq/faq/qadoc.sv?223083+002 というタイトルの情報があり、読むとまさにrubyが直面していた問題に 関係ありあり! 解決方法に書いてあるとおり操作したら見事、 アルファチャンネルのチェックが消えなくなりました!(嬉) どうやら、Photoshop 7.0 や6.0の場合は、 US の Adobe の Web サイトから Targa plug-in をダウンロードして ...

  • vote
    2
    0 starsmippe | Shared With: Everyone - Sep 01 2008 | photoshop, png
    アルファチャネル透過PNGで差をつけろ! その1 | クリエイティブ・タブロイド withD(ウィズ・ディー)

    Quoted: CGデザイナー・Webデザイナー・グラフィックデザイナーのためのクリエイティブ・タブロイド withD(ウィズディー)

  • vote
    3
    0 starsmippe | Shared With: Everyone - Aug 29 2008 | photoshop
    Photoshopでtgaファイルを書き出す方法 - Targa.8BIプラグイン:Second Life in 河口湖

    感謝感謝!

    ↓「Targa.8BI」というプラグインを入れるだけで解決でした!!

    [223291]入出力ファイル形式(Photoshop CS/ImageReady CS) から引用

    Windows 版

    Photoshop 単体で購入した場合:

    追加のプラグインは、Photoshop CS アプリケーション CD-ROM 内の以下のフォルダに含まれております。
    CD-ROM ドライブ:\その他ファイル\プラグイン (オプション)

    Creative Suite として購入した場合:

    追加のプラグインは、 Resources and extras CD-ROM 内の以下のフォルダに含まれております。
    CD-ROM ドライブ:\その他ファイル\Photoshop CS\プラグイン (オプション)

    Macintosh 版

    Photoshop 単体で購入した場合:

    追加のプラグインは、 Photoshop CS アプリケーション CD-ROM 内の以下のいずれかのフォルダに含まれております。
    CD-ROM ドライブ/その他ファイル/プラグイン (オプション)

    Creative Suite として購入した場合:

    追加のプラグインは、 Resources and extras CD-ROM 内の以下のいずれかのフォルダに含まれております。
    CD-ROM ドライブ/その他ファイル/Photoshop CS/プラグイン (オプション)

    でもですよ、私のCDにはどうしても入ってないんです。絶対に入ってなかったのです。悔しくて泣きながら「Targa.8BI」プラグインを探してようやく見つけました!!!

    ★N30 Studios Customer Support

    ここで「Targa.8BI」をダウンロードして使ってください。このエントリーが私と同じ境遇の人に役に立ちますように。

  • vote
    2
    0 starsmippe | Shared With: Everyone - Aug 27 2008 | photoshop, color, design
    Badass Bling Effect in Photoshop | GoMediaZine

    Quoted: Written by guest author Barton Damer. Introduction: This tutorial will show you step by step on how to create a "Badass Bling Effect" using layer styles in Photoshop. Once you create the layer style, you can easily "blingify" any layer. There is also a video tutorial as well.

  • vote
    2
    5 starsmippe | Shared With: Everyone - Aug 27 2008 | photoshop
    Electrifying Energy Beams - Luxa - Photoshop Tutorials, Videos, Brushes, Tips & Tricks

    光らせる

    Quoted: Photoshop tutorials and advanced effects for graphic designers

  • vote
    5
    0 starsmippe | Shared With: Everyone - Aug 27 2008 | free, photoshop, CSS
    Deziner Folio» Blog Archive » Ultimate Web 2.0 Gradients - FREE Download
  • vote
    32
    0 starsmippe | Shared With: Everyone - Aug 27 2008 | photoshop
    フォトショップで金色に輝くテキストを作る方法 / ウェブデザインライブラリー#14

    このチュートリアルでは、金色に輝くテキストを作成します。

    Step1 : 新規ファイルの作成
    Step2 : グラデーションオーバーレイ
    Step3 : レイヤースタイル適用後
    Step4 : 選択範囲の縮小
    Step5 : 選択範囲縮小後
    Step6 : 選択範囲を反転
    Step7 : グラデーションツール
    Step8 : レイヤースタイルを適用
    Step9 : レイヤースタイル適用後
    Step10 : レイヤーを隠す
    Step11 : レイヤースタイルを加える
    Step12 : レイヤースタイル適用後
    Step13 : もうひとつレイヤーを作成
    Step14 : 輝くテキスト

  • vote
    29
    0 starsmippe | Shared With: Everyone - Aug 27 2008 | photoshop
    ゴールドに輝くエフェクトをテキストに与えるPhotoshopのチュートリアル | コリス

    チュートリアルにキャプチャ入りで説明があるので、簡単に流れを。

    背景の作成。
    レイヤースタイルで、背景を作成。
    「グラデーションオーバーレイ」の設定は、
    描画モード:通常、不透明度:100%、グラデーション:#000000から#443501で逆方向、角度:90、比率:138%。
    背景にフィルタ処理。
    [フィルタ] - [テクスチャ] - [テクスチャライザ]
    フォントは、「Times New Roman」を使用。
    テキストのレイヤースタイル:グラデーションオーバーレイ
    描画モード:通常、不透明度:100%、グラデーション:黒から金、角度:90、比率:100
    テキストのレイヤースタイル:境界線
    サイズ:1px、位置:内側、描画モード:通常、不透明度:100%、塗りつぶし:グラデーション、グラデーション:黒・金をまだらに、スタイル:線形、角度:90、スケール:101
    テキストのレイヤースタイル:ベベルとエンボス
    スタイル:ベベル(内側)、テクニック:滑らか、深さ:151%、方向:下、サイズ:0、ソフト:2、角度:45、光沢:半円、アンチエイリアス:オン、ハイライト:スクリーン・金、不透明度:97%、シャドウ:通常・黒、不透明度:100%
    テキストのレイヤースタイル:ドロップシャドウ
    描画モード:乗算、不透明度:100%、角度:52、距離:0、スプレッド:0、サイズ:13、輪郭:線形、アンチエイリアス:オフ、ノイズ:0