ボタンやインフォボックスなどを集めたＵＩパーツのPSD:phpspot開発日誌
Freebie: Massive Web UI & Button Set | MediaLoot ボタンやインフォボックスなどを集めたＵＩパーツのPSD。 次のようなデザインのＵＩパーツキットがダウンロード可能です。 サイトにあてはめてより分かりやすいデザインにするために活用できそう PSD形式なので色は自由に変えられます 関連エントリ クオリティの高いUIパーツのPSDファイルを日替わりで「365psd」 ボタンやフォーム要素、シールなどWeb2.0っぽいUIパーツ集 Extバリの超クールなUIを提供するJavaScriptライブラリ「Jx Library」
手書き風のWebデザインを作りたい時に役立ちそうなフリー素材やデザイン例まとめ - かちびと.net
個人的に大好物の手書き風な Webデザインを作りたい時に 役立ってくれそうなフォントや テクスチャ、アイコンなど、無料 のリソースをメモしておきます。 手書き風と言っても色々あるのでこのまとめは偏ったものになっているかも知れません。参考程度にして頂ければ幸いです。全ては掲載出来ないので個人的に好みのリソースを厳選します。 日本語フォント ふい字 かなり使用条件を緩くしてくれている有名な手書きフォント。 ふい字 みかちゃんフォント こちらもかなりオープンに配布してくれています。 みかちゃんフォント あんずもじ 縦書き用も含まれています。こちらも有名なフォント。 あんずもじ ひま字 基本的には商用でも利用可能ですが、よく規約を読んで。可愛くて使いやすいです。 ひま字 ミウラ Liner ジュニア 漢字もがっつり入った素敵なフォント。 ミウラ Liner ジュニア 衡山毛筆フォント 著作権を放棄
Adobe Edge: 2008年12月 Flash Catalyst：PhotoshopデザインがそのままFlexアプリのViewへと変わる！
Flash Catalyst：PhotoshopデザインがそのままFlexアプリのViewへと変わる！ Adobe MAX 2007でコンセプトデモされた「Thermo」（コードネーム）が、2008年11月米国サンフランシスコで開催されたAdobe MAX 2008で、ついにMAX 2008 Preview版（ベータ未満のバージョン）として初披露されました。正式名称は「Flash Catalyst」。次世代のFlex開発ワークフローを大きく変えると期待されているこのツールをAdobe MAX Japan 2009に先駆けて、少しだけご紹介しましょう。 一般的なFlex開発ワークフロー Flexアプリケーションを開発する際の一般的なワークフローを見てみましょう。まず、デザイナがPhotoshopやIllstratorなどの描画ツールで画面をデザインします。次に、FlexのMXMLの知識が
有用なPhotoshopファイル(psd)配布サイト１４:phpspot開発日誌
14 Amazing Free Photoshop .psd Resource Sites | Speckyboy - Wordpress and Design 14 Amazing Free Photoshop .psd Resource Sites. 有用なPhotoshopファイル(psd)配布サイト１４。 サイトのテンプレート用のファイルや、素材となるような画像、チュートリアル、アイコンまで、色々と有用なPSDファイル配布サイトがまとまってます。 .PSD Files on deviantART FreePSD.com Official PSDs PhotoshopCandy Photoshop Cafe Free Photo Clips | Background-Free Photo Objects PSDTUTS 20+ Free Adobe Photoshop web but
すこしズルしてリアルなアイコンを作る方法 | バシャログ。
猫も杓子も Web 2.0 的な表現がもてはやされた頃、 ツヤツヤでリアルなアイコンの作成を迫られて嫌な汗をかきました。 質のよいイラストを描くことが要求される上、小さく細かい作業がてんこ盛り。 時間もスキルも足りない！ [1] まずフリー写真を探します。 アイコン作るのに何故写真が必要なの？とお思いかもしれませんが何故ならすこしズルいからです。 今回はこの本の写真を、アイコンっぽくしてみます。 [2] 必要なサイズにぎゅっと縮小し、背景を切り落とします。 [フィルタ]→[カラー調節]→[トーンカーブ]で、強めに調節します。 さらに[フィルタ]→[カラー調節]→[明るさ・コントラスト]でかなり思い切ってコントラストを上げます。 写真が縮小された上、強く補正をかけたことで、イラストに近いテイストになってきました。 [3] ここまでくればあとは簡単。 輪郭線を書き足したり、グラデーションを上か
PhotoShopのPSDファイルをXHTML＆CSSに一発変換できる「psd2css」:phpspot開発日誌
Free, Fast and Easy CSS webpages! | psd 2 CSS Online psd2css online converts your fantastic, creative, artistic, no holds barred web page designs into strict XHTML compliant CSS web pages automatically. PhotoShopのPSDファイルをXHTML＆CSSに一発変換できる「psd2css」 PSDファイルをアップロードすると、内容を読み取った上で、レイヤーごとにブロックが分けられた状態のXHTML＋CSSを取得できます。 簡単なPSDファイルを送ってみたところ、完全ではないですが、再現することが出来ました。 PhotoShopにも同じような機能はありますが、必要な画像のみトリミングしてくれ
Creating a Stunning Digital Smoke Effect - PSDTUTS
Some time ago I came up with a technique to create digital smoke using the Liquify filter in Photoshop. Although it was a simple and efficient way to achieve that sort of effect, people sent me emails asking how to customize it or that it wasn't so easy to follow. In this tutorial we are going to show you how to easily create digital abstract smoke using both Illustrator and Photoshop. One of the
映画のタイトルロゴのような非常に美しい光と文字を描画するPhotoShopチュートリアル:phpspot開発日誌
PSDTuts Advanced Glow Effects In this tutorial we're going to create some really sharp looking glow effects using a combination of layer styles, the pen tool and colour blending. 映画のタイトルロゴのような非常に美しい光と文字を描画するPhotoShopチュートリアル。 次のような画像を作成するチュートリアルです。 本当に綺麗で、パンフレットの表紙、WEBデザインのタイトル部分など、様々な部分に応用することが出来そうです。 チュートリアルを参考に画像を作ってみたところ、次のような画像が出来ました。 関連エントリ PhotoShopで７色に輝く美しいパーティクルエフェクトを作成するチュートリアル 壁に落書きをしたよう
Appleサイトのメニュー風ボタンを作るチュートリアル:phpspot開発日誌
Quick Tip: Beveled Text without Filters or Effects | BittBox Every once in a while we might find ourselves needing to get that “inset” or “beveled” look for text, probably more often for buttons and web design, than anything else. Appleサイトのメニュー風ボタンを作るチュートリアル。 次のようなAppleサイトのメニュー風ボタンを作れます。 イラストレーター用のチュートリアルですが、PhotoShopでもレイヤースタイルで同じように作れそうですね。 シンプルなデザインですが、クールというAppleなUIをまねしてみたいという方は是非試してみましょう。 関連エン
光のモーションで画像を超カッコよくするPhotoShopチュートリアル:phpspot開発日誌
Creating light motion trails & glowing sparks | Veerle's blog A technique often used in advertising these days, is these glowing lines. 光のモーションで画像を超カッコよくするPhotoShopチュートリアル。 PhotoShopで光のモーションを作って画像をすごくカッコよくする流れが見れます。 本テクニックを使えば、まるで雑誌広告のようなクールな画像が作れてしまいます。 実際に上記のような画像を作るには練習が必要だと思いますが、マスターすればいろんなところで使えそうです。 関連エントリ スライムのような質感のWeb2.0風ロゴを作成するPhotoShopチュートリアル 硬い金属のような文字を作成するPhotoShopチュートリアル テキストにツララが重なっ
春の訪れを感じさせるPhotoShopブラシ集:phpspot開発日誌
Choice Spring at Well, I kept my word. Using the sketches and inspiration of designer Lori Sartin, Choice Spring is a tribute to the beauty of Spring. 春の訪れを感じさせるPhotoShopブラシ集が配布されています。 このブラシを使って、次のような美しい画像を作れます。 インストールは、ファイルをダウンロード後、ブラシツールを選択し、ブラシ形状の選択ボックスを開いて、 ボタンを押した後、「ブラシファイルの読み込み」でダウンロードした .abr ファイルを読み込むと次のようなPhotoShopブラシスタイルがインストールされます(PhotoShop7の場合)。 関連エントリ 渦巻いた花の形をしたデザインのオシャレなPhotoShopブラシ集
クリアーなフォルダアイコンを簡単に作成するチュートリアル:phpspot開発日誌
How to Make a Folder Icon | Web Layout In this tutorial you will learn how to create a nice folder for your desktop or a website. クリアーなフォルダアイコンを簡単に作成するチュートリアル。 次のように、パスツールでフォルダの形を作ってから、素材なしに一からフォルダアイコンを作るチュートリアル クリアーな感じを出したりしているところが巧みですね。 パスツールからの形を応用してこれだけカッコいいアイコンが作れるというのも驚きでした。 関連エントリ PhotoShopを使って画像を映画風に加工するチュートリアル PhotoShopでMac風の美しいバックグラウンドを作成するチュートリアル 人物の写真をPhotoShopで美しく修正するチュートリアル PhotoShop
165のフリーなWeb2.0風ベクターアイコン:phpspot開発日誌
liquidicity 165 Vector Icons, Now in 5 Colours You seemed to like our original set of 165 vector icons, so we thought you might like them again. 次のような165のフリーなWeb2.0風ベクターアイコンが配布されています。 イラストレーターのベクター形式なので、ちょっと変更したり、色を変えたり拡大したりと自由自在ですね。 サイト作成用の素材によさそうです。 関連エントリ ブログに使えるフリーな超キュートアイコン集「Tiny Little Icons」 12500以上のハイクオリティなアイコンをまとめたサイト「IconArchive」 iPhone風アイコン作成用PhotoShopテンプレート 16x16ピクセルの芸術的favicon集 小さくて可愛
PhotoShopでMac風の美しいバックグラウンドを作成するチュートリアル:phpspot開発日誌
Creating a Mac-Type Background in Photoshop This tutorial is about making a “mac” style background. PhotoShopでMac風の美しいバックグラウンドを作成するチュートリアル。 次のような背景画像をPhotoShopで作るチュートリアルです。覚えておくとサイトデザイン時などにかなり活用できそう。 次がその流れ。 作っている工程も、徐々に背景が出来ていって、なかなか楽しい感じですね。 関連エントリ 人物の写真をPhotoShopで美しく修正するチュートリアル PhotoShopでRSS標準アイコンを作成するチュートリアル PhotoShopでタバコの煙風クール画像を１から作るチュートリアル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshop Vip » 写真をプロの様に加工するフォトショップ用無料アクションファイル完全まとめ
IDEA * IDEA
dezignus.com
Christmas Photoshop Brushes
Photoshop用ボブ・ブラシを使ってボブの絵画教室みたいな絵を描いてみる - DesignWalker
無料で使えるAdobeCS3の代替ソフト - DesignWalker
