當(dāng)前位置:首頁>ps實(shí)例教程>ps繪畫教程>手繪教程>教程內(nèi)容

圖標(biāo)制作,創(chuàng)作一個(gè)牛奶盒子圖標(biāo)(4)

來源:公眾號(hào) 作者:火虎教育 學(xué)習(xí):1578人次

教程通過PS創(chuàng)建一個(gè)牛奶盒子的圖標(biāo),整個(gè)教程都在PS中完成,操作起來也很好上手,有的時(shí)候我們看到一個(gè)比較完美的產(chǎn)品,就想復(fù)刻它的平面版,具體通過教程來練習(xí)一下吧,相信同學(xué)可以通過教程完成的更好,學(xué)習(xí)PS就是多多練習(xí)噢。

效果圖:

圖標(biāo)制作,創(chuàng)作一個(gè)牛奶盒子圖標(biāo)_theoat.com.cn想學(xué)更多請?jiān)L問theoat.com.cn

操作步驟:

1

新建畫布

打開PS——Ctrl +N 新建畫布

尺寸:1500×1000像素,分辨率72,顏色模式RGB模式

2

牛奶盒盒體制作

①左邊工具欄選擇矩形工具

圖標(biāo)制作,創(chuàng)作一個(gè)牛奶盒子圖標(biāo)_theoat.com.cn

②在畫布上鼠標(biāo)左鍵點(diǎn)擊設(shè)置矩形寬340像素,高420像素,雙擊矩形1圖層后面空白部分添加漸變疊加,左邊滑塊的色值ffd83f右邊滑塊的色值edb800

圖標(biāo)制作,創(chuàng)作一個(gè)牛奶盒子圖標(biāo)_theoat.com.cn

 

圖標(biāo)制作,創(chuàng)作一個(gè)牛奶盒子圖標(biāo)_theoat.com.cn

③左邊工具欄選擇矩形工具在畫布上鼠標(biāo)左鍵點(diǎn)擊設(shè)置矩形寬190像素高420像素

圖標(biāo)制作,創(chuàng)作一個(gè)牛奶盒子圖標(biāo)_theoat.com.cn

④把兩個(gè)矩形左右對(duì)齊,雙擊矩形2圖層后面空白部分添加漸變疊加,左邊滑塊的色值df9d00,右邊滑塊的色值e8a900

圖標(biāo)制作,創(chuàng)作一個(gè)牛奶盒子圖標(biāo)_theoat.com.cn

⑤打開素材包把花紋素材拖進(jìn)軟件里面,雙擊花紋圖層后面空白部分點(diǎn)擊漸變疊加,更改漸變顏色左邊滑塊的色值f1ebd2,右邊滑塊選中點(diǎn)擊刪除刪掉,再選中右邊上方的滑塊把不透明度降低為0

圖標(biāo)制作,創(chuàng)作一個(gè)牛奶盒子圖標(biāo)_theoat.com.cn

其他設(shè)置如下圖

 

圖標(biāo)制作,創(chuàng)作一個(gè)牛奶盒子圖標(biāo)_theoat.com.cn

⑥選中花紋圖層ctrl+j復(fù)制一層,選中花紋拷貝圖層ctrl+t 移動(dòng)花紋圖層放在右邊小的矩形上,鼠標(biāo)右鍵點(diǎn)擊水平翻轉(zhuǎn)

圖標(biāo)制作,創(chuàng)作一個(gè)牛奶盒子圖標(biāo)_theoat.com.cn

再把鼠標(biāo)放在定界框的右邊,鼠標(biāo)變成雙向的箭頭,把花紋素材壓扁一點(diǎn)跟矩形剛好對(duì)齊就可以

圖標(biāo)制作,創(chuàng)作一個(gè)牛奶盒子圖標(biāo)_theoat.com.cn

⑦雙擊花紋拷貝圖層下面漸變疊加文字,把左邊滑塊色值改為e9d398,其他數(shù)值如下

 

圖標(biāo)制作,創(chuàng)作一個(gè)牛奶盒子圖標(biāo)_theoat.com.cn

3

 

牛奶盒頂制作

 

 

①左側(cè)工具欄選中矩形工具,在畫布上點(diǎn)擊創(chuàng)建寬340高160像素的矩形

 

選中矩形3 ctrl+t鼠標(biāo)右鍵點(diǎn)擊斜切

圖標(biāo)制作,創(chuàng)作一個(gè)牛奶盒子圖標(biāo)_theoat.com.cn

屬性欄傾斜角度改為-30度

圖標(biāo)制作,創(chuàng)作一個(gè)牛奶盒子圖標(biāo)_theoat.com.cn

 

 

 

再選擇移動(dòng)工具調(diào)整一下位置與下面的矩形1對(duì)齊,將矩形3圖層命名為左上

圖標(biāo)制作,創(chuàng)作一個(gè)牛奶盒子圖標(biāo)_theoat.com.cn

