photoshop繪畫街景（Illustrator繪製立體風格城市夜景插畫）

2023-06-19 13:12:07 3

今天我們用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的一個優點，只要改變方向就是另一面，哈哈，看著複雜，其實做起來挺簡單的，大家可以跟著練習下。

免責聲明：本教程來源於網絡，禁止商業使用， 禁止個人使用，僅供學習交流使用 ，版權歸原作者所有， 若涉及版權問題，請及時聯繫刪除！！！（小編分享只為自己和大家學習所用！越努力，越幸運！本頭條號不承擔任何法律責任！）