AI軟體繪製紀念碑谷的不可能圖形，2.5D啟動頁界面設計教程

來自專欄米你教育

今天我們用AI軟體繪製一個紀念碑谷那種不可能圖形，然後結合PS製作成夜歌APP啟動界面。如果有喜歡看視頻教程的可以關注微信公眾號：米你教育，有完整的視頻教程的

首先我們在AI軟體中搭建一個紀念碑谷的2.5D圖形，首先紀念碑谷這種2.5D效果都是比較規則的圖形，2.5D有個特點就是翻轉下就能當另一面使用，這也是遊戲中常用的手法。

具體製作步驟：

步驟一

這些矩形後面會大量用到，這裡先做出幾個備用

步驟二

拿出一個矩形色板，執行【效果-3D-凸出和斜角】

在彈出的對話框中位置選擇上方，厚度我選擇的是30 ，大家根據不同的大小合理設置厚度。

步驟三

利用相同的方法再次製作一個立體的矩形，將兩個矩形拼接到一起，如圖示，將頂部的再複製一個到最下，記得調整圖層上下順序

步驟四

將這3個矩形全選中，執行【對象-拓展外觀】，將他們合併。

用直接選擇工具選中形狀底部的三個錨點，向下拖拽拉長一些。

步驟五

繼續複製下方這兩個矩形，相同的方法將底部繼續拉長。

這樣城樓的主體形狀就出來啦，下面製作一面旗幟。先用矩形繪製一長條，執行【效果-3D-旋繞】，選項內直接確定，將長條矩形變為圓柱旗杆。

步驟六

用矩形工具繪製一個矩形，在矩形右側中間位置利用鋼筆添加一個錨點，並向左移動。

執行【效果-變形-旗形】，適當調整彎曲度，拼上之前的旗杆咱們的旗幟就完成啦，擺放到城樓上。

步驟七

下面再來做窗戶，首先繪製一個圓角矩形，圓角加大，將上下改為半圓形，選中最底部的錨點刪除，嫌門小選中底部兩個錨點適當的向下移動一些。

執行【效果-3D-凸出和斜角】，位置選擇左方，厚度為0，這樣一個傾斜的窗戶就出來啦。

步驟八

為了突出窗戶，也顯示屋內燈光，將窗戶改為淡黃色，複製放到城樓上。

下面做窗檯，同樣創建一個長條矩形，執行【效果-3D-凸出和斜角】，位置選擇左方，厚度為2，做出立體效果

步驟九

將窗檯擺放到窗戶下面，複製幾個放到其他窗戶下面

複製一個窗戶放到下面，放大當門來用，製作一個大的矩形立柱放到最下方

步驟十

繼續製作向上的階梯，同樣是用到這個矩形，傾斜擺放6個，將後面幾個拉長，讓他們底部對齊。

將幾個圖形選中，通過路徑查找器的聯集合併為一個形狀，選中形狀底部幾個錨點，向下拖拽。

因為樓梯是不同的方向，記得多複製幾個原始圖形，拿其中一個執行【效果-3D-凸出和斜角】，位置選擇左方，厚度為30，做出立體階梯效果

步驟十一

將階梯拼到原來的小樓上，接下來就是各種複製組裝出效果。

下面來製作一個起點，拿過來一個矩形，將填充去掉換成描邊，執行【效果-3D-凸出和斜角】，位置選擇上方，厚度為0。做好後換個青色

將做好的起點放到城堡上，並複製幾個中心收縮下。

步驟十二

下面將整個起點都選中，執行【對象-拓展外觀】組合到一起。

多複製幾個起點放到其他位置裝點下，注意調整合適大小

步驟十二

現在城堡繪製完成啦，下面在PS中創建一個啟動頁面，將城堡複製過去。根據城堡的顏色在背景填充個漸變色，再找個星空的圖案疊加上去，完成背景的製作。

步驟十三

月亮的製作，繪製兩個圓形，合併到一起，用直接選擇工具選中上方的圓形，在選項欄選擇減去頂層，完成月亮

將月亮更改為黃色，並添加外發光。

最後添加上啟動頁必須的LOGO和slogan

在教程中咱們大量的用到了複製，這個也是2.5D的一個優點，只要改變方向就是另一面，哈哈，看著複雜，其實做起來挺簡單的，大家可以跟著練習下。

關注微信公眾號：米你教育，領100G設計素材

推薦閱讀：