tft每日頭條

 > 旅遊

 > photoshop繪畫街景

photoshop繪畫街景

旅遊 更新时间:2024-08-23 02:15:56

今天我們用AI軟件繪制一個紀念碑谷那種不可能圖形,然後結合PS制作成夜歌APP啟動界面。首先我們在AI軟件中搭建一個紀念碑谷的2.5D圖形,首先紀念碑谷這種2.5D效果都是比較規則的圖形,2.5D有個特點就是翻轉下就能當另一面使用,這也是遊戲中常用的手法。

先看看效果圖

photoshop繪畫街景(Illustrator繪制立體風格城市夜景插畫)1

制作步驟:

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

photoshop繪畫街景(Illustrator繪制立體風格城市夜景插畫)2

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

photoshop繪畫街景(Illustrator繪制立體風格城市夜景插畫)3

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

photoshop繪畫街景(Illustrator繪制立體風格城市夜景插畫)4

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

photoshop繪畫街景(Illustrator繪制立體風格城市夜景插畫)5

将這3個矩形全選中,執行【對象-拓展外觀】,将他們合并。

photoshop繪畫街景(Illustrator繪制立體風格城市夜景插畫)6

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

photoshop繪畫街景(Illustrator繪制立體風格城市夜景插畫)7

繼續複制下方這兩個矩形,相同的方法将底部繼續拉長。

photoshop繪畫街景(Illustrator繪制立體風格城市夜景插畫)8

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

photoshop繪畫街景(Illustrator繪制立體風格城市夜景插畫)9

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

photoshop繪畫街景(Illustrator繪制立體風格城市夜景插畫)10

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

photoshop繪畫街景(Illustrator繪制立體風格城市夜景插畫)11

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

photoshop繪畫街景(Illustrator繪制立體風格城市夜景插畫)12

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

photoshop繪畫街景(Illustrator繪制立體風格城市夜景插畫)13

為了突出窗戶,也顯示屋内燈光,将窗戶改為淡黃色,複制放到城樓上。

photoshop繪畫街景(Illustrator繪制立體風格城市夜景插畫)14

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

photoshop繪畫街景(Illustrator繪制立體風格城市夜景插畫)15

将窗台擺放到窗戶下面,複制幾個放到其他窗戶下面

photoshop繪畫街景(Illustrator繪制立體風格城市夜景插畫)16

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

photoshop繪畫街景(Illustrator繪制立體風格城市夜景插畫)17

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

photoshop繪畫街景(Illustrator繪制立體風格城市夜景插畫)18

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

photoshop繪畫街景(Illustrator繪制立體風格城市夜景插畫)19

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

photoshop繪畫街景(Illustrator繪制立體風格城市夜景插畫)20

将階梯拼到原來的小樓上,接下來就是各種複制組裝出效果。

photoshop繪畫街景(Illustrator繪制立體風格城市夜景插畫)21

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

photoshop繪畫街景(Illustrator繪制立體風格城市夜景插畫)22

将做好的起點放到城堡上,并複制幾個中心收縮下。

photoshop繪畫街景(Illustrator繪制立體風格城市夜景插畫)23

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

photoshop繪畫街景(Illustrator繪制立體風格城市夜景插畫)24

多複制幾個起點放到其他位置裝點下,注意調整合适大小

photoshop繪畫街景(Illustrator繪制立體風格城市夜景插畫)25

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

photoshop繪畫街景(Illustrator繪制立體風格城市夜景插畫)26

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

photoshop繪畫街景(Illustrator繪制立體風格城市夜景插畫)27

将月亮更改為黃色,并添加外發光。

photoshop繪畫街景(Illustrator繪制立體風格城市夜景插畫)28

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

photoshop繪畫街景(Illustrator繪制立體風格城市夜景插畫)29

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

免責聲明:本教程來源于網絡,禁止商業使用, 禁止個人使用,僅供學習交流使用 ,版權歸原作者所有, 若涉及版權問題,請及時聯系删除!!!(小編分享隻為自己和大家學習所用!越努力,越幸運!本頭條号不承擔任何法律責任!)

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关旅遊资讯推荐

热门旅遊资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved