【Web制作】カテゴリの記事
今週月曜日のAdobe Creative Cloudユーザー向けアップデートで、Dreamweaver CS6とFlash Professional CS6が(一部)Retina対応しました。
普段、クラムシェルなので実務的にはあまり影響がないといえばないのですが、超見やすいです。
Retina対応は、英語では「HiDPI support」というみたいです。
Adobe Edge Tools & Servicesという名称で、公開ベータ版としてリリースされていたShadowなどのアプリのアップデート情報も公開されました。
Illustrator CS6のアップデートしかり、今後もAdobe Creative Cloudユーザー向けのメリットも増えてきそうです。Adobe Creative Cloudユーザーでない方は、ちょっとイヤな感じかもしれませんが...
2012年9月16日、インタークロス(宮崎県)でDesign Pledge, Vol.1が開催されます。
Design Pledge(デザイン・プレッジ)は、DTPやWebのフィールドにこだわらず、大きなくくりでデザインに関するものを扱っているセミナーイベントです。
今回は、インタークロスのご協力によって開催し、次の4セッションを予定しています。
- 「ひむかフォント」の作りかた/後藤 修(eater)
- Web制作でも重要なIllustratorのアレコレ/鷹野雅弘(スイッチ)
- Dreamweaverを利用した効率的なWordPress構築/黒葛原 道(eater)
- レスポンシブWebデザインで本当にいいの?/鷹野雅弘(スイッチ)
今のところ、Facebookで表明を受け付けています。
追記(2012年9月9日):
参加登録フォームが作成されました。
2012年8月31日、DOCUMENT INNOVATION PLAZA NAGANOで開催された富士ゼロックス長野「DTP seminar 2012」にて「今だからおさえておきたいIllustrator CS6活用法とWebの最新動向」セミナーを鷹野雅弘が担当しました。
本日ご紹介した内容は、ほとんどDTP Transitに掲載していますし、すべて書籍『10倍ラクするIllustrator仕事術』に掲載しています。
- Illustratorのアピアランスを地図で活用する(レイヤーに対してアピアランスを適用)
- 文字にアピアランスを設定する前に、塗りと線をなしにしておく理由(1)
- 文字にアピアランスを設定する前に、塗りと線をなしにしておく理由(2)
- Illustratorのグラフィックスタイルは、option+クリックで後から足していくことができる
- Illustrator CS4のJavaScript/AppleScriptの保存場所 - DTP Transit
そのほか、Illustratorに関する記事は、ここから(【Illustrator】カテゴリの記事一覧)たどることができますので、お時間のあるときにご覧ください。
2012年7月19日、ベルサール神保町3Fにて第138回 バンフーセミナーが開催されました。
鷹野雅弘(スイッチ、DTP Transit)が講師を担当し、「プリントメディアに従事する人も最低限おさえておきたいWeb制作の基本」というテーマで90分お話しいたしました。
プリントメディアに従事する方の中には、Web制作もマスターしたい、 仕事の領域を広げたいと思っていてもなかなか踏み出せなかったり、挫折してしまう方も少なくないようです。一方、ePubの中身はHTML+CSSでできているなど、HTMLやCSSの基本をおさえておくことは、社会人にとって必要なスキルともいえる時代になってきました。今回はDTPとWebを比較しながら、HTMLやCSSなどのWeb制作の基本を解説します。
お配りした資料は、『Webクリエイター能力認定試験エキスパート 公式テキストブック』から抜粋したものです。
DTP Transitの中での関連するエントリーです。
- セミナーレポート「パソナテックセミナー:広がる"日本語Web Fonts"の世界 Webデザインに"フォント"を取り入れるとは?」 #typesquare - DTP Transit
- モリサワのWeb Fonts「TypeSquare」がサービス開始 - DTP Transit
- あまりWebのことに詳しくないDTP系の方へのURLに関するいくつかのヒント - DTP Transit
- PAGE 2011『DTP制作者のための EPUBのXHTML+CSS編集』セッションフォローアップ - DTP Transit
- PAGE 2011『DTP制作者のための EPUBのXHTML+CSS編集』セッションフォローアップ(2) - DTP Transit
- DTPのスタイル機能と、Web/ePubのCSSの違い(2) - DTP Transit
- DTPのスタイル機能と、Web/ePubのCSSの違い(1) - DTP Transit
IllustratorをWeb向けに利用するときには、[表示]→[ピクセルプレビュー]をクリックして、ピクセルプレビューをオンにして使います。
これを使わない場合、左のようにボケてしまいますが、ピクセルプレビューがオンになっていると、右のようになります。
Illustrator CS5以降は、次の方法でもOKです。
- [変形]パネルのパネルメニュー内の[新規オブジェクトをピクセルグリッドに整合]にチェックをつける
- 新規ドキュメントを作成時、ドキュメントプロファイルで「Web」のプロファイルを選択する
→[新規オブジェクトをピクセルグリッドに整合]にチェックが入ります。
ぶっちゃけ、Illustratorはスライスなどが使いにくいので向き不向きでいうと、あまり向いていないと思うのですが、下記などの設定についてはおさえておくとよいと思います。