【ID排版教程】還在用PS?簡易inDesign教程

2021-02-14 淡士倫DSL



還在用PS做雜誌?簡易Adobe inDesign教程,立馬上手的專業排版軟體。本教程由艾米原創,轉自作者的豆瓣,一共分四篇,所有連結附在日誌最下方,本篇轉載做了一個整合。

話不多說,教程送上! 

.

簡易indesign教程(1)-認識indesign 

首先,在開始學習前你需要知道的: 
   
1、indesign主要是用來為圖文類的書、雜誌等成冊的印刷品排版的軟體 
2、我們一般用indesign來排書的內文而不做封面(封面文件用illustrator做),indesign相當於一本書,裡面會顯示所有的頁面,一般來說,第一頁是書正文右邊的頁面,從第二頁開始,就是對頁顯示) 
3、我們在排版過程中,一般來說,做的最多的就是置入圖片、置入文字內容、做一定的裝飾性的圖形或字符、製作頁碼、頁眉。通過你自己的設計、編排來實現協調、有秩序、有美感的版面。(這其中核心的內容就是對圖片的大小、位置進行編輯,有時還需要對圖片進行裁切或者效果的編輯;對文字的字體、大小、字的間距、行間距等進行設計和編輯;做一些創意性的裝飾圖紋等)

. 
下面我們開始 
   
【第一步,我們要新建一個文檔 】
     
這裡可以設置頁面的大小、頁數 
     
如果初次設置的頁數不夠的話,也沒關係,在窗口中的「頁面」中可以右鍵「插入頁面」or「刪除跨頁「來修改。



【第二步,設置邊距和分欄 】
   
設置邊距主要就是要設置好『版心』(即版面內文主體)所佔的面積 
   
邊距就是版心距離裁切邊上、下、左、右的距離 
   
這裡可以設置欄數和欄間距,這個不用講,你設置一下就明白了

設置邊距分欄

  

對頁



圖中所表示的就是一個對頁的樣子 
   
最外邊的紅色線是出血線,我們所有的出血的圖都要做到這個邊線才可以 
   
目前我們看到的這個頁面是分2欄的 欄間距是5毫米

這些線條都是輔助我們排版對齊用的,如果你想看排好後的效果,可以用control+: 來看到沒有輔助線的版面~

【tips】.... 

我個人的習慣 內邊距比外邊距稍大2-3毫米左右,因為內邊是要裝訂的,這樣看起來更方便一些。 
   
合適的版心是需要耐心去調整的,有時候只是1、2毫米的差別整體的效果就會很不一樣。設計版心的時候一要考慮文字量的大小,二要考慮整本書的圖片量,在最初就對整本書的圖文關係有一個統一的規劃。 
   
有些書為了版式的新穎和體現書的獨特風格、氣質,運用比較特殊的版心,例如天(上邊距大)特別開的佔到1/3頁面的,或者版心在一個頁面的左側或右側,留下一部分空白等等,這些都需要你去設計和不斷地嘗試,所有的設計都沒有完全固定的標準,力求做到方便閱讀、適合、美觀。 

. 

【知識點1:頁面 】

頁面窗口是很重要的一個項,我們的滑鼠會經常停留在這裡

頁面



   
點擊頁面 會展開一個窗,裡面可以看到小的頁面縮略圖,我們看到每個頁面都標註了頁碼,我們可以雙擊小縮略圖所在頁面,那麼視圖就會到這個頁面。另外,我們在小縮略圖上右擊,可以看到下拉菜單,可以做上面所列的動作!

【知識點2:常用工具 】



