新品の黒板や使い古した黒板のテクスチャ素材をはじめ、チョークで書いた感じに仕上げるスタイル、さまざまな飾り罫など、全てがセットになったPhotoshop用の素材を紹介します。 素材を使うとこんな感じのがさっとできます。

Photoshopでウェブページやスマフォページのユーザインターフェイスをデザインする時に、最も良い結果がでる最適な環境設定を紹介します。 最後の「作業のパフォーマンスを向上させる設定」はウェブデザインに限らず、Photoshopの動作がもっさりしている人は見直してみてください。 How To Set Up Photoshop For UI Design 下記は各ポイントを意訳したもので、画像は当方のPhotoshop日本語版です。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。海外の多くのブロガーからあのブログでの無断翻訳・転載の声を聞くのでご注意ください。 環境設定はiPhone用を例にしていますが、基本的なポイントは全てのウェブデザイン作業に適用できます。 新規ドキュメントの設定 スナップの設定 テキストの設定 光源の設定 グリッドの設定 画像を書き出す時の設定 R

Photoshopでの作業がもたついたり、もっときびきび動作させたい、という時に、ちょっと見直しておきたいPhotoshopの設定項目を紹介します。 各設定は、ウェブページのレイアウトやUIの作成を想定したもので、必要に応じて調整してご利用ください。 CC2015にも対応した環境設定は、下記ページをご覧ください。 Photoshopの作業パフォーマンスを向上させる最適な環境設定のまとめ -CC2015対応 How To Optimize Photoshop For Better Performance 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。海外のブロガーから他ブログでの無断翻訳・転載の声を聞くのでご注意ください。 ヒストリーとキャッシュ グラフィックプロセッサー 仮想記憶ディスク メモリの使用状況 64ビットモード レイヤーパ

Pantoneが2014年セレクションしたカラーは、鮮やかに咲き誇るランをイメージさせる淡くピンクがかったパープル「Radiant Orchid」。 今回はダウンロード素材として、Radiant Orchidを含む2014年 春のトレンドカラー12色をPhotoshop用のスウォッチを用意しました。 Pantone Color of the Year 2014 PANTONE 18-3224 Radiant Orchid Radiant Orchid（レイジアント オーキッド）とは「光り輝くラン」のことで、表情が非常に豊かなカラーです。その鮮やかな色味は信頼と暖かさにあふれ、人々の興味をそそります。 パープルとピンクが織りなす魅力的なハーモニーは、ランの花のように大きな喜び、愛、健康を象徴します。 Radiant Orchidのイメージボード PANTONE Color Systems:

