作品集制作流程參考模板

1、          I have talked about portfolio setup in the past but not specifically the workflow. I dont hide the fact that I prefer to build my layouts in Photoshop. It's what I'm most comfortable with but also what gives me the most flexibility to blend i

2、mages into one another and really experiment with layouts. I have seen others create their portfolios in Illustrator and InDesign which works too. I have implemented InDesign into my workflow, but as a management tool and not so much as a design tool. InDesign acts as a master file that houses all o

3、f my text and organizes all of my PSD files in one place. This means I can quickly comb through many pages at once to study the flow of the story and transition of graphics. It's very easy to get caught up focusing on each spread as its own entity. InDesign allows me to see the document as a who

4、le and creates a malleable environment to easily move pages around and make quick edits to text. Below, I outline the workflow that I used to create my latest portfolio and prepare it for printing.    我曾講過(guò)作品集的制作，但沒(méi)有詳細(xì)的工作流程。事實(shí)上，我更喜歡用Photoshop（PS)排版，因?yàn)槲液苁煜S，可以很靈活地處理圖像或嘗試各種排版，雖然我也看到過(guò)別人在Illus

5、trator（AI)或Indegign（ID）中創(chuàng)建作品集。我的工作流程中也需要用到ID，但只是作為一個(gè)管理工具,而非設(shè)計(jì)工具。我把所有的文本和PSD文件導(dǎo)入到一個(gè)ID主文件中，可以對(duì)頁(yè)面進(jìn)行快速編排和編輯。這意味著我可以快速梳理許多頁(yè)面，來(lái)研究作品集敘事邏輯與圖形繪制的整體性，同時(shí)很方便地處理每個(gè)跨頁(yè)自身的完整性。下面是我用來(lái)制作即將打印的最新作品集的工作流程。1. Determine how the document will be printed        The process begins with deciding w

6、here and how I will print the portfolio. For this example, I will be focusing on online printing since this is the easiest and most accessible option for most people. Knowing how you will print the portfolio will inform certain specifications and sizes to be used. For example, blurb only offers a fe

7、w sizes that will work for my portfolio and the proportions are quite different from my standard 6"x9” size that I have used in past portfolios. Therefore, I want to keep this in mind when designing my new portfolio because the size significantly affects the grid proportions and layout. However

8、, Blurb also provides an InDesign plugin that sets up the file for bleeds, setbacks, and other pertinent document settings. This helps minimize any formatting issues when its time to upload the final portfolio design.2 / 191.確定作品集打印的尺寸規(guī)格   （譯者注：原作者使用在線打印，有尺寸限制。實(shí)體打印店打印無(wú)此顧慮，符合申請(qǐng)單位或?qū)W校的作品集規(guī)格要求

9、便可。）   這一過(guò)程始于打印作品集的地點(diǎn)與方式。對(duì)于我這個(gè)作品集，我選擇了在線打印，因?yàn)閷?duì)大多數(shù)人來(lái)說(shuō)這是最簡(jiǎn)單和最容易的選擇。了解在線打印提供的尺寸要求，才能決定適用的作品集規(guī)格。例如，blurb （在線打印商）只提供了幾種打印尺寸，并不符合我以往制作作品集的6英寸乘9英寸標(biāo)準(zhǔn)大小與比例。因此，這次我就記住了使用他們提供的打印規(guī)格，因?yàn)轫?yè)面大小將顯著影響作品集的網(wǎng)格比例和排版布局。blurb還提供了一個(gè)ID插件,設(shè)置文件出血、留白和其他相關(guān)文件的設(shè)置，這有助于簡(jiǎn)化化作品集的各種打印格式調(diào)整。2. Photoshop Template    

10、    Once I determine where the printing will be done, I next set up a Photoshop template. This template is meant to mirror the InDesign document template exactly. Therefore, I will be using the exact same bleed settings and setback guides. Below is how I set things up in Photoshop:2.制

