Photoshop CCをダウンロード Edge Reflow CCをダウンロード サンプルPSDをダウンロード Webデザインの世界において、Photoshopは決まった幅(固定幅)のデザインを作るツールです。レスポンシブデザインのために、いろいろな幅のデバイスを想定したデザインを作るには、PSDを何枚も作る必要がありました。 この記事では、Photoshop CCの最新版とEdge Reflow CCの最新版を使用して、PhotoshopからデザインをEdge Reflowに書き出し、レスポンシブなカンプを作るワークフローを紹介します。 前編では書き出したものをスマートフォンで見るところまで、後編ではレイアウトなどを調整して仕上げていく過程を紹介します。 必要な準備 Creative Cloudで、Photoshop CCとEdge Reflow CCを最新版に更新してください。
![Photoshopから作るレスポンシブカンプ(前編) | ADC Plus](https://cdn-ak-scissors.b.st-hatena.com/image/square/100ec758a4f5f17cfe9140833efa5b882ce2574d/height=288;version=1;width=512/http%3A%2F%2Fplus.adobe-adc.jp%2Fwp-content%2Fuploads%2F2013%2F11%2Fps-reflow-00-design-780x543.jpg)