CS vs CC!こんなに違うWeb制作ワークフローの生産性

最新のCreative Cloudは、いつもの作業がもっと早くなる様々な機能が追加されています。CSからCCへ移行すれば、従来より効率よく高品質なWebサイトの制作が可能になります。

Web制作に役立つCreative Cloud
 

  Photoshop編:Web制作は何が変わった?
 

Photoshop
画像の切り抜き


CSでは…

合成時のマスクは、下レイヤーの画像が見えずやり直し作業が発生

CCなら…
「選択とマスク」を使うと、背景レイヤーを確認しながら直感的なマスクの切り抜きができ後からの修正も簡単!

詳細はこちら ›

 

素材の書き出し


CSでは…

スライスは切るのに手間がかかり、2倍解像度画像を書き出せない

CCなら…
レイヤーごと書き出す「クイック書き出し」、高解像度素材も一括して書き出す「書き出し形式」などで素早く書き出し

詳細はこちら ›

共通パーツの修正


CSでは…

ヘッダーの修正依頼が来た場合、今更全ページ修正することに…

CCなら…
スマートオブジェクト「リンクを配置」を使ってヘッダーを各ページに配置、全ページを一括して修正対応できる

詳細はこちら ›

 

複数サイズのバナー広告


CSでは…

展開するサイズの数だけPSDを作成、ファイルごとに編集と管理

CCなら…
必要なサイズのアートボードを並べ、一つバナーを作ったら、後は複製して整えていけば、次々にバナーが完成!

詳細はこちら ›

 


Photoshop CC の詳細はこちら ›

 

  Illustrator編:Web制作は何が変わった?
 

Photoshop
スクリーン用素材の書き出し


CSでは…

画像ごとスライスを切り分け「Web用に保存」を繰り返す

CCなら…
アートボードやアセット単位で、複数のサイズやフォーマットを指定した一括書き出しが簡単&便利

詳細はこちら ›

 

素材の再利用


CSでは…

色やシャドウが違う場合は、別のシンボルとして編集する

CCなら…
「動的シンボル」を使えば、配置された個々のインスタンスに、個別の塗りやストロークを設定可能

詳細はこちら ›

 

アイコン作成


CSでは…

長方形/円形ツール、パスファインダー、ハサミ等々の組み合わせ

CCなら…
角丸の動的な変更ができるライブシェイプは再編集も容易。切り抜きや結合には、シェイプ形成ツールを利用

詳細はこちら ›

 

ピクセルグリッドに整合


CSでは…

変形したくないアンカーポイントもピクセルグリッドに整合される

CCなら…
カスタマイズ可能なピクセルスナップ機能が正確で自然なパスの整合を実現。描画時はもちろん変形や移動時も

詳細はこちら ›

 


Illustrator CC の詳細はこちら ›