11、作Photoshop模板   一旦我確定作品集的打印規(guī)格，我下一步就會(huì)建立一個(gè)Photoshop模板。這個(gè)模板需要與ID設(shè)置的打印規(guī)格相符合，因此需要設(shè)置同樣的出血設(shè)置和留白設(shè)置。下面是我如何在Photoshop中進(jìn)行設(shè)置:2A. Initial Page Size:        The individual page size will be 8” tall by 9.5” wide. This is the final cut size given to me by the online printing c

12、ompany. This means when you open the portfolio and look at the spreads, they will be 8” tall and 19” wide. Since I like to design by the spread and not by individual pages, I am going to set my Photoshop template to the 8”x19” size. I am also going to set the resolution to 300 dpi (dots per inch) an

13、d set the color mode to “CMYK Color”. The image below shows the setting I used when starting a new document. To make changes to the page size and resolution, go to “Image>Image Size.”2.1.頁(yè)面大小   （譯者注：本文中將pages翻譯為“單頁(yè)”，而spreads翻譯為“跨頁(yè)”即書(shū)本展開(kāi)平放的兩面為一個(gè)跨頁(yè)，印刷術(shù)語(yǔ)有各種翻譯，譯者習(xí)慣叫單頁(yè)與跨頁(yè)。）   單頁(yè)大小設(shè)

14、置為8英寸高9.5英寸寬，這是我將提交給在線印刷公司的尺寸，也是印刷品最終的裁切尺寸。這表示，當(dāng)你展開(kāi)作品集，將看到8英寸高和19英寸寬的跨頁(yè)。因?yàn)槲蚁矚g以跨頁(yè)為模板來(lái)設(shè)計(jì)，而不是單頁(yè)，所以我將把Photoshop模板大小設(shè)置為 8英寸乘19英寸，分辨率設(shè)置為300 dpi(每英寸點(diǎn)數(shù))，顏色模式設(shè)置為“CMYK顏色”。下圖顯示了我開(kāi)始一個(gè)新文檔時(shí)使用的設(shè)置，若要更改頁(yè)面尺寸和分辨率，去“圖像>圖像大小”。2B. Image Bleed:        My portfolio has images and colors str

15、etching all the way to the page edges, so I need to add a bleed to my template. The standard bleed dimension is 1/8” on all sides. Some printers may require something different so it is important to confirm this dimension with them before setting up the template. To add the 1/8” bleed space, select

16、“Image>Canvas Size”. First double check that the anchor is in the center, and then increase the width and height by 1/4.” Obviously, the extra 1/8” could be added when setting up the initial page size, but I wanted to show how to add the bleed after the document has been created.2.2.出血邊 

17、60;（譯者注：出血邊是裁切紙張時(shí)邊緣的損耗，有些標(biāo)準(zhǔn)紙張A4、A3等不需要裁切可以不設(shè)置出血， 需要裁切則一定要在制作初期就設(shè)置好出血，后期再加會(huì)影響內(nèi)容大小，即使很微小。譯者自己第一次打印作品集就沒(méi)做出血，打出來(lái)就哭了。）   我的作品集圖片和顏色一直延伸到頁(yè)面邊緣，所以需要添加一個(gè)出血線設(shè)置。標(biāo)準(zhǔn)的出血線尺寸是1/8英寸（國(guó)內(nèi)尺寸一般為三個(gè)毫），有些打印機(jī)可能需要不同的尺寸。重要的是要在Photoshop模板中也擴(kuò)邊出血線。選擇“圖像>畫(huà)布大小，添加1/8英寸的出血邊。調(diào)成四邊擴(kuò)大，然后增加1/4英寸的寬度和高度。當(dāng)然出血邊在最初設(shè)置頁(yè)面大小的時(shí)候就可以包括進(jìn)去

18、，這里只是展示如何在文檔創(chuàng)建后添加出血邊。2C. Setup Guides:        Once the size of the canvas is set, I insert the guides. I want to mark the locations of the cut line, text setback, and the fold. To do this, you must first turn on your rulers by going to “View>Rulers”. With the rulers

19、on, select the "Move Tool" and simply drag guides from the rulers to the locations you need them. You can precisely place guides by choosing “View>Add Guides”. You can also lock the guides by choosing “View>Lock Guides”. The image below shows the state of my template at this point.2.