圖中所示的工具,如果你用過illustrator,我想你就會用了,是一樣的 
   
  1、選取工具,它很重要 不管你要編輯圖、文字都需要用它,選中你需要的對象 
  2、直接選取工具,它可以對單獨節點進行編輯 
  3、路徑工具,勾勒圖形路徑 
  4、文字工具(這個後面會單獨講) 
  5、鉛筆工具(很少用它) 
  6、直線 (做版式用到線的地方是很多的,線條的屬性可以在"描邊「窗口中做各種樣式) 
  7、矩形框架工具 
  8、矩形工具(這個用的很多) 
9、旋轉工具(點一下要被旋轉的圖或其他,然後選擇一個點作為轉轉點,接下來拖動該圖,旋轉至你想要的角度) 
  10、縮放工具(主要用來調整圖片的大小,在indesign中,如果你想直接拖動圖片的四角來縮放它是不行的,必須要點縮放工具,再點擊你要改的圖,同樣需要選擇一個縮放點,然後對角線位置拖動就可以) 
   
  註:以上介紹的這些工具,最好把它的快捷鍵記住,並且練習著應用,以後你會知道用了這些快捷鍵你會省力很多的!~

.


至此,你已經對indesign這個軟體有了初步的認識,其中的重要工具應該也有了初步的了解。下一篇我來告訴你關於【文字的置入,排版和相關知識 】

.

簡易indesign教程(2)-文字的置入,排版和相關知識 

【置入一段文字】
選擇文字工具,左鍵點住然後拖動,你可以看到一個文字框,這時,就可以將文字從寫字板中將文字複製到光標處



【文字有溢流的怎麼辦】



如果你要置入的文字內容很多,超過了這個文字框,怎樣讓餘下的文字流入到另一個文字框中呢? 
   
  這時,你仔細看會發現文字框的右下角有一個紅色十字的小方格,要在『選擇工具』(v)的狀態下,點擊小紅十字然後再其他位置點一下,遍會出現了。

初學的同學可能會出現小小動作不利索,呵呵。多用用就好了

【tips】

如果你設定好了分欄,第一欄滿後,你點擊紅十字,然後再空白的地方點一下,它會自動出來和你設定好的欄大小相等的一個文欄位落。所以在排版的過程中,點紅十字後你不需要點住並拖動出文字框,只要在欄的左上角點一下即可。

【設定字符屬性】



選取文字,在字符下拉菜單中設定字體各項屬性

【豎排文字】




想要將文字豎排可以用文字工具下面「直排文字工具」,其實排版動作和橫排是同樣道理。同樣的,如果第一個文字框排滿後,有溢出文字的話,在文字框的左下角會有紅十字小格子,這時,需要注意的是需要在『選擇工具』(v)的狀態下點擊紅十字,然後在空白處點擊就可以了。 
   
  豎排文字的一般規範: 
   
  豎排文字的中文應該是從上至下,從右到左 
  豎排的英文其實是很不適合閱讀的,所以內文很罕見有豎排的,對於封面或書脊上用到的豎排版的英文,大多數情況下,我個人習慣於字頭朝右,字頭的朝向主要根據整體版面上的視覺流向而確定。(我在平時也觀察到最為標題的豎排英文,字頭朝左或右的情況都有)

【設置字符樣式和段落樣式】

首先調處段落樣式窗口 
   
  窗口-文字和表-段落樣式 (字符樣式)如圖:

段落樣式窗口




字符樣式是對文字的字體、字間距、行距、色彩等進行設置

段落樣式在字符樣式的基礎上,同時間對段落的首字空格、縮進、斷前間距等和整體段落相關的屬性進行設置

字符樣式的用法和段落樣式是一樣的,這裡我們只介紹段落樣式的設定
   
  註:我們為什麼要設置段落樣式 (字符樣式)
   
  我們在排一本書或雜誌的時候,因為文字內容有主次,有各種層次,比如有標題、內文、有頁眉、頁碼等等,這些文字一定都有各自的特點,有各自所使用的字體、大小、行間距等等。 
   
  當我們在最初設定好了這些數值,那麼在整本書的排版過程中,我們就可以直接點擊(字符樣式)段落樣式中已經設定好的模式,而不需要每次都重新設定各種值,其實也類似於word當中的「格式」功能。 
   
  而且在正式排版之前設定好段落樣式還有這樣的好處: 
   
  1、如果你在設計的過程中,想要統一改變某一種文字的屬性(例如,一開始設定內文字體是9號字,但是後來覺得應該再大一點,想改成10號,那麼你只需要到『段落樣式』中去改變你設定好的內文樣式,整本書的內文就全部自動做了更改,而不需要你一段一段去更改。這樣就省事很多!) 
   
  2、事先設定好『段落樣式』,最終你就可以輕易的自動生成目錄了,目錄就是根據段落樣式來生成的,如果你只設定了『字符樣式』就不能實現這個功能。 

步驟1 
   
  選定一段文字,在『字符』中設定好字體、大小、行距等等選項,同時也要設定好文字的色彩,如下圖

設置段落樣式步驟1




步驟2 
   
  設置『段落『窗口中的各種屬性,如下圖



步驟3 
   
  當你的光標停留在這段文字中的時候,點擊右邊『段落樣式』,然後點擊下面垃圾筒左邊的『創建新樣式』按鈕,它會自動出現一個『段落樣式1』 ,雙擊它可以改變它的名字,設定一個你自己容易識別的名字,如「英文正文」。 
   
  那麼以後所有英文正文的文字,你只需要點一下這個段落樣式就完成了所有屬性的設定了~


.


至此,你已經知道如何置入文字,以及一些基本的規律和規範,對於排版來說,已經完成了重頭戲的50%了,再努力一把就快成功了~
.

簡易indesign教程(3)-如何置入圖片 

步驟一【置入圖片】



置入圖片方法很簡單,直接從文件夾中將圖片拖入打開的indesign窗口即可

也可以用chntrol+d來實現

置入的圖片最好做好以下的前期的處理:

1、圖片解析度調整為300dpi
2、圖片格式為tiff或者jpeg
3、圖片色彩模式為cmyk

步驟二【對圖片進行編輯】

接下來根據版面的需要,對置入好的圖片進行大小、位置的調整,如下圖

我想把2張圖片縮小,放置到右頁上方,用選擇工具選取要調整的2張圖片,用縮放工具(s),然後點左上角點為縮放點,然後拖動右下角,進行縮放。

注意圖上的左上角的瞄準點一樣的小圓圈就是縮放點,根據你的需要可以選擇四個角,也可以選擇中心點,或者任意位置。

對圖片進行縮放



然後擺放位置



步驟三【對圖片進行對齊的修正】

由於你手動擺放了圖片的位置,很有可能2張圖片細節處沒有對齊,印刷成品出來就能看出破綻,
所以對圖片進行完大體的擺放,還要注意調整細節。

對齊前

圖片可能沒有完全對齊



對齊工具的窗口

對齊



我們需要把要對齊的2張圖片都選中,然後再點擊『對齊』窗口中的選項,如左對齊、中對齊等

同時,如果我們點了下面的'分布間距『,那麼就可以在後面設定2張圖片之間的距離

所有這些選項,只要你點擊了,他們就已經自動執行了,你就可以看到圖片已經調整好,如下圖

圖片細節對齊調整




【知識點:如何裁切圖片】

在 indesign中對圖片進行裁切是很簡單的,用選區工具選擇了圖片後,圖片的四周會出現8個空心的小方格,滑鼠放在上方,滑鼠就會編程帶有2個小箭頭的形式,這時候拖動滑鼠就可以沿小箭頭所指的方向進行裁切了。indesign中的裁切不象photophop裡面真的把圖切沒了,而是隱藏了,你之後依然可以對它進行編輯,改編成原來的樣子都是可以的,所以不必擔心裁切後的圖片回不去了,呵呵~

裁切圖片時的8個點



裁切後:




【知識點:如何讓文字繞圖排】

在『窗口』-『文本繞排』

想要文字繞圖排部,首先選中被文字圍繞的圖片,然後點開文本繞牌窗口,點選裡面的選項就可以。

裡面還可以設定文字距圖邊界(上下左右邊)的距離。

同時,上面的快捷工具欄(如下圖中紅筆畫出來的)也顯示了繞排的各個選項,表達的很貼切,你一看就能明白,其實和word裡面在文字中插入圖片的類型相類似。

文本繞排



.


這篇日記我們學會了如何置入和修改圖片,下一篇我們繼續深入學習"主頁"的應用
如果你製作過ppt,那麼indesign中的主頁就類似其中的母版,有了母版,你的設計就變得更加高

主頁是indesign裡面非常重要的一個功能
.

簡易indesign教程(4)-如何設置和應用主頁

首先,我們需要了解一下為什麼要用主頁

我們設計的不論是書、雜誌、畫冊等,大多數情況,版式上總是有共同的部分,比如雜誌裡面一個欄目有共同的欄頭、裝飾等。在indesign中,我們不需要在每個頁面都製作或者複製之前的版式版頭等共同部分,這些可以直接在主頁裡完成,類似ppt中的模版母板。

在一個文檔中,我們可以做多個主頁,可以將這些主頁應用在不同的頁面上

主頁在「頁面」窗口中,如下圖

窗口頁面



頁面展開的窗口中,左邊有一個分隔條(條下有黑色小箭頭)上半部分就是主頁部分


下面我們來了解一下主頁的幾個主要功能

1、新建主頁

在主頁窗口右擊滑鼠 點擊「新建主頁」 出現下面窗口

新建主頁



在這裡我們可以給新建的主頁起一個名字,它自身默認的前綴是A(BCD....),這個前綴會在頁面的縮小視圖的左右上角顯示。我們就可以清楚的看到哪些頁面應用的是哪個主頁。

現在我用自己排的書做個例子

如下圖,我給這本書做了一個基本的版式,希望每一頁都有左邊的裝飾條、書名、章節名,以及右邊的頁碼

最終想要的頁面效果



那麼我們首先要打開到主頁的視圖,如下圖紅色框所示



當我們雙擊一個頁面的時候,該頁面就呈現粉色,現在我們把這個主頁叫做A主頁

接下來,我們就在這個頁面上做上需要的圖形和文字(這部分是每頁都有的部分),為了能看清除我截了局部圖



這時候,我們再回到頁面視圖,就發現每個頁面上都有了和主頁同樣的內容



2、將主頁應用於頁面

因為我們只做了一個主頁,所以所有頁面就默認為A主頁的形式了,如果我們設置了多個主頁,也可以在頁面視圖上對指定的頁面套用不同的主頁樣式

我們只要在頁面視圖的小縮略圖上先雙擊,選定所需要的頁面(如果需要選擇多個頁面,需同時桉著shift鍵),之後右擊滑鼠,出現下拉菜單,我們執行「將主頁應用於頁面」就可以了,下拉菜單如下圖


點擊了「將主頁應用於頁面」後,出現這個框,在裡面可以選擇要應用的主頁,以及應用在哪些頁面上





.


【課外知識點】你若有興趣進一步了解與本篇教程相關知識可以到這裡 

indesign快捷鍵大全 http://www.douban.com/group/topic/17694621/ 

indesign中英術語對照表 http://www.douban.com/group/topic/17694529/ 

翻頁的各種快捷鍵(如上一頁 下一頁 上一跨頁等)http://www.douban.com/group/topic/18629056/?start=0&post=ok#last 

如何讓輔助線跨2個頁面?http://www.douban.com/group/topic/17644784/ 

indd文件與模版indt文件的區別是什麼http://www.douban.com/group/topic/18992005/ 


.


艾米自編indesign教程完整連結 

(1) 主要內容: 新建文檔 、設置邊距分欄 、認識『頁面』 、認識最常用的工具

http://www.douban.com/note/145734879/ 

(2)主要內容:如何置入文字(以及和文字相關知識)

http://www.douban.com/note/145738548/ 


(3)主要內容:如何置入圖片(以及和圖片相關知識)

http://www.douban.com/note/145751303/ 

(4)主要內容:如何設置和應用主頁(以及和主頁相關知識)

http://www.douban.com/note/152669377/

相關焦點

  • 【為你支招】簡單Indesign教程
  • ID InDesign CC2018中文排版軟體安裝教程
    Adobe indesign cc2018 中文版新版功能這些都不一一說啦本篇主要講怎麼安裝和激活!第一步:將下載好的 ID InDesign CC2018安裝包解,如果電腦沒裝解壓軟體自己百度下載一個!不然可能解壓不了!
  • InDesign設計排版,最全教程來襲!
    生活中排版無處不在,小至巴掌大的名片大導幾層樓巨幅海報,可有的像工藝品,想拍下來,收藏起來,有的瞄一眼就斷定是廢紙想丟進垃圾桶,這其中的生死法則就是然而在網絡上,卻很少有理論+實戰+技巧 的 InDesign排版教程並且同時涵蓋
  • 用InDesign排版圖文,居然可以這麼好看
    InDesign是一款專業的排版工具,由Adobe公司1999年9月1日發布。它擁有高度的擴展性,可以自定義雜誌、設計、目錄、簡歷等排版格式。讓你僅用非常簡單的操作就能快速做出精美的文檔排版。但每次他排版的文檔或者海報,都非常好看,領導讚不絕口。同事都很好奇他到底用了什麼工具,最後做出來的排版效果居然可以這麼好看。 而憑藉做事情的認真態度、對細節的把控,小良也,現在成為了公司的行政主管,遠遠走在了同齡人的前面。 而小良用的就是InDesign。
  • 「PS教程」海報輸出-文字排版
    在前兩期教程中,斯凱與各位一起使用一張簡單的照片,通過圖片的修改及調整後加了一些文字的排版,最終得到了一張簡單的雞尾酒海報,而在上期教程中的文字排版部分只是對排版進行了介紹,而並沒有對排版時的文字調整、字體大小、輔助線條設計這些進行細緻的講解。
  • PS教程|用PS摳出公章的摳圖教程:用一個案例詳盡說明!
    內容提要:文章對ps怎麼摳公章的問題,用一個案例來編寫詳細教程介紹PS摳公章的思路.
  • PS教程、PS素材幹貨
    1、PS家園網連結:http://www.psjia.com/PS家園網集PS教程、PS筆刷、濾鏡下載、PS素材下載、PS交流於一體,為PS攝影后期愛好者提供了各類優秀的學習教程及資料。同時,強大的素材庫還能為PS實操增添泉湧般的設計靈感。
  • word圖文排版教程
    word圖文排版教程 學習辦公 大小: 6.39M
  • ps教程入門ps自學教程視頻photoshop下載
    儘管沒有學習使用過ps卻耳熟能詳。確實作為一款強大的圖片處理工具,在生活中被廣泛使用。今天給大家分享我學習的ps教程。有入門、基礎、進階等各階段的學習資料,大家根據自己的需求選擇性學習!動手操作才有利於水平的精進哦~ps教程入門ps自學教程視頻photoshop下載
  • ps自學視頻教程photoshop教程
    儘管沒有學習使用過ps卻耳熟能詳。確實作為一款強大的圖片處理工具,在生活中被廣泛使用。今天給大家分享我學習的ps教程。有入門、基礎、進階等各階段的學習資料,大家根據自己的需求選擇性學習!當然這是根據你的學習需求來的,大多數我學習ps就是為了生活中簡單的p圖,那基礎內容已經完成可以滿足你的需求了,就不需要看下面的內容啦。不過可以保存以做不時之需!—ps自學視頻教程photoshop教程提高篇同樣也是兩套系列教程,想從事平面設計工作的同學認真學習研究!第一套內容
  • 真三國無雙7 with 猛將傳 dds轉換data簡易圖文教程
    《真三國無雙7 with 猛將傳》dds轉換data簡易圖文教程。真三國無雙7dds轉化為data的簡易方法教程。—更多精彩遊戲攻略和相關資訊盡在3DMGAME!《真三國無雙7 with 猛將傳》dds轉換data簡易圖文教程。
  • 科研軟體 | LaTeX介紹與簡易教程
    想用Word精美排版卻又在編輯公式上花了很多時間?撰寫幾十頁的畢業論文為排版感到煩躁? 不妨來試試LaTeX吧!只需要邊用邊學,就能輕鬆撰寫公式,寫出漂亮而規範的文章!    LaTeX是一款編輯和排版軟體,可以排版文檔、論文、書籍和PPT等。我們平時看到的許多報刊書籍、講義與試卷都是LaTeX排版的。在編輯公式較多的作業、實驗報告、論文和書籍等文檔,以及製作學術報告等較為規範的PPT時,都可以考慮使用LaTeX。倘若寫讀書報告等公式很少的文檔或希望製作較為精緻且動畫豐富的PPT時,便沒有太大的用LaTeX的必要。
  • 10天0基礎自學PS,送你整套ps教程+素材庫+源文件+插件
    不過,你們想學也得有人教呀,於是上網搜索各種ps或者修圖的教程,雖然一個個小教程一邊看一邊學,前面學的後面就忘了,根本原因就是沒有形成一個完整體系的學習。咱們需要的不是一個個,一段段ps或者修圖的視頻而是一整套ps或者修圖的教程體系。今天,帶魚應廣大網友需求,給你們整理出來一套最適合零基礎小白入門PS的完整教程,一共297集。
  • ps快速畫表格的教程
    視覺傳達專業&VI專業:ps快速畫表格的教程有一個室內設計的學生問了一個如何在ps裡面做表格,其實在ps裡面做表格方法是很多的,我總結了有十多種方法,不過我覺得有一種方法還是比較好,所編了教程,供學員和同仁學習參考。
  • Adobe InDesign 2020 Mac中文版
    indesign cc 2018(簡稱:id cc 2018)是由adobe公司最近推出的一款行業領先的InDesign排版軟體,其主要立足於專業排版領域的設計軟體,是面向公司專業出版方案的新平臺。id cc 2018新版本比之原來更加注重於改善用戶體驗,圍繞諸多常用功能及工作流程,為用戶提供了更多的控制方法。可實現高度的擴展性,還建立了一個由第三方開發者和系統集成者可以提供自定義雜誌、廣告設計、目錄、零售商設計工作室和報紙出版方案的核心。
  • InDesign ID CC2019排版設計軟體安裝教程
    軟體大小】:738MB    【軟體語言】:簡體中文  【支持系統】:Win7/Win8/Win10【軟體類別】:安裝版【更新時間】:2019年5月19日ID CC 2019【64】位下載地址:www.rjazbs.me/t-285.html安裝中有問題可以諮詢客服微信:rjazbsInDesign軟體是一個定位於專業排版領域的設計軟體
  • PS+AI零基礎到精通教程,設計大神帶你飛~
    經常有設友留言或者私信給設計君,問有沒有比較詳細的PS和AI教程,那麼今天設計君就給大家推薦一個性價比非常高的PS和AI教程!全套課程由MICU設計總監王鐸全程講解,製作整整花費了一年的時間!內容貼合實戰操作,讓大家全面的進行學習。
  • ps應該怎麼自學?200集photoshop入門教程分享,看完這篇你就夠了
    ps應該怎麼自學?200集photoshop入門教程分享,看完這篇你就夠了 多數想學ps的人基礎都沒有打牢,就想學更高級的課程,這會導致整個學習過程非常緩慢,最後學無所成。因為基礎對PS學者來說太重要了,有些人連最基本的工具都不知道怎麼用,就想學創意合成和高級調色,總以為高級的課程,會講解的更加深入和詳細一些。其實不然。高級課程都是建立在初級的基礎上的,沒有好的基礎作根基,很難明白其中的道理。
  • 微信很火的全文「格子背景」排版教程
    最近「排版屆」悄悄的又火起了一種排版方式!對,如題——格子紋全文背景,效果呢,如本篇文章。等下,emmm...又???(整理思緒中...嗯,我以前寫過教程...)其實啊,這個操作在135編輯器裡面簡直不要太!容!!易!!!
  • PS教程:為人物換衣服
    我們先給出一個ps置換教程案例來講解ps置換濾鏡的使用方法,最後再大概講一下ps置換原理。第一,ps置換教程:為人物換衣先來看看使用ps置換濾鏡之後的效果圖,左邊是原圖,右邊是為人物更好衣服之後的效果。