• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 Illustrator教學】Illustrator繪製唯美的冬季插畫效果圖




    Illustrator繪製唯美的冬季插畫效果圖

    這一次的教學是屬於矢量教程領域中的Illustrator教程的相關教學。

    文章出處是來自站酷的矢量教程類文章,寫教學的作者是Aueer,感謝Aueer提供Illustrator教程的實作教學。

    教學大綱:

    這個場景主要是冬季聖誕節為主題的,在教程中我們將讓聖誕節魔術充滿我們的想象力,並創建一個節日城市街道插圖。推薦給思緣的朋友學習,希望大家可以喜歡。


    Illustrator教程教學開始

    先看看效果圖

    Illustrator繪製唯美的冬季插畫效果圖

    Illustrator繪製唯美的冬季插畫效果圖

    1. 如何創建新文檔

    首先,我們需要使用以下設置來設置 新文檔 (文件>新建 或 控制-N):

    畫板數量: 1

    寬度: 1200

    身高: 1200

    單位: 像素

    從高級選項卡:

    顏色模式: RGB

    柵格效果: 屏幕

    預覽模式: 默認

    取消選中 將新對象對齊到像素網格

    Illustrator繪製唯美的冬季插畫效果圖

    2. 如何創建冬季房屋

    步驟1

    在我們開始建造第一間房子之前,請確保您已啟用 智能指南 (視圖>智能指南) 。該選項將幫助我們更輕鬆地移動和放置對象。

    然後 在矩形工具(M)的幫助下創建一個 224 x 395 像素 淡藍色的 #579dfe矩形, 用於建築物的主要形狀。

    再構建一個224 x 50像素的形狀(#754a3d),並將其放在較大的底部,與其中心對齊。

    Illustrator繪製唯美的冬季插畫效果圖

    第2步

    創建一個小的棕色(#8a5e48)矩形,它將充當磚塊。通過複製並拖拽它們,模仿紋理將磚塊鋪在建築物底部的棕色部分上。

    Illustrator繪製唯美的冬季插畫效果圖

    第3步

    我們開始通過創建一個我們將填充的33 x 75 px矩形來構建一個窗口#bad4f7。

    選擇它並轉到 對象>路徑>偏移路徑。 將偏移 值設置 為 -3像素,在內部添加更小的形狀。將形狀顏色設置為#4a5c5e。

    Illustrator繪製唯美的冬季插畫效果圖

    步驟4

    選擇光線外形並再次使用“ 偏移路徑”方法,將偏移設置為5 px 以創建輪廓。用藍色着色 #447cc9。(1)

    添加一個3 px寬的窄條,將窗口分成兩半。再創建一條寬度相同的水平線,放在窗口的上半部分。(2)

    選中水平線,選擇 反射工具(O)。按住 Alt 鍵,點擊垂直條紋的中心。在“ 反射” 選項窗口中,將“ 軸”設置 為“ 水平” 並按下“ 複製”,將形狀反映到窗口的下半部分。(3)

    Group(Control-G)將所有部分放在一起。

    Illustrator繪製唯美的冬季插畫效果圖

    第5步

    除了較大的房屋外,我們還需要一個較小的房屋窗戶。

    構建一個33 x 52像素的 矩形的#bad4f7顏色。

    使用“ 偏移路徑”選項和與上一步相同的顏色,在窗口中添加深色內部形狀,藍色輪廓和交叉的垂直和水平條紋。

    Illustrator繪製唯美的冬季插畫效果圖

    第6步

    讓我們繼續前進,並將窗戶放置在房屋形狀上。

    將較大的窗口拖動到大藍色矩形的中間。保持選中形狀並按住Shift和Alt鍵,將窗口向右拖動,在右側創建副本。

    要在左側獲得同一個副本,只需選擇第一個窗口並按下Enter。 在移動顯示選項窗口。在水平值之前添加“ -”符號而不更改其自身值,然後按複製。

    Illustrator繪製唯美的冬季插畫效果圖

    第7步

    在建築物的頂部再創建三個窗戶。

    然後在底部添加兩個較小的窗戶,在入口處留出中間空的空間。

    Illustrator繪製唯美的冬季插畫效果圖

    第8步

    有時間創建一個大門。

    構建一個60 x 119 px的矩形(#8a5e48)並轉到對象>路徑>偏移路徑,將偏移值設置為10 px。將輪廓顏色更改為#447cc9。

    #4a5c5e在門窗內部形狀的頂部添加一個水平矩形()。

    Illustrator繪製唯美的冬季插畫效果圖

    第9步

    讓我們通過在門窗#6e4539底部輪廓下方創建一個水平條紋()來添加一些細節。然後在門的褐色部分的中間放置一條相同顏色的垂直細線,將門分成兩部分。

    為多雪的門檻建立一個更長的矩形(#b3def5),將它對準門的底部。使用直接選擇工具(A)選擇兩個上部錨點,並將圓形指示器拉到中心,使角落變圓。

    Illustrator繪製唯美的冬季插畫效果圖

    第10步

    Group (Control-G)將所有的門片放在一起,並將門放在房屋上,對準其底邊。

    就拿直接選擇工具(A) ,並保持Shift鍵,拖動藍色門的底部邊緣勾勒起來,將其放置在同一水平上的褐色磚部分的頂部邊緣。

    Illustrator繪製唯美的冬季插畫效果圖

    第11步

    在窗戶的頂部和底部邊緣添加幾條細條紋,使立面更加細緻。

    Illustrator繪製唯美的冬季插畫效果圖

    第12步

    時間為我們的房子創造屋頂。

    在建築物的頂部建立一個234 x 140 px的矩形#b3def5顏色,重疊房屋的頂部邊緣,並稍微環繞角落。

    複製屋頂形狀並單擊 Control-B 以在主要對象後面獲得 重複 。使用箭頭鍵將其向下移動幾個像素, 然後將顏色更改為深藍色(#4075bd),從而創建陰影效果。

    複製主要的藍色牆壁形狀。然後使用探路者的相交 功能 選擇牆面副本和屋頂副本 以剪切形狀。現在這個影子看起來很自然

    Illustrator繪製唯美的冬季插畫效果圖

    步驟13

    許多古老的歐洲房屋都有窗戶,我非常喜歡這個建築細節。讓我們在我們的建築物上添加兩個斜窗。

    只需創建一個窄的白色矩形,然後按住Shift鍵進行旋轉。取 反射工具(O),然後 按住Alt鍵並點擊 我們形狀的頂部錨點。在“ 旋轉” 面板中,將角度設置 為90° ,然後單擊 複製 按鈕。使兩個形狀完全圓形並將它們靠近彼此。使用Pathfinder的Unite選項 將圓角矩形合併成一個形狀 。這個形狀將作為我們窗口頂部的一個雪帽。

    在下面創建一個藍色的小矩形。

    Illustrator繪製唯美的冬季插畫效果圖

    第14步

    使用選擇工具(V)選擇兩種形狀 ,按住 Alt 鍵並單擊藍色形狀。選擇變得更厚,表示您現在正在對齊 關鍵對象。前往“ 對齊” 面板並單擊“ 水平對齊中心” 按鈕。

    用鋼筆工具(P)繪製出一個三角形形狀(#4075bd),它位於藍色形狀的頂部邊緣的正上方,並與成角度的白色形狀重疊。

    選擇白色成角度的形狀,然後轉到“ 對象”>“排列”>“置於前面”,將其放置在其他部分的前面。

    Illustrator繪製唯美的冬季插畫效果圖

    第15步

    使用偏移功能和矩形工具(M),以與以前相同的方式在藍色矩形內創建一個小窗口。

    將 所有的窗口片組(Control-G)組合在一起,並在屋頂的左側部分創建一個鏡像副本,方法是使用反射工具(O)並在按住Alt鍵的同時單擊屋頂中心 。

    在白雪皚皚的窗台上,在每個正面窗戶下方添加白色圓角矩形。第一個房子準備好了!

    Illustrator繪製唯美的冬季插畫效果圖

    3.如何創建更多的冬季房屋

    步驟1

    讓我們移動到下一個灰色的建築物,圓頂。

    首先製作一個225 x 395像素的矩形的#4a5c5e顏色。再創建一個145 x 90像素的相同顏色的形狀,將其放置在較大的頂部邊緣上並與其中心對齊。選擇兩個上角,使它們完全變圓,然後在Pathfinder面板上的Unite選項 的幫助下將兩個形狀合併為一個。

    Illustrator繪製唯美的冬季插畫效果圖

    第2步

    使用偏移路徑方法在建築物周圍添加裝飾性邊框。將顏色設置為#9ec5c9。將邊緣的底部邊緣拖到房屋形狀的頂部平坦邊緣。使用直接選擇工具(A)拖動突出邊緣與主房屋基座對齊。

    Illustrator繪製唯美的冬季插畫效果圖

    第3步

    在底部創建一個帶有樓梯的圓形門。使用Live Corners功能繞過門的頂部,使用Offset方法在其周圍創建邊框,然後使用簡單的矩形框來設計樓梯。使用#8a5e48用於主門的顏色, #6e4539為暗棕色,並 #7c9b9e 為淺灰色。

    #7c9b9e在門組後面的房屋立面上放置三條裝飾條紋()。#9ec5c9在入口處添加一個水平壁架(),並在建築立面上分佈兩個副本,為未來的窗口留下空的空間。

    在底部窗檯下放置一個柔和的陰影,使立面更加立體。填充陰影形狀#4a5c5e,並在透明度面板中將混合模式切換 為正片疊底,同時將不透明度降低 到40%。

    Illustrator繪製唯美的冬季插畫效果圖

    步驟4

    使用矩形工具(M)和偏移路徑選項,以與我們之前的房屋相同的方式形成一個小窗口。#b3def5為窗口和窗框使用顏色#7c9b9e。

    在窗口周圍創建小型裝飾矩形,填充它們#9ec5c9。在底部的窗台上添加相同顏色的薄水平形狀。

    為了給窗檯一個更經典的風格,在窗台上劃一個圓,並與其中心對齊。選擇窗檯和頂部圓形,然後用形狀生成器工具(Shift-M)按住Alt並單擊它來切斷圓形頂部。將 Pathfinder的Unite選項合併成一個形狀。

    添加一個白色圓角矩形重疊的窗檯,這將作為一個雪帽。Group(Control-G)將所有部分放在一起。

    Illustrator繪製唯美的冬季插畫效果圖

    第5步

    將窗戶組鋪在建築物上。在立面頂部創建兩個較小的矩形窗口和一個圓形窗口。

    #7c9b9e在裝飾邊緣下方形成兩個灰色的圓柱(),然後使用白色圓角矩形在水平壁架上添加雪帽。

    拿起鋼筆工具(P)#b3def5,為建築物左側一半的白雪皚皚的屋頂()創建傾斜的形狀。在屋頂角落放圓,並保持選定的形狀,在右側用反射工具(O)單擊頂部建築物錨點,在 右側創建它的鏡面反射。不要忘記將Axis設置為Vertical,最後按Copy,就像我們之前做的那樣。

    灰色的建築完成了。組(Control-G)所有的組件。

    Illustrator繪製唯美的冬季插畫效果圖

    第6步

    現在可以製作帶有階梯式屋頂的最後一棟建築。

    創建一個235 x 430 px矩形的#ffc45c顏色。通過在頂部邊緣放置一個水平矩形開始形成屋頂,使其在邊緣處變短。再添加兩個矩形,一個在另一個之上,使每個矩形比前一個更短。

    在底層的建築物底部放置一個235 x 140 px矩形(#822b1a)。#e66340在其頂部邊緣上方添加一個狹窄的凸緣()。

    Illustrator繪製唯美的冬季插畫效果圖

    第7步

    複製第一個藍色房屋的窗戶,並使其外側部分更寬,同時使窗口本身在頂部和底部邊緣更短。改變#e66340紅色外部部分,#7c9b9e玻璃和#4a5c5e窗框的顏色。

    在窗口的頂部添加一個白色的橢圓,創建一條橫跨中心上方的橢圓形狀的線條,並使用Pathfinder的Divide選項, 同時選擇線條和橢圓。刪除形狀的下半部分,形成一個雪帽。

    在窗戶的底部添加一個白色的圓角矩形,用於下雪的窗檯。Group(Control-G)將所有部分放在一起。

    製作更多的窗戶副本,並將其排列在任何對稱的立面上,讓您感覺很有趣。

    Illustrator繪製唯美的冬季插畫效果圖

    第8步

    渲染底層的大窗戶。

    大部分操作將與以前的對象相同。首先為窗玻璃()創建一個64 x 64的矩形#7c9b9e。在Offset方法的幫助下,為其添加兩個輪廓,使用#754a3d 較淺的棕色和#5b1b14較暗的輪廓。添加垂直窄條,完成窗框。

    點擊窗戶玻璃,使用鋼筆工具(P)創建顏色較深的簡單窗帘,然後使用形狀構建工具(Shift-M)切掉突出部分 。

    開始創建一個遮陽傘,通過構建一個紅色(#e84b4a)矩形,使頂角變圓。#e8dddd在遮陽傘上添加幾條垂直條紋(),切掉不需要的部分,並在其邊緣放置一個柔和的陰影。

    在遮陽傘頂部加上一頂雪帽,並在底部加一個下雪的窗檯。然後Group(Control-G)對象。

    Illustrator繪製唯美的冬季插畫效果圖

    第9步

    在左側創建一個窗口的副本,將其顏色更改為黃色(#ffb636),然後構建一棵簡單的杉樹以添加聖誕節感覺。將樅樹和窗帘的顏色設置為較暗的黃色。

    點擊主要的黃色形狀,#eba04b用鋼筆工具(P)創建一個簡單的有角度的陰影()。

    通過在#e66340這裡和那裡放置橙色磚塊以及階梯屋頂頂部邊緣上的凸緣來完成建築。

    控制(Control-G)所有部件在一起。

    Illustrator繪製唯美的冬季插畫效果圖

    4. 如何創建冬季城市景觀構圖

    步驟1

    讓我們排隊我們的房子,並為背景添加一個1200 x 1200像素的矩形(#94cdeb)。使用“ 對齊”面板對齊底部的建築物。

    Illustrator繪製唯美的冬季插畫效果圖

    第2步

    將藍色和灰色房屋的屋頂顏色更改為白色,為插圖增加更多對比。將斜線窗口上的雪帽顏色更改為深藍色。

    為底層創建一個白色圓角矩形,並在底部創建一個副本(#b3def5)並將其向下移動幾個像素,從而在底部創建一個細微的陰影。

    #87c0de使用鋼筆工具(P)在房屋後面繪製其他建築物()的簡單輪廓,為插圖增加更多深度。

    Illustrator繪製唯美的冬季插畫效果圖

    第3步

    在簡單形狀和鋼筆工具(P)的幫助下,使用以下設置創建街道燈籠並為其着色:

    #4a5c5e 為更深的灰色

    #586e70 為更淺灰色

    #ffb636 為黃色玻璃

    #d49322 為燈

    將燈籠拖到插圖上,將其放在靠近藍色房屋的左側,並在靠近黃色建築物的右側製作另一副本。

    Illustrator繪製唯美的冬季插畫效果圖

    步驟4

    讓我們的燈籠閃耀。

    只需在其中一個燈籠後面創建一個白色圓圈,並使用從白色到黑色的徑向漸變填充它,將混合模式切換為屏幕。雙擊左下角的漸變滑塊並將白色更改為黃色(#feb02a)。

    然後將左上角的漸變滑塊稍微向右移。複製漸變,將其放在第二個燈籠後面。

    Illustrator繪製唯美的冬季插畫效果圖

    第5步

    現在我們將創建一個雪花。使用鋼筆工具(P)和下圖作為參考(1)繪製主窗體。使用#daeffa的着色。

    要添加圓形頂部,只需創建一個圓角矩形,然後在直接選擇工具(A)的幫助下刪除其上半部分 。(2)

    Group(Control-G)所有部分。採取旋轉工具(R),並按住Alt鍵的同時點擊底部的錨點。為角度值輸入90,然後按複製。保持所選副本,按Control-D兩次,再創建兩個副本並完成雪花。(3)Group(Control-G)將所有部分放在一起。

    複製和改變尺寸,將雪花散布在我們的場景上,形成均衡的構圖。添加幾圈以模仿較小的雪花。

    Illustrator繪製唯美的冬季插畫效果圖

    第6步

    看看你的冬季場景,看看你是否還有其他想要創造的東西 – 可能是額外的雪帽,還有更多關於房屋的細節,或者窗戶的光線。

    我選擇在插圖中添加更多的聖誕精神,並創造出經典的節日符號,如花圈,花環,鈴鐺,松樹和其他裝飾品。我還在黃房子的階梯頂上加了幾個雪帽。

    Illustrator繪製唯美的冬季插畫效果圖

    令人敬畏的工作!恭喜!

    做得好!我們設法創造了一個時髦的平面式冬季城市景觀。現在我們準備好了聖誕假期!

    這個插圖只是 我的 聖誕節旅行冬季背景 系列的一部分。 在GraphicRiver上尋找更多的 聖誕節插圖 。

    Illustrator繪製唯美的冬季插畫效果圖

    我希望你喜歡這個過程,並為你未來的插圖學習一些有用的技巧和竅門。

    隨意分享您的項目成果如何,或者在下面的評論中提出問題。聖誕快樂假期!

    Illustrator繪製唯美的冬季插畫效果圖

    — —

    文章永久連結為: Illustrator繪製唯美的冬季插畫效果圖