背筋が凍る、Webデザインをpsdでやり取りする際の「超重要」なのに見過ごされがちな設定
寒くなってきたのに怪談タイトルでｻｰｾﾝ でも… カラー設定もお互い「WEB・インターネット用-日本」に合わせていたのに… デザインした時に見えていたもの（右）と、psdファイルを渡した先（左）でこう変わっていたとしたら… しかも無警告で変わっていたとしたら…？？？ どうだ怖いだろう…！ ？？何が起きた？？ まずこの現象の理由ですが、 「レイヤーで重なった塗りやテキスト」のフチの合成処理時に、レイヤー同士の重なり具合を変える設定があるのです。 こんなレイヤー構造にしていたとします。テキストのアンチエイリアスは鮮明。多角形には属性パネルでぼかしをかけました。 カラー設定プリセットを「WEB・インターネット用-日本」の完全なデフォルト値（というか期待している値）の状態にしていると、こう見えます。 CS6のカラー設定。Web・インターネット用 – 日本になってますね。 先方も同じカラー設定にして
手の込んだテキストエフェクトが使えるフリー素材PSDファイルまとめ30選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのサリーです。 今回はブログのアイキャッチにも使えるテキストエフェクトのフリー素材をまとめてみました（今回のアイキャッチでも使ってます！）。 PSDファイル形式なので、Photoshopでちょちょいと編集するだけで手の込んだエフェクトが使えちゃいます。 テキストエフェクト素材の使用方法 今回は「Grand Motel Text Effect」という素材を利用して、ざっくりした使用方法を説明していきます。素材によって微妙に使い方が異なりますが、基本的には同じような方法で編集できると思います。 STEP1. PSDファイルを開く こちらのPSDファイルのレイヤー構成はこんな感じ。 レイヤー構成は素材によってさまざまです。 こちらの素材は丁寧にレイヤー名に「Your text here(double-click the layer thumbnail)」と書いてありますね！
簡単にハイクオリティなテキストエフェクトを表現できる素材 40 #2 - NxWorld
簡単にハイクオリティなタイポグラフィーデザインを表現することができるテキストエフェクトのまとめです。 いずれもファイル内に用意されているテキストやスマートオブジェクトを任意のものに変更するだけでエフェクトを適用させることができ、デザインツールの操作が苦手という方でも簡単に作成することができます。 形式はほとんどがPSDで用意されており、中にはひとつのファイルで複数のエフェクトが用意されているものもあります。 また、素材によってはサンプルで使用しているフォントもセットになっていたり、使用フォント名やダウンロード先などの情報を同梱してくれているので、「そのままサンプルイメージで使用されているフォントを使いたい！」という場合もわざわざダウンロード先などを探さずにすみます :) 紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
簡単にハイクオリティなテキストエフェクトを表現できる素材 40 - NxWorld
簡単にハイクオリティなタイポグラフィーデザインを表現することができるテキストエフェクトのまとめです。 いずれもファイル内に用意されているテキストやスマートオブジェクトを任意のものに変更するだけでエフェクトを適用させることができ、デザインツールの操作が苦手という方でも簡単に作成することができます。 形式はほとんどがPSDで用意されており、中にはひとつのファイルで複数のエフェクトが用意されているものもあります。 また、素材によってはサンプルで使用しているフォントもセットになっていたり、使用フォント名やダウンロード先などの情報を同梱してくれているので、「そのままサンプルイメージで使用されているフォントを使いたい！」という場合もわざわざダウンロード先などを探さずにすみます :) 紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
有名なWebサイトのデザインをPSDで提供·Popular UIs MOONGIFT
Popular UIsはAdobe Photoshop製のオープンソース・ソフトウェア（MIT License）です。 有名なWebサイトではそのデザインについても様々な考察の上で成り立っています。そこからエッセンスを学び、自分のデザインに活かせる点は多いはずです。そこで使ってみて欲しいのがPopular UIsです。 Herokuです。 こちらはApple。 Designer News。 GitHub。 Facebook。 一枚絵ではなくちゃんとレイヤーに階層化されています。 Popular UIsはPSDファイルで提供されています。レイヤー、グループ化されていますので必要な部分だけ素材を切り出したりするのも簡単です。Facebookではルーラーがたくさん設定されていますが、他のPSDでは基本的な部分だけになっているようです。 MOONGIFTはこう見る プログラマーがソースコードを見る
Photoshopのプラグイン、Cut&Slice meはコーダーの強い味方になるか試してみた
Photoshopのプラグイン、Cut&Slice meはコーダーの強い味方になるか試してみた 2013.01.07 | この方法お勧めです！ はじめまして。お弁当に入れてよし、おにぎりの具にもよし、卵はイクラでお寿司によし、年末にはまるごと新巻鮭で贈答品にもよし、いろんな形でお役に立つ、そんな鮭のような存在になりたいサーモンです。 決して食いしん坊だから、とか、もう選ぶ色がなかったとかそんなことではないですよ。 今日は七草 お正月、冬休み明けで、今日が仕事始めの方も多いのでは、と思いますが、そんな今日、1月7日は「七草粥」の日です。 1月7日の朝にセリ、ナズナ、ゴ（オ）ギョウ、ハコベラ、ホトケノザ、スズナ、スズシロの「春の七草」を入れたおかゆを食べて、無病息災を祈る、という行事ですね。地域によっても少しずつ違うのかもしれませんが、私の住む関東地方ではこんな感じだと思います。 そして、正月
無料ダウンロード可能なPSD形式の素材を検索できるサービス「PSD Hunter」 | ライフハッカー・ジャパン
「PSD Hunter」は無料でダウンロードできるPSDファイルを検索できるサービスです。無料で手に入るPSDファイルを検索してくれるので、素材探しに便利です。 以下に使ってみた様子を載せておきます。まずPSD Hunterへアクセスしましょう。フリーワードで検索ができます。 「リボン」で検索してみました。これらはすべてPSD形式のファイルで無料ダウンロードできるものです。PSD形式の素材を集めるのに活用できそうですね。ぜひ一度使ってみてください。 PSD Hunter （カメきち）
iPhone/Androidアプリのモックアップ作りに便利なPSD・AI・ICON配布サイト｜スマートフォン｜モバイル／スマートフォン｜PHP & JavaScript Room
iPhoneタブバー＆ツールバー用アイコン iPhone UI iPhone外観素材〔iPhone3 / iPhone 4 / iPhone 4S〕 iPhoneアプリケーションアイコン iPhone風のアイコンジェネレーター iPad UI iPad 外観素材〔iPad / iPad2〕 iPod Touch 外観素材 Androidメニュー用アイコン Android UI Android外観素材 Android Widget UI〔ウィジェットテンプレート〕 Droidくん Androidアプリケーションアイコン Androidアイコンジェネレータ〔画像をアップするだけでガイドラインに沿ったアイコンを生成〕 モノトーン系アイコン iPhoneタブバー＆ツールバー用アイコン 2010/9/26 PSD PNG PSD icon Sweets License: 個人・商用利用可 iPhon
2012年のベストフリーPSD「Best Free UI PSDs of 2012」
サイトを制作する上で、便利な素材PSD。photoshopで扱えるファイルで、細かなカスタマイズも可能で、扱いやすいファイル形式は制作者としてはありがたい形式ですが、今日紹介するのは、2012年に公開されたフリーPSDを集めたエントリー「Best Free UI PSDs of 2012」を紹介したいと思います。 Mini glyphs (12 px) ベーシックなアイコン素材から、ローディング用のプログレスバーなど、制作に利用できそうな様々な素材がまとめられています。今回はその中から特に気になったPSD素材を紹介したいと思います。 詳しくは以下 Circular Progress Bar 立体的で円形のプログレスバー。ローディングを印象的に見せたい時におすすめです。 Free Footer Detailing フッターに利用するTOPに戻るボタンをリアルなリボンで表現したPSD Pric
【Webデザイナー向け】11月なので好きなブログを告白する月：海外ブログ編2012
さて今年もやって参りました。 Myアルファーブロガーアワード2012。 今回はちょっと趣向を変えて、読んでいる海外ブログ等を。 Free Online Resources and Best icons fonts logos quotes wallpapers and designs@GraphicsLava.com 主にフリーアイコンや、WordPressなんかのTips、デザイン系の記事を紹介されているブログ。 最初の頃は車のデザイン、あかちゃんの写真、タトゥーといった写真をまとめていたのですが、だんだんと趣向がかわってきて今に至る。昔のなんでもまとめます感は結構スキでしたけどねー。 Designrshub - Design Articles, Inspirations, Resources and Freebies こちらもデザイナー向けのブログなので、Photoshopネタ、Wor
Photoshopのカスタムシェイプで使える300種類Webアイコンセット『Batch』
Photoshopのカスタムシェイプで使える300種類Webアイコンセット『Batch』 『Batch』は300種類のWebやユーザーインターフェース関連のアイコンセット。 PSD形式で無料配布されており、それぞれのアイコンはPhotoshopのシェイプレイヤーになっています。 ライセンスは商用／非商用の共に利用可能でクレジットの明記は特に必要なし（あれば歓迎）。ただし再頒布や販売は不可とのこと。 最近はこの手のシンプルなアイコンがよく出回っていますが、PSのシェイプで配布されているものは結構限られているので、PS使いは押さえておくと重宝するんじゃないでしょうか。
ウェブデザインの引き出しを増やすPSD素材がダウンロードできる -ByPeople、質も量もものすごいです！
ウェブページのメニュー、ボタンなどをはじめ、ボックス、スライダー、アイコン、背景パターン、リボン、バッジ、エフェクト、テンプレートなど、トータル2,000くらい？のPSD素材がダウンロードできるByPeopleを紹介します。 そんなに数多くダウンロードできないよ、って人も大丈夫！ 全素材まとめてダウンロードできます。 ByPeople ダウンロードできる素材はほとんどがPSDで、モノによってはAIだったりします。 ダウンロードはページ下のメール欄にメールアドレスを入力して、ダウンロードボタンをクリックします。しばらくすると、ダウンロードのURLがメールに送られてきます。 素材の利用にあたっては個人でも商用でも無料、とのことです。 詳しくは、Use Licenseをご覧ください。 数多くありすぎる素材から、いくつか紹介します。 本当に、ごく一部です。
保存版! デザイン作業の助けになるスマートフォンUIのPSD40選!!
無料で利用できるスマートフォンUIキット。スマートフォンサイトやアプリのデザイン作業をするときに持っておくと、何かと便利ですよね。 海外系デザインWebメディア「1stWebDesigner」で、そうしたUIキットのPSDファイルが紹介されていました。 一応すべてのキットは無料で使うことができますが、商用目的で利用する場合は、事前に使用許諾を確認するようにしておきましょう。 iOS6 GUI PSD Free PSD: iPhone iOS 6 GUI PSD | | FreeUIKits.comFreeUIKits.com iPhone UI iPhone UI – 365psd Official Android 4.0 UI Free PSD: Official Android 4.0 UI Downloads | | FreeUIKits.comFreeUIKits.com iOS6
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事
新着記事
新着記事
Photoshop VIP ☞ HTML5とCSS3でデザインされた無料テンプレート素材15個まとめ (PSDファイル付)
