PhotoShopでRetinaディスプレイに対応した画像を書き出す方法 | Will Style Inc.｜神戸にあるウェブ制作会社
こんにちは、制作担当の奥田です。 今まではPhotoShopで画像を書き出す際、スライスを使って「WEB用に保存」というコマンドで書き出していました。 しかし、もうその必要は無くなりそうです。 PhotoShop CC 2015で新たに追加された書き出し形式の指定を使って書き出しがとても容易になりました。 今回はその方法についてご説明いたします。 Table of contentsRetinaディスプレイに対応した画像とはどのように記述するのかPhotoShopでの書き出し方Retinaディスプレイに対応した画像とはRetinaに対応していないと折角のきれいなデザインも汚く表示されてしまいます。 以下の画像は左がRetina対応、右がRetina非対応の画像をRetinaディスプレイで見た例です。 右は文字が少し荒く表示されています。 どのように記述するのかHTMLではどのように指定すれば
Photoshopの便利なスクリプトや拡張機能のまとめ
Photoshopにも便利な機能を追加できるスクリプトと拡張機能があります。こちらでも自分が使っているものや便利そうだなと思ったものをまとめました。 スクリプトの場合はファイルをダウンロードしてきて以下に入れます。環境によって違う場所にあるかもしれません。 Windows → C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Scripts Mac → アプリケーションのAdobe Photoshop CS5\Presets\Scripts 拡張機能はダウンロードしたファイルをクリックすると、Adobe Extension Managerが起動しますのでそちらにインストールすればOKです。 Index… PSDからテキストを抽出 レイヤー名の「コピー」を削除 Fireworks風のスライスレイヤー 選択したフォルダやレイヤーを別ファイルへ
270+ High-Res Rough and Grungey Photoshop Brushes
Photoshop brushes are an excellent resource for roughing up your designs for that distressed and weathered look, unfortunately many brush sets on the web are a little small in size, making them useless for large format designs. This collection of hand picked brushes feature various spraypaint, splatters, watercolour brushes and grungey textures all of which are of exceptionally high resolution, ma
Photoshopの切り抜き、選択範囲いろいろ：で、結局どれがいいの？
Photoshop の切り抜き、選択範囲をつくるいくつかの方法をまとめてみました。記事では Photoshop CS5 を基準にしていますが、それ以外のバージョンの方は抽出フィルタなどで CS5 の機能を代替えできると思います。 Photoshop の切り抜き、みなさんどんな風にしてますか？今回紹介する切り抜きは、定番みたいなものだと思うんですけど、私の近くに Photoshop 達人がいないので聞く事もできず、もっといい方法無いのかなーなんて思ったりもしてます。この記事を読んでくれた人で、「こうした方がいいよー」とかあったらコメントいただけると嬉しいです！ また、私は今 Photoshop CS5 を使っているので、それを基準にしています。CS4 以前を使っている人は、選択範囲の調整の代わりに抽出プラグイン（フィルター → 抽出）で代替えしてみてくださいね（注意：Web 用の切り抜きを前
2010年総まとめ：Photoshopでつくるタイポグラフィのチュートリアル集
Photoshopでつくるタイポグラフィのチュートリアルを紹介済みのものから未紹介のものまで、2010年の総まとめです。
Photoshopの動作を軽快にするための10のポイント
Photoshopの設定を変更して、動作を軽快にするための10のステップをSmashing Magazineから紹介します。 10 Simple Steps to Better Photoshop Performance はじめに もし、あなたがPhotoshopの設定をデフォルトのまま使用していたり、パフォーマンスを改善するために再点検することを望むなら、ここで紹介する10のポイントをチェックしてみてください。 1. ヒストリーの数を調整 作業履歴を記録するヒストリーはRAMを肥大化させるため、できるだけ数を少なく設定します。 一つの目安として、RAMが2GB以下の場合はヒストリーを使用しない方が軽快に動作します。 [編集] - [環境設定] - [パフォーマンス]の「ヒストリー&キャッシュ」で設定を変更できます。 2. キャッシュレベルの数を調整 レイヤーの数が少なく高精細の画像の場合
立体的に見せたりできるPhotoshop用グラデーションセット集:phpspot開発日誌
36 Color Gradient Sets For Photoshop and Resource Sites: Part 1 | Graphic and Web Design Blog - Inspiration, Resources and Tools 立体的に見せたりできるPhotoshop用グラデーションセット集がまとまっているエントリをご紹介。 Apple Gradients BOLD gradient pack Shattereds Gradients 全部見る これらを利用して綺麗なオブジェクトをすばやく作って効率的なデザインに役立てられるかも。 関連エントリ グラデーションをうまく使って立体感を出したサイトデザイン集
光を効果的に使用したPhotoshopのチュートリアル集：Part 13
光、光源、光線、光跡を効果的に使用したPhotoshopのチュートリアル集のPart 13です。 Michael Jackson Wallpaper Soul Rebel Poster Tutoria
Photoshopでテキストに3D効果を与えるチュートリアル２５:phpspot開発日誌
25 Photoshop Tutorials for Creating 3D Text Effects | Vandelay Design Blog Photosohpでテキストに3D効果を与えるチュートリアル２５が紹介されていました。 何個か、目に留まったものをピックアップしてみました。 Photoshop Tutorial: Stunning 3D Effect in 30 Minutes 迫力あるテキスト作成。PSDファイルもダウンロード可能。 3D Text on Fire ３Ｄのテキストが燃えている風に表現 Valentines Day - Photoshop Style アイスキャンディーのような３Ｄロゴに仕上げる例 Create a Dream Design with 3D Typography ロゴ以外の木の描画なども注目 Create a 3D Flowery Text
PhotoshopのPSDファイルをPHPで画像に変換してブラウザに出力してしまう方法:phpspot開発日誌
PHP: Display Adobe PSD files on a web page PhotoshopのPSDファイルをPHPで画像に変換してブラウザに出力してしまう方法。 これは本当に驚きました。PHP PSD Reader というライブラリをインクルードするのですが、複数レイヤーから構成されるPSDも難なく画像にしてくれます。 複数レイヤー。「レイヤー効果」も適用してみました。 難なく画像化に成功してしまいました＾＾； ドロップシャドウ、枠線などの「レイヤー効果」もバッチリ。 スクリプトは超簡単で、imagecreatefrompsd という関数の返り値を imagejpeg などの画像出力関数に渡すだけです。 <?php // ライブラリを読み込み include_once('classPhpPsdReader.php'); // 画像用HTTPヘッダ header("Conten
人物の写真画像をアメコミ風にするPhotoshopのチュートリアル
人物の写真画像をアメコミ風にするPhotoshopのチュートリアルをSnap2objectsから紹介します。
汚れを表現したフリーブラシセット集「250+ Stains Brushes for Photoshop」
TOP > Design , Photoshop > 汚れを表現したフリーブラシセット集「250+ Stains Brushes for Photoshop」 風合いを出す為にあえてデザインの中に落とし込む汚れ。今日紹介する「250+ Stains Brushes for Photoshop」はそんな汚れを表現する為のフリーブラシセット集です。 Stains コーヒーの染みから油汚れ、テープの跡や塗料の汚れ等、様々な風合いを演出できるphotoshopブラシが揃っています。今日は紹介されているものの中からいくつかピックアップして紹介したいと思います。 詳しくは以下 ■Stains and Scotch Tape テープのあとの詰め合わせ。アナログ感を演出できるphotoshopブラシです。 ■Water Stains Brushes 水の染みを表現したphotoshopブラシ。紙と
多種多様なPhotoshopのカスタムシェイプのコレクション
Smashing Magazineのエントリーから、人物、動物、植物、アロー、シンボル、おもちゃ、スワール、サークル、サンバースト、レトロなど多種多様なPhotoshopのカスタムシェイプのアルティメットコレクションを紹介します。 The Ultimate Collection Of Photoshop Custom Shapes 各画像をクリックすると、カスタムシェイプの形状が表示されます。 People Animals Planes and Boats Guns and Weapons Halloween Shapes Trees Circles Random Shapes Combination Packs People
RetouchShoppe.com
RetouchShoppe provides industry standard retouching & post-production services for clients all over the world.
【Photoshop】ペンツールで浮かび上がる光を表現してみる | バシャログ。
人生の早い段階で英語をあきらめた私が、PSDTuts さんのチュートリアルをやってみました。 1.背景色を決める グラデーションツールを使って、こんな感じに背景を着色します。 2.背景に宇宙っぽいモヤをかける 新規レイヤーを追加し、描画色を白、背景色を黒に戻してから「フィルタ」→「描画」→「雲模様2」を実行。 さらに「フィルタ」→「スケッチ」→「クロム」をかけて、雲模様をぬらぬらした質感に変換します。 このレイヤーの描写モードをオーバーレイ/不透明度40％にします。 3.ペンツールの軌跡にブラシツールの勢いをプラス ペンツールで何も考えずに好みの曲線を書きます。 ペンツールからブラシツールへ変更し、ブラシの太さを選択します。 描写色は気にしなくても大丈夫。 ふたたびペンツールに持ち替えたら、新規レイヤーを追加して、先ほど書いたパスを右クリックします。 「境界線を描く」メニューを選択します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
IDEA * IDEA
髪の毛切り抜き / Photoshopを使って背景をきれいに切り抜く方法まとめ | DesignWalker
https://www.eyesontutorials.com/articles/4948/1/The-hidden-power-of-Photoshop-brush-tool/Page1.html
光を表現するPhotoshopチュートリアル まとめ - DesignWalker