Photoshop詳細(xì)的設(shè)計(jì)宣傳冊教程

1、Photoshop詳細(xì)的設(shè)計(jì)宣傳冊教程這次，我會用Photoshop幫你從頭開始創(chuàng)立一個即將印刷的宣傳冊。這篇教程很適合初學(xué)者以及那些想知道更多關(guān)于出版設(shè)計(jì)的人。讓我們開始吧! 上下是最終效果預(yù)覽。介紹：這是一個實(shí)用的教程，教大家如何用Photoshop設(shè)計(jì)一個簡單的宣傳冊。我沒有使用任何設(shè)計(jì)樣板，也沒有用 Illustrator，因?yàn)橛泻芏嗳藳]有這個軟件，或者根本不知道如何去使用它。如果你是一個正在學(xué)習(xí)怎么設(shè)計(jì)一本能印刷的宣傳冊的學(xué)生的話，或許這就 是適合你的教程。第一局部：建立你的文檔步驟1：選擇折疊類型在開始之前有幾件事需要我們考慮到：它的大小、形狀和折疊類型。一般來說，我們應(yīng)該從筆和紙

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

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

4、標(biāo)尺的單位是英寸，在標(biāo)尺上按Alt-clicking在菜單項(xiàng)選擇項(xiàng)上選擇英寸。你必須使用顯示參考線選項(xiàng)，去視圖>顯示>參考線 或按默認(rèn)的快捷鍵Command + Semi-Colon 。步驟4：主要區(qū)域邊界我們必須確定我們有效打印區(qū)域的邊界或“主要區(qū)域，這意味著是8,5×11英寸。因此我們在每個文檔的邊上只畫4條參考線。這些參考線不會被打印出來，它們僅僅是作為參考點(diǎn)標(biāo)準(zhǔn)你的設(shè)計(jì)。你可以顯示它們或是隨時隱藏它們，去視圖>顯示>參考線。畫一條線，點(diǎn)擊標(biāo)尺、水平或垂直的都行，拖拽參考線，把它放在你想放的地方。步驟5 ：增加文檔的大小放置完四個參考線之后，去圖像>

5、;畫布大小，把寬度和高度的值再添加一英寸，這意味著現(xiàn)在文檔是12*9.5英寸。除此之外，要檢查錨點(diǎn)在中間位置。點(diǎn)擊OK，你就會看到白色的背景每個邊增加了0.5英寸。步驟6：邊現(xiàn)在我們將參加一個0,25英寸的邊。在之前的參考線外超過四分之一英寸的地方再畫4條參考線。這是非常重要的，因?yàn)槿魏伪尘皥D像或是顏色一定要畫出它的內(nèi)邊框。步驟7：平安邊界雖然我們的裁剪工藝很完善，但仍要有一個小區(qū)域我們必須留下，是打印空間里沒有任何重要文字或是圖像的小區(qū)域。我們添加一個平安界限，邊緣沒有任何元素,而且邊緣和設(shè)計(jì)之間有空間。如果你熟悉網(wǎng)站設(shè)計(jì)你可以稱它為填補(bǔ)。在文檔中“主要區(qū)域參考線的兩邊各拖動四條參考線1/4

6、英寸，這僅僅是一個建議。你可以按你的想法調(diào)整尺寸。但最后你必須做到類似下方最后一個圖像的效果。步驟8：創(chuàng)立柱形參考線現(xiàn)在我們需要創(chuàng)立柱形參考線，這個宣傳冊有三個相等的區(qū)域來創(chuàng)立三個板塊的內(nèi)容。這有幾種方法可以添加這些參考線，其中之一就是利用計(jì)算器在紙上別離出三 個寬度11/3 = 3,6666，有點(diǎn)難是嗎？我最喜歡的一種技巧是在網(wǎng)格中創(chuàng)立幾個相同寬度的圓柱，使用當(dāng)時的形狀出版設(shè)計(jì)。先畫一個矩形(U)，使用參考線，從“主要區(qū)域的左上方的參考線，拖動矩形直到另一參考線的底部。如圖一這種暫時的形狀寬度并不重要，只要試著讓它稍微縮小。然后使用移開工具選擇第一個長方形，確保選項(xiàng)面板里顯示選擇轉(zhuǎn)換控制面板

