Edsセミナー フォローアップ
2014年7月4日 10:08 am
6月21日に開催したセミナーのフォローアップです。
Illustrator関連
ピクセルベースの作業を行う上での設定
アピアランス
- Illustratorのアピアランスを地図で活用する（レイヤーに対してアピアランスを適用） - DTP Transit（Illustrator）
- Illustratorで配置した画像に（アピアランスで）フチを付けたり、ドロップシャドウを設定する - DTP Transit（Illustrator）
環境の同期など
書き出し
SVG
- SVGを使ってウェブページにかっこいいエフェクトを与えるチュートリアルのまとめ | コリス
- SVGファイル大解剖 : Illustratorによる作成から、Web書き出しまで - Photoshop VIP
- Retina対応にSVGは本当に使えるのか？ – Rriver
- 概要 – SVG 1.1 （第２版）
アイコンフォント
- CPI x CSS Nite x 優クリエイト 「After Dark」（10）フォローアップ 河村さん | CSS Nite公式サイト
- Prefectly | deform
- 「Font Awesome」をKeynoteやIllustratorで使う - outtakes
Xtream Path（プラグイン）
Illustrator CC 2014にも対応済み
- Illustratorの作業効率をアップ！直感編集ツールプラグイン：Xtream Path
- ［角を丸くする］効果と、Xtream Pathの［スマートラウンド］効果 - DTP Transit（Illustrator）
- Illustratorでプラグインを使わずに、角を丸くする - DTP Transit（Illustrator）
Specctr（プラグイン）
- Specctr | Blueprints for the Web（元々、Fireworksの拡張機能でIllustrator、Photoshop対応）
- Illustrator CCで寸法線とかフォント指定などの情報をサクっと描けちゃうSpecctrが最強！ - DTP Transit（Illustrator, Web制作, ユーティリティ）
Photoshop関連
レイヤーの強化
リンク配置
- 旧バージョンと新バージョンでこんなにも違うワークフロー Photoshop編 第3回：Web制作に嬉しい機能強化アレコレ | Adobe Design Magazine
- Photoshop CC新機能 “リンクされたスマートオブジェクト” で震えた。これはUIデザインが捗る！ | MEMOPATCH
- Photoshop CC、ついに外部ファイルをリンクできるように | Stocker.jp / diary
- これは便利 !! Photoshop に待望の Link 機能が追加！ | Guchitaka
Photoshop CC 2014では、リンク ← → 埋め込みの切り替えが可能になっています。コンテキストメニュー（右クリック）から［リンクされたアイテムの埋め込み］／［リンクされたアイテムに変換］を実行。
画像アセット
「Layer Namer」と組み合わせるとよいです。
- この進化はズルイ！Generatorテクノロジーを使ったPhotoshop CCの「画像アセット」 - DTP Transit（CC, Photoshop, Web制作）
- Web制作者必見！Photoshop CCにSlicyのような画像アセット（Generator）機能が追加 | Stocker.jp / diary
- Photoshop の新しいプラグイン（Adobe Layer Namer、Adobe Paper Texture Pro、Watercolor Assistant J） - DTP Transit（Photoshop）
Mac環境であれば、Slicyの方が少し強力です。
情報源など
定番のコリスのほか
マンスリーで更新（URLは都度変わります）
- 新しいものが大好きなグッドパッチで6月に話題になったアプリ、サービス、デザインまとめ（2014) | MEMOPATCH
- 2014年6月の、これだけは押さえておきたいWeb関連の動き | Stocker.jp / diary
その他
2013年11月21日に開催されたCSS Nite in Ginza, Vol.72「Webデザイナーのためのタイポグラフィと文字組版（Reloaded）」のスライド資料です。
コンタクト
お気軽に〜