20、3.參考線   （譯者注：PS默認(rèn)的參考線很難設(shè)置精確尺寸，推薦使用“guideguide”插件。兩邊留白一樣而無(wú)裝訂邊，將導(dǎo)致太靠近書(shū)脊的內(nèi)容很難閱讀，當(dāng)然蝴蝶精裝或騎馬釘?shù)妊b訂方式不存在這個(gè)問(wèn)題。）   一旦設(shè)置完畫(huà)布的大小,我就會(huì)添加參考線，用來(lái)標(biāo)記裁切線、文本留白和裝訂留白。先打開(kāi)“視圖>標(biāo)尺”，選擇“移動(dòng)工具”，直接在標(biāo)尺上拖移出參考線到需要的位置?？梢栽凇耙晥D>新建參考線”中設(shè)置精確的尺寸，用“視圖>鎖定參考線”來(lái)鎖定參考線。下圖顯示了我設(shè)置的參考線模板。3. InDesign Document Setup  &#

21、160;     I want the InDesign template to be identical in size to the Photoshop template. This allows me to easily place the PSD files directly into InDesign without any alignment issues.3.設(shè)置ID文件   設(shè)置與Photoshop模板相同的大小的InDesign模板，這可以輕松地將PSD文件直接導(dǎo)入到InDesign而沒(méi)有對(duì)齊的問(wèn)題。3A. Init

22、ial Page Setup:        Before setting up the InDesign Template, first look to see if the online printer has provided any online resources. For example, Blurb offers a plugin that generates a template for you. However, in some cases, a template will need to be created fr

23、om scratch which I outline below.Go to “File>New>Document.” In the new document dialogue box, make sure “Facing Pages” is checked. This will allow you to create spreads instead of individual pages. Also, estimate how many pages your portfolio will be and insert that number into “Number of page

24、s”. The number of pages does not have to be exact and can be changed as the document is developed.        Change the width and height to the final “Cut” size of a single page. In my case I want it to be 9.5” wide by 8” high. InDesign defaults to picas, not inches which

25、is the unit I want to use. A little tip when setting the width and height is type what you want in inches and follow the number with “in” such as “8.5in”. InDesign will give you that dimension in picas. You can also change the units by going to “Preferences>Units and Increments” and change the ru

26、ler units to inches for both the horizontal and vertical.        I set my margins to 0.25” except for the inside margin which is set to 0.5”. The margins act as a barrier by which important text and images stay within. However, images and graphics can extend outside of

27、this line and should continue all the way to the bleed edge. Different size margins are okay to use but I wouldn't suggest going less than 0.25”. You will want a larger margin in the inside edge to account for binding.        Finally, I set the bleed to 0.125” (1/8”

28、) for all four sides.        Choose “Ok” to complete the setup.3.1.頁(yè)面設(shè)置   （譯者注：制作文本與單頁(yè)打印的邊距差別很大，制作A1大圖的時(shí)候幾乎不會(huì)考慮邊距，但作品邊距很重要，影響到排版與最終的閱讀效果。原作者推薦的6個(gè)毫邊距譯者覺(jué)得不夠，A4左右的頁(yè)面至少一個(gè)厘，可以參照一些畫(huà)冊(cè)類雜志的邊距感受一下一個(gè)厘其實(shí)也很少。譯者就是沒(méi)設(shè)置邊距打出來(lái)神坑，閱讀起來(lái)很不舒服。）   設(shè)置模板之前，首先看在線打印商是否提供了任何在線資源。

29、例如，blurb提供了一個(gè)插件，為您生成一個(gè)模板。然而，一般情況模板都需要從頭開(kāi)始創(chuàng)建的。   “文件 >新建 >文檔”在新建文檔對(duì)話框中，勾選“對(duì)頁(yè)”檢查。這將允許您創(chuàng)建跨頁(yè)而不是單頁(yè)。同時(shí)，估計(jì)你的作品集有多少頁(yè)插入“頁(yè)數(shù)”，不用很精確之后也可以增減。   改變寬度和高度，在我的例子中我想要高9.5英寸寬8英寸。默認(rèn)單位為像素，可以在“首選項(xiàng)>單位和增量”中更改。   邊距設(shè)置為0.25英寸除了內(nèi)部邊距因?yàn)檠b訂留白設(shè)置為0.5英寸。主要內(nèi)容的文本和圖像應(yīng)控制在邊距線內(nèi)以保證最佳閱讀效果，邊距線以外流血線以內(nèi)當(dāng)然也

