Webデザインの1pxを作るためのPhotoshopのレイヤースタイルいろいろ

2011/09/28 1146 users pho Photoshop 1px webデザイン たくさん

素敵なWebデザインを見ていると、1pxにこだわって作られたデザインが多いです。今回はそんな1pxを、Photoshopのレイヤースタイルを使って、いろいろ作ってみました。これからPhotoshopで1pxのWebデザインをしたいなーと思っているPhotoshop初心者さん向けの記事です。色んな Webサイトを見ていると、1px にこだわって作られたキレイなデザインがたくさんあります。私は Pho... 続きを読む

Photoshop Vip » クリックひとつで完成するPhotoshopレイヤースタイル30個まとめ

2011/05/12 548 users Photoshop Vip Photoshop くら 記録

News Home > News > クリックひとつで完成するPhotoshopレイヤースタイル30個まとめ クリックひとつで完成するPhotoshopレイヤースタイル30個まとめ 2011年5月12日　　　 Photoshopでデザイン制作に便利な機能のひとつとして「レイヤースタイル」があります。 レイヤースタイルは適用したスタイルを記録、保存しているのでクリックひとつでテキストエフェクトやグラ... 続きを読む

Photoshopの作業効率をアップする便利すぎるエクステンションのまとめ | コリス

2013/03/25 450 users コリス エクステンション Photoshop CSS 作業効率

最後の一つだけ有料ですが、あとは全部無料の便利すぎるPhotoshopのエクステンションを紹介します。 ガイドや角丸の作成もレイヤー管理・パーツ管理も今まで以上に楽になるはず！ ガイド引きの効率アップ -GuideGuide 角丸の作成も修正も簡単にできる -Corner Editor PhotoshopのレイヤースタイルをCSS3にする -CSS3Ps レイヤー周りの機能を強化する -Trevo... 続きを読む

Photoshopレイヤースタイルいろいろ | DesignWalker

2009/05/22 413 users DesignWalker Amazing ワンクリック 無料

Photoshopのレイヤースタイルは、ブラシ同様に簡単にインストールできて、お手軽に使える便利なツールですね。 ボタンなどを作るときに、スタイルを指定するだけワンクリックでとってもきれいなボタンが作れますね。 以前にも『無料で使えるPhotoshopレイヤースタイル』でご紹介しましたが、まだまだ新しいスタイルなどがたくさん公開されていたので、もう一度まとめ直してみました。 220 Amazing... 続きを読む

無料で使えるPhotoshopレイヤースタイル - DesignWalker

2008/02/13 376 users DesignWalker テキスト ボタン 本日 無料

以前にもこのブログでご紹介しましたが、無料で公開されている、Photoshopレイヤースタイルを適用すると、とってもきれいなボタンやテキストなどが、お手軽に作れますね。 本日は、Photoshopレイヤースタイルをご紹介。 56 Photoshop layer styles 56種類のとってもきれいなレイヤースタイル。 Ultimate Web 2.0 Layer Styles - Free Do... 続きを読む

最近気になったハイクオリティなUIキット #5 | NxWorld

2014/07/07 373 users NxWorld Freebie UIキット ハイクオリティ

ここ最近で気になったハイクオリティなUIキットのまとめです。そのままデザイン素材として使用するだけでなく、カラーの組み合わせ方やどのようなレイヤースタイルで作られているかなどの部分でも何かと参考になります。 Retro Jam Ui Kit Free Ui Kit [Freebie] Free PSD: Flat UI kit Free PSD: Ui Kit Free Minimal Ui Ki... 続きを読む

Photoshopのドロップシャドウの使い方をマスターするチュートリアル | コリス

2012/05/13 341 users ドロップシャドウ コリス ウェブデザイン ノックアウト 角度

ドロップシャドウはウェブデザインで非常に人気のあるエフェクトです。 このドロップシャドウのエフェクトを使いこなすために、Photoshopのドロップシャドウの各種設定の使い方を紹介します。 下記は各ポイントを意訳したものです。 ドロップシャドウとは レイヤースタイルのドロップシャドウ 描画モード 不透明度 角度 距離 スプレッド サイズ 輪郭 ノイズ ノックアウト 設定の保存と初期化 ドロップシャ... 続きを読む

Illustratorのトレース機能はどこまでやれるのか？壁の落書きからイラストを作ってみた。 | 株式会社LIG

2013/01/29 330 users Illustrator 落書き 株式会社LIG トレース機能

これまで何度かIllustratorの「トレース機能」について書いたのですが、 実際どこまで線画を再現できるのさ？と 懐疑的なお嬢さんが結構いるようなので、実際に弊社ホワイトボードの写メからイラストをおこしてみました。 Photoshopでゴミ取りをする。 こちら、弊社 落書き ホワイトボードの写メです。 この状態からPhotoshopの「レイヤースタイル」→「トーンカーブ」で周りを白く飛ばし、余... 続きを読む

