かつてないほど簡単に
Photoshopカンプからコードを抽出
 
Creative Cloud エクストラクトにより、カンプからコードを抽出するための新たなワークフローをWebデザイナーとWeb開発者に提供します。カラー、フォント、CSS、アセットなど、PSDカンプに含まれる重要なデザイン情報を簡単に抽出して、モバイルおよびデスクトップ向けのデザインをコーディングする際に使用できます。
Creative Cloud Extract
エクストラクトの機能を体験
Photoshop CCの「アセットを書き出し」機能では、Webデザイナーが最適な書き出し画像をレイヤー単位で簡単に設定できます。Dreamweaver CCに搭載されるエクストラクトには、コーディング環境内で使用できる状況依存型コードヒント機能やアセット抽出機能が備わっています。
 
Photoshop CCでアセットを書き出し
Photoshopカンプを作成するデザイナーは、Adobe Generatorを基盤として構築されたシンプルかつ視覚的なインターフェイスを使用し、各レイヤーの画像アセットを定義してパッケージ化できます。これにより制作時間を短縮できるので、より多くの時間をデザインに費やすことができます。
Dreamweaver CCに搭載されるエクストラクト
WebデザイナーやWeb開発者は、PSDファイルをDreamweaverで表示し、状況依存型コードヒントを使用してCSSのフォント、カラー、グラデーションを簡単に定義できます。最適化された画像をライブビュー画面にドラッグ&ドロップしたり、テキストをコピーしたりするなどの機能も利用できます。
無料チュートリアルを利用して、スキルを磨き新しいテクニックを習得できます。
さらに詳しく


Creative Cloudと連携
 
Creative Cloudにはデスクトップとモバイルに対応した世界一のクリエイティブアプリケーションが用意されており、制作や共同作業をより連携して行えます。
 
デザインから開発までを最短スピードで
すべてのアドビクリエイティブアプリケーションとエクストラクトがすべてご利用可能。2,980円/月より
関連アプリケーションとサービス
世界最高峰のプロフェッショナル画像編集ツール
Webサイトやモバイルアプリケーションのデザイン