1. 創建新文檔
讓我們通過創建一個新文檔開始我們的項目。只需轉到 文件>新建（ Ctrl N）按如下所示設置文檔：
- 畫板數量： 1
- 寬： 800
- 高度： 600
- 單位： 像素
在“ 高級”標籤中：
- 色彩模式： RGB
- 柵格效果： 屏幕
- 預覽模式： 默認
- 將新對象與像素網格對齊：取消選中
2. 創建平房基本部分步驟1讓我們首先創建一面側壁，在該側壁上放置舒適的平房的不同部分。選擇矩形工具（M），然後創建 410 x 155 px矩形，並將填充顏色設置為#efb84a。創建另一個130 x 155像素 的#614727顏色矩形 。
步驟2按住 Shift鍵，在選擇工具（V）的幫助下選擇此棕色矩形和黃色矩形。再次單擊黃牆（這次您無需按住Shift！）。黃色輪廓周圍會出現一個藍色輪廓，並且會 在“ 控制” 面板和“ 對齊”面板中自動選擇“ 與關鍵對象對齊” 選項。在“ 對齊” 面板（“ 窗口”>“對齊”）或“ 控制” 面板中，單擊“ 水平對齊左” 按鈕，然後單擊 “ 垂直對齊中心” 按鈕。
步驟3使用選擇工具（V） 選擇棕色矩形， 然後按Enter 打開“ 移動” 選項窗口。將“ 水平位置” 值設置 為 22像素 ，將“ 垂直位置” 值設置為 0像素。然後單擊“ 輸入” 按鈕，將形狀向右移動。
步驟4現在，我們將在細的垂直條紋的幫助下模仿牆的木質紋理。製作 2.5 x 155像素的#d98c2f顏色形狀，將其左邊緣附加到棕色矩形的右邊緣。然後按Enter調出“ 移動”窗口，將“ 水平”值設置為10像素，將“ 垂直”值設置為0像素，將條帶向右移動。創建一個類似的細矩形，將其右邊緣附加到大黃色形狀的右邊緣。打開“ 移動選項”窗口，將“ 水平”值設置為-10像素，將“ 垂直”值設置為0像素，將條紋向左移動。
步驟5在“混合混合”命令的幫助下，通過將條紋轉換為木質紋理，開始為插圖添加一些深度。只需在按住Shift鍵的同時 使用選擇工具（V）選擇兩條線即可。選擇“ 對象”>“混合”>“製作”。
默認情況下，illustrator創建平滑的顏色過渡。我們將通過選擇“ 對象”>“混合”>“混合選項”或雙擊“ 混合”工具來修復它 。將“ 間距” 選項更改 為“ 指定步驟”，將值設置為20。
步驟6讓我們繼續通過在門口內創建兩個木椅來添加細節。使用矩形工具（M）製作一個47 x 5 px的#966a3a彩色矩形。使用選擇工具（V）選擇形狀，然後按 Enter 打開“ 移動 選項”窗口。將“ 水平位置” 值設置 為 0像素 ，將“ 垂直位置” 值設置為 16像素，然後單擊“ 複製”按鈕。
步驟7建立一個深褐色的4.5 x 65像素垂直矩形#7a5835。選擇此形狀以及我們在上一步中創建的上部水平矩形，同時按住 Shift。再次單擊垂直對象（這次無需按住Shift！）。垂直窗體周圍會出現一個藍色輪廓，並且會 在“ 控制” 面板和“ 對齊”面板中自動選擇“ 與關鍵對象對齊” 。在“ 對齊” 面板（“ 窗口”>“對齊”）或“ 控制” 面板中，單擊“ 水平對齊左” 按鈕，然後單擊 “ 垂直對齊頂部” 按鈕。製作最後一個47 x 8像素的#966a3a彩色矩形。將其從較低的水平形狀向下放置約12像素，使其與整個結構的中間對齊。將 所有形狀分組 （按Ctrl G）。
步驟8將我們的椅子拖到門口，使其更靠近左側，並將其底部邊緣連接到門口矩形的底部。選擇我們的椅子，然後選擇“ 反射”工具（O），並按住 Alt鍵，單擊背景矩形的中間。在“ 反射”選項窗口中，將“ 軸”設置 為“ 垂直”，然後按“ 複製”，將椅子反射到門口的右側。
步驟9現在，我們將創建柵欄，並將其放置在門口之前。首先建立一個130 x 3 px的#d4d1彩色矩形。打開“ 移動”窗口並複製矩形，將“ 水平位置”值設置為0 px，將“ 垂直”值設置為40 px。建立另一個3.5 x 55像素的 垂直形狀，並用#c4c2c0顏色填充。將其放置在靠近水平矩形左側的位置，與頂部水平對象的底部邊緣對齊。選擇該圖，然後轉到“ 對象”>“排列”>“發送回”。在我們的柵欄的右側製作一個類似的垂直矩形。
步驟10添加四個3.5 x 1.5 px帶有#a6a6a6顏色的陰影矩形，將其放置在垂直條紋上方和水平圖形下方。組合（Ctrl G）所有零件，並將圍欄放在門口，與中間和底部邊緣對齊。
步驟11由於我們對門口的細節還不太瞭解，所以開始製作一個吊燈，方法是製作一個 37 x 35 px的矩形，並用#bdae89顏色填充它。添加一個較小的18 x 35 px的#d1c197顏色矩形，並將其與第一個矩形的中間對齊。通過 為繩索添加2.5 x 12 px的#7a5835彩色細矩形來完成構造，將其底部邊緣放置在較大矩形的頂部。分組（Ctrl G）並將燈光放置在門口內，在頂部的正下方，將其與門的中間對齊。
步驟12基本部分到此結束。讓我們添加窗口。在第一個矩形旁邊建立一個140 x 88 px的矩形和一個較小的64 x 54 px的圖形，用#e8dfc3顏色填充形狀。選擇矩形，同時按住 Shift。單擊大對象（這次不按住Shift！）。在“ 對齊” 面板（“ 窗口”>“對齊”）或“ 控制” 面板中，單擊“ 水平對齊” 按鈕，然後單擊 “ 垂直對齊頂部” 按鈕。然後選擇較小的形狀，然後按Enter鍵以打開“ 移動”選項窗口。將“ 水平位置”設置為-160像素，將“ 垂直位置”設置為0 px。
步驟13按住Shift鍵的同時 ，使用選擇工具（V）選擇窗口 ，然後轉到“ 對象”>“路徑”>“偏移路徑”。 在 偏移 值字段中輸入4 px。將 輪廓的填充設置 為。#d1c197將（Ctrl G）形狀分組，然後將窗戶放在牆上，向底部黃色表單的頂部和右側留出大約5 px的間距。
3. 創建平房的底部步驟1首先建立一個400 x 26像素的#7a5835彩色矩形。然後，我們將需要兩個矩形來構成一個承重樁。創建一個40 x 40像素的正方形#d4d1cf顏色和另一個18 x 57 px的垂直圖，並用#c4c2c0顏色填充。將垂直形狀放在底部正方形輪廓的下方，使其與中間對齊，並將兩個對象組合在一起（按Ctrl G鍵）。將樁對準棕色大形狀的頂部和左側。選擇我們的樁，然後選擇“ 反射”工具（O）。按住 Alt 鍵，單擊大矩形的中間。在“ 反射” 選項窗口中，將“ 軸”設置 為“ 垂直” ，然後按“ 複製”，將樁反射到棕色形狀的右側。
步驟2建立一個 420 x130 px的形狀，並用#966a3a顏色填充它。使用“ 對齊”面板，將對象與在上一步中創建的深棕色矩形的左側和頂部對齊。
步驟3現在我們要形成一個木梯。從75 x 13像素的矩形開始製作 ，我們將使用進行著色#b38f6a。這將是階梯的第一步。添加的兩個薄的垂直形狀6×97像素大小為#966a3a顏色的步驟的各外側面，將它們對準在水平形式的頂部邊緣。再添加兩個水平的75 x 6 px#7a5835顏色矩形。將其中一個放置在距上方臺階約10 px處，並與其中間對齊。將第二個矩形從側面垂直形狀的底部邊緣向上移 10 px。
步驟4按住 Shift 鍵，然後使用選擇工具（V）選擇兩個較細的水平臺階 。轉到 對象>混合>製作。Illustrator可以創建平滑的顏色過渡。通過選擇“ 對象”>“混合”>“混合選項” 或雙擊“ 混合”工具對其進行修復 。將“ 間距” 選項更改 為“ 指定步驟”， 將值設置為3。將所有梯形圖對象組合在一起（Ctrl G），並將其放置在整個底部左側的外側，使其與頂部形狀對齊。然後選擇所有底部房屋部分，將它們分組並將它們放置在平房基本部分的下方，並與右側對齊。
4. 創建平房的屋頂步驟1讓我們從創建一個500 x 185 px矩形（#966a3a）開始，然後在添加錨點工具（+）的幫助下，在其頂部邊緣的中心添加一個錨點，以此開始簡單的工作 。接下來，使用“ 刪除錨點工具”（-）單擊左錨和右錨（圖片中的紅色圓圈）。
步驟2使用直接選擇工具（A），選擇對象的角或僅單擊三角形內部。您可以看到角落 內顯示的“ 實時角落” 小部件。將圓圈指示器拉到形狀的中心，將角半徑設置為約12像素。為中央車頂架添加一個9mm x 26 px的細小 矩形矩形#7a5835，我們將其對準三角形的中間，將其底部隱藏在大形狀頂部的後面。
步驟3選擇帶有屋頂選擇工具（V） ，並複製它與控制/命令-C 。然後在三角形的前面粘貼兩個副本，按 兩次Ctrl 。將最上面的選定圖形上移 20像素。按住Shift，單擊第二個屋頂副本，將其添加到選擇中。然後，使用“ 探路者” 面板的“ 減號前” 選項 並用顏色填充所得的形狀，從而獲得較輕的車頂部分。#b38f6a
步驟4現在，我們將通過添加較小的圓角矩形來模仿屋頂的稻草狀紋理。創建兩個5 x 27 px的形狀，其中一個填充#7a5835顏色，第二個填充#b38f6a顏色。使矩形的角變圓，拉動“ 實時角”標記。複製矩形並將副本散佈在屋頂形狀上，使屋頂紋理化。這次製作副本的更好方法是選擇形狀，然後按住Alt並拖動選擇（而不是邊界框上的手柄）。您需要為每個矩形重複幾次操作，直到對結果滿意為止。對所有屋頂部分進行分組（Ctrl G），並將屋頂部分放置在先前創建的房屋部分的頂部，使其與黃色牆的中間對齊。
5. 在平房中添加陰影和高光步驟1使用直接選擇工具（A）選擇屋頂三角形 ，然後單擊鼠標右鍵，然後 從下拉菜單中選擇“ 隔離所選路徑 ”。隔離的對象以全色顯示，而圖稿的其餘部分則變暗。選擇三角形並使用Ctrl C 複製它。單擊Ctrl F兩次以在三角形頂部獲得兩個副本。將頂部的屋頂副本 向左移動 10像素，將第二個副本添加到選擇中，然後使用“ 探路者”面板的“ 減負”選項，獲得高光形狀。用顏色填充生成的形狀 。#a87741按 Esc 退出隔離模式，或使用選擇工具（V）在隔離組的外部雙擊。
步驟2選擇房屋的中間部分並進入隔離模式。取矩形工具（M）並形成兩個#966a3a彩色的矩形，將它們放在透明屋頂形狀的下方。由於這些將充當陰影，因此將其“ 混合模式”更改為“ 正片疊底”，同時在“ 透明度”面板中將“ 不透明度”級別降低到70％。使用相同的方法，向燈籠線添加陰影，然後退出隔離模式。
步驟3隔離平房的底部。 為陰影創建水平的420 x 5 px窄水平#7a5835色條，並將其與上部棕色矩形的底部輪廓對齊，將其“ 混合模式”更改為“ 相乘”，並將“ 不透明度”降低到40％。
步驟4使用選擇工具（V）選擇軸承樁組，然後單擊鼠標右鍵，再次選擇“ 隔離選定的組”。我們將進入隔離模式內部的隔離模式。建立一個 40 x 16 px的矩形，該矩形將填充#a6a6a6顏色並與上部形狀的中間和頂部對齊。在透明度 面板 中將不透明度降低 到 70％時 ，將其混合模式更改 為 正片疊底。創建相同顏色的 18 x 20 px形狀，使其與下部樁形的頂部和中心對齊。使用直接選擇工具（A）將矩形的左下角向上移動 16像素，形成陰影。退出隔離模式，並對右平房樁重複相同的步驟。選擇所有房屋部分並將它們組合在一起。我們的平房已經準備好了！但是我們仍然需要做一些工作來完成插圖。
6. 創造海洋步驟1形成任何顏色的600 x 55 px矩形，並添加一條600 px寬的黑線（不填充），將其放置在矩形的頂部下方，與頂部輪廓之間留出約10 px的間隙。選擇該行，然後轉到“ 效果”>“扭曲和變形”>“之字形”。將大小值設置為9像素，絕對。並將每個線段的Ridges設置為9。選擇“ 平滑點”，然後單擊“ 確定”。轉到“ 對象”>“擴展外觀”以應用效果，然後將線上下顛倒旋轉。使該行的副本降低幾個像素，然後再創建一個副本，距離第一個副本約20 px。
步驟2選擇矩形和線條，並使用鴻溝的備選方案探路者面板，將我們的矩形分為四個部分。拆下頂部。用上一個剩餘圖形#f2eeeb上色，將第二個形狀的顏色更改為#ffcf75，並用#ffb259顏色填充最後一個圖形 ，使波浪形海面。
步驟3添加簡單的魚，使海平面更詳細。然後將所有零件組合在一起，並將它們放置在平房下方，與底部樁和梯子重疊。將平房和大海分組（按Ctrl G）。
7. 創造熱帶背景步驟1讓我們開始通過製作一棵棕櫚樹來創建背景元素。建立兩個不同的橢圓，將較大的橢圓放在較小的橢圓上，然後選擇它們。使用Shape Builder工具（Shift -M），將鼠標懸停在交叉圓圈的頂部，直到看到灰色選擇。單擊形狀，將其轉換為單獨的圖形。刪除其餘兩個部分。用#e6783d顏色填充其餘部分，併為行李箱創建相同顏色的垂直矩形。複製並旋轉棕櫚葉以形成棕櫚冠。選擇所有件並將它們合併成一個對象，用團結的的選項探路者面板。
步驟2建立一個600 x 70像素的矩形，使用為其著#e6783d，並使兩個上角變為圓形。使用橢圓工具，#db6f37在矩形下方創建一個具有填充顏色的圓。按Alt-Shift並將圓圈向右拖動，進行復制。多次按Ctrl D創建更多相似的形狀，填充頂部矩形的大部分寬度。在左側和右側添加較小的圓圈，使它們向下降低一點。選擇所有的圓和團結在其中 探路者，隱藏的橫長方形，並對準其背後中間產生的形狀。將矩形和波浪形狀組合在一起。
步驟3將地面小組放在平房後面，使其與水位中間對齊。通過將我們的手掌放在背面，複製它，並改變副本的大小以形成均衡的構圖，在背景上形成一個棕櫚樹林。#f2e9cb使用橢圓工具（L）添加一個閃亮的月亮，將其隱藏在手掌後面，並創建一個正方形背景，我們將使用進行著色#fa8441。
步驟4要填充空白空間並增加景觀深度，請使用鋼筆工具（P）或矩形工具（M）在月球后面創建一個類似雲的形狀，使生成的圖形的角變圓。添加飛行海鷗的簡單輪廓，將其放置在月球上方。
至此就完成啦！
閱讀更多 GSan設計 的文章
