Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Retro

如何在Adobe Illustrator繪制壹幅室內復古插畫

by
Difficulty:BeginnerLength:MediumLanguages:

Chinese (Traditional) (中文(繁體)) translation by Clare Liu (you can also view the original English article)

Final product image
What You'll Be Creating

我們偶爾都會懷念過去:過去認識的人,去過的地方,或者用過的事物。生活在高科技數字時代,我們時常會懷念壹些事物,比如奶奶家過時的水罐或者妳兒時的玩具。 因為妳還記得它是怎麽壞的,仍然想哭:現在不要哭—我還想讓妳們學習今天的教程呢!

擦幹眼淚,想壹想...比如...例如放置在櫃櫥上的舊電視。我將向妳展示如何使用基本的形狀,變形效果,還有偏移路徑創建這樣壹幅插畫。

順便說一下, GraphicRiver上有很多複古圖片集,點擊進去看看吧。

1. 如何創建壹臺復古電視

步驟1

打開Adobe Illustrator,新建壹個文件(文件>新建),寬,高850 x 850 px。我們先來創建壹個電視形狀。使用圓角矩形工具,創建壹個淺灰色的圓角矩形。 填充顏色,可參考下圖。不需要有描邊—下圖的描邊只是為了便於看見。

接下來,我們將對這個圓角矩形應用壹個膨脹效果。打開效果>變形>膨脹。輸入下面的選項值。對這個形狀進行擴展(對象>擴展外觀)。

creating the TV shape

步驟2

現在我們在原變換後的圓角矩形中央。創建壹個小的副本。選中這個形狀同時,打開對象>路徑>偏移路徑,輸入負數-9,點擊OK。 在原形狀前面就會得到壹個小的該形狀副本。

接著,對這個形狀創建壹個小的副本,選中第二個副本,再次打開對象>路徑>偏移路徑,輸入輸入負數-4。將小副本顏色改為深灰色。

最後,使用同樣的方法,將最小的形狀再復制壹個,這次的偏移路徑設為-2。現在妳應該總共有四個形狀了。

creating the TV shape 2

步驟3

現在我們來給TV創建壹個屏幕。將任意壹個灰色形狀復制壹個,把它放在最前面。變小壹點,顏色改為更深壹點的灰色。 接下來將這個形狀創建壹個小副本:打開對象>路徑>偏移路徑,輸入輸入負數-2。顏色改為藍灰色。

creating the screen

步驟4

我們來給電視屏幕添加體積感。使用橢圓工具(L)創建壹個橢圓,和灰色形狀交叉重疊。這個橢圓的顏色沒重要,因為它是被用來作為剪切板的。

現在將淺藍色形狀復制壹個,粘貼在前面(Control-C, Control-F),同時選中它,還有上面的橢圓,點擊路徑查找器面板裏面的減去頂層按鈕。這個操作之後,我們得到灰藍色屏幕內橢圓的部分。 這個操作之後,我們得到灰藍色屏幕內橢圓的部分。最後將屏幕的上部分顏色改為壹個亮壹點的顏色。

creating the screen 2

步驟5

我們來給電視添加揚聲器。創建壹個深灰色的圓(為了保證畫出的圓是壹個正圓,使用橢圓工具 (L)的同時,按住Shift鍵)。 選中這個圓,同時按住Shift Alt鍵,把它拖到右邊。這樣的話,妳就會對橢圓進行復制,而且副本都保持在水平線上。

選中新建的圓,再按Control-D鍵,三次重復上個操作,創建壹組相同間距的圓。

現在選中壹排圓,同時按住ShiftAlt鍵,向下拖動。再壹次按Control-D,重復上步操作。直到和下圖展示的結果差不多的時候。

creating the speaker

步驟6

為了保證在移動對象的時候更加精確,我們需要啟用智能參考線。因此,我們打開視圖>智能參考線(Control-U)。 畫壹個灰色填充的圓,沒有描邊。為了為了保證畫出的圓是壹個正圓,使用橢圓工具(L)的同時,按住Shift鍵。 將這個圓復制壹個,粘貼在前面(Control-C, Control-F),把它變小壹點,確保它正好位於原形狀的正中央。對於小圓,將顏色改為淺灰色。

接下來,使用矩形工具 (M),創建壹個灰色矩形,把它放在圓的正中央。將這個矩形復制壹個,粘貼在前面(Control-C, Control-F),減小它的寬度(使用選擇工具(V))。把它放在原形狀的正中央,顏色改為淺灰色。

creating the manual switch

步驟7

現在將手動開關放在電視的右側。妳可以稍微把它向側邊旋轉壹點,讓矩形不是正好在垂直方向。為了突出這是壹個手動開關,我們將在後面創建壹個深灰色的圓。 之後,對整個手動開關包括高亮顯示部分,進行復制,把副本放在下面,如圖所示。這稍微改變壹下這個手動開關的旋轉方向。

placing the manual switch and creating another one

步驟8

現在我們來繪制天線。先畫壹個細長的,垂直方向的前胡思而橢圓。使用直接選擇工具(A),將左右兩邊的錨點向下移動。 創建壹個小圓,把它放在橢圓的剪端部分,如下圖所示。把它復制壹個,得到另壹個天線(Control-C, Control-V)。在底部添加壹個橢圓。

再次強調,在繪制的時候不需要描邊顏色,下面的描邊是為了便於妳們看到。

creating the antenna

步驟9

