Muse基本講座

Web用のグラフィックを理解する

全334コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
Web用のグラフィックにはどんなファイル形式が使えて、どのような特徴を持っているのか?Museならではの特徴も併せて解説します。
講師:
03:54

字幕

このレッスンでは Web 用のグラフィックを 更に深く理解していただく為の 内容を解説します 特に印刷物のデザインをやられた方は 拡張子の ai tiff psd pdf Illustrator 用のファイルとか tiff とか Photoshop 用ファイル又は pdf これらはお馴染みだったと思いますが 実はこれらは全て Web では使えません Web デザインで使える画像ファイルは 次の三つが殆どです JPEG PNG GIF の 三種類が Web デザインでは 主に使われます それぞれの特徴を見てみましょう まずJPEG ファイルは 写真に向いています 写真のような様々な内容が ごっちゃになっているー そのような画像に向いています 実際 例えばスマートフォンの カメラとかデジカメで 撮影すると JPEG で 撮られているものが多くあります JPEG はファイルサイズを小さくできます 圧縮率を変えることで 元の圧縮していないファイルを 何分の一という小さいファイルにできます その代わり圧縮すると圧縮率に応じて 画質が劣化します ファイル容量が大きくてもよければ かなりキレイにはなるんですが 容量を小さくすると特に Web 向けに 圧縮していくとどうしても 画質は劣化してしまいます 次は GIF です GIF が向いてるのはフラットな塗りの お店や会社のロゴのような ものに向いています 逆に GIF は 256 しか色が使えないので あまり細かいグラデーションには 向いていません GIF の大きな特徴としては アニメーションが作れます Web サイトでアイコンが 回転してるようなのを 見たことがあると思いますが GiF で作られていることが多いです アニメーションと言っても 動画のムービーファイルのようなものは作れませんが パラパラ漫画のような簡単な動きを作ることができます そして 限定的だが透明な部分が作れます ロゴですと ロゴの文字以外の部分が 透明に抜けてほしいわけですが そういう部分を透明に 設定することができます ただその透明部分との境界線を グラデーションできれいに作れないので ほんとにスパッと色が変わってるものしか 作れないという特徴があります 三つの中では一番新しい規格である PNG の特徴ですが GIF と同じように透明部分を作れますが こちらは完全な透明部分を作れます 美しくきれいにグラデーションして 自然になじんでいる透明部分が作れます また 半透明も作れるので 例えば半分ガラス越しになってるような 表現も行えます 但しそれだけ情報量を多く持っているので ファイルサイズが大きいという 特徴があります 一方ファイルサイズは大きいけれど 劣化がありません 絵が荒れてしまうことがなく 絵が荒れない範囲で圧縮されています また色が正確に出せるという 特徴もあります Web で使えるのは今挙げた三種類ですが Muse で作業を行っているときは Photoshop と Illustrator のファイルの PSD と Ai を 素材として使うことができます それが 実際は最終的には JPEG とか PNG に直されるんですが それを人間が考えなくても Muse がやってくれます これは非常に便利なポイントで 手動で1個1個変換すると 大変な手間がかかりますが Photoshop や Illustrator で作った素材を 簡単に適用できるので 非常にデザイン性の高いサイトを作れます それが Muse の強みとなっています

Muse基本講座

Adobe MuseはHTMLやCSSといった専門知識がなくても、IllustratorやInDesignを使うような感覚で手軽にWebサイトをデザインできるソフトです。このコースではMuseを使ってページに文章や写真をレイアウトするやり方やグラフィックの作成、モバイル機器に対応したサイトの作成方法などについて学習します。

3時間55分 (72 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 3,990
発売日:2015年05月20日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。