[學不倦《數位出版》]《實戰!用InDesign設計旅遊書》—基本操作與置入圖片

[學不倦《數位出版》]《實戰!用InDesign設計旅遊書》

—基本操作與置入圖片

【主講人】陳志斌 老師( 國內知名科技公司資深美術設計師

【軟體】InDesign

 

這堂課主要教導如何使用INDESIGN來製作電子書以及一些關於數位出版的功能。可能需要建立一個ADOBE帳號以便書本的上架,以及下載ADOBE VIEWER 來進行書本的預視喔~

在製作書本之前,老師特特別說明了一些需要注意的事項,其中最重要的就是你所要上架的書本是在甚麼裝置上使用,必須在製作書本前就要有心理概念,這樣你所製作的書本才能夠符合你的使用裝置,以及解析度。


[ 建立新檔 ]

步驟: indesign / 文件 / 數位排版 / 頁面 / OK / 邊界:預設

clip_image002

開一個新文件。

clip_image004

以上的參數僅供參考,大家必須要符合自己要的裝置喔 ~

clip_image006

邊界以預設的就好了~~當然還是以大家自己要的參數為主。

 


[ 工作區 ]

步驟: 視窗 / 工作區 / 數位出版

clip_image008

這樣可叫出在數位出版時常用到的工作區。

當然也可以用青色圈圈的地方去做設定。

 


[ 置入圖片 ]

步驟:

1. 繪製框架 / 配合鍵盤上下鍵(上=增加欄位;下=減少欄位) / 檔案 / 置入 / 圖片 / EMBED / 自動符合

2. 複製四個框框 / 貼上 / 使對齊重疊 / 等比例放大 /

3. 全選取圖片 / 物件狀態 / 多狀態 /

4. 選取右邊小圖片 / 按鈕與表格 / 增加動作 / 跳至狀態 / 多狀態 / 選取對應圖片

 

clip_image010

左邊的功能欄位裡選擇[繪製框架,配合鍵盤上下鍵可增加或減少框架格的數量。之後便放在適當的位置上。

 

clip_image012

全選四個框架後,檔案 / 置入 。

 

clip_image014

選取你要的照片 / 確定。

之後你的滑鼠旁邊就會出現你選的照片的小圖,只需要點你要置入的框架裡,圖片就會自動置入了。

 

clip_image016

全選四個圖片 / 滑鼠右鍵 / 符合 / 使內容符合框架大小

這樣做的話你的圖片就能夠自動的符合整個框架的大小鑼~

過後只要你需要讓圖片填滿框架都可以這樣用哦~~

 

clip_image018

這是第二個方法也能夠做到哦~~

物件 / 符合 / 使內容符合框架大小 的途徑~~

之後將四張小格的圖片全選,複製 / 貼上。

 

clip_image020

視窗 / 物件與版面 / 對齊

將對齊的工作去叫出來~~

 

clip_image022

將右邊新帖上的四個小格圖片全選,

選擇置中對齊以及上下對齊。這樣你的四張小格的圖片就會對其成為一張圖片。

 

clip_image024

將右邊的小格圖片對角線放大。(若發現框框放大後,圖片還是很小,就右鍵 / 符合 / 使內容符合框架大小)

(記得要全選喔~~)

 

clip_image026

全選大框框的圖片 / 物件狀態/ 新增一個狀態。

 

clip_image028

多狀態。

這是使到左邊的大框框會成為一個顯示的框架。

 

clip_image030

點選左邊小框框的第一張 / 按鈕與表格 / 點選為選取的事件新增動作0

 

clip_image032

選擇增加狀態 / 跳至狀態

 

clip_image034

在 狀態 哪裡選擇對應的圖片。

其他下面三個也是一樣的做法。

這樣當你點選左邊的小圖的時候,右邊大方框就會顯示左邊的圖了~

最後可以在FOLIO OVERLAY的右下角點選預視來觀看自己的作品。

 

 

課程筆記 出自

陳志斌 老師

學不倦 數位出版 11/20

 

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com 標誌

您的留言將使用 WordPress.com 帳號。 登出 /  變更 )

Google photo

您的留言將使用 Google 帳號。 登出 /  變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 /  變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 /  變更 )

連結到 %s