將我們的天線放在頂部,放在電視後面(Control-X, Control-B)。因為電視外部形狀沒有任何描邊顏色,我們需要突出天線就在後面,和電視分開的。 因此,創建壹個細長的水平橢圓,把它放在天線和電視機身交叉線上。

placing the antenna

步驟10

現在我們來創建電視腳架。首先創建壹個灰色矩形,然後選擇直接選擇工具(A),將底部兩個錨點移到左邊。下面的兩個錨點之間距離比上部錨點之間的間距要大。

creating the TV legs

步驟11

將電視腳架放在合適的位置。創建另壹只腳架,選中左邊的,右擊>變換>鏡像,然後選擇垂直,90度角,點擊復制。將副本移到右邊。我們的復古電視圖像就完成了!

placing the leg and creating another one

2. 如何繪制櫥櫃

步驟1

當然,在過去,電視機很笨重,體積較大。不是掛在墻上的,而是放在櫥櫃或者桌子上的。因此,今天我們把電視機放在櫥櫃上。

先畫壹個棕色矩形(矩形工具(M))。在棕色矩形內再創建壹個深色矩形。我們需要再次使用偏移路徑:選中棕色矩形的同時,打開對象>路徑>偏移路徑,輸入-10 px的偏移。 將新建的矩形改為深棕色。

再次,選中深棕色矩形,打開對象>路徑>偏移路徑,輸入偏移值-3 px。現在將顏色改成另壹種棕色。

creating the cabinet

步驟2

我們來給櫥櫃門添加紋理。創建壹個細長的,淺棕色橢圓,正好能填充進最小的矩形內。 前面步驟啟用的智能參考線,會很有幫助。將橢圓放進左側最小的矩形內。

将这个椭圆复制一个水平对齐(按住 Shift 和 Alt 键把它向右拖拽)。现在使用Control-D按钮尽可能多次重复这个操作,填充这个矩形。

adding the texture to the cabinet

步驟3

給我們的櫥櫃添加兩扇門,創建壹個細長的深棕色工具,把它放在櫥櫃的中間位置,如下圖所示。

continue creating the cabinet

步驟4

創建壹個棕色的圓作為把門把手。把它復制壹個,粘貼在前面(Control-C, Control-F),變小壹點。 確保它正好位於中央位置(使用智能參考線)。現在,將新建的圓顏色改為淺棕色。 把最初的圓再復制壹個,但是這次比淺棕色圓還要稍微小壹點(Control-C, Control-F)。第三個小圓顏色將會比第二個顏色稍微深壹點。

為了方便操作,將所有的圓進行編組(右擊>編組)。這三個圓就會是我們的把手。 把它放在左邊門上。把它縮小的時候,記得按住Shift鍵。為右邊門也創建壹個門把手:按住Shift Alt鍵的同時,把門把手移到右邊。

creating the handles

步驟5

櫥櫃腿的創建方法和電視壹樣。先創建壹個棕色的矩形,然後使用直接選擇工具(A),將下面的兩個錨點移到左邊。 下面的錨點間距比上面的要小。將櫥櫃腿放在左邊櫥櫃下面。

最後,創建另壹只腿:選中左邊的腿,右擊>變換>鏡像。選擇垂直,90度角,點擊復制。將副本移到右邊。我們的櫥櫃就完成了!

creating the legs

3. 如何創建背景

步驟1

使用矩形工具(M)創建壹個寬和高都為850 px的藍色正方形。首先,選中這個工具,輕輕在畫板上點擊壹下,輸入必要的選項值。

creating the background

步驟2

為了在場景中添加壹些維度,在正方形底部創建壹個深藍色矩形。

adding the shadow

步驟3

最後,把創建好的電視和櫥櫃放在背景的前面。然而,將背景置於底層將會更容易操作壹點(Control-X, Control-B)。

placing all objects

4. 如何創建插滿花的玻璃罐

步驟1

現在我們會在玻璃瓶內添加藝術漂亮的鮮花。怎麽畫玻璃瓶呢,線畫壹個灰色圓角矩形。記住這裏的描邊只是為了便於看到。

在圓角矩形上部分添加壹個小矩形,在頂部再添加壹個水平放置的小圓角矩形。使用路徑查找器面板中的聯集按鈕,將這些形狀進行合並。

creating the jar

步驟2

在瓶子中添加壹些水,使用偏移路徑在花瓶內創建壹個副本(輸入偏移值-6)。在內部妳將需要兩個副本。

現在降低這兩個副本的不透明度:在外觀面板內(窗口>外觀),在彈出的菜單中點擊“透明度”,將不透明度降低到50%

現在我們需要將內部形狀的壹部分進行裁剪,創建壹個任意顏色的矩形作為剪板。確保矩形蓋住內部形狀的頂部, 選中這個兩個形狀,點擊路徑查找器裏面的減去頂層按鈕。我們將得到形狀的下半部分,代表瓶內的水。

creating the water in the jar

步驟3

把玻璃瓶放在櫥櫃上,靠近電視機。

placing the jar on the cabinet

步驟4

最後,在瓶內放壹些花。在我之前的教程裏,妳可以找到如何創建這些花。把妳的花放在玻璃瓶內。就完成了!

adding flowers in the jar

總結

我們完成了!做的不錯!希望大家在Adobe Illustrator中創建這幅圖的時候,喜歡某些過程和操作捷徑。 壹如既往,來跟我們分享壹下妳的作品吧,也可以在下方評論區提出問題。快樂設計!

final image
关注我们的公众号
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.