②雙擊左上圖層空白部分點(diǎn)擊漸變疊加更改色值,左邊色值ffe868右邊色值ffe659,選中上面的小滑塊把不透明度調(diào)成100%,(下面最右邊如果沒有小滑塊在漸變條下方點(diǎn)擊一下添加小滑塊)

圖標(biāo)制作,創(chuàng)作一個(gè)牛奶盒子圖標(biāo)_theoat.com.cn

③左邊工具欄選擇鋼筆工具屬性欄設(shè)置如下,色值改為e3a500,用鋼筆沿著左上形狀畫出來三角形

圖標(biāo)制作,創(chuàng)作一個(gè)牛奶盒子圖標(biāo)_theoat.com.cn

 

圖標(biāo)制作,創(chuàng)作一個(gè)牛奶盒子圖標(biāo)_theoat.com.cn

將畫的形狀1圖層命名為右上圖層

圖標(biāo)制作,創(chuàng)作一個(gè)牛奶盒子圖標(biāo)_theoat.com.cn

④用鋼筆工具畫出來三角形做出來紙盒折進(jìn)去的效果,屬性欄顏色填充改為d18d00

 

圖標(biāo)制作,創(chuàng)作一個(gè)牛奶盒子圖標(biāo)_theoat.com.cn

 

⑤選中矩形工具在畫布上左鍵點(diǎn)擊設(shè)置矩形寬340像素 高41像素

 

圖標(biāo)制作,創(chuàng)作一個(gè)牛奶盒子圖標(biāo)_theoat.com.cn

⑥雙擊剛剛畫的小矩形圖層后面空白部分添加漸變疊加,左邊滑塊色值ffd83f,右邊滑塊色值f0c20a

圖標(biāo)制作,創(chuàng)作一個(gè)牛奶盒子圖標(biāo)_theoat.com.cn

⑦素材包找到牛奶蓋子素材拖進(jìn)畫布里面放到合適的位置,左邊工具欄選擇圓角矩形工具

圖標(biāo)制作,創(chuàng)作一個(gè)牛奶盒子圖標(biāo)_theoat.com.cn

⑧畫出來兩個(gè)長度不一樣的圓角矩形,右邊圖層面板選中圓角矩形1圖層,再按shift加選圓角矩形2圖層ctrl+e合并圖層,雙擊合并之后的圓角矩形圖層空白地方添加漸變疊加,左邊滑塊色值ffd83f右邊滑塊色值f0c20a

圖標(biāo)制作,創(chuàng)作一個(gè)牛奶盒子圖標(biāo)_theoat.com.cn

4

 

背景添加

 

 

圖層面板選中最上面的圖層再點(diǎn)shift選中最下面的圖層除背景圖層外

 

圖標(biāo)制作,創(chuàng)作一個(gè)牛奶盒子圖標(biāo)_theoat.com.cn

ctrl+g打組,ctrl+j復(fù)制一份,把組1圖層前面的小眼睛關(guān)掉,選中組1拷貝圖層鼠標(biāo)右鍵點(diǎn)擊轉(zhuǎn)換為智能對(duì)象http://theoat.com.cn/tags/34209/

圖標(biāo)制作,創(chuàng)作一個(gè)牛奶盒子圖標(biāo)_theoat.com.cn

選中素材包里面的背景圖層拖拽進(jìn)軟件里面調(diào)整一下圖層順序放在背景圖層上方

圖標(biāo)制作,創(chuàng)作一個(gè)牛奶盒子圖標(biāo)_theoat.com.cn

選中組1拷貝圖層ctrl+t移動(dòng)位置再旋轉(zhuǎn)一下放在合適的位置

圖標(biāo)制作,創(chuàng)作一個(gè)牛奶盒子圖標(biāo)_theoat.com.cn想學(xué)更多請?jiān)L問theoat.com.cn

雙擊組1拷貝圖層空白部分添加陰影,色值92b01a

圖標(biāo)制作,創(chuàng)作一個(gè)牛奶盒子圖標(biāo)_theoat.com.cn

我們的牛奶盒子就做出來了

5

 

保存

 

 

Ctrl+shift+s  保存源文件  .psd ,方便以后的更改;

 

Ctrl+Shift+Alt+s存儲(chǔ)為web所用格式,保存圖片的格式   .jpg

完成:

圖標(biāo)制作,創(chuàng)作一個(gè)牛奶盒子圖標(biāo)_theoat.com.cn想學(xué)更多請?jiān)L問www.16xx8.com

是不是很簡單呢,同學(xué)們跟著教程來學(xué)習(xí)一下吧,相信你可以創(chuàng)建有自己風(fēng)格的作品,主要還是要?jiǎng)邮秩ゾ毩?xí),快快操練起來吧,在練習(xí)中提高自己的PS技術(shù)。

 

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!