ボタンに使えるPhotoshopレイヤースタイル42種類 - DesignWalker

2008/02/14 306 users DesignWalker レイヤースタイルファイル ボタン

先日の、Photoshopレイヤースタイルの続編です。。 本日は、海外の有名サイトのボタンなどを参考に、Photoshopのレイヤースタイルを作ってみました。 『有名サイトのボタンデザイン21個をPhotoshopのレイヤースタイルファイルにしてみました』こちらの、アップデートバージョンです。 今回は、42種類用意してます。↓こんな感じ。 以下の有名サイトのボタンデザインを参考に、レイヤースタイル... 続きを読む

Photoshopのビギナーでもできるディテールにこだわったボタンを作成するチュートリアル | コリス

2010/09/23 242 users コリス Photoshop チュートリアル ビギナー フロー

Photoshopの標準機能だけで、グラデーションやレイヤースタイルをつかった美しいボタンを作成するチュートリアルを紹介します。 上記、四つのボタンのチュートリアルはPart 1, 2に分かれており、それぞれ二つずつのチュートリアルが掲載されています。 各チュートリアルはPhotoshopのキャプチャ付きなので、英語が苦手な方でもどのようなフローですすめるか理解できると思います。 ボタンはグラデー... 続きを読む

Photoshop Vip » テキストエフェクトやロゴ、ボタンデザインに活用したいPhotoshop無料レイヤースタイル40個まとめ

2011/06/08 190 users Photoshop Vip テキストエフェクト ロゴ 適用

News Home > News > テキストエフェクトやロゴ、ボタンデザインに活用したいPhotoshop無料レイヤースタイル40個まとめ テキストエフェクトやロゴ、ボタンデザインに活用したいPhotoshop無料レイヤースタイル40個まとめ 2011年6月8日　　　 Photoshopでよく利用するツールのひとつに「レイヤースタイル」があります。 それぞれのレイヤースタイルには、あらかじめ適用... 続きを読む

Photoshop VIP ☞ 使い方解説付、テキストエフェクトに最適な無料レイヤースタイル35個まとめ

2012/06/11 167 users テキストエフェクト Photoshop Vip エントリー

映画のロゴやグラフィックデザインなどで見かける、テキストエフェクトを作ってみませんか。 Photoshopの便利な機能のひとつ、レイヤースタイルを利用することで、簡単に作成することができますよ。 海外デザインブログDzineBlogで、テキストエフェクトに最適な、レイヤースタイル35個をまとめたエントリー「35 Useful Photoshop Styles」が公開されていたので、今回はご紹介しま... 続きを読む

１クリックでクールなWeb2.0/Apple風ボタンを作れるPhotoShopレイヤースタイル配布サイトまとめ:phpspot開発日誌

2007/06/28 160 users phpspot開発日誌 Photoshop ダブルクリック

１クリックでクールなWeb2.0/Apple風ボタンを作れるPhotoShopレイヤースタイル配布サイトまとめ 2007年06月29日 １クリックでクールなWeb2.0/Apple風ボタンを作れるPhotoShopレイヤースタイル配布サイトまとめ。 レイヤースタイルとは、PhotoShopにある、次の図のような「スタイル」ウィンドウで提供される機能で、ダブルクリックで簡単にボタンが作成できるもので... 続きを読む

商用利用も無料、エレガントな花柄や金ピカのPhotoshopのレイヤースタイル | コリス

2010/11/25 140 users コリス Photoshop 花柄 金ピカ 商用利用

