タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

コーディングとphotoshopに関するrie141のブックマーク (3)

  • Photoshop CC 2015で使えるPNGやJPGの超高速書き出し方法

    PNGやJPGを超高速書き出し Photoshopは年々進化していてPhotoshop CC 2014からはアセットを抽出という機能が追加されてレイヤーを個別のファイルまたはレイヤーグループ全体をまとめて書き出すことが可能になった。 そしてPhotoshop CC 2015からはさらに便利な機能が追加された。それはクイック書き出しだ。 クイック書き出しとは その名の通り画像を即座に書き出すことができる機能。 しかし、この機能はデフォルトの設定だと画像を保存する場所を選択する画面が表示されてしまうし、ファイル形式も環境設定の書き出しから形式を1種類選択するようになっているため使い勝手が悪い。 そのため、より使いやすくするために環境設定の変更とアクションの追加が必要になる。 超高速書き出しの環境設定方法 まず環境設定の書き出しで「クイック書き出し形式」をPNGにして透明部分にチェックを入れる。

    Photoshop CC 2015で使えるPNGやJPGの超高速書き出し方法
  • PhotoShopでRetinaディスプレイに対応した画像を書き出す方法 | Will Style Inc.|神戸にあるウェブ制作会社

    こんにちは、制作担当の奥田です。 今まではPhotoShopで画像を書き出す際、スライスを使って「WEB用に保存」というコマンドで書き出していました。 しかし、もうその必要は無くなりそうです。 PhotoShop CC 2015で新たに追加された書き出し形式の指定を使って書き出しがとても容易になりました。 今回はその方法についてご説明いたします。 Table of contentsRetinaディスプレイに対応した画像とはどのように記述するのかPhotoShopでの書き出し方Retinaディスプレイに対応した画像とはRetinaに対応していないと折角のきれいなデザインも汚く表示されてしまいます。 以下の画像は左がRetina対応、右がRetina非対応の画像をRetinaディスプレイで見た例です。 右は文字が少し荒く表示されています。 どのように記述するのかHTMLではどのように指定すれば

    PhotoShopでRetinaディスプレイに対応した画像を書き出す方法 | Will Style Inc.|神戸にあるウェブ制作会社
  • 知らなかった!photoshopでcssを書き出してくれる無料のエクステンション「CSS3Ps」 | スターフィールド株式会社

    こんなものがあるなんて今まで知りませんでした・・・ なぜ知らなかったのでしょう。勉強不足ですね。。。 今日紹介するのは、photoshopの「CSS3Ps」というエクステンションです。 シェイプレイヤーやテキストレイヤーのをcssで書き出しくれるという代物です。 もちろん名前の通りcss3対応です。 どんな風に書きだされるのかが気になる所かと思いますが、 順をおって説明していきます。 まずはダウンロード まずは下記URLからダウンロードします。 http://css3ps.com/ 右上の「free download」をクリックです! ダウンロードしたファイルを開く ダウンロードしたファイルを開くと勝手にphotoshopへインストールしてくれます。 以下のような画面が立ち上がると思います。 photoshopを開いて、エクステンションを表示 もし今まで開いていたのであれば、 1回終

    知らなかった!photoshopでcssを書き出してくれる無料のエクステンション「CSS3Ps」 | スターフィールド株式会社
  • 1