【CC】カテゴリの記事

Photoshop CCが14.1にアップデートされ、「Generatorテクノロジー」により、それぞれのレイヤーを個別の画像ファイルとして自動的に書き出す「画像アセット」機能が追加されました。

Webサイト制作では、カンプと呼ばれる画像ファイルを作成後、「スライス」作業によって、書き出す領域を指定し、書き出し作業を行うというフローが必要でした。Photoshop CC(14.1)の「画像アセット」機能を使うことで、この作業(スライスと書き出し)が不要になるだけでなく、高密度解像度対応の画像書き出しにも対応するなど、この進化は、ちょっとズルイ!です(Fireworksの熱心なユーザーなのですが、こっちに肩入れ??? という意味で)。

作業手順は次のとおり。

  1. PSDファイルは英数字で設定します(例:test.psd)。
  2. [ファイル]メニューの[生成]→[画像アセット]をクリックします。
    PhotoshopCC-generator-1.png
  3. 画像として書き出したいレイヤーのレイヤー名に「logo.png」のように拡張子を追加します(対応する画像形式はpng/gif/jpeg)。
    PhotoshopCC-generator-3.jpg
  4. このタイミングで「test.psd」と同階層に「test-assets」フォルダーが自動的に作成され、その中に「logo.png」が自動的に作成されます。
    PhotoshopCC-generator-2-s.jpg

Photoshopで修正を加えると、ほぼリアルタイムに修正内容は反映されます。

Illustrator CC、InDesign CCでは、フォント関連で次のような機能強化がされました。

  • 検索機能
  • お気に入り(InDesign CCのみ)
IllustratorPhotoshopInDesign
合成フォント
最近使用したフォント書式→
最近使用したフォント
書式→フォント
(メニュー内)
検索任意文字
頭文字
ハイブリッド
フィルターお気に入り
クラス
類似フォント

検索機能には「任意文字検索」と「頭文字検索」があります。

InDesignCC-font-menu-option.png

Fireworksの機能拡張として開発されていた「Specctr」(スペクター)が、なんとIllustrator CC対応になっています。

SpecctrPreview.png

Specctrを使うことで次のことが可能になります(単位は選択している単位の種類に依存します)。

  • 選択したオブジェクトの幅、高さを計測して寸法線として描画する
  • 2つのオブジェクトの間隔を計測して寸法線として描画する
  • オブジェクトを1つだけ選択しているときには、アートボードの上と左からの距離を計測して描画
  • 選択したオブジェクトの塗りや線、不透明度などの情報を描画する
  • 選択したテキストのフォント、フォントサイズ、塗りなどの情報を描画する

Web制作を行われている方なら説明不要だと思いますが、カンプなどを作成するとき、ビジュアルデザイナーからコーダーへの申し送りの際に、むちゃくちゃ重宝します。

最近、Illustrator CCを使っているのですが、アクションがなんかヘンなんです。

読み込んだ直後はこんな感じなんですが...

AICC-action-error2.png

2013年7月18日(木)、ベルサール神保町3Fで第148回 バンフーセミナーが開催され、130名ほどの方が参加されました。

IMG_1174.jpg

参照リンク(ツールなど)

ダウンロードデータ

データをご希望の方は、お手数ですが、こちらのフォームにお答えください。

YouTube

DTP TransitのYouTubeチャンネルです。1分前後のクイックTipsを投稿しています。

チャンネル登録

Twitter

本サイトの記事以外に、小ネタやタイムリーな話題などをツイートしています。

マンスリーでまとめています。

このページの上部に戻る