こんにちは!ミズノです。 最近、おしゃれなカーソルを実装したサイトをよく見ますよね。 弊社のデザイナーリー... こんにちは!ミズノです。 先日、某案件でコンテンツ幅をmax-width:118... うどんか蕎麦だったらギリ蕎麦派。どうもkikuchiです。 Gulpについて勉強... お仕事のご相談や、弊社についてのご質問やご要望など、お気軽にお問い合わせください。, https://helpx.adobe.com/jp/photoshop/using/generate-assets-layers.html, https://helpx.adobe.com/jp/photoshop/using/file-formats.html, 500 x 250 example.jpg → サイズ 横500px 縦250px. 「ファイル」→「生成」→「画像アセット」を選択しPSDを保存すると画像を自動生成してくれる機能です。 https://helpx.adobe.com/jp/photoshop/using/file-formats.html. 同じものにPSD形式があります。 %以外にもpx、cm、mmでの指定もできます。(サイズをpxで指定するときのみ単位を省略可能。), 拡張子を指定するときはレイヤー名の後に記述します。 サイズ200％で画像アセットした結果 結果は、PSB形式は正常でJPEG形式はボケています。 PSB形式とJPEG形式の大きな違いはPhotoshopのすべての機能がサポートされていることです。
生成される画像は保存したPSDと同じフォルダ内のassetsフォルダに保存されます。, サイズを指定するときはレイヤー名の前に記述します。 ファイル形式の違いはレイヤーをスマートオブジェクトに変換するタイミングで決まります。, 結果は、PSB形式は正常でJPEG形式はボケています。 この現象はレイヤーのファイル形式の違いにより発生します。 サイズの設定. https://helpx.adobe.com/jp/photoshop/using/generate-assets-layers.html, ファイル形式
今回は現場の第一線でまだまだ活躍中の画像アセットについて、使い方と注意点を書いていこうと思います。, レイヤーまたはレイヤグループのファイル名に拡張子(PNG、GIF、JPEG、SVG)を記述して
画質を指定しないとデフォルトで生成されるので注意が必要です。, スマートオブジェクトに変換したレイヤーをサイズ200%で画像アセット生成したときに画像がボケることがあります。 PSB形式とJPEG形式の大きな違いはPhotoshopのすべての機能がサポートされていることです。 サイズを書き出し時に変更するには、レイヤー名の前に変更したい値を下記のように加えてください。 例）元画像が100px × 100pxの場合. 画像アセットを使用するときは画質の設定とレイヤーのファイル形式に注意してください。, レイヤーからの画像アセットの生成 JPEG以外にPNG、GIF、SVGで指定できます。, 画質を指定するときは拡張子の後に記述します。 PSB、PSD形式以外のファイル形式はサイズ拡大機能に対応していないためボケてしまうようです。, 以上、ざっくりですが画像アセットについてでした。 解決済み: Photoshopで、写真のサイズを105mmに変更して保存し、 illustratorで開くと、なぜか510mmになっています。 15年以上photoshopを触っていますが、こういう経験は初めてです。 訳 … アセット名の前に数字と単位（% …