Photoshop詳細的設計宣傳冊教程_圖文

1、 這次,我會用Photoshop幫你從頭開始創(chuàng)建一個即將印刷的宣傳冊。這篇教程很適合初學者以及那些想知道更多關于出版設計的人。讓我們開始吧! 上下是最終效果預覽。介紹:這是一個實用的教程,教大家如何用Photoshop 設計一個簡單的宣傳冊。我沒有使用任何設計樣板,也沒有用Illustrator,因為有很多人沒有這個軟件,或者根本不知道如何去使用它。如果你是一個正在學習怎么設計一本能印刷的宣傳冊的學生的話,或許這就是適合你的教程。 第一部分:建立你的文檔步驟1:選擇折疊類型在開始之前有幾件事需要我們考慮到:它的大小、形狀和折疊類型。一般來說,我們應該從筆和紙開始。用一張紙尋找最好的折疊方式是一

2、個不錯的主意,不過疊完后,你只能打印兩面,也就是說,是兩個PS文檔,一個正面的,一個反面的。在這,我會告訴你如何設計一個三折疊的宣傳冊。下面是一個快速折疊指南。我們將每個打印區(qū)域以“面”命名,所以我們有“第1面”、“第2面”、“第3面”直到“第6面”。 步驟2:起草一旦選擇好折疊類型,想象出一個設計圖并不難。你折疊之后,就在上面涂鴉,看看它的效果。這是最具創(chuàng)意的一步,盡情發(fā)揮你的想象吧在下面的例子中,我已經(jīng)按照我的方案畫出了一些。這種格式基于基本指導方針的設計和一些用圖形表達的idea。起草會幫助你了解你想要的宣傳冊的布局構造,如果布局能幫助讀者很快找到信息的話,這就是一個很好的分類信息的方式

