如何簡單快速的製作2.5D立體插圖

2020-12-15 騰訊網

本文由：「學設計上兔課網」原創，圖片素材來自網絡，僅供學習分享

如何簡單快速的製作2.5D立體插圖？本教程主要使用PS製作一款科技感的立體插圖，教程主要通過分解的方式來告訴大家如何完成效果，希望大家可以喜歡。

先把最後的效果圖拋出來。

本教程主要使用Photoshop繪製立體感的科技圖形插畫，教程主要通過分解的方式來告訴大家如何完成效果，推薦給PS新手的朋友學習，希望大家可以喜歡。

step1:那麼，看見這張圖，先分解，即它是由哪幾個部分構成的呢?

大背景

透視的背景線

立體圖

以及一些周邊的按鈕之類的。

step2：背景製作

直接選擇矩形工具，拉漸變。

接著選擇橢圓工具，畫一個填充白色的正圓，設置其羽化值。

好了，背景完成了。

step3：背景透視的線了，這個地方我用的方法比較笨，所以畫了好久好久好久好久~

先用矩形工具畫一個矩形，填充去掉，描邊2px

接著，根據需要的點配合鋼筆工具的加減錨點以及小白(直接選擇工具)進行錨點的一對一修改。

然後用相同的方法拼出來一整個背景線條

畫好後，ctrl+G進行編組，並複製一個組，命名背景-線，第一個組隱藏掉。(這個操作是備份，以防後續需要進行修改)。

接著，在複製的組 背景-線 右鍵 - 轉為智能對象，並進行顏色疊加。

接下來進行透視操作，先快捷鍵ctrl+T，將圖旋轉45度，如下圖：

旋轉45°後，再次右鍵，選擇扭曲，並操作

那麼，背景就完成了。

step4：立體的圖了，這個我們需要先把層分出來，就跟剛剛對整個畫面分層是一樣的道理，先來看第一個。

將元素組合起來，就是模型01的樣式了。

接下來看一下有光的效果的是拆分。

剩下的就是疊加上去，凹進去的可以創建剪切蒙版，快捷鍵ctrl+alt+G

等幾個圖形都製作完畢後，就進行一下整體的調節，添加一些周邊的東西。剩下還有一個按鈕，疊加了兩層，原本考慮直接用內陰影，效果不理想，於是就分兩層來做了。

最後，成品啦!

附上一張應用立體感覺設計的圖，放在網頁上面，網站看起來就比較專業啦~

好了，教程到這裡就完了。

