教程
前段時間做了一組練習作品,其中有一個關(guān)于球體的圖標吸引了大家的注意,發(fā)布之后有很多同學后臺留言希望出一個教程。今天黑馬哥的教程如約而至,就帶大家一起來畫個球吧!
一個不一樣的球
這個球體圖標無需三維軟件的輔助,全程都是通過平面類軟件完成,我個人是通過 AI 軟件和 Sketch 軟件配合完成的。實際上通過 AI 軟件也可以直接完成,球體造型是通過 AI 軟件的 3D 功能實現(xiàn)的。后期的配色、光影處理、質(zhì)感強化等細節(jié)處理,大家可以自由選擇熟悉的軟件,無論是 PS 還是 Sketch 等均可完成細節(jié)刻畫。
下面黑馬哥就來詳細演練一下,案例分為球體造型繪制和質(zhì)感刻畫兩個部分。
球體造型繪制
第一步:繪制紋理符號
通過矩形工具繪制幾條細長的矩形,數(shù)量可以自由發(fā)揮,這個數(shù)量決定球體紋路的數(shù)量。然后全選之后拖進符號面板,無需改動參數(shù)直接點擊確認即可(符號的名稱可以自由設(shè)置)。
第二步:繪制球體
通過橢圓工具繪制一個正圓,然后利用剪刀工具剪切一半,形成一個半圓。然后再執(zhí)行效果 → 3D → 繞轉(zhuǎn),然后把預覽勾選上就可以觀察變化了。注意紅框標注位置需要選擇“右邊”,不然無法出現(xiàn)球體效果。
第三步:貼圖
保持當前操作不變,點擊 3D 繞轉(zhuǎn)彈窗底部的“貼圖”按鈕,在彈出的面板中符號位置展開選擇之前創(chuàng)建的球體紋理。然后調(diào)整紋理的大小,讓其填充滿圖示區(qū)域,這里的紋理大小和位置可以一邊調(diào)整一邊觀察球體的變化,調(diào)整到自己滿意的效果即可。
第四步:調(diào)整空間位置
設(shè)置好貼圖之后,我們可以通過圖示區(qū)域去拖動這個立方體,改變球體的空間位置,調(diào)整出自己滿意的角度之后點擊確定即可。確定之后我們需要操作對象 → 擴展/擴展外觀 → 然后取消編組,把紋理層分離出來,單獨之后便于后期調(diào)節(jié)。
通過以上的步驟我們完成了球體部分的繪制,這個步驟需要在 AI 軟件里面完成。接下來的步驟沒有特殊的軟件限制,只要能夠方便進行漸變色調(diào)節(jié)和細節(jié)刻畫即可。
質(zhì)感刻畫
第一步:導入到軟件
質(zhì)感刻畫不限制操作軟件,直接在 AI 軟件里面也能操作,個人習慣運用 Sketch 軟件進行細節(jié)刻畫。直接將完成的球體通過復制,在 Sketch 軟件里面粘貼即可(如果是 PS 軟件操作類似)。
第二步:刻畫球體立體感
突出球體立體感首先對圓形添加徑向漸變,中心點設(shè)置在偏向于左上角位置,顏色的參數(shù)參考圖示(顏色大家也可以自定義)。然后再對其添加兩次內(nèi)陰影,用于增強立體感,也能使得圓形更加通透。(內(nèi)陰影的參數(shù)見圖示,本案例圓形尺寸為 360*360px)
球體背景層繪制完成之后,再針對紋理層添加漸變色,依然選擇徑向漸變。角度和中心點設(shè)置的范圍和背景層的一致即可,顏色的參數(shù)參考圖示,最終兩個圖形合起來即可初步完成球體立體感的刻畫。
第三步:紋理質(zhì)感強化
為了進一步突出紋理的質(zhì)感,將紋理部分復制兩個出來,分別進行細節(jié)刻畫。一個是為了強化色彩感,一個是為了強化光感,兩個紋理部分設(shè)置參數(shù)見圖示。
第四步:底部壓暗
為了讓球體能夠顯得更加穩(wěn)重自然,添加一個同等尺寸的圓形作為底部壓暗。采用的是線性漸變,顏色和填充的不透明度參數(shù)見圖示。
最終我們便完成了球體部分的全部案例演練,添加一個圓角矩形作為應(yīng)用圖標的底座,完成整個案例的繪制。
小結(jié)
本案例的技術(shù)難點主要是通過 AI 軟件的 3D 功能實現(xiàn)帶紋理的球體造型,其次就是質(zhì)感刻畫的技巧,關(guān)于漸變色的調(diào)節(jié)和內(nèi)陰影的運用。通過案例的學習可以幫助我們熟悉 AI 軟件的 3D 功能運用,也能強化關(guān)于營造質(zhì)感的技巧。
大家也可以舉一反三,在創(chuàng)建符號的時候也可以變換更多不一樣的圖形,也能帶來更多不一樣的球體紋理效果。希望今天的教程分享可以帶給大家一些思路,創(chuàng)作出更多優(yōu)秀的立體圖標設(shè)計。
原文地址:黑馬家族(公眾號)
作者:黑馬青年
轉(zhuǎn)載請注明:學U網(wǎng)》今天帶你一起來畫個球
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍藍設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、
UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司