ソリッドなライン、半透明のパネル、サークル状のエレメント、囲み線を使わない情報の区分けなど、美しくデザインされたスマフォ用のUI要素が100以上揃っており、しかも使用しているフォントやアイコンもセットになっているPSD素材を紹介します。 Flatastic Mobile UI Kit ダウンロードできる素材のフォーマットはPSDが2種類。 .psd (Retina Display) .psd (Standard Display) .png (プレビュー用） サイズは、Ritana Displayの方だと6,262x4,152で超高解像度！ Photoshopで開くとこんな感じです。

お待たせしました！ 先日、Twitterでつぶやいたコリス タイアップ企画のアイコン素材を紹介します。 当ブログでもお馴染みのFreepik.comから、100アイテム14セットの計1,400個が揃ったアイコン素材がコリス限定でダウンロードできます！ Freepik.comはウェブやグラフィックデザイナーのためのベクターやイラストやPSD素材の検索エンジンで、日本語環境でももちろん利用できます。アイコンに特化したflaticon.comも運営しており、こちらには現在18,000個以上のアイコンが登録されています。 Freepik.comでアイコンの検索する時は、下記のページからが便利です。 Freepik.comでアイコンを探す 今日は、汎用性に優れた使いやすいアイコンをコリスのビジター向けにまとめてくれました。 ダウンロードできるアイコン素材のフォーマットは下記の通り。 .png （すぐ

フラットやソリッドなデザインだけでなく、優しくて明るい雰囲気のデザインにも使えるパステルカラーをまとめたPhotoshop用のスウォッチ素材を紹介します。 iOS 7 Swatches 元となっているのはLouie Mantiaのアートワーク「iOS 7 Color Wheel」で、これをベースにスウォッチを作成したそうです。

フラットなスタイルにソフトな質感を加えた美しいアイコン素材を紹介します。 ゴムのようなソフトな質感が、いい感じです。 アイコンは単に無料ということだけでなく、使用の制限も無しとのこと、太っ腹！ Softies ダウンロードできるアイコンのフォーマットは、2種類。 .psd (ベクター） .png (すぐ使う用） .pngは64px, 128px, 256pxの3サイズが揃っており、.psdは各アイコンはベクターで作成でできています。 .psdをPhotoshopで開いたキャプチャ 素材の利用にあたっては、制限無しでフリー！！ GPLライセンス下で、個人でも商用でもあらゆるプロジェクトで無料で利用できます。 アイテムは全部で44種類！ 128px版を少し縮小したものですが、その美しさはこのサイズでも堪能できると思います。

ダウンロードできる素材のフォーマットはPhotoshop用のPATで、シームレスに利用できます。色が春っぽくて、いいですね。 PATをPhotoshopで開くとこんな感じ 素材の利用にあたっては個人でも商用でも無料で、素材の再配布や販売は禁止、とのことです。 ダウンロードは、下記よりどうぞ。

以下、ダウンロードできる素材はPhotoshop用のパターン（PAT）で、CS3にも対応しています。 ※CS6でももちろん使えます。 素材は全て個人でも商用でも無料で利用できます。 詳しくはダウンロードファイルの「license.txt」をご覧ください。

無料で利用できる、Photoshop用のグラデーション ファイルの紹介です。 テーマ別のグラデーション

dribbbleに投稿されたデザインで、コメントのやり取りがちょっと興味深いものなので紹介します。 簡単に意訳すると、 ビジター「デザインきれいだな、文字周りの処理に秘訣とかあるの？」 オーナー「文字をクリアにみせるために、Photoshopでこういう風にやってるよ。」 という感じです。

最後の一つだけ有料ですが、あとは全部無料の便利すぎるPhotoshopのエクステンションを紹介します。 ガイドや角丸の作成もレイヤー管理・パーツ管理も今まで以上に楽になるはず！ ガイド引きの効率アップ -GuideGuide 角丸の作成も修正も簡単にできる -Corner Editor PhotoshopのレイヤースタイルをCSS3にする -CSS3Ps レイヤー周りの機能を強化する -12 Pro Photoshop Time Savers 複数の画像で雑誌風のレイアウトを作成 -Tych Panel よく使うパーツを格納できる -Pixel Dropr ガイド引きの効率アップ -GuideGuide レイアウト用のグリッドを設計したり、エレメントの中心をだしたり、余白を確保するのに便利なエクステンション。 GuideGuide（無料） 対応バージョン Photoshop 2.0.3(f

最近のトレンドのぼやけたブラーの背景に載せたり、美しい写真の背景にも映える半透明のパネルやテキストを簡単に作成できるPhotoshopのスタイルを紹介します。 素材はレイヤースタイル・aslファイルでダウンロードできます。

細部まで作り込まれた美しいデザインのウェブ用のUIエレメントのPSD素材を紹介します。 そのまま制作に使ってもよし、インスピレーションをもらってもよし、PSDなのでエフェクトの勉強をしてもよし、などいろいろ活用できると思います。 ※一部のファイルはPNGフォーマットです。

10 Photoshop Quick Tips to Improve Your Workflow 下記は各ポイントを意訳したものです。 1. レイヤースタイル パネルでの操作 2. 空の選択範囲の変形 3. 斜めの画像を水平にする 4. 画像に磨りガラスのようなパネルを設置 5. キレイな切り抜きを素早く 6. 瞳のカラーを変更 7. 画質に影響を与えないで照明のエフェクト 8. 作業確認用の新規ウインドウ 9. 画像からカラースウォッチを作成 10. レイヤースタイルをレイヤーの一部に適用 1. レイヤースタイル パネルでの操作 レイヤーパレットの下の「fx」ボタンをクリックすると開くレイヤースタイル パネルで、レイヤースタイルのアクティブ時に直接微調整ができます。 操作可能なスタイルは、4つです。 ドロップシャドウ グラデーションオーバーレイ サテン パターンオーバーレイ 4つのスタイ

写真画像にテキストなどを配置する「すりガラスのバー」を描くPhotoshopのチュートリアルをPsdtuts+から紹介します。 Quick Tip: Add a Frosted Background to Photo Captions 下記はそのチュートリアルを元に意訳したものです。 Photoshopの標準機能だけで簡単に作成ができます。 Step 1 Photoshopで画像ファイルを開きます。画像はどんな種類のものでも構いません。 大切な画像を保護するために、レイヤーパレットでレイヤーを「ロック」します。

webrunr.comから、天体や世界地図や動物など、独特な雰囲気がある外国の昔の本のようなPhotoshopのブラシを紹介します。