|
1設(shè)置畫布回頂部 【PConline 教程】在早期智能對象工具版本中,我們會將圖像素材嵌入到PSD文檔中。而在Photoshop CC 2014中,Adobe將智能對象工具升級,可以直接鏈接到外部文件。在這次的PS教程中 ,我們會應用到最新智能對象工具的鏈接特性,設(shè)計一本漂亮的小冊子。在本教程中,Photoshop CC是主要處理軟件,Illustrator則是用來設(shè)計Logo的。 最終效果圖 教程素材 我們將會使用一些免費的素材。這里利用了谷歌字體Alef。教程中,我們使用Adobe Bridge瀏覽圖像素材,所以記得升級Photoshop至Photoshop CC 2014 版。 1.準備畫布 Step 1 首先,按Ctrl+N新建文檔,然后預設(shè)國際標準紙張,大小為A5,具體設(shè)置如下圖所示。 在默認設(shè)置下面,畫布分辨率為300像素/英寸。這表示每1英寸平方包含300像素,這是印刷品的理想分辨率。但是,對于這個簡單的PS教程,我們將降低分辨率,設(shè)置為150像素/英寸。這樣低分辨率意味著較低的像素,同時PS處理圖像的速度也會增快。 畫布設(shè)置完成后,效果如下圖所示。 Step 2 按Ctrl+R,顯示畫布的縱橫標尺,這可以幫助我們準確地將設(shè)計元素放置定位。對著標尺右擊,選擇毫米為計量單位。 Step 3 選擇舉行選框工具,在畫布左上角拉出11mm*11mm的選取,按著Shift拉伸,可以縱橫邊等比例操作。 Step 4 單擊標尺并拉出至剛才選區(qū)的右邊和下邊,這樣就新建縱橫11mm的參考線。 Step 5 重復上面的操作,在畫布右下角設(shè)置11mm*11mm的選區(qū),并設(shè)置新的參考線。 相關(guān)閱讀: PS教程:PS保留細節(jié)后期處理高清人像 http://pcedu.pconline.com.cn/579/5796379.htmlPS教程:PS制作時間切片創(chuàng)意攝影合成圖 http://pcedu.pconline.com.cn/579/5796378.htmlPS教程:PS制作色彩斑斕雷朋風格海報 http://pcedu.pconline.com.cn/579/5796338.html2添加背景回頂部 2.添加背景 Step 1 從deathtothestockphoto下載圖片素材,然后在PS中打開,并選擇“文件>存儲為”,文件類型選擇PSD,而不是JPG,這樣后面有所修改就會更加容易啦。 Step 2 將剛才創(chuàng)建的PSD文檔拖動到前面在Photoshop創(chuàng)建的畫布中。需要提醒的是,這次不是打開圖像,然后復制黏貼到畫布中,而至將素材圖片與畫布形成連接。 在主菜單欄中選擇“文件>置入關(guān)聯(lián)”,然后在對話框中選擇我們想要的素材PSD文檔即可。 Step 3 將素材放置在畫布后,素材會形成自由變換操作狀態(tài),可以通過拖動控制點改變圖像尺寸。由于圖像已經(jīng)作為智能對象被保存現(xiàn)在,所以不用擔心操作錯誤而影響到素材,操作錯誤后,即使 重來或者添加其他操作都不會改變圖像的質(zhì)量。 按著Shift,然后拖動控制點,縱橫等比例調(diào)整圖像大小,具體效果如下圖所示。 Step 4 調(diào)整好以后,按回車確定保存調(diào)整效果。如果你對調(diào)整效果不滿意可以按Ctrl+T,再次進行自由變換。這個時候,你看看圖層面板,素材圖層縮略圖的右下角有個小圖標,表示該圖層鏈接另 外的文檔。 相關(guān)閱讀: PS教程:用PS去除背景中的規(guī)則紋路雜物 http://pcedu.pconline.com.cn/578/5784116.htmlPS老手也要注意!那些PS中最容易犯的錯誤 http://pcedu.pconline.com.cn/577/5776738.html媲美星際穿越!國外PS大神合成超炫機器人 http://pcedu.pconline.com.cn/573/5739496.html3添加文字和Logo回頂部 3.添加內(nèi)容 Step 1 首先添加頁腳。從deathtothestockphoto下載素材,這個素材是EPS文檔,這樣就要用Adobe Illustrator打開它,然后按Ctrl+C復制。 Step 2 按Ctrl+N在Adobe Illustrator新建文檔。 Step 3 按Ctrl+V,粘貼剛才復制的Logo。 Step 4 將Logo保存在跟主畫布同一個文件夾中。 Step 5 操作界面切換回PS主畫布中,然后將保存下來的矢量圖標置入,主菜單中選擇“文件>置入關(guān)聯(lián)”,這樣Logo就會作為智能對象導入到主畫布中了。 Step 6 同樣改變矢量Logo的大小,然后如下圖所示,放置在主畫布的右下角。 Step 7 選擇文字工具,然后在畫布中點擊創(chuàng)建文字圖層,接著輸入兩三段文字,最后結(jié)尾用大號字體輸入網(wǎng)址信息。文字字體采用谷歌字體Alef。 Step 8 在畫布的右上角再添加文字。這次文字都是用Alef字體,然后字號更大,作為小冊子的主標題。 相關(guān)閱讀: PS教程:Photoshop快速摳出手繪線稿線條 http://pcedu.pconline.com.cn/573/5739136.htmlPS教程:PS將人物照片轉(zhuǎn)成彩色潮流插畫 http://pcedu.pconline.com.cn/572/5723796.html國外PS大神支招!避免PS中最容易犯的錯誤 http://pcedu.pconline.com.cn/570/5703456.html4編輯智能對象(一)回頂部 4.編輯鏈接的智能對象 Step 1 現(xiàn)在,我們擁有兩個智能對象——矢量Logo和背景。這些智能對象圖層鏈接著原始文件。現(xiàn)在,我們嘗試對智能對象進行修改,看看效果如何。 首先,修改背景圖片。選擇背景智能對象,右擊打開屬性面板,選擇編輯內(nèi)容?;蛘?,直接雙擊編輯內(nèi)容。 進行上面的操作后,會出現(xiàn)下面的對話框。這里,Photoshop是提醒你要將文件都保存在同一文件夾,好讓它能找到。這里點擊確定。 Step 2 背景圖層會作為一個獨立的圖層被打開。如下圖所示,小冊子主題文字跟窗臺的顏色比較接近,那么這里需要增加兩者的對比效果。 在背景圖層面板中,如下圖所示,用矩形選框工具選擇下面的區(qū)域,然后按Ctrl+J復制。 Step 3 然后按著Shift+↑,向上移動復制圖層。 Step 4 用選框工具,將復制圖層中色彩較淺的部分選中。 Step 5 然后按Ctrl+T,調(diào)整它的大小,直至與臺面連接。 Step 6 選擇柔軟的、較大的橡皮擦,將不需要的部分刪除掉,令過渡更加自然。 Step 7 做完剛才的操作后,保存并關(guān)閉背景圖層。然后我們的主畫布就會自動更新為剛才的修改結(jié)果。 相關(guān)閱讀: 小白必學PS摳圖技巧!用PS橡皮擦工具摳圖 http://pcedu.pconline.com.cn/564/5640918.html干貨大分享!25個最好用的免費PS筆刷 http://pcedu.pconline.com.cn/563/5631596.htmlPS教程:<神雕俠侶>百花谷地圖3D轉(zhuǎn)2D http://pcedu.pconline.com.cn/562/5620896.html5編輯智能對象(二)回頂部 Step 8 下面我們繼續(xù)嘗試用其他方法編輯背景圖層。關(guān)閉小冊子文件,現(xiàn)在我們知道背景圖層是作為一個PSD文件與小冊子相連的。因此,這次我們直接編輯背景PSD文件。在Adobe Bridge中,雙擊背景PSD文件,以Photoshop打開它。 Step 9 從deathtothestockphoto下載下面的圖片素材,然后將素材復制黏貼到PSD文檔中,并且保存PSD文檔。 Step 10 我們用Photoshop打開小冊子PSD文件,看看有什么不同了。 Step 11 在圖層面板中,你會發(fā)現(xiàn)背景智能對象圖層的圖標有感嘆號。這個感嘆號是在提醒我們,圖層存在問題。在屬性面板中,你同樣會找到類似的的感嘆號標記。 Step 12 我們清楚知道這個感嘆號是指鏈接的內(nèi)容已經(jīng)有變化。下面需要Photoshop對內(nèi)容變化進行更新,在主菜單欄中選擇“圖層>智能對象>更新修改的內(nèi)容”。 下面再看看主畫布,背景圖像已經(jīng)被自動更新啦。 Step 13 點擊“編輯內(nèi)容”,對文檔進行編輯。 Step 14 在智能對象的畫布中,按Ctrl+T調(diào)整第二次導入的素材尺寸。 調(diào)整好文件背景后,保存。返回至小冊子的文檔中,再更新背景智能對象圖層。 Step 15 下面在小冊子頁腳的地方添加簡單的矩形圖像作為裝飾。填充顏色與Logo的橙色一致。 完成上面的操作后,小冊子的設(shè)計效果如下圖所示。 還可以編輯一下背景,然后調(diào)整一下圖像的位置。 相關(guān)閱讀: PS教程:PS打造切·格瓦拉經(jīng)典肖像效果 http://pcedu.pconline.com.cn/561/5610757.htmlPS教程:Photoshop制作噪點電影畫面效果 http://pcedu.pconline.com.cn/561/5610836.htmlPS教程:一句話搞掂Photoshop各種插件 http://pcedu.pconline.com.cn/561/5610756.html6變更配色方案回頂部 5.不同的配色方案 Step 1 下面需要改變小冊子的背景顏色。那么配色方案也需要變更一下。在這個版本中,Logo的顏色和文字的顏色對調(diào)。首先,添加簡單的矩形背景。選用矩形工具,然后填充為#231f20。 單擊邊一拖到畫布底部,將原先底部文字部分的白色蓋掉。 Step 2 設(shè)置文字顏色為白色,效果如下圖所示。 Step 3 同樣需要對矢量圖標進行編輯,改變其顏色。 與前面編輯背景圖層的操作一樣,選中Logo圖層,然后右擊選擇編輯內(nèi)容。 我們還可以瀏覽與矢量Logo相關(guān)文件,然后在PS打開。 右擊小冊子所在的文檔,然后選擇顯示鏈接的文件。 Adobe Bridge會顯示與小冊子文檔有關(guān)聯(lián)的文件列表。如下圖所示,有兩個文件是與小冊子的PSD文檔關(guān)聯(lián)的Logo和背景。雙擊Logo文件圖標,然后選用Adobe Illustrator編輯。 Step 4 選擇到所有圖形。 改變Logo的顏色為黑色,然后文字后面的圖形同樣改變?yōu)楹谏?/p> 將文本顏色設(shè)置為白色,保存并關(guān)閉矢量文件。 Step 5 再回到小冊子的PSD文件中,Logo的色彩已經(jīng)跟前面調(diào)換,比較符合當前的配色方案了。 相關(guān)閱讀: PS教程:Photoshop打造超酷人體飄浮魔術(shù) http://pcedu.pconline.com.cn/556/5562578.htmlPS大神分享!PS小白必知的超簡單PS秘技 http://pcedu.pconline.com.cn/556/5560920.html神器來襲!25款最佳網(wǎng)頁設(shè)計神器分享 http://pcedu.pconline.com.cn/551/5517996.html7管理文件回頂部 6.管理文件 Step 1 通過關(guān)聯(lián)素材等文件,而不是復制文檔,可以在PS設(shè)計中鏈接多個文件。當然,如有文檔放錯地方,就會影響操作。因此,我們需要仔細將它們放置好。確保這些文檔都放置在一個文件夾中 。就如下圖所示,它們就是放置在一個名為小冊子的文件中。 你還應該要了解到Photoshop怎么處理全部的關(guān)聯(lián)文件。從官方網(wǎng)站中可知,PS最先會搜索過去絕對位置的文件。如果PS找不到,它會再次搜索作為文件組的文件夾中。 Step 2 下面舉個例子:PS找不到關(guān)聯(lián)文件會發(fā)生什么。記得我們之前是設(shè)置了兩個文件鏈接到PSD文檔中。 如果我們不小心將Logo移動到其他地方。 Step 3 右鍵單擊PSD文檔,并且選擇“顯示鏈接的文檔”,這時就會顯示警告信息,同時提醒我們有個關(guān)聯(lián)文檔未找到。 如果我們在PS中打開作為容納其他文件的主文檔時,就會彈出對話框,提示有關(guān)聯(lián)文檔丟失。 點擊“選擇”,然后嘗試尋找丟失的文件,如果找到了,就點擊“導入”。 如下圖所示,一個復選框表示丟失的文檔已經(jīng)被重新找回啦。 不過,如果你實在不記得將文檔放在哪里,可以選擇點擊忽略。這樣在圖層面板中,原來的智能對象圖層就會在顯示問好標記。 在丟失文件的屬性面板中,選擇編輯內(nèi)容,然后對話框中找回丟失的文件。 因此,要確保主文檔和被關(guān)聯(lián)的文件要放置在同一文件中,使用相關(guān)聯(lián)文佳的另外一個優(yōu)勢在于可以減少文件體積,如下圖所示,整個小冊子PSD文檔只有14.43MB。 Step 4 同樣可以應用較早版本的智能對象,將圖像導入到文檔中,但這是將圖像直接放置在PSD中,而非“借用”。 在主菜單中選擇“圖層>智能對象>嵌入全部鏈接”。 這樣你就不會看到圖層面板或?qū)傩悦姘逯械目s略圖鏈接標記,而是老式智能對象標記。 同時,應該注意到嵌入式智能對象的文檔體積。由于采用嵌入式,將所有圖像信息都放置在一個文檔中,這樣文檔體積就會非常大。在本次教程中,嵌入式智能對象的體積就達到70MB,而鏈接式只有14MB。 相關(guān)閱讀: PS冷門技!十個不為人知的PS文本排版工具 http://pcedu.pconline.com.cn/543/5435058.htmlPS教程:10個超實用的PS矢量圖設(shè)計技巧 http://pcedu.pconline.com.cn/542/5429097.htmlPS教程:如何正確使用Photoshop切片工具 http://pcedu.pconline.com.cn/542/5429078.html8鏈接多文件回頂部 7.通過一個文件鏈接多個設(shè)計文件 Step 1 在這次教程中,我們的小冊子鏈接到兩個文件,PSD(Photoshop)和AI(Illustrator)。事實上,可以鏈接到其他主文檔中,比如矢量Logo設(shè)計文檔中。 Step 2 這樣,如果矢量Logo進行了變動,小冊子就跟隨變動。下面的例子就是Logo的字母有a變?yōu)閟。當然兩個文件放在同一文件夾下面啦。 這樣小冊子的矢量Logo就會被自動更新。 總結(jié) 從上面的PS教程中,我們可以看到Photoshop CC 2014的新鏈接智能對象可以為圖像編輯帶來更多的便利,并且有利于團隊設(shè)計工作的開展。比如一個人在集中設(shè)計布局,一個人在設(shè)計Logo, 其他人在處理背景圖片等。希望這次PS翻譯教程能對您的圖像處理帶來幫助,謝謝! 原文地址:Using the New Linked Smart Objects in Photoshop CC 2014 相關(guān)閱讀: 鑒圖神器!Izitru網(wǎng)站快速鑒別圖片有無PS http://pcedu.pconline.com.cn/528/5289262.htmlPS高手技能分享!13個超級有用的PS技巧 http://pcedu.pconline.com.cn/525/5252226.htmlPS CC最新功能詳解:路徑模糊和旋轉(zhuǎn)模糊 http://pcedu.pconline.com.cn/521/5211780.html
|
|
|