chevron_left

Webデザイン実践
PREMIUM
第1回

Webデザイン実践 サイトに使用するロゴマークのSVG化 〜よくある問題と解決方法〜

2015年5月2日 40min
Webデザイン実践 サイトに使用するロゴマークのSVG化 〜よくある問題と解決方法〜 play_arrow おためし受講

スライド資料

会員登録して、全てのスライドを見よう

1 / 29

授業の概要

■ サイトデザイン時によく起こる画像の問題を解決しよう

サイトデザインを請け負った際に必要となるのがサイト素材の回収です。
しかし、実際の現場では回収した画像形式に問題の有ることが多々あります。
中でもロゴ・マークは、その用途が多岐にわたることから、拡大縮小に耐えるデータであることが欠かせません。

そこで『基礎からのWebデザイン実践』1限目では、
ロゴ・マークを題材に、画像素材の取り扱いについて学びます。

下記よくある問題の解決法を紹介します

  1. もらったロゴやマークがビットマップデータの時
  2. もらったロゴやマークがdtp用入稿データの時
  3. もらったロゴやマークがインデックスカラーの時
  4. もらったロゴやマークがCMYKの時

こんな人にオススメ

DTPデータをWebに落とし込む仕事に携わるデザイナー、クロスメディアな制作現場に関わるデザイナー

担当の先生／パーソナリティ

チャプター

play_arrow
自己紹介＆アジェンダ
02:57
play_arrow
サイトのロゴマークにもらったデータ別対処法
08:23
play_arrow
もらったデータの加工方法
01:36
play_arrow
実演：ワークスペースにphotoshop上で切り抜いたロゴを呼び出し、それを真似ながらパスを形作る
08:46
play_arrow
名刺のデータが上手く手に入った場合の加工方法
04:48
play_arrow
加工したデータのSVGを確認
02:52
play_arrow
Ｑ：イラレ以外でSVGで作る方法はないのでしょうか？
00:31
play_arrow
Ｑ：いったん拡大コピーしてからスキャンするのもありですか？
01:58
play_arrow
Ｑ：保存形式のSVGとSVG圧縮はどう使い分けるのですか？
01:09
play_arrow
Ｑ：SVGファイルはXMLのコードでなく、通常の画像指定でも表示されますが、どのように違いますか？
01:46
play_arrow
Ｑ：SVG保存しようとしたら、SVGプロファイルがいくつか選べます。どれを選べば良いでしょうか？