30、可以有圖像和圖形，只是這部分比較不適合閱讀?？梢栽O(shè)置自定義的邊距大小，但不建議小于0.25英寸（約6個(gè)毫）。   最后，我將四個(gè)方向的出血都設(shè)置為0.125(1/8)英寸。選擇“Ok”完成設(shè)置。3B. Master Pages:        Masters are essentially templates that you can overlay on multiple pages. When you make a change to a master, it will update all book page

31、s that the master was applied to. This is useful if you are adding page numbers, a title, or a graphic that needs to appear in the exact same place on multiple pages. In the case of this portfolio, I really only need it for page numbers. There are situations in my portfolio where the page number get

32、s lost in a dark background, therefore, I create a second master with white text. To view master pages, go to “Window>Pages” and you will see the masters at the top. Clicking on a master thumbnail brings up the master page where you can make changes. They can then be applied to the portfolio page

33、s by dragging them on top of the pages you wish to apply them to in the pages palette.3.2.主頁(yè)   （譯者注：主頁(yè)是ID節(jié)省排版時(shí)間的強(qiáng)力功能，簡(jiǎn)單的說(shuō)就是可以同時(shí)修改所用頁(yè)面相同元素的模板。不過(guò)作品集不比其他印刷品，一般就是頁(yè)碼。）   主頁(yè)本質(zhì)上就是模板,您可以應(yīng)用于多個(gè)頁(yè)面。當(dāng)你對(duì)主頁(yè)做出改變，它將更新所有應(yīng)用的頁(yè)面。如果你添加頁(yè)碼、標(biāo)題或需要出現(xiàn)在多個(gè)頁(yè)面上完全相同的地方的圖片，主頁(yè)非常實(shí)用。對(duì)于這個(gè)作品集，我只需要添加頁(yè)碼。對(duì)于一些暗色頁(yè)面，黑色頁(yè)碼看不清

34、楚，因此，我需要?jiǎng)?chuàng)建一個(gè)白色頁(yè)碼的第二主頁(yè)?！按翱?gt;頁(yè)面”，將看到頂部的主頁(yè)，點(diǎn)擊縮略圖來(lái)查看主頁(yè)，郵件新建主頁(yè)即可創(chuàng)建多個(gè)主頁(yè)，直接拖拽到所需的頁(yè)面即可應(yīng)用主頁(yè)。4. Develop Photoshop Spreads        With the documents set up, I began the process of laying out the designs in Photoshop. I used filler text to determine general placement of paragraph

35、s and titles. I placed all my text into a group layer of each PSD file so that I could easily turn off the layer when it was time to place the file into InDesign.4.優(yōu)化PS跨頁(yè)   我在Photoshop中布局設(shè)計(jì)的過(guò)程中，我把PSD文件的填充文本都放到一個(gè)組里，這樣在導(dǎo)入ID時(shí)可以很容易地關(guān)掉層文字圖層。5. Place PSD Files into InDesign     &#

36、160;  As I develop the PSD files, I insert the new files into the InDesign document using the “Place” method. Placing the PSD files creates a link between the two programs so that if a change is made to the PSD file and saved, it will update in InDesign without the need to place it again.&

37、#160;       To do this, simply drag the PSD file onto the InDesign page and align the bleed edges. The longer route is to go to “File>Place.” When the dialogue appears, navigate to the PSD and choose “Open.” Then click on the desired InDesign page to place it. Finally, ad

38、just the location so that the bleed edge of the PSD file aligns with the bleed edge of the InDesign file.        To check that the PSD file is properly linked to the InDesign file, you can make a change to the PSD file in Photoshop and save the changes. Then, move back