7、，然后復(fù)制矩形。你也可以按Alt-clicking拖動選區(qū)的形狀。把復(fù)制的放到之前的矩形旁邊第一個矩形的右邊緊挨著第二個矩形的左邊。這很容易做到。我變換了拷貝圖形的顏色來加強(qiáng)顯示(看下列圖)。復(fù)制第三個矩形并把它放在第二個的旁邊，如下圖?，F(xiàn)在你已經(jīng)準(zhǔn)備好了三個矩形，確保它們之間沒有空隙也沒有重疊。選擇三個矩形，然后在圖層面板(按住Shift鍵，點(diǎn)擊每層的略縮圖)通過控制變換擴(kuò)展三個矩形直到它占據(jù)了全部的“主要區(qū)域。見圖四這個轉(zhuǎn)變過程將均勻擴(kuò)大每一個矩形。接下來,只是選擇中間的矩形，使用移開工具利用變換界限作為圓柱的兩個新參考線。最后刪除矩形。步驟9 -折疊平安界限這是最后一步參考線的過程，緊貼

8、圓柱參考線添加1/4英寸的平安界限。這非常重要折疊的地方總是需要2-3毫米的印刷面積，關(guān)鍵是在那個區(qū)域里你沒有任何圖形對象。這時，你必須完美的整合這些參考線。你可以把它作為以后設(shè)計(jì)的模板存起來。步驟10：背景添加一個背景顏色。當(dāng)然，你必須使用CMYK值來找到完美的顏色。雙擊工具欄的前景色，選擇你的背景顏色。我使用了一個微妙的組合15%的黃色以及10%的純黑色。現(xiàn)在從邊界參考線的左上方到右下方畫一個矩形，默認(rèn)填充矩形向量為前景色。添加背景，包括邊框的邊緣也要添加，這些都是非常重要的。步驟11：整齊的參考線現(xiàn)在我們將會增加一些自定義的整齊的參考線，讓我們知道哪里應(yīng)該修剪，哪里應(yīng)該對折。為此，選取前

9、景色為100%黑色。選擇直線工具(點(diǎn)擊并保持矩形工具,直到你有更多的選擇項(xiàng))。在“主要區(qū)域的參考線上畫幾條直線，一直畫到邊緣(看下列圖)，按住Shift鍵畫一條直線，在四個拐角上和圓柱的參考線上畫這些整齊的線段。你可以根據(jù)需要按Command + Semi-Colon鍵顯示或隱藏參考線。步驟12：把所有直線組成一組，取名為“整齊的參考線。第二局部：設(shè)計(jì)步驟13：添加背景紋理既然我們用PS設(shè)計(jì)，當(dāng)然要添加紋理嘍。方便添加酷酷風(fēng)格的紋理和混合圖層是PS強(qiáng)大的功能之一。我們將使用 this image 作為背景紋理，給作品添加古典風(fēng)格。粘貼圖像文件到一個新層，取名為BG Texture，利用移開工具

10、(V)和自由變換選項(xiàng)將其放在邊框里就像前幾步放置矩形那樣做。放好之后使用克隆工具來修理缺陷，如原始圖片中藍(lán)色的墨跡。最后改變紋理的混合模式為疊加，不透明度為40%。重要：改變CMYK圖層的混合模式不同于RGB顏色。RGB顏色使用光亮混合圖層，而CMYK模式采用墨水的比例來混合。例如正片疊底這樣很受歡送的混合模式都是在RGB顏色代碼的根底上使用數(shù)學(xué)公式來實(shí)現(xiàn)的。結(jié)果會在顏色代碼上顯現(xiàn)出很大的不同。下面是在RGB模式和CMYK模式下關(guān)于正片疊底混合模式的例子。雖然在青、品紅、黃、紅、藍(lán)、綠色下它們幾乎沒有什么大的變化，但無論如何，是否有濃重的黑色取決于混合模式是在CMYK還是RGB下實(shí)現(xiàn)的。編輯R

