カッコイイWEB管理画面を作成するPhotoshopチュートリアル:phpspot開発日誌
Design an Professional Admin/Control Panel Template in Photoshop - Bloom Design Blog | Bloom Design Blog カッコイイWEB管理画面を作成するPhotoshopチュートリアル。 次のようなカッコイイ管理画面をデザインしていく流れが見れます。 単にテンプレートを真似て作るのもいいですが、つくり方も大体わかるというのはいいですね あまりリソースをさけないところではあるかもしれませんが、管理画面も美しくしたい場合に参考にできそうです 関連エントリ 広告デザインのためのPhotoshopチュートリアル１５ 新しめのPhotoshopテキストエフェクトチュートリアル２５ パノラマ写真から小さな惑星を作るPhotoshopチュートリアル 写真のようなリアルなオブジェクトを作るPhotoshopチュート
均一で単調なシャドウから卒業するPhotoshopのチュートリアル
均一で単調なシャドウではなく、大きさや不透明度を調整して奥行きのあるシャドウを描くPhotoshopのチュートリアルを紹介します。 Warping Drop Shadows to Give Depth 下記はそのチュートリアルを元に意訳したものです。 Photoshopの標準機能だけで簡単に作成ができます。 Step 1 まずは準備をします。 下記の例では、白い背景と紙のテクスチャを用意しました。 Step 2 シャドウの元になる矩形を描きます。 背景とテクスチャの間に新規レイヤーを作成（Ctrl+Shift+Alt+[N]）します。選択ツール[M]で長方形ツールを選択し、実体の下の方にやや小さめに矩形を選択します。塗りつぶしツール[G]を使用して、選択範囲を黒（#000000）で塗りつぶします。 シャドウの形は後のステップで整形するので、適当で構いません。
Photoshopでつくるタイポグラフィのチュートリアル:2009年総集編 | コリス
テキストにさまざまなエフェクトをかけるPhotoshopのチュートリアルを紹介済みのものから未紹介のものまで、2009年の総まとめです。
Photoshopで洗練したデザインを加える5つの小技 / ウェブデザインライブラリー
投稿日：2009年11月27日 レベル：初心者 ソフトウェア： このチュートリアルでは、Photoshopで洗練したデザインを加える5つの小技を紹介します。 Step1 ： テキストにもう少しだけ深みを持たせる Step2 ： 上から光を当てる（特定の領域を強調する） Step3 ： ぼかし(移動)の賢い使い方 Step4 ： ワープツールで雲を描く方法 Step5 ： ゆがみを使って3次元の道を作る キャンバスにテキストを描いてみたのですが、今ひとつです。 （フォントは「Myriad Pro」） テキストレイヤーに深みと光のコントラストを少し加えるための簡単な方法があります。 次のようにレイヤーとブレンドオプションを設定します。 ドロップシャドウ シャドウ(内側) べベルとエンボス 輪郭 グラデーションオーバーレイ ブレンドオプションを加えると次のように効果がつきます。
つい押したくなるようなボタン作成Photoshopチュートリアル集:phpspot開発日誌
つい押したくなるようなボタン作成Photoshopチュートリアル集が40種類ほど公開されていました。 ボタンといっても色々な種類があって、ちょっとした変り種のボタンを作る際にも参考にできそうな豊富なチュートリアル集になってるようです。 各リンク先は以下のエントリを参考にしてください。 40 Best Photoshop Tutorials for Creating Buttons and Badges | Naldz Graphics
ロゴに関する情報まとめ・チュートリアルとかギャラリーとかツールとか
ロゴの作成に困った時に役立ちそうだな、と思ってローカル環境にまとめていたロゴデザインに関するリンク集です。連休前なので時間が出来る方も多いかと思ったので公開してみます。 まとめ方は結構中途半端です。 インスピレーションLogoPondcreatticaLogoFavesLogoSauceLogo Of The Day / 日替わりでロゴを紹介Logospire / ロゴを作成して投稿し、評価し合うWoldaLogoMoose.comLogofiLogoGala / 美しいロゴのデータベースLogo From Dreams Awards / ロゴを厳選して紹介Logo GalleriaLogo Ideas Gallery Photoshop & IllustratorHow to make an awesome logo素材を生かしたロゴの作成 Photoshop create crest
グラデーションをより滑らかにするPhotoshopのチュートリアル
Photoshopを使用して、グラデーションを描いた時に濃淡の縞ができないように滑らかにするチュートリアルをslodiveから紹介します。 How To Correct Banding In Your Gradients Using Photoshop 下記にチュートリアルのポイントをステップごとに紹介します。 Step 1 レイヤーにグラデーションを作成し、作業（確認）用にそのレイヤーをコピーします。
ウェブデザインのエレメントを今風にデザインするPhotoshopのチュートリアル集
最近のウェブデザインでよく使用されているエレメントの制作方法を1ステップずつ分かりやすく解説しているPhotoshopのチュートリアルをCarsonifiedから紹介します。
The 60+ Best Photoshop Tutorials for Digital Artists – Speckyboy
For most professional designers, Photoshop is the tool of choice. While there are other editors out there that offer similar functionality, none can match the popularity or the massive, passionate community that Photoshop enjoys. The application is ubiquitous in the design world, and with good reason. The true power of Photoshop is the vast community that has formed around it. This community is wh
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 13
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
PNG画像をより美しく、より軽量に最適化するテクニック | コリス
先日、紹介した「JPEG画像の最適化テクニック」に続いてSmashingMagazineから、PNG画像をより美しく、より軽量に最適化するテクニックを紹介します。 追記：2009/07/27 本エントリには続きがあります。 続：PNG画像をより美しく、より軽量に最適化するテクニック Clever PNG Optimization Techniques 下記、各ポイントをピックアップして紹介します。 最後のはCS3向けで不明だったので、途中省略しています。 はじめに PNG画像フォーマットの概要 1. ポスタリゼーション 2. 手のはいってない透過 3. 透過による分離 4. マスクを活用 はじめに ウェブデザイナーとしてあなたは既にPNGのフォーマットに精通しているかもしれません。PNGは劣化のないフォーマットとして、GIFの非常に良い代わりとなります。 Photoshop（あるいは他の画
今時のデザインのウェブサイトの作り方を丁寧に解説しているPhotoshopのチュートリアル集
透明感のあるものやグランジ風・イラスト風など最近よく見かけるウェブサイトのデザインを一から丁寧に解説しているPhotoshopのチュートリアルを紹介します。
Photoshopでテキストに3D効果を与えるチュートリアル２５:phpspot開発日誌
25 Photoshop Tutorials for Creating 3D Text Effects | Vandelay Design Blog Photosohpでテキストに3D効果を与えるチュートリアル２５が紹介されていました。 何個か、目に留まったものをピックアップしてみました。 Photoshop Tutorial: Stunning 3D Effect in 30 Minutes 迫力あるテキスト作成。PSDファイルもダウンロード可能。 3D Text on Fire ３Ｄのテキストが燃えている風に表現 Valentines Day - Photoshop Style アイスキャンディーのような３Ｄロゴに仕上げる例 Create a Dream Design with 3D Typography ロゴ以外の木の描画なども注目 Create a 3D Flowery Text
透明感のあるクリーンなスタイルのボタンを作成するPhotoshopのチュートリアル
透明感のあるクリーンなスタイルのボタンを作成するPhotoshopのチュートリアルをPhotoshop Starから紹介します。 Original Clean Style for Your Website チュートリアルではレイヤースタイルの設定なども細かくキャプチャ入りで解説してあるので、これからPhotoshopを学ぼうとしている人にも理解できるものだと思います。
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 6 | コリス
テキストにグロッシー・ネオン・グラス・リベット・グラフィティ・グランジ・ポップ・グラデーションなどのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。一部のサイトでは、PSDファイルをダウンロードできます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
apple好きにはたまらないapple風のボタンやメニュー作成チュートリアル集:phpspot開発日誌
http://www.designwalker.com/2009/07/photoshop-scratch.html
http://gerenuk.crazyphoto.org/2009/06/15/714/
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 12 | コリス