『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
コピペで使える!Photoshop不要になりそうな高品質テキストシャドウサンプル集 2011年06月13日- 12 Fun CSS Text Shadows You Can Copy and Paste | Design Shack コピペで使える!Photoshop不要になりそうな高品質テキストシャドウサンプル集のご紹介。 Photoshop不要には絶対ならないとは思うんですが、Photoshopで作るのと遜色ないテキストシャドウが実現されております コードと実例を元に紹介されていてコピペで使えます。 こういうものはいつでもデザインを変えられるという意味でCSS3でやっちゃうのがデベロッパー的には楽ですよね。 画像を作成→アップロード→タグ置き換え を CSS3で一発置換っていう方がはるかに効率的です 一日も早く、ほとんどのブラウザでCSS3が使えることを願います。 関連エントリ CSS
ユーザーのアクションを誘う購入や送信や検索ボタンなど、最近のインターフェイスデザインでよく見かける7種類のボタンデザインを紹介します。 Common elements used in interface button design [ad#ad-2] 下記は各ポイントを意訳したものです。 また、元記事ではそれぞれのボタンを作成するPhotoshopのチュートリアルも掲載されています。 1. テクスチャを使ったボタン 2. パターンを使ったボタン 3. 3Dを使ったボタン 4. 1ピクを使ったボタン 5. 背景をインデントしたボタン 6. グロウを使ったボタン 7. ハイライトを使ったボタン 1. テクスチャを使ったボタン テクスチャはボタンにわずかな奥行きを与え、クリックが可能であることが分かるようにする素晴らしいテクニックです。
Webデザインをするときにいつも使っている Photoshop ... あまりに高機能なので、ツールパネルだけでもボタンがいっぱい。はじめて Photoshop に触れる人にとってはちょっと難解なインターフェイスかもしれません。Photoshop を始めたばかりの初心者さん向けの、ツールパネルのまとめです。 Webデザインするときに、いつも使っている Photoshop。でも本当にはじめて Photoshop を使い始めた人にとっては、Photoshop の画面に並んだ、たくさんあるボタン類からして意味がわからないんだと思います…。そー思ってツールパネルのボタンを端から見ていくと、自分でもコレなんだっけ?っていうのがいくつか …。 実は最近友達が Photoshop を使い始めました。全く Photoshop を使ったことのない彼女に使い方を教えてあげるって約束しちゃったので …。 そんな
15 Photoshop Tutorials for Designing Advertisements | Vandelay Design Blog 広告デザインのためのPhotoshopチュートリアル15。 次のような本当に広告として使われそうなクールな画像を作成するチュートリアルです。 WEBサイト自体、広告みたいなものなのでサイト用のトップ画像なんかの作成の参考にもなりそう 関連エントリ プロレベルのPhotoshopチュートリアル集 ポートフォリオデザインのためのPhotoshopチュートリアル25 ボタン作成のPhotoshopチュートリアル集 動画で学べるPhotoshopチュートリアル20
半透明とオーバーレイのテクニックは効果的に使用すると、奥行きとリアリズムを作り出し、退屈なウェブデザインにモダンな印象を与えます。 Onextrapixelから、ウェブデザインにおいて効果的に半透明とオーバーレイのテクニックを使う方法とその実例を紹介します。 Opacity and Overlay Techniques in Web Design [ad#ad-2] 下記は各ポイントを意訳したものです。 Dark Overlay Light Overlay Color Mixes Dark Overlay ブラック、あるいは暗いグレーを使ったオーバーレイ。最近のウェブデザインでよく見かけるタイプです。見た目はスタイリッシュになり、画像やスライドショー、ナビゲーションなどによく利用されています。 このテクニックを利用する際は、CSSでの透過をサポートしていないブラウザがまだあるため、PNGで
15 new, free and useful PSD files for web designers - Blog of Francesco Mugnai 覚えておくと便利そうなWEBデザイナー向けハイクオリティPhotoshop素材15。 色々と使えそうなモダンなパーツがそろっています。デザインの際の参考に。 どれかは必ず使えそうな気がするほど豊富にありますね 関連エントリ 色々使えそうなフリーのPSD素材ファイル30 かなりクールなPhotoshop用フリーUIキット-PSDファイル50個 シンプルで汎用に使えるWEBレイアウトのPSDソース「Blackbeard template」 デザイン色々なフリーのボタンPSD集
ナビゲーション、ボタンなどのエレメントをはじめ、ページレイアウト、アイコンなど、商用でも無料で利用できるウェブデザイン用のPSD素材を配布しているサイトを紹介します。
ウェブデザインでよく使用するアロー・ショッピングカート・サークルなどのPhotoshopのシェイプ素材をはじめ、Photoshopのチュートリアル、さまざまなシェイプを使ったデザインのアイデアなど、シェイプに関するポータルサイトを紹介します。 素材をはじめ全てのコンテンツは、サイト名通り無料で楽しめます。
25 Photoshop Web Layout (Design) Tutorials - DesignModo フレッシュなPhotoshop用WEBレイアウトチュートリアル25が公開されています すでに紹介したものも含まれていますが、新しいものも含まれているのでご紹介。 オーサリングツールは色々ありますが、いきつくところ結局Photoshopな気がします。 関連エントリ オシャレなノート風ブログレイアウト作成Photoshopチュートリアル いい感じのフリーのWEBサイトレイアウト用Photoshopテンプレート15 スタイリッシュなWEBレイアウト作成Photoshopチュートリアル そのまま使えるWEBレイアウトのPhotoshopテンプレート40 FacebookのGUIレイアウトのPhotoshopテンプレートファイル
50 Free PSD UI Kits and Templates for Web Designers かなりクールなPhotoshop用フリーUIキット-PSDファイル50個。 ボタンやフォーム要素やメニュー、パンくずリストといったあらゆるURLパーツが揃ったPSDファイルのまとめエントリです。 ページのモック作成や本番のデザインにも使えそうです。そもそものクオリティが高いものばかりが選ばれており、更にPhotoshopのレイヤーに分かれていることで再配置も容易なので有益なものとなっています。 素晴らしいまとめです。 関連エントリ WEBデザインのモック作成時に役立つ手書き用PDFテンプレート集 ブラウザ上でサイトのモックアップを光速で作成できるサービス「Lumzy」 WEBレイアウト作成用のモック作成ツールキット iPhoneアプリのモックアップが簡単に作れるサイト「iPhone Mo
50 curved drop shadow effects, free PSD 50の様々なデザインのドロップシャドウ効果適用素材Photoshopファイル。 次のように、色々なドロップシャドウのデザインが収録されたPSDファイルが配布されています。 ちょっと変わったデザインの物も多く収録されているので試してみてもいいかも。 関連エントリ これは覚えておいたほうがいい!というPhotoshopのブラシ50セット 100以上のクールなPhotoShop用ブラシがダウンロードできる「getbrushes.com」 クリエイティブでカッコいいPhotoshopブラシセット50 動物に関するPhotoshopブラシ色々 プロレベルのPhotoshopチュートリアル集
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く