11、GB文檔這個簡單的方法來解決這個復(fù)雜的混合模式的問題吧，完成它之后，轉(zhuǎn)換顏色模式到CMYK上，去圖像>模式>CMYK顏色，變更所有的層，但是這樣不是很完美，改變模式后你可能要耗損它的飽和度和亮度。步驟14：添加長條幅現(xiàn)在我們要開始設(shè)計(jì)作品本身了?；谖业牟輬D，我會在頁面中畫一個長矩形。可以使用任何顏色，因?yàn)槲覀円黾右恍﹫D層效果使它更完美。開始添加一個漸變疊加，使用下列圖的描述(深紅色到紅色)。你可以使用顏色選擇器，用潘通色卡或直接輸入值進(jìn)入CMYK區(qū)域。我建議你使用后者。添加淺紅色10px的描邊。最后添加一個大的陰影效果。陰影采用CMYK模式下默認(rèn)的純黑色，這意味著C = 0%,

12、M = 0%,Y = 0%、K = 100%。點(diǎn)擊OK看看效果。步驟15：創(chuàng)立條幅的紋理點(diǎn)擊 Command + A選擇所有的層，在圖層面板上選擇BG Texture層，復(fù)制(Command +C)選項(xiàng)，粘貼到上一步Stripe圖層上方的一個新層上，拉伸它的長度稍微變換一點(diǎn)紋理，命名為Stripe Texture。在 “Stripe矢量蒙版的縮略圖上點(diǎn)擊Command-click，去選擇>反選。然后刪除多余的紋理只在條紋上留下一塊。接下來,改 變Stripe Texture的混合模式為線性加深。正如你所看到的，我們的條紋有一個很漂亮的紋理，現(xiàn)在合并 “Stripe 和Stripe Tex

13、ture圖層，命名為Stripe。步驟16：旋轉(zhuǎn)條紋我決定不使用90°標(biāo)準(zhǔn)的垂直排列，而會創(chuàng)立兩個15°和5°的角度變化，根據(jù)這些角度旋轉(zhuǎn)對象。首先，使用移開工具(V)，選擇Stripe文件夾。現(xiàn)在使用自由變換工具旋轉(zhuǎn)對象-15°。你可以按住Shift鍵在15度的區(qū)間里增加/減少旋轉(zhuǎn)角度。設(shè)置之后，點(diǎn)擊提交變換，把條紋放在你想要的位置。我將在條紋的底邊和主要區(qū)域右邊的參考線之間使用一個參考交叉點(diǎn)。也創(chuàng)立了一些垂直平分線。最后,我將添加一些自定義的細(xì)節(jié)。旋轉(zhuǎn)條幅的角度(看看Stripe 圖層風(fēng)格上漸變疊加的角度)它仍是90°。這就是為什么條幅左邊

14、看起來比右邊的深。你可以增加或減少角度，使?jié)u變看起來更完美。我設(shè)置漸變疊加的角度為100°。步驟17：添加第二個條紋選擇Stripe Folder，使用移開工具。結(jié)合Alt鍵拖動文件夾復(fù)制它。然后旋轉(zhuǎn)新的文件夾使它處于水平位置。我們要讓這個條紋漸變顏色更深，如下列圖所示改變漸變疊加的顏色。同樣，稍微拉伸新文件夾的高度。步驟18 ：旋轉(zhuǎn)第二個條紋稍微旋轉(zhuǎn) “Stripe copy條紋-5°。你可以在轉(zhuǎn)換工具面板的角度欄中鍵入角度值。旋轉(zhuǎn)條紋，把它放在第一個條紋僅幾毫米以下的地方(見下列圖)。提交所有變換。對齊中心(備選)我想在反面的條紋上添加一個包裹的效果，把它們對齊放在水平