Archive by month 2010年11月 (47) 2010年10月 (54) 2010年9月 (47) 2010年8月 (59) 2010年7月 (49) 2010年6月 (43) 2010年5月 (35) 2010年4月 (48) 2010年3月 (53) 2010年2月 (51) 2010年1月 (45) 2009年12月 (65) 2009年11月 (38) 2009年10月 (... 続きを読む

最近気になったハイクオリティなUIキット #12 | NxWorld

2015/08/11 124 users NxWorld UIキット ハイクオリティ ライセンス 見た目

ここ最近気になったUIキットのまとめです。見た目や各パーツ・カラーの組み合わせ方などデザインの参考にするだけでなく、それぞれ実際に作成されたファイルをダウンロードすることもできるので、どのようなレイヤースタイルで作られているかを参考にしたり、ライセンスが問題なければデザインで利用させてもらうこともできます。 Free UI from Shakuro Free Summeric Material U... 続きを読む

最近気になったハイクオリティなUIキット #8 | NxWorld

2014/12/18 114 users NxWorld DOWNLOAD Kit UIキット カラー

ここ最近気になったハイクオリティなUIキットのまとめです。そのまま素材として使用するだけでなく、各パーツやカラーの組み合わせ方やどのようなレイヤースタイルで作られているかなど、何かと参考にさせてもらうこともできます。今回はかなり大容量なものやMaterial Designを用いたものが幾つかあります。 55+ Elements FREE UI KIT | Clean white [DOWNLOAD... 続きを読む

Photoshopの文字加工をマスター！すごいデザインチュートリアル、無料素材まとめ - PhotoshopVIP

2016/02/11 111 users Photoshop マスター チュートリアル メダル 本物

Photoshop のさまざまな使い方を、効率的に学ぶことができるデザインチュートリアル。その中でも文字テキストの加工エフェクトは、実践に対応できるテクニックが詰まっています。今回はデザイナーが知っておきたい、高品質な文字加工用チュートリアル、作り方をまとめています。 レイヤースタイルを調整するだけで完成のお手軽チュートリアルから、メタルや毛皮テクスチャなどを利用し、本物そっくりのリアル感を追求す... 続きを読む

PhotoShopでMacOSX風アクアな文字をデザインするチュートリアル:phpspot開発日誌

2007/07/23 110 users Photoshop チュートリアル phpspot開発日誌

Spoono - Photoshop Tutorials - Mac OS X Text Learn how to make simple 3d Bevel text like the one for the logo for Mac OS X.PhotoShopでMacOSX風アクアな文字をデザインするチュートリアル。 レイヤースタイルを使ってMacOSX風の文字が作れるようですが、レイヤースタ... 続きを読む

iPhoneサイト(スマートフォンサイト)制作のためにCSS3でPhotoshopのレイヤースタイルを再現する方法 | HTML5でサイトをつくろう

2012/03/06 105 users たくさん 最低限 CSS3 最適化 容量

スマートフォンサイトを制作する上で便利なCSS3。 必要最低限まで画像の使用を減らし、スマートフォンサイトのデザインをスムーズにコーディングすることができます。 また、画像を使わずにCSS3を使ってスマートフォンサイトのデザインを実現すれば、読み込み時間や容量の軽いサイトを制作でき、サイトの最適化へつながります。 最近では海外の便利なジェネレーターサイトがたくさんあり、誰でも気軽にソースをつくるこ... 続きを読む

Photsohopで幻想的な一枚を！多重露光エフェクトのつくり方 - PhotoshopVIP

2016/01/19 80 users PhotoshopVIP Photoshop エフェクト

２枚以上の異なる写真を１枚に重ね、不思議なデザイン写真を完成させる「 多重露光 （英: Double Exposure ）」。このエフェクトをレイヤースタイルの変更など簡単なステップのみで仕上げる、Photoshopチュートリアルをご紹介します。何気ない平凡な写真も、エフェクトを適用することで、幻想的な雰囲気にすることができます。 また後半では、多重露光エフェクトをPhotoshopの再生ボタンひ... 続きを読む

レタープレスやジェルのエフェクトが1クリックで簡単にできるPhotoshopのスタイル素材 | コリス

2011/09/05 79 users コリス Photoshop エフェクト シェル レタープレス

1クリックで簡単にレタープレスやジェルやメタルのエフェクトをテキストに与えることができるPhotoshopのレイヤースタイルをPremium Pixelsから紹介します。 各スタイル素材はPhotoshopのスタイル（. [...] 続きを読む

最近気になったハイクオリティなUIキット #7 | NxWorld

2014/10/27 78 users NxWorld UIキット ハイクオリティ Free PSD

ここ最近気になったハイクオリティなUIキットのまとめです。そのまま素材として使用するだけでなく、各パーツやカラーの組み合わせ方やどのようなレイヤースタイルで作られているかなど、何かと参考にさせてもらうこともできます。また、今回はiOS 8やApple Watchの大容量GUIなどもあります。 Winter UI Kit [Free PSD] Dark and Light Ui Kit Free P... 続きを読む

ボタンやテキストに透明感のある光沢を与えるPhotoshopのレイヤースタイル | コリス

2011/03/07 75 users コリス Photoshop 光沢 アイコン テキスト

ボタンやアイコン、テキストに透明感のある光沢を与え、エレガントなスタイルにするPhotoshopのレイヤースタイルを紹介します。 Shine Styles: Free Photoshop Style Layers レイヤ [...] 続きを読む

最近気になったハイクオリティなUIキット #4 | NxWorld

2014/06/09 72 users NxWorld UIキット ハイクオリティ Free PSD

ここ最近で気になったハイクオリティなUIキットのまとめです。そのままデザイン素材として使用するだけでなく、カラーの組み合わせ方やどのようなレイヤースタイルで作られているかなどの部分でも何かと参考になります。 Freebie PSD: Obscure UI Kit [Free PSD] Coloristico Flat Ui Kit Blue Print UI Flat UI Design Elem... 続きを読む

ブラックに映える美しいネオンサインを再現したPhotoshopのレイヤースタイル | コリス

2011/10/25 72 users コリス Photoshop ネオンサイン レッド

ブルー、レッド、グリーンに輝くネオンサインを再現したPhotoshopのレイヤースタイルを紹介します。 続きを読む