Muse基本講座

スライドショーの作成

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

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
サムネイルのクリックなどで、多数の写真を切り替えて表示できるスライドショーの設置について解説します。
講師:
05:56

字幕

このレッスンでは スライドショーの設置について解説します それでは サンプルファイルの 「 MY WORK 」 のページに入ります そうしたら ここに 「ウィジェットライブラリ」の中から 「スライドショー」の「サムネール」を ドラッグ&ドロップで持ってきます そうすると この様な感じです これが スライドショーになります まず ここに読み込む写真を セットしたいと思います ここをクリックして 「画像追加」となります そうすると この画像ファイルを 開けるようになるので 「 images 」の「 portfolio 」 この中に入っている写真を 一括で持って来ましょう 一番上を選んだら Shift キーを押しながら 一番下を押すと 一括して選べます そして 「開く」とすると 写真が一括で読み込まれて 今 写真がドンドン読み込まれています この部分のこれは 元々入っているダミーの写真です そうしたら 本当に使用する写真が 入ってきました では このサムネールの位置を変えると レイアウトをいろいろと いじることができるので サムネールをクリックすると サムネールだけを選ぶことができます そしてドラッグしてくると 下の方に持ってこれるので 今回は上にスライドショーがあって 下にサムネールがあるという そういった構成にしてみましょう では全体をもう少し ズームレベルを引いて ではまず このスライドショー本体の 大きさを調整しましょう クリックしてハンドルを表示させたら Shift キーを押しながら ドラッグすると こんな感じに大きくなります では これくらいの大きさにしておきましょう そして もう少し全体を引いてみましょう そうしたら このサムネールですが これの動きを変えることによって こんな感じで レイアウトを変えることができます 例えば こんな感じです クリックすると個々のサムネイルも選べて この大きさを 拡大すると 全体を通じでサムネールの大きさが 変わります では Shift キーを押しながら 少し拡大して サムネールも幾分 大きい感じにしましょう そうしたら もう1度クリックして 全体の形を変えます 今回 写真は 10 枚なので 丁度 5個ずつ並べます こんな形で並べました そうしたら こちらの コントロールのバーは クリックすることで選べるので クリックした後にドラッグして 下の方に持っていきます そうしたら この スライドショーの 下のサムネールですけれども これにはステートを設定することができます では この写真を2回クリックして選択したら 「ステート」を表示します そうしたら ここに それぞれ項目がありますけれども 例えば この選ばれている写真以外は ちょっと薄くなっていたりすると 分かりやすいので この他の「通常」「ロールオーバー」 「マウスダウン」の所は 「効果」の「不透明度」を 変えておくと こんな感じに薄くなっていったりします 50% にしておきましょう 「ロールオーバー」したところは 例えば 70% にしておきます 「マウスダウン」も同じく70% にして 「アクティブ」の所だけ 100% にすると 選んでいる写真だけが見えることになります この様に「状態によって変える」という形 こんなことも可能です そうしたら 選択してこちら側に出る 青丸をクリックすると これでオプションを選ぶこともできます 例えば「自動再生」というのが入っていると 自動で写真が変わっていくのですけれど 今回は off にしておきましょう その他 この「フェード」する効果ですとか 今回は「フェード」にしましょう あとは「トランジション」 切り替わりの時間とか そういう項目も こちらで設定することが可能です では プレビューを押してみましょう すると この様に スライドショーが出てきて こちらで選んだものが このように切り替わります こういったスライドショーを 作ることができます そして このスライドショーなのですが 今作ったのは サムネールというパターンです その他「フルスクリーン」 「ライトボックス」「基本」と デザイン違いでいろいろあるので こちらも いろいろ使って 他のものも試してみてください

Muse基本講座

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

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

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

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

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