相關焦點

  • 第26期全國SCI論文插圖規範化製作專題學習班
    矢量圖與位圖的正確導出和投稿如何從Excel、Spss、Graphpad、sigmplot等軟體中輸出高質量的矢量圖如何輸出高質量的圖片用於製作高質量插圖怎樣使用PS和AI聯合製圖科研過程中高質量原始照片的獲取零基礎如何學習插圖製作SCI期刊插圖要求中常見專業術語（DPI、RGB、CMYK、TIFF等）解析
  • 如何製作立體卡片?
  • 這麼美的立體賀卡其實製作很簡單
    自己動手製作賀卡通常都會喜歡各種立體賀卡，其實立體賀卡不單單是可以打開之後變成立體的那種，像是這樣的在封面上面就是立體圖案的是不是也美美噠
  • AI軟體如何製作卡通文字?AI如何給文字添加3D立體效果?
    如何通過AI軟體來製作卡通型的文字，下面來看看小編的操作吧。1.首先我們使用文字工具，輸入文字，效果最好的還是要用英文比較好。2.然後將字體換成迷你簡菱心，或者是較粗的字體。5.之後將白色的文字置於底層，然後將白色起縮放一下。6.這樣卡通文字就做好了，英文比較明顯。下面小編來教大家如何給文字添加上3D字體效果吧，是比較簡單的操作，就是軟體會有點卡頓。1.首先我們先用文字工具書寫一行文字。
  • 趣味摺紙:好看好玩又簡單的立體魔方折法
    Hi ，大家好，今天樹姐姐要給大家分享的一款好玩又好看組合型摺紙——立體魔方。它既可以當掛飾用，也可以當陀螺玩，製作方法還特別的簡單，適合3歲以上的所有人群，快跟樹姐姐一起來動手吧！第一步：製作組件我們先將2張15x15cm的彩紙裁剪成5x7.5cm得12個小廠長方形。然後將長方形縱向對摺，再將4個直角分別向中間線對摺成等腰直角三角形，一共折出12個組件，如下圖1所示：
  • Word如何快速製作封面?
    在word文檔中一般需要快速製作封面，下面小編來教大家如何製作封面吧。1.我們先將需要的文本輸入word或者是複製到word 上。2.之後在需要分割的文字上添加一個制表符，按鍵盤上的tab鍵即可。5.這個時候就將文字轉換為三列表格了。（未完待續……）Word封面的製作是往往是通過表格和文字組成的，下面我們接著上一節的操作，繼續教大家如何快速製作word 的封面吧。1.將文字轉為表格後，將表格調整一下，選擇第一列設置為兩端對齊。
  • 如何在AI製作出不同角度2.5D立體卡片?操作步驟
    在AI中如何製作出不同角度2.5D立體卡片呢?不知道的同學可以去下文看看使用AI製作出不同角度2.5D立體卡片的具體操作步驟。Adobe Illustrator(AI設計軟體)軟體版本：10.0.3 Update圖形圖像立即查看1、圖中為我準備的兩個素材，一張銀行卡一個準備做立體效果的矩形2、先來第一個等軸效果-「等角-左方」3、這裡先說明一點，無論哪種效果，調整順序都是先傾斜，後旋轉。選中銀行卡，傾斜角度那裡改成-30度。
  • 如何快速製作PPT中的標題欄?
    01如何快速的製作PPT中的標題欄？標題欄作為組成PPT的一個小的部分，好生設計一下，對整體PPT的格調也是有很大提升的。其實就是形狀，線條，圖片這幾個元素的組合，其中形狀和線條居多，通常會搭配漸變，陰影，立體等效果。上面的案例就是形狀和線條，搭配漸變的效果，組合製作成的標題欄。
  • qq畫圖紅包立體聲音響如何畫 最簡單的立體聲音響畫法與你分享
    qq畫圖紅包立體聲音響如何畫 最簡單的立體聲音響畫法與你分享時間：2020-04-04 19:06   來源：騰牛網   責任編輯：沫朵 川北在線核心提示：原標題：qq畫圖紅包立體聲音響如何畫 最簡單的立體聲音響畫法與你分享 qq畫圖紅包玩法很簡單，發紅包的人尋澤浩題目後，通過畫圖，答對的人才可以領到紅包。
  • 親子手工作業:立體貼畫桃花樹的製作方法
    文|樹姐姐Hi ，大家好，今天樹姐姐要給大家分享一款美美的，可以做幼兒園手工作業的——立體貼畫桃花樹。這個教程是應我的小粉絲需求製作的。媽媽們，你們也算沾光了哦！註：樹的形狀沒有限制，越簡單越好。在跟孩子製作前，我建議慢慢先思考下，這個貼畫如何跟孩子分工，不要全部都由你自己完成哦！
  • 如何給視頻加背景音樂?簡單快速上手,製作抖音等小視頻必備!
    如何給視頻加背景音樂？用愛剪輯3個步驟就能快速完成！現在製作抖音等小視頻，都需要對拍攝的視頻進行加工，加背景音樂就是最基礎的一步，也是最簡單的。所以下面除了分享用愛剪輯給視頻加背景音樂的方法，還會分享製作爆款小視頻的大神技巧。
  • 如何使用ps製作出立體雪花圖標?詳見操作過程
    photoshop系列軟體最新版本下載Photoshop CC軟體版本：2017 正式版圖形圖像立即查看Photoshop 8.0軟體版本：中文免費版圖形圖像立即查看今天小編就來講解ps製作出立體雪花圖標的操作過程 ，想要了解的朋友就看下文，下面就是詳細完整的操作步驟
  • 如何讓你的論文插圖具有《Nature》同款配色
    平時在檢索論文文獻時，遇到較美觀的插圖，我們只需要在圖片上方點擊滑鼠右鍵，選擇圖片另存為，即可將該圖片存至電腦進行收藏。不同期刊的插圖風格通常會略有差異，在製作論文插圖時，我們可以多參照目標期刊的往期論文插圖進行色彩風格的調整。
  • 姑娘教你製作立體愛心賀卡,簡單好看,送個不一樣的禮物給朋友
    好姐妹兼好閨蜜結婚時，我用摺紙做個小禮物送給她，沒想到被伴娘們搶走了，頓時感覺太有成就感了，今天就把這個小禮物的製作方法分享給大家，只需幾張正方形摺紙，粘連起來，稍加修飾，就能變成有著非凡意義的祝福賀卡，一起來看看是怎麼製作的吧。過節時送給朋友親人都是很有意義的哦。
  • 發光字廠家:立體發光字是怎麼製作的
    立體發光字具有一定的立體感，給人的視覺撞擊力較為強。那麼如何製作立體發光字呢？實際上，立體發光字還分多種呢？普遍的立體發光字大多數用以室外，一般分成金屬材料發光字、吸朔發光字、環氧樹脂發光字這三類，其做法大部分各有千秋，下面我們來討論一下立體發光字做法的詳細介紹。首先將製作立體發光字的原材料提前準備齊備，隨後剛開始製作工作中。立體字的面板和底板是平面圖的，無須做模，也無須吸朔。面板用透光性的亞克力板材，底板用金屬片。
  • 「手工製作」漂亮的立體雪花!
    「手工製作」漂亮的立體雪花！喜歡動手是一種自信的表達方式，創意源於生活，細節決定品質，今天為大家分享如何利用泡沫紙製作立體雪花的方法，步驟詳細，難度1顆星，看一遍就能學會，非常簡單，大家不妨來試試哦，精彩不容錯過！還有更多有創意的內容等待你去發掘！
  • 簡單直觀5分鐘快速製作流程圖
    跨職能流程圖比基本的流程圖多了一個維度，可以使用跨職能流程圖顯示一個進程在各部門之間的流程，或者顯示一個進程是如何影響公司中不同職能單位的。其結構布局主要有垂直和水平兩種布局模式。垂直布局偏重於職能單位，而水平布局則更強調進程本身。
  • 【AE教程】如何製作3D立體UI界面動畫
    STEP.2：導入UI界面，注意把每個組件分層，才能製作立體的效果 STEP.5：在位置屬性的第0、1、2、3、4幀分別添加關鍵幀
  • 如何簡單快速地製作邀請函、賀卡
    手工製作一個卡片就尤其顯得真誠。下面我就教大家如何用最短的時間，最簡單的方法，製作出簡單美觀的邀請函，或賀卡吧。準備三種顏色不同的卡紙，我以粉紅色、黃色、藍色為例；準備剪刀，膠棒，雙面膠。現將粉紅色卡紙對摺，用鉛筆在一側畫出半個心的形狀沿著筆印把心剪下來，再拿一張黃色卡紙，按上述方法剪下。紅色卡紙和黃色卡紙的剩餘部分不要扔，還有用處呦！
  • 立體車庫如何管理?
    數據顯示，最近幾年我國城市機動車輛平均增長速度在15%-20%，而同時期城市停車基礎設施的平均增長速度只有2%-3%，特別是大城市的機動車擁有量的增長速度遠遠超過停車基礎設施的增長速度。汽車保有量快速增長帶來停車泊位的剛性需求，立體車庫因其能夠有效緩解城市停車難、停車貴的現狀，正在受到政府的大力倡導建設，成為當前最火熱的朝陽產業之一。