小清新風車短教程:10步教你繪製一副插畫
AI教程:10步教你繪製一副小清新風車插畫
效果圖
Tutorial Step:1
繪製房子的基礎圖形,先使用 矩形工具(M)繪製一個 120×140PX的白色矩形,作為風車房子的基礎圖形。但是我們的房子是一個梯形現在只是長方形,所以我們要使用 自由變換工具(E)選中圖形頂部的頂點向中間移動,記住移動的數值,為了圖形美觀我們要確保兩邊變換數值一致,然後我們的梯形就完成了。
圖1:繪製房子基本圖形
Tutorial Step:2
繪製風車的房頂,我們只需要在梯形頂部上繪製一個三角形就ojbk了,可以直接用多邊形工具或者 鋼筆工具(P)繪製一個三角形,然後將三角形填充改成白色即可。
圖2:繪製房子屋頂
Tutorial Step:3
我們需要給房子加點裝飾,使用 圓角矩形工具繪製一個 110×10畫素的棕色: #865B65 圓角矩形,新增5PX的圓角半徑。
房子還缺少一個門,我們使用 矩形工具(M)繪製一個 40×50畫素的長方形填充: #865B65。再使用 直接選擇工具(A)選擇它的兩個頂點,摁住滑鼠下移,實現圓角效果,或直接給頂部兩個定點新增20PX的圓角半徑,房子的門就繪製好了。
最後,在門的頂部繪製一個棕色: #865B65 圓角矩形,直接複製剛剛做好的也行拖長一點即可。
為了確保圖形的規範性我們把它們都居中對齊,選擇所有圖形,然後單擊 “ 對齊皮膚 ”中的“ 水平對齊中心 ” (視窗-對齊)。
圖3:繪製房子
Tutorial Step:4
使用 選擇工具(V)選擇門,按住 Alt+Shift並向上拖動,此時你會神奇的發現居然複製了一個一模一樣的門。( 問:為什麼要按住Shift移動?,答:幫助手殘黨實現直線移動,確保圖形更加美觀規範 )
選中剛剛複製的門,轉到 物件>路徑>偏移路徑。將“ 偏移”值設定為 -5 px,然後單擊“ 確定”。此時會神奇多出了一個門,給它填充一個深棕色: #7a525b即可。
圖4:繪製窗戶
Tutorial Step:5
房子是鋼筋加磚頭加水泥建起來的,竟然是建房子所以我們要回歸初心,給它做點磚頭點綴一下。
製作一個 25×10畫素的淺灰色: #f4f5fa 圓角矩形,新增5PX的圓角半徑,然後根據你的喜好隨意放置,可以有點個性,把其中一些磚塊穿過房子的邊緣。然後使用 形狀生成工具(Shift+M),按住 Alt剪去超出的部分,我們的磚頭裝飾就完成了。
圖5:繪製磚頭
Tutorial Step:6
到了上色的環節,我們給屋頂填充一個棕色: #7a525b 即可。再使用 直線段工具(\)繪製一個十字架給它 5PT描邊,填充淺棕色: #865b65 放在屋頂下方的門上,我們的窗戶就完成了。
圖6:新增房子細節
Tutorial Step:7
使用 矩形工具(M)繪製 30×130畫素的矩形,再給它加 5PT的描邊,來製作風車的風葉。
給矩形填充深橙色: #f3924b ,描邊填充為淺橙色: #fda34b。然後開啟 “ 描邊皮膚 ”將描邊對齊改成 “ 內部描邊 ”。
然後使用 直線段工具(\)在矩形中間繪製一條直線,把填充去掉再把描邊改成 5PT,使用“ 對齊”皮膚把他們都水平居中對齊。
圖7:繪製風葉
Tutorial Step:8
再次使用 直線段工具(\)畫一條橫線,使用 選擇工具(V)選擇它,按住 Alt+Shift並向下拖動快速複製,然後按快捷鍵 Ctrl+D重複上一步操作即可。
圖8:繪製風葉細節
Tutorial Step:9
一個完整的風葉做好了,然後全選它組成編組 (Ctrl+G),然後滑鼠右鍵 變換-對稱-水平-複製。
得到一個一模一樣的風葉,然後按住 Shift鍵向下拖動。在兩個風葉相交的點處建立一個 20×20畫素的圓。
圖9:複製風葉
Tutorial Step:10
在選中剛剛做好的的兩個風葉,並 複製它們(Ctrl+C複製Ctrl+F貼上)。然後 滑鼠右鍵-變換-旋轉-90°,然後將這四個風葉連線對齊到一起,然後 滑鼠右鍵-變換-旋轉-45°,我們的插畫就繪製好了,可以使用圓角矩形工具適當的加點雲彩點綴一下。
圖10:繪製完成
恭喜老鐵喜提插畫一張!
我已經完成了,你開始製作了嗎?透過這個簡單的教程,相信你已經學會了基礎工具的繪製和基礎功能。百看不如一練,如果你也完成了在評論區交作業吧!
效果圖
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69923331/viewspace-2714733/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- Ai繪畫教程:如何用ai繪畫軟體來生成城市插畫AI
- canvas繪製風車效果Canvas
- 【AI繪畫】絕美春天插畫,人人都是插畫師AI
- ai繪畫答疑:定製一個AI繪畫小程式要花多少錢?AI
- 使用MidJourney生成AIGC教程:繪製一隻可愛的小貓_MJ繪畫提示詞midjourneyAIGC
- 遊戲原畫教程:手部繪製過程遊戲
- UI培訓教程分享:常用的商業插畫風格有哪些?UI
- View繪製——畫多大?View
- View繪製——畫在哪?View
- 向量插圖設計繪製Canvas X DrawCanvas
- View繪製——怎麼畫?View
- NCL繪製風向杆
- 停車場地圖如何繪製,地下車庫地圖怎麼畫好看地圖
- AI 繪畫極簡教程AI
- 小哥哥~手把手教你如何繪製一輛會跑車
- Clip Studio Paint EX for Mac(漫畫插畫製作軟體)AIMac
- Flutter 中如何繪製動畫Flutter動畫
- canvas繪製動畫的技巧Canvas動畫
- 【風農翻譯】畫素寶典 #3 《蔚藍》製作者教你如何做畫素
- 【風農翻譯】畫素寶典 #2 《蔚藍》製作者教你如何做畫素
- 【風農翻譯】畫素寶典 #4 《蔚藍》製作者教你如何做畫素
- 【風農翻譯】畫素寶典 #1:《蔚藍》製作者教你如何做畫素
- ECharts 餅圖繪製教程Echarts
- 微火:Ai繪圖網站程式原始碼搭建,定製專屬的ai繪畫小程式AI繪圖網站原始碼
- 使用canvas繪製圓弧動畫Canvas動畫
- css3 繪製畫圓、扇形CSSS3
- Android動畫實現繪製原理Android動畫
- 風場視覺化:繪製粒子視覺化
- 如何用AI繪畫生成好看的畫作?教你一個方法AI
- canvas系列教程之繪製矩形Canvas
- Ai繪畫超詳細教程,教程一分鐘學會生成製作ai美圖!AI
- 【奶奶看了也不會】AI繪畫 Mac安裝stable-diffusion-webui繪製AI妹子保姆級教程AIMacWebUI
- 用CAD繪製奧迪車標
- 使用canvas繪製dribble風格水波浪Canvas
- 風場視覺化:繪製軌跡視覺化
- Flutter繪製-08-龍捲風效果Flutter
- 【動畫消消樂 】一個小清新型別的全域性網頁過渡動畫 075動畫型別網頁
- AI繪畫軟體數畫上線真人元宇宙AI虛擬頭像,製作教程來了AI元宇宙