Photoshopのアセット書き出し機能の設定 - Qiita
PhotoshopのGenerator機能を使って、コーディング用のスライス画像を書き出す方法のコツ。 レイヤー名、またはグループ名を書き出したいファイル名 (+拡張子) にする。 矩形領域を指定したいときはベクトルマスクをセットしておく。 ファイル > 生成 > 画像アセット を ON にする。 2x画像のサポート Retinaサイズ (2x) でつくったデザインデータから、実寸と半分のサイズの画像の両方を同時に書き出したい時は、psd内にオプション指定用の空のレイヤーをつくって、レイヤー名を default 2x/ + 50% 1x/ にすると、実寸の画像を2xフォルダに、50%に縮小した画像を1xフォルダに保存できる。 3x画像のサポート さらに同時に3xの画像を書き出したい時は、上記オプションレイヤーを、 default 2x/ + 50% 1x/ + 150% 3x/ にする。
【スライス不要】Photoshop画像アセット生成の基本とつまずきがちな5つのコト | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
独学でつまずいていませんか？ Photoshopの使い方を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGではWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。詳細を知りたい方は、ぜひスクールの詳細をチェックしてみてください！ →スクールの魅力が分かる資料はこちら！（資料請求） スライスせずに書き出せるPhotoshopの「画像アセット生成」って？ 画像アセット生成とは、ファイルのレイヤーやレイヤーグループのコンテンツからJPEGやPNG等の画像アセットを生成するという、スライス作業を不要とする機能です。PhotoshopCCから実装されている機能で、CC2014以降は画像に加えてSVGの書き出しも可能となりました。 普段からコーディングもしているデザイナーさんは効率化のために早くから使ってい
After Effectsで作成した動画を透過GIFアニメにする｜Webディレクター・ハラヒロシのブログ
PhotoshopのGenerator機能で、めんどうな画像書出しとサヨナラする - HOME'S Designer's Blog ｜ ホームズ デザイナーズ ブログ
これは面白い！Photoshopで高性能なHTML/CSSエディタが使えるようになるプラグイン -HTML Block
PhotoshopのPSD上に、HTMLとCSSのコードでエレメントを作成できるPhotoshopのプラグインを紹介します。 外部スタイルシートにも対応した高性能で、Bootstrapのエレメントをといった使い方もできます。 HTML Block HTML Blockの特徴 HTML Blockのダウンロードとインストール HTML Blockの使い方 HTML Blockの特徴 HTML Blockは、Photoshop CC2015 for OS Xのみ対応で、Webkitエンジンを利用してHTMLとCSSのコードでエレメントを作成できます。 ↓左パネルがエディタに見えるかもしれませんが、Photoshop上でのHTML Blockです。
写真をトイカメラ風に加工する方法（Photoshop）
Photoshopで写真をトイカメラで撮ったような加工をします。 トイカメラで撮ったような加工の仕方は色々とありますが、今回は全体にピンクがかった柔らかい印象に仕上げます。 トイカメラの表現は小物の写真に一工夫加えたい時に重宝しますし、ちょっと失敗した画像にも使えますね。 トイカメラ風に加工する画像を用意します。 画像のレイヤーをコピーし、順番を一番上にします。コピーしたレイヤーは非表示にして下さい。（参考：Photoshopのレイヤーの基本を説明） ※今回はpixtaで購入した写真を使います。（上記写真はpixtaで購入した写真です。こちらの写真を使用する際は必ず同サイトで購入し使用して下さい。）
Photoshopがもっと便利になるすごい機能拡張・プラグインのまとめ
Photoshpのスライスを神速化！”Slicy”を使って超簡単に書き出す方法まとめ！ | エバーセンス開発ブログ
【保存版】現場で使えるPhotoshopの高速スライステクニック5選
スライスツールを使って1つ1つずつ画像をスライスする場合、拡大しながらドロップシャドウのかかり具合を確認したりなど意外と手間がかかります。 「高速で画像をスライスしたい！」そんなあなたにオススメしたいのが今回ご紹介する”レイヤーに基づく新規スライス“、”画像アセット“、”Cut&Slice me“などのテクニックです。ぜひ覚えて時間を短縮しましょう！
Photoshopの動作を軽快にするための10のポイント
Photoshopの設定を変更して、動作を軽快にするための10のステップをSmashing Magazineから紹介します。 10 Simple Steps to Better Photoshop Performance はじめに もし、あなたがPhotoshopの設定をデフォルトのまま使用していたり、パフォーマンスを改善するために再点検することを望むなら、ここで紹介する10のポイントをチェックしてみてください。 1. ヒストリーの数を調整 作業履歴を記録するヒストリーはRAMを肥大化させるため、できるだけ数を少なく設定します。 一つの目安として、RAMが2GB以下の場合はヒストリーを使用しない方が軽快に動作します。 [編集] - [環境設定] - [パフォーマンス]の「ヒストリー&キャッシュ」で設定を変更できます。 2. キャッシュレベルの数を調整 レイヤーの数が少なく高精細の画像の場合
Photoshopの抽出作業が捗る！Adobeのオンラインツール「Project Parfait」が便利 - EQuipe Blaireau
【Adobe】ショートカットファイルはどこ？もう迷わない！Macを移行する際に役立つPhotoshop、Illustrator などのキーボードショートカットファイルのありかまとめ
【Adobe】ショートカットファイルはどこ？もう迷わない！Macを移行する際に役立つPhotoshop、Illustrator などのキーボードショートカットファイルのありかまとめ 読者の皆さまは「キーボードショートカット」、活用していますか？ 活用はしている。多くの方がそうですよね。⌘Sとか⌘Zとか。 さらに、「キーボードショートカットをカスタマイズ」している方はいますか？ あ、そこのあなた、気が合いそうです。「当たり前！」という声が聞こえてきました。 このポストを読まれているんですから当然ですよね。 Adobe製品でショートカットをカスタマイズしていると、Macを移行するときにいつも困るんです。 PhotoshopとIllustratorで、ショートカットファイルの場所が異なってたりする。 「あれ、どこだっけー？」と、アプリケーションごとにWebでショートカットファイルの場所を調べる。
環境設定ファイルの機能、名前、場所 | Photoshop
Photoshopの 3D 機能の廃止 Photoshop の 3D 機能は、今後の更新で削除されます。3D を使用されるユーザーは、Adobe の次世代 3D ツールを代表する Adobe の新しい Substance 3D コレクションのご検討をお勧めします。Photoshop の 3D 機能の廃止に関する詳細は、Photoshop の 3D 機能 | 廃止された 3D 機能に関するよくある質問を参照してください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Blog | Welcome to Adobe Blog
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事
gMap 0.7
How to Create a Traditional, Chinese Ink Painting Based on a Scenic Photo | Envato Tuts+
Photoshopでほそ〜い髪の毛を1分で綺麗に切り抜く方法｜フォトショップの参考書 [sitebook]![Photoshopでほそ〜い髪の毛を1分で綺麗に切り抜く方法｜フォトショップの参考書 [sitebook]](https://cdn-ak-scissors.b.st-hatena.com/image/square/98da957ee01fe3c133f94a65080ddc6ea5785bd7/height=288;version=1;width=512/https%3A%2F%2Fsitebk.com%2Fwp-content%2Fuploads%2FeyeCT.png)
