EBOOK STRATEGY

Adobe Muse CC 完全習得[基礎編]

NON-PROGRAMMER'S

WEBDESIGN

ノンプログラマーズ・ウェブデザイン

チュートリアルビデオで使用している素材データのダウンロードリンクと参照リストを掲載しています。

すべての素材データ[sozai.zip/25.9MB

Adobe Muse CCの基本操作を習得する

Vol.01「Adobe Muse CCの概要」(17分17秒)

Vol.02「テンプレートとライブラリについて」(28分06秒)

Vol.03「テンプレートの種類(デスクトップとスマートデバイス)」(5分08秒)

Vol.04「プランからデザイン、プレビュー、パブリッシュ、管理まで」(26分36秒)

簡単なページを作成します。

パブリッシュします。

ここではサイト名を「MuseMagazine」にします

(ドメイン名:musemagazine.businesscatalyst.com)

保存はしていません。

 

素材データはありません。

Vol.05「サイトの保存とHTMLの書き出し」(10分31秒)

Vol.04で作成したページを使用します。

保存をします。

「MyMuseSite」という名前のフォルダを作成して、保存ファイル名は「MuseMagazine.muse」

 

素材データはありません。

Vol.06「段落スタイルで見出しのレベルを指定する」(6分59秒)

Vol.05で作成したページを使用します。

 

素材データはありません。

Vol.07「サイトのプランとナビゲーションメニューの設置」(27分45秒)

ページを作成します。

※映像の冒頭で「前回作成したページを利用します」と言ってますが、ここでは使用しません。

 

素材データはありません。

Vol.08「ライブラリの使い方とフッターの仕組み」(12分58秒)

Vol.07で作成したページを使用します。

 

素材データはありません。

Vol.09「仮サイトのパブリッシュについて理解する」(7分08秒)

Vol.08で作成したページを使用します。

保存をします。

パブリッシュします(Vol.05でパブリッシュしたファイルを上書きします)。

ここではVol.08で指定したドメイン名「musemagazine.businesscatalyst.com」を使用します。

※映像の冒頭で、Vol.05で作成したフォルダを使用していますが、新規フォルダを作成すれば問題ありません。

 

素材データはありません。

Vol.10「ページプロパティのオプション設定(HTMLのファイル名)」(6分13秒)

Vol.09で作成したページを使用します。

HTMLを書き出します。

ここではVol.08で指定したドメイン名「musemagazine.businesscatalyst.com」を使用します。

確認後、削除します。

もう一度、HTMLを書き出します。

 

素材データはありません。

テキストと画像の配置・編集方法を習得する

Vol.11「ステートボタンの作成」(19分37秒)

ページを作成します。

保存をします。

「ボタンライブラリ」という名前のフォルダを作成して、保存ファイル名は「Button-A.muse」

ライブラリとして書き出します。

「ボタンライブラリ」フォルダに書き出す。ファイル名は「Botton-A.mulib」

※スペルミス(Button-A → Botton-A)がありますが進行上の問題は特にありません。

 

素材データはありません。

Vol.12「テキストの配置と段組みレイアウト」(30分12秒)

ページを作成します。

保存をします。

「テキスト編集の練習」という名前のフォルダを作成して、保存ファイル名は「textedit.muse」

ライブラリとして書き出します。

「テキスト編集の練習」フォルダに書き出す。ファイル名は「2Multicolumn.mulib」

 

素材データがあります。[Vol12.zip/112KB

フォルダ名「テキストと画像の素材」

 ・photo01_sp.jpg

 ・すべての段落.txt

 ・段落1.txt

 ・段落2.txt

 ・段落3.txt

Vol.13「画像の配置と回り込みの設定」(19分49秒)

ページを作成します。

保存はしません。

 

素材データがあります(Vol.12と同じ)。[Vol13.zip/112KB

フォルダ名「テキストと画像の素材」

 ・photo01_sp.jpg

 ・すべての段落.txt

 ・段落1.txt

 ・段落2.txt

 ・段落3.txt

Vol.14「キャプションの配置とレイアウト」(11分37秒)

Vol.13で作成したページを使用します。

保存をします。

「画像配置の練習」という名前のフォルダを作成して、保存ファイル名は「imgedit.muse」

 

素材データがあります(Vol.12、Vol.13と同じ)。[Vol14.zip/112KB

フォルダ名「テキストと画像の素材」

 ・photo01_sp.jpg

 ・すべての段落.txt

 ・段落1.txt

 ・段落2.txt

 ・段落3.txt

Vol.15「写真とキャプションをライブラリとして登録する」(4分37秒)

Vol.14で作成したページを使用します。

ライブラリとして書き出します。

「画像配置の練習」フォルダに書き出す。ファイル名は「img-caption-A.mulib」

 

素材データがあります(Vol.12、Vol.13、Vol.14と同じ)。[Vol15.zip/112KB

フォルダ名「テキストと画像の素材」

 ・photo01_sp.jpg

 ・すべての段落.txt

 ・段落1.txt

 ・段落2.txt

 ・段落3.txt

Vol.16「ページの背景画像を設定する」(17分24秒)

ページを作成します。

保存はしません。

 

素材データがあります。[Vol16.zip/168KB

フォルダ名「背景画像の素材」

 ・bg_180x180.png

 ・photo01_sp.jpg

アセット管理機能の活用方法について学習する

Vol.17「アセット管理の機能を理解する(1)」(20分20秒)

ページを作成します。

保存をします。

素材フォルダ「Photo_Page」に保存、ファイル名は「Muse01.muse」

2つ目のページを作成します。

保存をします。

素材フォルダ「Photo_Page」に保存、ファイル名は「Muse02.muse」

 

素材データがあります。[Vol17.zip/3.8MB

フォルダ名「Photo_Page」

 ・photo_254kb.jpg

 ・photo_480x480.jpg

 ・photo_745kb.jpg

 ・photo_960x1280.jpg

 ・photo_mono.jpg

Vol.18「アセット管理の機能を理解する(2)」(12分48秒)

Vol.17で作成したページを使用します。

 

保存をします。

素材フォルダ「Photo_Page」に保存、ファイル名は「Muse03.muse」

 

素材データがあります(Vol.17と同じ)。[Vol18.zip/3.8MB

フォルダ名「Photo_Page」

 ・photo_254kb.jpg

 ・photo_480x480.jpg

 ・photo_745kb.jpg

 ・photo_960x1280.jpg

 ・photo_mono.jpg

Vol.19「アセットの埋め込みと注意点」(7分50秒)

ページを作成します。

素材ファイル「photo_960x1280.jpg」をPhotoshopでコピーして、Museでペーストします。

素材ファイル「photo_960x1280.jpg」をPhotoshopで変更して、Museで更新します。

保存はしません。

 

素材データがあります(Vol.17、Vol.18と同じ)。[Vol19.zip/3.8MB

フォルダ名「Photo_Page」

 ・photo_254kb.jpg

 ・photo_480x480.jpg

 ・photo_745kb.jpg

 ・photo_960x1280.jpg

 ・photo_mono.jpg

Vol.20「レイヤーの使い方と効率的な作業について」(11分59秒)

ページを作成します。

素材ファイル「photo_sp.jpg」のレイヤー構造をPhotoshopで確認します。

素材ファイル「photo_sp.jpg」をPhotoshopで変更して、Museで更新します。

保存はしません。

 

素材データがあります。[Vol20.zip/7.4MB

フォルダ名「Material」

 ・photo_sp.jpg

 ・bg_180x180.png

 ・本文.txt

スマートフォン向けのメニューとスライドショーの設置に挑戦する

Vol.21「スマートフォン向けのナビゲーションメニューを作成する(1)」(17分38秒)

Vol.10「ページプロパティのオプション設定(HTMLのファイル名)」で作成したページを使用します。

※Vol.21は、Vol.10の続きの作業になっていますが(Vol.10で作成したページの)データは用意していますので、ご利用ください。

※チュートリアルでは保存をしませんが、ここで作業を中断する場合は保存をしておいてください。

 

素材データがあります。[Vol21.zip/79KB

フォルダ名「MyMuseSite」

 ・MuseMagazine.muse(Vol.10で作成したページ)

Vol.22「スマートフォン向けのナビゲーションメニューを作成する(2)」(27分09秒)

Vol.21で作成したページを使用します。

保存はしません。

※チュートリアルでは保存をしませんが、ここで作業を中断する場合は保存をしておいてください。

 

素材データはありません。

Vol.23「フルスクリーンのスライドショーを設置する」(27分29秒)

Vol.22で作成したページを使用します。

パブリッシュします。

ここでは(ドメイン名:musemagazine.businesscatalyst.com)

※チュートリアルでは保存をしませんが、あとで復習したい場合は保存をしておいてください。

 

素材データがあります。[Vol23.zip/6.3MB

フォルダ名「Slideshow_Photo」

 

 ・フォルダ名「圧縮前」

   ・フォルダ名「JPEG_PC_1536x960」

    ・photo01_pc.jpg

    ・photo02_pc.jpg

    ・photo03_pc.jpg

    ・photo04_pc.jpg

   ・フォルダ名「JPEG_SP_960x720」

    ・photo01_sp.jpg

    ・photo02_sp.jpg

    ・photo03_sp.jpg

    ・photo04_sp.jpg

 

 ・フォルダ名「圧縮後」

   ・フォルダ名「JPEG_PC_1536x960」

    ・photo01_pc.jpg

    ・photo02_pc.jpg

    ・photo03_pc.jpg

    ・photo04_pc.jpg

   ・フォルダ名「JPEG_SP_960x720」

    ・photo01_sp.jpg

    ・photo02_sp.jpg

    ・photo03_sp.jpg

    ・photo04_sp.jpg

Made with Adobe Muse

更新日:2014年1月30日

The Future of Design Digital Publishing Team

デザインの未来 デジタルパブリッシングチーム

学校法人阿佐ヶ谷学園 高度情報化研究所eface lab. / ズオンコーポレーション 164-0011 東京都中野区2-30-9 ツバセス中野坂上 333