15、中心線上是很重要的。實(shí)際上根簡單，只要點(diǎn)擊Command + A選擇全部，使用移開工具(V)，然后點(diǎn)擊圖層面板的Stripe 文件夾。你會在工具選項(xiàng)面板中看到對齊選項(xiàng)。點(diǎn)擊對齊到水平線中心。按Command + D取消先前的選擇。在Stripe copy文件夾中重復(fù)這個選擇。步驟19：絲帶為了加深細(xì)節(jié)的效果現(xiàn)在我們要在宣傳冊的正面添加一條黃絲帶。在Stripe 和 “Stripe copy 文件夾之間創(chuàng)立一個新組，命名為Ribbon。在它的內(nèi)部創(chuàng)立一個如下列圖所示新的窄一些的黃色矩形向量，顏色不重要。創(chuàng)立緞帶，在矩形的中央畫一個臨時的垂直參考線。在圖層面板中選擇這個向量蒙版，從工具欄中選擇添加

16、錨點(diǎn)工具。按住鋼筆工具按鈕，使用這個工具在矩形底邊的中心處創(chuàng)立一個小錨點(diǎn)?，F(xiàn)在翻開轉(zhuǎn)換點(diǎn)工具(點(diǎn)擊并且按住鋼筆工具按鈕)在之前的錨點(diǎn)上點(diǎn)擊一下刪除曲線。其次，從這個工具欄中選擇直接選擇工具(點(diǎn)擊并按住路徑選擇工具)選擇新錨點(diǎn)。現(xiàn)在用光標(biāo)往下移動幾毫米。就做成了一條絲帶。要確保絲帶在宣傳冊的第一面里，也包括它折疊的平安界限在內(nèi)。步驟20：絲帶層風(fēng)格接下來在Ribbon層上添加漸變疊加風(fēng)格(暗黃色到黃色)，使用下列圖的設(shè)置值。同樣，如下列圖所示填加5像素的描邊。步驟21：絲帶的陰影現(xiàn)在我們將添加絲帶的陰影，你可以按你的想法使用一個簡單的陰影效果，不過這一回我會填加一個流行的陰影扭曲絲帶到達(dá)這個效果

17、。復(fù)制絲帶圖層，柵格化圖層，在復(fù)制層的上方或是下方快速創(chuàng)立一個新的空白圖層，選擇這兩層，點(diǎn)擊Command + E合并它們，命名為Ribbon Shadow。現(xiàn)在將陰影層向右移動幾毫米。然后在陰影上應(yīng)用純黑色的色彩疊加風(fēng)格。接著去濾鏡>模糊>高斯模糊，設(shè)置半徑為10像素，點(diǎn)擊“OK。你會看到這個模糊層看起來并不好，因此改變Ribbon Shadow 的混合模式為疊加,不透明度為75%。步驟22：完成絲帶添加絲帶最后的細(xì)節(jié)，我們需要稍微扭曲絲帶。使用移開工具選擇絲帶，在選擇菜單中使用自由變換控制。用光標(biāo)稍微彎曲絲帶如下列圖所示。確認(rèn)彎曲。最后使用與步驟15相同的技術(shù)添加絲帶的紋理，唯

18、一的區(qū)別是改變Ribbon texture 的混合模式為正片疊底，不透明度為50%。步驟23：標(biāo)題現(xiàn)在是添加標(biāo)題的時候了?；谖业牟輬D，我會在大的長幅上鍵入字母PSD，以及在稍短的條幅上寫 “TUTS+ 。選擇文字工具(T)，在大的長幅任何位置上點(diǎn)擊添加文字?，F(xiàn)在去窗口>字符看看這個自定義的文本屬性面板。你也可以從 Comprehensive Introduction to the Type Tool上看到更多關(guān)于這個工具的信息。第一個單詞我用了黑色的Helvetica-Black字體，你可以使用Arial Black字體，它看起來也不錯。創(chuàng)立文字圖層之后，使用移開工具(V)旋轉(zhuǎn)文字層-

