教你使用Photoshop繪制可愛的辦公氛圍小插畫，教程詳細(xì)介紹了桌面、咖啡杯、MacBook、書籍、垃圾箱、日歷的創(chuàng)建過程，如果你能夠按照教程步驟正確地執(zhí)行每一步，你現(xiàn)在應(yīng)該會(huì)做出一個(gè)可愛的桌面風(fēng)景，當(dāng)然，你也可以根據(jù)你的個(gè)人喜好通過添加或重新排列物體來進(jìn)一步調(diào)整。我希望你在做這個(gè)小插圖時(shí)玩得開心，但最重要的是，我希望你在這個(gè)過程中學(xué)到了新的東西！

效果圖:

具體步驟:

1.創(chuàng)建一個(gè)新文檔

與任何新項(xiàng)目一樣，您應(yīng)該做的第一件事是確保您正確設(shè)置文檔。假定您已經(jīng)運(yùn)行了PS，請(qǐng)轉(zhuǎn)至文件>新建(Control-N)并使用以下設(shè)置創(chuàng)建一個(gè)新文檔：

2.圖層你的作品

由于圖層通過允許我們鎖定和隱藏插圖的某些部分來改善我們的工作流程，因此我建議您設(shè)置其中的一部分，以便在創(chuàng)作過程中移動(dòng)時(shí)不會(huì)意外地放錯(cuò)元素。我設(shè)置了八個(gè)不同的圖層，并按如下方式命名它們：

背景

劃界線

臺(tái)

咖啡杯

MacBook

圖書

垃圾箱

日歷

3.設(shè)置自定義網(wǎng)格

如果您熟悉PS的工作方式，您應(yīng)該知道它可以讓您將設(shè)計(jì)捕捉到其像素網(wǎng)格。這意味著每個(gè)錨點(diǎn)將位于四個(gè)像素的中間交點(diǎn)處。

由于不同的情況需要不同的網(wǎng)格設(shè)置，因此有時(shí)您可能會(huì)發(fā)現(xiàn)自己有能力調(diào)整在您的Adobe Illustrator版本上運(yùn)行的版本。

我個(gè)人已經(jīng)為最低和同時(shí)最精確的設(shè)置，因?yàn)槲矣X得我有更多的控制我的設(shè)計(jì)。

要更改這些設(shè)置，您必須轉(zhuǎn)到編輯>首選項(xiàng)>指南和網(wǎng)格。從那里，會(huì)出現(xiàn)一個(gè)小小的彈出窗口，我們需要調(diào)整以下內(nèi)容：

網(wǎng)格線：1 px

細(xì)分：1

一旦你調(diào)整了這些設(shè)置，為了讓所有的像素變得清晰，你所需要做的就是啟用“ 查看”菜單下的“ 對(duì)齊網(wǎng)格”選項(xiàng)。

快速提示： 每次進(jìn)入像素預(yù)覽模式時(shí)， 您都應(yīng)該知道對(duì)齊網(wǎng)格選項(xiàng)將轉(zhuǎn)換為對(duì)齊像素，但這很完美，因?yàn)榇蠖鄶?shù)情況下您將以此顯示模式前后移動(dòng)。

如果您習(xí)慣在鍵盤的方向箭頭鍵的幫助下移動(dòng)物體，您可能需要將鍵盤增量更改為1 px以盡可能精確地獲取它。您可以通過編輯>首選項(xiàng)>常規(guī)>鍵盤增量來完成此操作。

4.創(chuàng)建背景

我們需要做的第一件事就是添加一個(gè)背景，所有其他元素將被布置在該背景上。要做到這一點(diǎn)，只需選擇矩形工具(M)，在Illustrator中的任意位置單擊，然后輸入與我們的小畫板 (800 x 600像素)相同的寬度和高度值。創(chuàng)建形狀后，將其顏色更改為 #999999，然后使用“ 對(duì)齊”面板垂直和水平居中到Artboard。

5.添加劃界線

使用圓角矩形工具創(chuàng)建一個(gè)554 x 4像素形狀，其邊角半徑為1像素。對(duì)使用的線著色#453F3C ，然后通過將這些值(坐標(biāo))輸入到“ 變形” 面板中進(jìn)行定位：

X：400 px

Y：445 px

6.創(chuàng)建桌面

步驟1

使用矩形工具(M)創(chuàng)建一個(gè)336 x 10像素的 形狀，將其顏色設(shè)置為#797270，然后使用這些坐標(biāo)對(duì)其進(jìn)行定位：

X：384 px

Y：314 px

第2步

創(chuàng)建先前創(chuàng)建的形狀(的拷貝控制-C>控制-F )， 選擇它，然后給它的偏移路徑效應(yīng)(效果>路徑>偏移路徑)的6像素，確保設(shè)置聯(lián)接到四舍五入。

第3步

將偏移量的顏色更改為#453F3C，然后通過右鍵單擊> 排列>發(fā)送到后面將其發(fā)送到我們桌面的頂部部分的背面。

步驟4

通過創(chuàng)建一個(gè)336 x 4 px白色矩形，在桌面的頂部添加一個(gè)小高光，我們將通過將其混合模式設(shè)置為覆蓋并將其不透明度設(shè)置為30%來進(jìn)行調(diào)整。

一旦你添加了突出顯示，選擇它，輪廓和我們辦公桌的較亮部分，并使用Control-G對(duì)它們進(jìn)行分組，使得元素不會(huì)被錯(cuò)誤地移動(dòng)。

第5步

抓住矩形工具(M)并創(chuàng)建一個(gè)10 x 112像素對(duì)象，我們將把它放置在辦公桌輪廓的底部，距離其左側(cè)大約26像素。將形狀設(shè)為相同的#797270陰影，然后按照我們用于桌面頂部的相同流程創(chuàng)建輪廓。

第6步

通過創(chuàng)建一個(gè)10 x 6 px矩形并將其放置在桌子輪廓旁邊來添加一個(gè)小陰影，確保將其水平對(duì)齊到腿部。#000000將其著色為黑色()，然后將其混合模式更改為正片疊底， 將其不透明度降低至30%。

第7步

在腿的右側(cè)大約182像素處，創(chuàng)建一個(gè)98 x 112像素的矩形，它將充當(dāng)我們的抽屜底座。

第8步

再次，遵循之前使用的相同流程，為抽屜的底部添加輪廓和陰影。

第9步

通過繪制一個(gè)更大的82 x 36像素的圓角矩形(#453F3C)以及3像素的圓角半徑來創(chuàng)建第一個(gè)抽屜。在它的頂部添加一個(gè)較小的74 x 28 px矩形，我們將使用它來創(chuàng)建一個(gè)切口，以便最終我們將只有抽屜的輪廓。

一旦你選擇了兩個(gè)形狀，使用Pathfinder的減號(hào)選項(xiàng)從下面的一個(gè)減去最上面的一個(gè)(我用紅色突出顯示)。

然后添加74×4像素的亮點(diǎn)(白色#FFFFFF帶有 混合模式設(shè)置為疊加和不透明度設(shè)置為30% )朝向頂部，和一個(gè)10×10像素的圓(#453F3C)在中間，這將充當(dāng)手柄。

最新評(píng)論