投稿日：2011年7月19日 レベル：初心者 ソフトウェア： このチュートリアルではPhotoshopで見映えの良いボタンを作成する方法を紹介します。 Step1 ： はじめに Step2 ： Photoshopで木材のテクスチャを開く Step3 ： ボタンの背景を作成する Step4 ： メインのボタンを作る Step5 ： ボタンを装飾する Step6 ： 完成
Photoshopで見映えの良いボタンを作成する方法 / ウェブデザインライブラリー
投稿日：2011年7月19日 レベル：初心者 ソフトウェア： このチュートリアルではPhotoshopで見映えの良いボタンを作成する方法を紹介します。 Step1 ： はじめに Step2 ： Photoshopで木材のテクスチャを開く Step3 ： ボタンの背景を作成する Step4 ： メインのボタンを作る Step5 ： ボタンを装飾する Step6 ： 完成
細部にこだわったUIエレメントをPhotoshopで作成するポイント
ウェブデザインをワンランクアップさせる、リアリスティックなユーザインターフェイスエレメントをPhotoshopで作成するポイントを紹介します。 Crafting Subtle & Realistic User Interfaces [ad#ad-2] 少し古い記事ですが、現在でも役立つ情報なのでご紹介。 下記は各ポイントを意訳したものです。 オブジェクトを想像する 光沢 vs つや消し 制作に役立つTips リアリティは繊細に オブジェクトを想像する リアリスティックなUIエレメントを設計する時には、そのオブジェクトが実世界でどのように見えるか想像する必要があります。それを実現する一番簡単な方法は、そのオブジェクトをモニターの横からどのように見えるか想像することです。 これは最近のウェブデザインでもよく見かける微妙な凸型のパネルで、その外周には小さいエッジを持っています。光源は上部にあり、
プロレベルでクオリティの高いWEBサイトレイアウト作成Photoshopチュートリアル集:phpspot開発日誌
25 Excellent Photoshop Web Design Layout Tutorials プロレベルでクオリティの高いWEBサイトレイアウト作成Photoshopチュートリアル集。 かなりクオリティが高くて、１つの仕事としてうけちゃったほうがよいぐらいのチュートリアルが沢山です。 本などでこうしたチュートリアル集を買うと千円以上したりしますから、なんとも有り難いですね。 英語で書かれていますが、英語力も同時に向上させちゃえるという意味では本当にいい教材です。 関連エントリ 立体感がうまく出たWEBサイトデザイン作成Photoshopチュートリアル スタイリッシュなWEBレイアウト作成Photoshopチュートリアル フレッシュなPhotoshop用WEBレイアウトチュートリアル２５ 3Dエフェクトを使った綺麗なグラフィックを作るPhotoshopチュートリアル集
Photoshop VIP ☞ Webデザイン制作を楽にしてくれるPhotoshop無料PSD素材72個まとめ
海外デザインブログAcrisDesignで、Webデザイン制作などに利用したいPhotoshop用PSD無料素材ファイルを72個まとめたエントリー「55 Brilliant Free Pixel Perfect PSDs」が公開されていたので、今回はこちらをベースに未紹介のPSD素材ファイルをまとめてご紹介します。 1px単位で細かくデザインされた素材ばかりとなっており、思わず「これが無料？」と思ってしまうデザインパーツが揃っています。 サクっとデザインを考えたい時などに参考にしてみてはいかがでしょう。 詳細は以下から。 Webデザインに活用したいPhotoshop無料PSD素材まとめ Plane Free PSD File 飛行機の機体を上部から見た様子をデザインしたPSD素材ファイル、色を変更することでオリジナルの機体デザインを完成することができます。 iPad and Paper S
最近リリースされたWEBデザイン用PSDデータ５種:phpspot開発日誌
5 Best Free PSD Templates Of Month May 2011 最近リリースされたWEBデザイン用PSDデータ５種がまとまっています。 こうしたWebデザインのPSDは過去より存在しますが、最近リリースされたこともあって、より最近のデザインに近いものですね WEBデザインのデザイン方法にもトレンドみたいなものがあるみたいですが、数年後のトレンドはどんな感じになっているんでしょうね。 関連エントリ シンプルで汎用に使えるWEBレイアウトのPSDソース「Blackbeard template」 かなりクールなPhotoshop用フリーUIキット-PSDファイル50個 色々使えそうなフリーのPSD素材ファイル３０ 覚えておくと便利そうなWEBデザイナー向けハイクオリティPhotoshop素材１５
和や京都っぽさを演出するのに使えるPhotoshopのパターンとブラシ 全321個 ＋ ブラシファイルの中身が見れるアプリケーション ｜https://wp.yat-net.com/name
2011年 06月 22日 和や京都っぽさを演出するのに使えるPhotoshopのパターンとブラシ 全321個 ＋ ブラシファイルの中身が見れるアプリケーション カテゴリ： テクスチャ ブラシ タグ：Photoshopパターンブラシ作成支援ツール
Photoshopの画像切り抜きテクニック / ウェブデザインライブラリー
投稿日：2011年6月21日 レベル：初心者 ソフトウェア： このチュートリアルでは、Photoshopで画像から対象物を切り出す方法を紹介します。 Step1 ： はじめに Step2 ： 写真のボケを修正する Step3 ： 背景から木を切り離す Step4 ： 切り抜きを微調整する Step5 ： 葉を付け足す Step6 ： 完成
ハイクオリティなWEBデザイン用Photoshopパーツ５０:phpspot開発日誌
50 Ultra High Quality Free Web Design PSD Files | CreativeFan ハイクオリティなWEBデザイン用Photoshopパーツ５０が紹介されています。 全体のデザインPSDなんかもあったりしますが、こうしたパーツのほうが実は使いやすかったりしそうですね。 こういうPSDを提供してくれる方々に感謝しつつ使わせていただきましょう。 関連エントリ かなりクールなPhotoshop用フリーUIキット-PSDファイル50個 シンプルで汎用に使えるWEBレイアウトのPSDソース「Blackbeard template」 色々使えそうなフリーのPSD素材ファイル３０ ボタンやインフォボックスなどを集めたＵＩパーツのPSD
コピペで使える！Photoshop不要になりそうな高品質テキストシャドウサンプル集:phpspot開発日誌
コピペで使える！Photoshop不要になりそうな高品質テキストシャドウサンプル集 2011年06月13日- 12 Fun CSS Text Shadows You Can Copy and Paste | Design Shack コピペで使える！Photoshop不要になりそうな高品質テキストシャドウサンプル集のご紹介。 Photoshop不要には絶対ならないとは思うんですが、Photoshopで作るのと遜色ないテキストシャドウが実現されております コードと実例を元に紹介されていてコピペで使えます。 こういうものはいつでもデザインを変えられるという意味でCSS3でやっちゃうのがデベロッパー的には楽ですよね。 画像を作成→アップロード→タグ置き換え を CSS3で一発置換っていう方がはるかに効率的です 一日も早く、ほとんどのブラウザでCSS3が使えることを願います。 関連エントリ CSS
【Photoshopチュートリアル】マスキングテープ素材 | 07design.blog
今回はデザインのお勉強ではなく、趣味に走ったチュートリアル記事を書きます。たま～に若い女の子向けのグラフィックデザインをやるのですが、マスキングテープを使ったデザインをよく作ります。その素材のチュートリアルを個人的なメモとして記録しておきます。…今回はデザインのお勉強ではなく、趣味に走ったチュートリアル記事を書きます。 たま～に若い女の子向けのグラフィックデザインをやるのですが、 マスキングテープを使ったデザインをよく作ります。 その素材のチュートリアルを個人的なメモとして記録しておきます。 我流なので、参考になるか分かりませんが森ガールテイストのデザインを作る際などにお役立てください。 マスキングテープ、かわいいですよね。個人的にも集めてたりします。 mtって略すらしいですが、どうしてもMovableTypeしか浮かばないのでマステって略してます… こういったものをつくっていきま
最近のインターフェイスデザインから学ぶ、7種類のボタンデザイン
ユーザーのアクションを誘う購入や送信や検索ボタンなど、最近のインターフェイスデザインでよく見かける7種類のボタンデザインを紹介します。 Common elements used in interface button design [ad#ad-2] 下記は各ポイントを意訳したものです。 また、元記事ではそれぞれのボタンを作成するPhotoshopのチュートリアルも掲載されています。 1. テクスチャを使ったボタン 2. パターンを使ったボタン 3. 3Dを使ったボタン 4. 1ピクを使ったボタン 5. 背景をインデントしたボタン 6. グロウを使ったボタン 7. ハイライトを使ったボタン 1. テクスチャを使ったボタン テクスチャはボタンにわずかな奥行きを与え、クリックが可能であることが分かるようにする素晴らしいテクニックです。
女性向けサイト等に使えそうなイラスト風の花・植物のPhotoshopブラシ集:phpspot開発日誌
Free Floral Photoshop Brushes | Professional photo gallery | Create and buy flash xml photo gallery 女性向けサイト等に使えそうなイラスト風の花・植物のPhotoshopブラシ集が色々まとまったエントリのご紹介です。 サイトに使うことでサイトがオシャレになったりしそうです。 これは絶対に使えそうですね。 関連エントリ ハイクオリティなPhotoshopブラシをダウンロードできるサイト色々まとめ 100以上のクールなPhotoShop用ブラシがダウンロードできる「getbrushes.com」 動物に関するPhotoshopブラシ色々 クリエイティブでカッコいいPhotoshopブラシセット５０
これは覚えておいたほうがいい！というPhotoshopのブラシ５０セット:phpspot開発日誌
50 Free Photoshop Brush Sets Everyone Should Have | Web Design Blog, Web Designer Resources これは覚えておいたほうがいい！というPhotoshopのブラシ５０セット。 かなり使えそうなものが多かったのでご紹介します。 クラウド時代の雲のブラシ。何ともリアル 自然のいい感じが出せそうなブラシ ペンキなんかをぶちまけたようなブラシ いろんなタイプの草のブラシ なんか地球爆発してるっぽいブラシ 油絵っぽい感じを出せるブラシ 光がかっこいいブラシ 北斗の拳の髪の毛もかけちゃうヘアブラシ フラクタル 他にも色々あるので是非元エントリを参照してみて下さい。 関連エントリ ハイクオリティなPhotoshopブラシをダウンロードできるサイト色々まとめ 100以上のクールなPhotoShop用ブラシがダウンロードでき
高級っぽさを演出できるPhotoshopパターン500:phpspot開発日誌
500 Exceptionally Beautiful Photoshop Patterns For Classy Designs | Multy Shades 高級っぽさを演出できるPhotoshopパターン500がまとめられたエントリのご紹介です。 絨毯地やグラデーション等、背景にすればサイトがとたんに高級っぽくなりそうなパターンには困らなさそう。 単なる画像なわけですが、高級感が簡単に出せたりするところはWEBサイトのデザインの面白いところですね。 関連エントリ 200を超える非常に美しいPhotoshopのパターン集 背景画像に使えるPhotoshopの背景パターン2000 PhotoShopのブラシやパターンがいっぱい「myphotoshopbrushes.com」 サイトの背景に使うと印象を際立たせられそうな50のPhotoshopパターン集 背景画像に使えるレトロなPhoto
デザイン制作に欠かせない 実用的なフリーテクスチャまとめ「350+ Free Textures」
webデザインでも紙媒体のデザインでも、背景素材として活用できるテクスチャは活用頻度も実用性も高い、とても便利な存在です。そこで今回紹介するのは、デザイン制作に欠かせないフリーテクスチャまとめ「350+ Free Textures」です。 （+ Textures – Wood. by ~YouAreLikeADoll on deviantART） デザインを引き立ててくれる素材感溢れるテクスチャから、ポイント使いとして大いに活躍を果たしてくれそうなタイプまで種類がかなり豊富です。その中から今回いくつが気になったものを選出しましたので、以下よりご覧ください。 詳しくは以下 ■Colorburned | 6 High Resolution Sand and Seashell Textures 貝のかけらが敷き詰められたテクスチャ。どこか花びらのようにも見えます。 ■27 Free High R
なんともいい感じなボタン素材色々:phpspot開発日誌
9 FREE Creative Buttons for You to Download | UnderWorld Magazines なんともいい感じなボタン素材色々。 次のようないい感じのデザインのボタンが色々紹介されています。 デザインの感じも様々で、サイトデザインに合わせたものを選べます。 なんとなくサイトのボタン味気ないなぁ、という方は参考にしてみるとよさそう。 ボタンデザインでクリック率も変わったりするようなので、広告のコンバージョンを測る要領でテストしてよいものを採用する等するとよさそうですね。 関連エントリ シンプルでいい感じのボタンテンプレートPSD iPhoneのON/OFFスイッチっぽいcheckbox、radioボタン実装jQueryプラグイン「LightSwitch」 ページの端っこに常に表示させるボタン実装用jQueryプラグイン「EdgeButton」
サイトの背景に使うと印象を際立たせられそうな50のPhotoshopパターン集:phpspot開発日誌
50 Extremely Beautiful Photoshop Patterns for Elegant Designs | PSDFan サイトの背景に使うと印象を際立たせられそうな50のPhotoshopパターン集。 次のような綺麗なパターンが紹介されています。 背景の変更は一番簡単なわけですが、背景だけでもかえると印象はがらりと変わるので最も効率的なサイトのイメチェン方法かもしれません。 関連エントリ 背景画像に使えるPhotoshopの背景パターン2000 じゅうたん風の美麗背景パターン素材集７０ 様々な背景パターン画像を入手できる「Shizoo」 シームレスな背景パターンを得られるサイト２７ 背景画像に使えるシームレスなパターン画像500種
クリエイティブなPhotoshopチュートリアル35選 | bagel cafe
最近の投稿 クールなソーシャルアイコンセットパック 2012 bbpressをスタンドアローンで運用する アフィリアス（Afilias）によって停止されたinfoドメインが復活するまでの記録 phpbbの画像入れ替えを反映させる方法 生命感あふれる野生動物の壁紙50種類 HD CSS3で作る、クールな縦アコーディオンメニュー かわいいイラスト壁紙20選 美しいロゴデザイン31選 スィートなデスクトップ壁紙95種類 様々なPhotoshopブラシの詰め合わせ SEOの各技術の関連性を一覧にしたインフォグラフィック クリエイティブなロゴデザイン25種類 ブログ更新について ブログの更新について フォームまわりのデザインに使えそうな、フォームエレメントパック カテゴリー web ajax API CMS CSS flash Illustrator iPhone Photoshop php Twi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ワクワクするデザインの無料アイコン素材50セット、あつめました。 - PhotoshopVIP
Welcome to nginx!