19、15°，使它匹配條紋的旋轉(zhuǎn)角度。最后，創(chuàng)造一個凸版印刷的效果，在文本圖層上添加深紅色的顏色疊加風(fēng)格，用柔和的紅色外發(fā)光以及65%透明度的純黑色的內(nèi)陰影(參見下列圖的值。步驟24：標(biāo)題讓我們完成標(biāo)題的制作吧。重復(fù)上一步，但這次用一個小點(diǎn)的字體，把它放在小的條幅上，運(yùn)用相同的層風(fēng)格。然后旋轉(zhuǎn)文字圖層-5度。作為一個小的調(diào)整，改變 顏色覆蓋使它更暗一些。最后，合并兩個文本層，命名為Title 。要記住你的文字層必須在參考線所示的平安邊界內(nèi)。步驟25：一點(diǎn)3D效果的陰影投影風(fēng)格并不是獲得逼真陰影的最可靠的方式，我將添加另一種陰影，在Stripe文件夾下方創(chuàng)立一個不錯的效果。在Stripe文件

20、夾的下方創(chuàng)立一個新層,命名為Shadow。在這層,創(chuàng)立并伸展一個橢圓(你可以使用橢圓邊框工具或橢圓工具)。填充100% 純黑色(100% K)，去濾鏡>模糊>高斯模糊，設(shè)置半徑為20像素，點(diǎn)擊“OK。接下來旋轉(zhuǎn)陰影層-15°。最后改變它的混合模式為正片疊底，不透明度為 50%。步驟26：內(nèi)容文本添加內(nèi)容文本是相當(dāng)簡單的，但是你必須運(yùn)用你的出版知識使它看起來效果更好。在以下的例子中，我在第二面創(chuàng)立了一個段落文字圖層并加上了一些虛擬的文本。這次我選擇的是Arial Black 字體。我也填加了兩個文字圖層來創(chuàng)立醒目的標(biāo)題。另一個重要的事情是旋轉(zhuǎn)。完成你的文字層創(chuàng)作之后，文字層

21、如果在大條幅上你必須將其旋轉(zhuǎn)-15度；如果在 小條幅下那就旋轉(zhuǎn)-5度。旋轉(zhuǎn)將會整合我們整體的設(shè)計(jì)效果。再次,記得要在平安邊界內(nèi)進(jìn)行設(shè)計(jì)。步驟27:合并內(nèi)容我添加了更多的文字層和一些虛擬的內(nèi)容。當(dāng)然,你可以添加你自己的。注意“聯(lián)系我們文本要有-5°的旋轉(zhuǎn)，因?yàn)樗南旅嬗行l紋。你可以把所有圖層合并到它們所在版面的文件夾里，“第1面、“第2面或是“第3面。結(jié)尾第一局部這時，我們已經(jīng)做好了作品的第一面。要記住用描述性的標(biāo)題保存你做的設(shè)計(jì)，如“宣傳冊正面，然后再以“宣傳冊反面命名保存文件再繼續(xù)。第二部步驟28：建立內(nèi)部布局我們正在做的是印刷紙的反面。很明顯：邊長，邊緣和參考線與正面完全相同。但是為了用條紋創(chuàng)造一個包裝效果，我們需要翻轉(zhuǎn)它們。首先，刪除(或隱藏)所有的內(nèi)容層(“第1面、“第2面和“第3面)，然后只剩下條紋和絲帶。你可以創(chuàng)立三個文件夾，取名為“第4面、“第5面和“第6面來添加內(nèi)容。步驟29：翻轉(zhuǎn)條紋現(xiàn)在我們將翻轉(zhuǎn)條紋 。選擇Stripe Copy文件夾，去編輯>變換>水平翻轉(zhuǎn)。在 “Stripe文件夾中也這么做