39、into                   InDesign and see if the link is asking to be updated. A list of all of the linked files can be found under the "Links" palette which can be turned on under "Window>Links". If a link does need to

40、 be updated, right-click on the link and choose "update link" or choose the "update link" icon at the bottom of the links palette.5.導(dǎo)入PSD到ID   使用“置入”將PSD文件插入到IDD。將兩個(gè)程序之間的PSD文件創(chuàng)建一個(gè)鏈接，這樣如果PSD文件進(jìn)行修改并保存,它將同步更新到ID。         然后 ，只需將PSD文件直接拖到ID中和出血

41、線邊緣對(duì)齊?；驈?fù)雜的方法“文件>置入”當(dāng)出現(xiàn)對(duì)話框，瀏覽到所需PSD，選擇“打開(kāi)”，然后點(diǎn)擊所需地方。最后，調(diào)整位，這樣留有出血邊的PSD文件將與設(shè)置的ID文件大小完全吻合。      若要檢查PSD文件與ID文件是否鏈接，可以在Photoshop編輯PSD文件并保存更改。然后，回到ID鏈接是否要求被更新。所有相關(guān)文件的列表可以在“鏈接”面板中管理，打開(kāi)“窗口>鏈接”。如果一個(gè)鏈接需要更新，右鍵單擊鏈接并選擇“更新鏈接”或選擇圖標(biāo)面板底部的“更新鏈接”。6. Add Text in InDesign     &#

42、160;  Next I need to add the final written text into InDesign. As mentioned above, I prefer to add text in InDesign instead of Photoshop because it allows me to easily manage the text in one place ensuring consistency throughout the document along with easy proofreading. It also exports as

43、 a vector graphic to PDF which will yield crisper results when printing. The Photoshop files are rastorized when placed in InDesign meaning any text in the Photoshop files would be rastorized as well.6.在ID中添加文本   （譯者注：4、6兩點(diǎn)就是相當(dāng)于在ID里編輯文本，PS只保留圖像，實(shí)際打印效果區(qū)別不大，但如果是電子檔的話，在ID里編輯的文本輸出PDF將是矢量的，也就是“

44、活字”。）   接下來(lái)我需要在InDesign中添加最后的文字。正如上面提到的，我寧愿在ID而不是PS中添加文本，因?yàn)樗梢宰屛逸p松地管理文本，確保位置的一致性以及簡(jiǎn)單的校對(duì)。它還可以作為一個(gè)矢量圖形輸出PDF，打印效果較好可以抗鋸齒。而直接在PS里編輯文字，輸出PDF后將柵格化，打印會(huì)出現(xiàn)一些鋸齒效果不好。7. Export to PDF        The final step is packaging the portfolio to be uploaded to the online printing c

45、ompany website. Most online printers prefer PDF files, but it is important to confirm this with your online printing company. Choose “File>Export”. In the export dialogue box, choose a location to save the document and be sure to select “Adobe PDF (print)” as the format, then click “Save”.7.輸出PDF

46、   最后一步就是輸出作品集文件打包上傳到在線印刷公司網(wǎng)站。大多數(shù)在線打印機(jī)支持PDF文件，但重要的是要與你的在線印刷公司確認(rèn)?！拔募?gt;導(dǎo)出”，在導(dǎo)出對(duì)話框中選保存。Once the PDF dialogue box appears, you will see a ton of options. This is again a time to check to see if the print company that you are using has specific settings that they want you to follow. For examp

47、le, Blurb has an entire section of their site dedicated to explaining the settings they want you to use. Below are general settings I have used in the past if the print company does not already have specific requirements:   一旦PDF格式對(duì)話框出現(xiàn)，你會(huì)看到大量的選項(xiàng)。你可以再次檢查相關(guān)設(shè)置是否符合打印要求。例如，Blurb有的整個(gè)篇章用于解釋他們想要使用的設(shè)置。下面是我已經(jīng)使用在其他公司使用過(guò)的通用設(shè)置:       7A. Under the “General” tab on the left, set the “Adobe PDF Preset” to “High Quality Print”       7B. Under the “General” tab on the left, verify that “Pages” is selected and not “Spreads”