3、。例如:你可以在我的草圖上看到我是如何把“聯(lián)系我們”文本放在第2面的(見先前的圖形,所以當這個小冊子保持折疊狀態(tài)時,讀者仍然能夠看到宣傳冊的題目和聯(lián)系信息。 步驟3:建立工作文檔開始設計吧這一次我會用標準的11*8.5英寸的文檔。打開Photoshop,按命令+ N創(chuàng)建一個新的文件。為了出版設計,文件設置是十分重要的,所以要注意以下的設置。設定分辨率為300象素,顏色模式為CMYK。在開始設計之前要校準打印機的色彩顯示器,但那是另一個主題,所以你可以不用管它。創(chuàng)建文檔之后,(你可以稱之為“宣傳冊正面”,顯示標尺:去視圖標尺或按Command + R?？梢栽O置標尺的單位是英寸,在標尺上按Alt-

4、clicking在菜單選項上選擇英寸。你必須使用顯示參考線選項,去視圖顯示參考線或按默認的快捷鍵Command + Semi-Colon 。 步驟4:主要區(qū)域邊界我們必須確定我們有效打印區(qū)域的邊界或“主要區(qū)域”,這意味著是8,511英寸。因此我們在每個文檔的邊上只畫4條參考線。這些參考線不會被打印出來,它們僅僅是作為參考點規(guī)范你的設計。你可以顯示它們或是隨時隱藏它們,去視圖顯示參考線。畫一條線,點擊標尺、水平或垂直的都行,拖拽參考線,把它放在你想放的地方。 步驟5 :增加文檔的大小放置完四個參考線之后,去圖像畫布大小,把寬度和高度的值再添加一英寸,這意味著現(xiàn)在文檔是12*9.5英寸。除此之外,

5、要檢查錨點在中間位置。點擊OK,你就會看到白色的背景每個邊增加了0.5英寸。 步驟6:邊現(xiàn)在我們將加入一個0,25英寸的邊。在之前的參考線外超過四分之一英寸的地方再畫4條參考線。這是非常重要的,因為任何背景圖像或是顏色一定要畫出它的內(nèi)邊框。 步驟7:安全邊界雖然我們的裁剪工藝很完善,但仍要有一個小區(qū)域我們必須留下,是打印空間里沒有任何重要文字或是圖像的小區(qū)域。我們添加一個安全界限,邊緣沒有任何元素,而且邊緣和設計之間有空間。如果你熟悉網(wǎng)站設計你可以稱它為填補。在文檔中“主要區(qū)域”參考線的兩邊各拖動四條參考線1/4英寸,這僅僅是一個建議。你可以按你的想法調(diào)整尺寸。但最后你必須做到類似下方最后一個

6、圖像的效果。 步驟8:創(chuàng)建柱形參考線現(xiàn)在我們需要創(chuàng)建柱形參考線,這個宣傳冊有三個相等的區(qū)域來創(chuàng)建三個板塊的內(nèi)容。這有幾種方法可以添加這些參考線,其中之一就是利用計算器在紙上分離出三個寬度(11/3 = 3,6666,有點難是嗎?我最喜歡的一種技巧是在網(wǎng)格中創(chuàng)建幾個相同寬度的圓柱,使用當時的形狀出版設計。先畫一個矩形(U,使用參考線,從“主要區(qū)域”的左上方的參考線,拖動矩形直到另一參考線的底部。(如圖一這種暫時的形狀寬度并不重要,只要試著讓它稍微縮小。然后使用移動工具選擇第一個長方形,確保選項面板里顯示選擇轉換控制面板,然后復制矩形。你也可以按Alt-clicking拖動選區(qū)的形狀。把復制的放到

7、之前的矩形旁邊(第一個矩形的右邊緊挨著第二個矩形的左邊。這很容易做到。我變換了拷貝圖形的顏色來加強顯示(看下圖。復制第三個矩形并把它放在第二個的旁邊,如圖所示。現(xiàn)在你已經(jīng)準備好了三個矩形,確保它們之間沒有空隙也沒有重疊。選擇三個矩形,然后在圖層面板(按住Shift鍵,點擊每層的略縮圖通過控制變換擴展三個矩形直到它占據(jù)了全部的“主要區(qū)域”。(見圖四這個轉變過程將均勻擴大每一個矩形。接下來,只是選擇中間的矩形,使用移動工具利用變換界限作為圓柱的兩個新參考線。最后刪除矩形。 步驟9 -折疊安全界限這是最后一步參考線的過程,緊貼圓柱參考線添加1/4英寸的安全界限。這非常重要折疊的地方總是需要2-3毫米

8、的印刷面積,關鍵是在那個區(qū)域里你沒有任何圖形對象。這時,你必須完美的整合這些參考線。你可以把它作為以后設計的模板存起來。 步驟10:背景添加一個背景顏色。當然,你必須使用CMYK值來找到完美的顏色。雙擊工具欄的前景色,選擇你的背景顏色。我使用了一個微妙的組合15%的黃色以及10%的純黑色?，F(xiàn)在從邊界參考線的左上方到右下方畫一個矩形,默認填充矩形向量為前景色。添加背景,包括邊框的邊緣也要添加,這些都是非常重要的。 步驟11:整齊的參考線現(xiàn)在我們將會增加一些自定義的整齊的參考線,讓我們知道哪里應該修剪,哪里應該對折。為此,選取前景色為100%黑色。選擇直線工具(點擊并保持矩形工具,直到你有更多的選

9、擇項。在“主要區(qū)域”的參考線上畫幾條直線,一直畫到邊緣(看下圖,按住Shift鍵畫一條直線,在四個拐角上和圓柱的參考線上畫這些整齊的線段。你可以根據(jù)需要按Command + Semi-Colon鍵顯示或隱藏參考線。 步驟12:把所有直線組成一組,取名為“整齊的參考線”。 第二部分:設計步驟13:添加背景紋理既然我們用PS設計,當然要添加紋理嘍。方便添加酷酷風格的紋理和混合圖層是PS強大的功能之一。我們將使用this image 作為背景紋理,給作品添加古典風格。粘貼圖像文件到一個新層,取名為”BG Texture”,利用移動工具(V和自由變換選項將其放在邊框里(就像前幾步放置矩形那樣做。放好之

10、后使用克隆工具來修理缺陷,如原始圖片中藍色的墨跡。最后改變紋理的混合模式為疊加,不透明度為40%。 重要:改變CMYK圖層的混合模式不同于RGB顏色。RGB顏色使用光亮混合圖層,而CMYK模式采用墨水的比例來混合。例如正片疊底這樣很受歡迎的混合模式都是在RGB顏色代碼的基礎上使用數(shù)學公式來實現(xiàn)的。結果會在顏色代碼上顯現(xiàn)出很大的不同。下面是在RGB模式和CMYK模式下關于正片疊底混合模式的例子。雖然在青、品紅、黃、紅、藍、綠色下它們幾乎沒有什么大的變化,但無論如何,是否有濃重的黑色取決于混合模式是在CMYK還是RGB下實現(xiàn)的。編輯RGB文檔這個簡單的辦法來解決這個復雜的混合模式的問題吧,完成它之

11、后,轉換顏色模式到CMYK上,去圖像模式CMYK顏色,變更所有的層,但是這樣不是很完美,改變模式后你可能要耗損它的飽和度和亮度。 步驟14:添加長條幅現(xiàn)在我們要開始設計作品本身了?；谖业牟輬D,我會在頁面中畫一個長矩形?？梢允褂萌魏晤伾?因為我們要增加一些圖層效果使它更完美。開始添加一個漸變疊加,使用下圖的描述(深紅色到紅色。你可以使用顏色選擇器,用潘通色卡或直接輸入值進入CMYK區(qū)域。我建議你使用后者。添加淺紅色10px的描邊。最后添加一個大的陰影效果。陰影采用CMYK模式下默認的純黑色,這意味著C = 0%,M = 0%,Y = 0%、K = 100%。點擊OK看看效果。 點擊Comman

12、d + A選擇所有的層,在圖層面板上選擇”BG T exture”層,復制(Command +C選項,粘貼到上一步”Stripe”圖層上方的一個新層上,拉伸它的長度稍微變換一點紋理,命名為”Stripe T exture”。在“Stripe”矢量蒙版的縮略圖上點擊Command-click,去選擇反選。然后刪除多余的紋理只在條紋上留下一塊。接下來,改變”Stripe Texture”的混合模式為線性加深。正如你所看到的,我們的條紋有一個很漂亮的紋理,現(xiàn)在合并“Stripe” 和”Stripe T exture”圖層,命名為”Stripe”。 步驟16:旋轉條紋我決定不使用90標準的垂直排列,而

13、會創(chuàng)建兩個15和5的角度變化,根據(jù)這些角度旋轉對象。首先,使用移動工具(V,選擇”Stripe”文件夾。現(xiàn)在使用自由變換工具旋轉對象-15。你可以按住Shift鍵在15度的區(qū)間里增加/減少旋轉角度。設置之后,點擊提交變換,把條紋放在你想要的位置。我將在條紋的底邊和”主要區(qū)域”右邊的參考線之間使用一個參考交叉點。也創(chuàng)建了一些垂直平分線。最后,我將添加一些自定義的細節(jié)。旋轉條幅的角度(看看”Stripe” 圖層風格上漸變疊加的角度它仍是90。這就是為什么條幅左邊看起來比右邊的深。你可以增加或減少角度,使?jié)u變看起來更完美。我設置漸變疊加的角度為100。 步驟17:添加第二個條紋選擇”Stripe F

14、older”,使用移動工具。結合Alt鍵拖動文件夾復制它。然后旋轉新的文件夾使它處于水平位置。我們要讓這個條紋漸變顏色更深,如下圖所示改變漸變疊加的顏色。同樣,稍微拉伸新文件夾的高度。 步驟18 :旋轉第二個條紋稍微旋轉“Stripe copy”條紋-5。你可以在轉換工具面板的角度欄中鍵入角度值。旋轉條紋,把它放在第一個條紋僅幾毫米以下的地方(見下圖。提交所有變換。 對齊中心(備選我想在反面的條紋上添加一個包裹的效果,把它們對齊放在水平中心線上是很重要的。實際上根簡單,只要點擊Command + A選擇全部,使用移動工具(V,然后點擊圖層面板的”Stripe” 文件夾。你會在工具選項面板中看到

15、對齊選項。點擊對齊到水平線中心。按Command + D取消先前的選擇。在”Stripe copy”文件夾中重復這個選擇。 步驟19:絲帶為了加深細節(jié)的效果現(xiàn)在我們要在宣傳冊的正面添加一條黃絲帶。在”Stripe” 和“Stripe copy” 文件夾之間創(chuàng)建一個新組,命名為”Ribbon”。在它的內(nèi)部創(chuàng)建一個如下圖所示新的窄一些的黃色矩形向量,顏色不重要。創(chuàng)建緞帶,在矩形的中央畫一個臨時的垂直參考線。在圖層面板中選擇這個向量蒙版,從工具欄中選擇添加錨點工具。按住鋼筆工具按鈕,使用這個工具在矩形底邊的中心處創(chuàng)建一個小錨點?，F(xiàn)在打開轉換點工具(點擊并且按住鋼筆工具按鈕在之前的錨點上點擊一下刪除曲

16、線。其次,從這個工具欄中選保絲帶在宣傳冊的第一面里,也包括它折疊的安全界限在內(nèi)。 步驟20:絲帶層風格接下來在”Ribbon”層上添加漸變疊加風格(暗黃色到黃色,使用下圖的設置值。同樣,如下圖所示填加5像素的描邊。 步驟21:絲帶的陰影現(xiàn)在我們將添加絲帶的陰影,你可以按你的想法使用一個簡單的陰影效果,不過這一回我會填加一個流行的陰影扭曲絲帶達到這個效果。復制絲帶圖層,柵格化圖層,在復制層的上方或是下方快速創(chuàng)建一個新的空白圖層,選擇這兩層,點擊Command+ E合并它們,命名為”Ribbon Shadow”?，F(xiàn)在將陰影層向右移動幾毫米。然后在陰影上應用純黑色的色彩疊加風格。接著去濾鏡模糊高斯模

17、糊,設置半 步驟22:完成絲帶添加絲帶最后的細節(jié),我們需要稍微扭曲絲帶。使用移動工具選擇絲帶,在選擇菜單中使用自由變換控制。用光標稍微彎曲絲帶(如下圖所示。確認彎曲。最后使用與步驟15相同的技術添加絲帶的紋理,唯一的區(qū)別是改變”Ribbon texture” 的混合模式為正片疊底,不透明度為50%。 步驟23:標題現(xiàn)在是添加標題的時候了?；谖业牟輬D,我會在大的長幅上鍵入字母”PSD”,以及在稍短的條幅上寫“TUTS+” 。選擇文字工具(T,在大的長幅任何位置上點擊添加文字?，F(xiàn)在去窗口字符看看這個自定義的文本屬性面板。你也可以從Comprehensive Introduction to the

18、 Type Tool上看到更多關于這個工具的信息。第一個單詞我用了黑色的Helvetica-Black字體,你可以使用Arial Black字體,它看起來也不錯。創(chuàng)建文字圖層之后,使用移動工具(V旋轉文字層-15,使它匹配條紋的旋轉角度。最后,創(chuàng)造一個凸版印刷的效果,在文本圖層上添加深紅色的顏色疊加風格,用柔和的紅色外發(fā)光以及65%透明度的純黑色的內(nèi)陰影(參見下圖的值。 讓我們完成標題的制作吧。重復上一步,但這次用一個小點的字體,把它放在小的條幅上,運用相同的層風格。然后旋轉文字圖層-5度。作為一個小的調(diào)整,改變顏色覆蓋使它更暗一些。最后,合并兩個文本層,命名為”Title” 。要記住你的文字

19、層必須在參考線所示的安全邊界內(nèi)。 投影風格并不是獲得逼真陰影的最可靠的方式,我將添加另一種陰影,在”Stripe”文件夾下方創(chuàng)建一個不錯的效果。在”Stripe”文件夾的下方創(chuàng)建一個新層,命名為”Shadow”。在這層,創(chuàng)建并伸展一個橢圓(你可以使用橢圓邊框工具或橢圓工具。填充100%純黑色(100% K,去濾鏡模糊高斯模糊,設置半徑為20像素,點擊“OK”。接下來旋轉陰影層-15。最后改變它的混合模式為正片疊底,不透明度為50%。 步驟26:內(nèi)容文本添加內(nèi)容文本是相當簡單的,但是你必須運用你的出版知識使它看起來效果更好。在以下的例子中,我在第二面創(chuàng)建了一個段落文字圖層并加上了一些虛擬的文本。

20、這次我選擇的是Arial Black 字體。我也填加了兩個文字圖層來創(chuàng)建醒目的標題。另一個重要的事情是旋轉。完成你的文字層創(chuàng)作之后,文字層如果在大條幅上你必須將其旋轉-15度;如果在小條幅下那就旋轉-5度。旋轉將會整合我們整體的設計效果。再次,記得要在安全邊界內(nèi)進行設計。 步驟27:合并內(nèi)容我添加了更多的文字層和一些虛擬的內(nèi)容。當然,你可以添加你自己的。注意“聯(lián)系我們”文本要有-5的旋轉,因為它的下面有小條紋。你可以把所有圖層合并到它們所在版面的文件夾里,“第1面”、“第2面”或是“第3面”。 結尾第一部分這時,我們已經(jīng)做好了作品的第一面。要記住用描述性的標題保存你做的設計,如“宣傳冊正面”,然后再以“宣傳冊背面”命名保存文件再繼續(xù)。 第二部步驟28:建立內(nèi)部布局我們正在做的是印刷紙的背面。很明顯:邊長,邊緣和參考線與正面完全相同。但是為了用條紋創(chuàng)造一個包裝