首頁 web前端 PS教程 photoshop设计制作木箱子图标

photoshop设计制作木箱子图标

Jun 01, 2016 pm 02:32 PM
圖示

图标的制作关键在于对高光和阴影把控;色彩的选用也很关键,决定了你的作品是否是高品质的。通过对本文的学习,你可以很好的掌握制作图标的各种技巧,举一反三的应用到其他作品中
  最终效果图

photoshop设计制作木箱子图标

  教程素材
  1、木质纹理 下载
  第一步
  1、按ctrl+N,新建一个文档,大小600x500px,命名为"木箱子"
  2、创建一个新层,命名为"黄色块01",用矩形工具(U)绘制一个梯形路径,按Ctrl + Enter,将路径转成选区,并填充,颜色 #d9c700

photoshop设计制作木箱子图标

  第二步
  1、创建一个新层,命名"木板",在图层"黄色块01"下方,用圆角矩形工具(U),绘制一个圆角矩形路径,圆角半径为 20px
  2、按Ctrl + T,右键,选择"透视",将圆角矩形底部往内缩
  3、按Ctrl + Enter,将路径转成选区,并填充红色 #ef0000
  4、用选区工具(M),删除超出的区域

photoshop设计制作木箱子图标

  第三步
  1、在图层"木板"上方,创建一个新层,命名为"黄色块02",用矩形工具(U),绘制一个矩形路径,如下图
  2、按Ctrl + Enter,将路径转成选区,并填充颜色 #d9c700
  3、用选区工具(M),删除超出的区域

photoshop设计制作木箱子图标

  第四步
  1、新建一个图层,在最上方,命名为"黄色块03"
  2、按住Ctrl键,鼠标点击图层"黄色块01"的缩览图,获得选区,接着"菜单 > 选择 > 修改 > 收缩",输入 10px,填充颜色 #d9bb14

photoshop设计制作木箱子图标

  第五步
  1、用加深工具(O),在图层"黄色块01"不同点进行涂抹(如下图)

photoshop设计制作木箱子图标

  第六步
  1、用加深工具(O)涂抹"黄色块03",如下图

photoshop设计制作木箱子图标

  第七步
  1、用矩形工具(U),绘制一个路径,按Ctrl + Enter将路径转成选区,此选区把"黄色块03",分成2个区域

photoshop设计制作木箱子图标

  第八步
  1、选择图层"黄色块03",用加深工具(O)涂抹区域一,如图
  2、按 Ctrl + Shift + I 反选选区,用加深工具(O)涂抹区域二,如下图,通过对着2个区域明暗处理,产生立体效果。

photoshop设计制作木箱子图标

  第九步
  1、给"黄色块03"添加外发光样式

photoshop设计制作木箱子图标

  第十步
  1、选择"黄色块02",用加深工具(O)涂抹

photoshop设计制作木箱子图标

  第十一步
  1、新建一个图层在顶部,命名为"高光线01"
  2、设置画笔,大小 3px,颜色 #ffffff,硬度 100%,不透明度 100%,流量 90%
  3、用钢笔工具(P),绘制一条直线,如下图,接着" 右键 > 描边路径"

photoshop设计制作木箱子图标

  第十二步
  1、选择图层"高光线01",接着" 菜单 > 滤镜 > 模糊 > 高斯模糊",输入值 1.0
  2、" 菜单 > 滤镜 > 模糊 > 动感模糊",角度 0,距离 10px
  3、把图层混合模式改为"叠加",不透明度 50%

photoshop设计制作木箱子图标

  第十三步
  1、新建一个图层在"高光线01"上方,命名为"高光线02",再绘制一白色线条
  2、" 菜单 > 滤镜 > 模糊 > 动感模糊",角度 0,距离 35px
  3、把图层混合模式改为"叠加"

photoshop设计制作木箱子图标

  第十四步
  1、选择"黄色块01"和"黄色块02",右键点击,选择"复制图层",然后按Ctrl + E合并图层,将新的图层命名为"黄色块01+02",接着把图层混合模式改为"正片叠底",不透明度 30%

photoshop设计制作木箱子图标

  第十五步
  1、新建一个图层在"黄色块01+02"上方,命名为"细节"
  2、按住Ctrl键,鼠标点击"黄色块01+02"的缩览图,获得选区
  3、按D键,使前景色为黑色,背景色为白色
  4、"菜单 > 滤镜 > 渲染 > 云彩"
  5、"菜单 > 滤镜 > 杂色 > 添加杂色"
  5、"菜单 > 滤镜 > 模糊 > 动感模糊"
  6、把图层混合模式改"柔光",不透明度 20%

photoshop设计制作木箱子图标

  第十六步
  1、按Ctrl + J,复制"黄色块03",命名为"黄色块03_正片叠底",然后把图层混合模式改为"正片叠底",不透明度 50%

photoshop设计制作木箱子图标

  第十七步
  1、打开素材木质纹理.jpg,并复制到木箱子.psd中,置于图层"木板"上方,命名为"木质纹理"
  2、按住Alt键,鼠标在图层"木板"和"木质纹理"之间点击,则纹理只在木板区域内显示;

photoshop设计制作木箱子图标

  第十八步
  1、选择图层"木质纹理",用加深工具(O),涂抹边缘,如下图

photoshop设计制作木箱子图标

  第十九步
  1、按Ctrl + J,复制图层"木质纹理",并命名为"木质纹理_正片叠底",设置图层混合模式为"正片叠底",不透明度 88%

photoshop设计制作木箱子图标

  第二十步
  1、创建一个新层,在"木质纹理_正片叠底"上方,命名为"木板底部"
  2、用选区工具(M),绘制一个矩形选区,并羽化 20px,填充黑色,把图层不透明度设为 70%

photoshop设计制作木箱子图标

  第二十一步
  1、创建一个新层,在"黄色块02"下方,命名为"黄色块02_阴影",如图所示制作出阴影

photoshop设计制作木箱子图标

  第二十二步
  1、选择图层"木质纹理",按住Shift键,用椭圆选区工具(M),绘制个圆形选区,接着按Ctrl + J,把圆形图层命名为"圆形背景"

photoshop设计制作木箱子图标

  第二十三步
  1、选择"圆形背景",按Ctrl + J,把复制的图层命名为"圆形背景_正片叠底",设置图层混合模式"正片叠底"

photoshop设计制作木箱子图标

  第二十四步
  1、给"圆形背景"添加图层样式

photoshop设计制作木箱子图标

  第二十五步
  1、用自定义形状工具(U),绘制一个形状,按Ctrl + Enter,将路径转成选区

photoshop设计制作木箱子图标

  第二十六步
  1、在选区可见情况下,选择图层"木质纹理",按Ctrl + J,复制出一个图层,命名为"放射形状",并把图层放在"木板底部"与"圆形背景_正片叠底"之间

photoshop设计制作木箱子图标

  第二十七步
  1、按Ctrl + J,复制图层"放射形状",命名为"放射形状_正片叠底",并把图层的混合模式改为"正片叠底",不透明度 70%

photoshop设计制作木箱子图标

  第二十八步
  1、给"放射形状",添加图层样式

photoshop设计制作木箱子图标

  第二十九步
  1、创建一个新层,在顶部,命名为"psd背景",用钢笔工具(P)绘制一个方形区域,如下图

photoshop设计制作木箱子图标

  第三十步
  1、用加深工具(O)和减淡工具,在"psd背景"上涂抹

photoshop设计制作木箱子图标

  第三十一步
  1、添加文字"Ps",在图层"psd背景"上方,接着将文字层栅格化,旋转并调整,最后并给文字添加样式

photoshop设计制作木箱子图标

  第三十二步
  1、用相同操作,制作另外两个对象

photoshop设计制作木箱子图标

  第三十三步
  1、创建一个新层,在"psd背景"下方,命名为"psd阴影01"

photoshop设计制作木箱子图标

  第三十四步
  1、创建一个新层,在"psd阴影01"下方,命名为"psd阴影02"

photoshop设计制作木箱子图标

  第三十五步
  1、用相同操作,制作另外两个对象的阴影部分

photoshop设计制作木箱子图标

  第三十六步
  1、创建一个图层,在"木板"下方,命名为"箱子阴影",具体操作如下图

photoshop设计制作木箱子图标

  第三十七步
  1、按Ctrl + J,复制"箱子阴影",并命名为"箱子阴影2",按Ctrl + T,调整大小,如图

photoshop设计制作木箱子图标

  第三十八步
  按Ctrl + J,复制"箱子阴影2",调整位置和大小,或者继续复制一次直到你觉得效果满意为止;
  最后加上背景图,让我们的图标更美观,背景图片你可以源文件中复制过来,在这里我就不做说明了

photoshop设计制作木箱子图标
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1664
14
CakePHP 教程
1423
52
Laravel 教程
1318
25
PHP教程
1268
29
C# 教程
1248
24
Win11怎麼停用工作列縮圖預覽? 關閉滑鼠移動工作列圖示顯示縮圖技巧 Win11怎麼停用工作列縮圖預覽? 關閉滑鼠移動工作列圖示顯示縮圖技巧 Feb 29, 2024 pm 03:20 PM

本文將介紹如何在Win11系統中關閉滑鼠移動工作列圖示時顯示的縮圖功能。這項功能在預設情況下是開啟的,當使用者將滑鼠指標懸停在工作列上的應用程式圖示上時,會顯示該應用程式的目前視窗縮圖。然而,有些用戶可能覺得這個功能不太實用或會幹擾到他們的使用體驗,因此想要關閉它。工作列縮圖可能很有趣,但它們也可能分散注意力或煩人。考慮到您將滑鼠懸停在該區域的頻率,您可能無意中關閉了重要視窗幾次。另一個缺點是它使用更多的系統資源,因此,如果您一直在尋找一種提高資源效率的方法,我們將向您展示如何停用它。不過

如何在我的所有 Windows 11 顯示器上顯示系統托盤圖標 如何在我的所有 Windows 11 顯示器上顯示系統托盤圖標 Sep 22, 2023 pm 03:21 PM

使用多顯示器設定時,使用者希望在所有顯示器上顯示托盤圖標,以便跟上最新通知或存取某些應用程式。這可能非常有用,在今天的指南中,我們將向您展示如何正確啟用此功能。如何在Windows11中的所有顯示器上顯示托盤圖示? 1.使用顯示融合軟體造訪DisplayFusion網站並下載軟體。下載軟體後,運行安裝檔並安裝它。啟動軟體並根據需要進行配置。在第二個畫面上,以滑鼠右鍵按一下工作列,選擇多顯示器工作列,然後選擇系統匣。最後,檢查顯示/隱藏圖示.完成此操作後,您應該在Windows11上的兩台顯示器上取得系統

如何在Ubuntu開始功能表中移除圖示? 如何在Ubuntu開始功能表中移除圖示? Jan 13, 2024 am 10:45 AM

ubuntu系統開始選單裡面列出了很多的軟體圖標,有很多不常用的圖標,想要刪除,該怎麼刪除呢?下面我們就來看看詳細的教學。 1.先進入ubuntu桌面,點選左邊面板下面的開始選單。 2、裡面可以找到一個文字編輯器圖標,我們要把它刪除了。 3.現在我們回到桌面直接滑鼠右鍵開啟終端。 4、使用指令開啟應用程式列表目錄。 sudonautilus/usr/share/applicationssudonautilus~/.local/share/applications5、在裡面找到對應的文字編輯器圖示。 6、接著直

下載手機設定圖示到桌面「秒懂:Android手機為應用程式換圖示步驟」 下載手機設定圖示到桌面「秒懂:Android手機為應用程式換圖示步驟」 Feb 06, 2024 pm 04:27 PM

為了美化桌面,許多用戶喜歡定期更換桌面主題,隨時保持新鮮感。不過,換主題卻不會更改第三方APP的圖標,個性美化不夠徹底。如果你厭倦了千篇一律的應用程式圖標,不妨將它們替換掉。理論上,想為手機APP換圖標,通常需要ROOT系統和一些工具來拆包裝替換圖標。但由於絕大多數手機不再支援ROOT系統,我們需要尋找其他方法來實現。例如,一些特定的應用程式可能提供了自訂圖示的選項,或者可以透過第三方啟動器來實現個人化圖示。此外,一些手機品牌也推出了專門的主題和圖標商店,供用戶選擇和更換圖標。在各大應用程式商店中,

您的T-mobile智慧型手機上的5G UC與5G UW圖示的意思是什麼? 您的T-mobile智慧型手機上的5G UC與5G UW圖示的意思是什麼? Feb 24, 2024 pm 06:10 PM

T-Mobile用戶已經開始注意到,他們的手機螢幕上的網路圖示有時顯示為5GUC,而其他業者則顯示為5GUW。這並不是拼字錯誤,而是代表不同類型的5G網路。事實上,營運商們正在不斷擴大他們的5G網路覆蓋範圍。在這個主題中,我們將探討T-Mobile智慧型手機上顯示的5GUC和5GUW圖示的意思。這兩種標誌代表著不同的5G技術,每種技術都有其獨特的特點和優點。透過了解這些標誌的含義,使用者可以更了解他們所連接的5G網路類型,以便選擇最適合自己需求的網路服務。 5GUCVS5GUW圖示在T

Win11如何關閉大小寫提示圖標 Win11如何關閉大小寫提示圖標 Jun 29, 2023 pm 01:00 PM

  Win11如何關閉大小寫提示圖示?當我們的電腦在進行大小寫切換時,有用戶的電腦螢幕會出現提示圖標,對此有用戶想要將該圖標關閉,那麼應該如何操作呢?其實方法很簡單,下面小編就為大家示範Win11關閉大小寫提示圖示的方法,希望以下教學對你有幫助。  Win11關閉大小寫提示圖示的方法  解決的方法很簡單,那就是打開任務管理器結束Thisutilitycontrolsspecialkeyboard這個進程。  總而言之就是關閉進程裡面的XXXXXUtility進程就可以了,如果是聯想電腦的話,就

如何在 Windows 11 中儲存桌面圖示位置佈局 如何在 Windows 11 中儲存桌面圖示位置佈局 Aug 23, 2023 pm 09:53 PM

Windows11在使用者體驗方面帶來了很多東西,但迭代並不完全防錯。使用者不時會遇到問題,圖示定位的變更很常見。那麼如何在Windows11中保存桌面佈局呢?該任務有內建和第三方解決方案,無論是保存當前視窗的螢幕解析度還是桌面圖示的排列。對於桌面上有一堆圖示的使用者來說,這一點變得更加重要。繼續閱讀以了解如何在Windows11中儲存桌面圖示位置。為什麼Windows11不儲存圖示佈局位置?以下是Windows11不保存桌面圖示佈局的主要原因:對顯示設定的變更:通常,當您修改顯示設定時,配置的自訂

PPT幻燈片插入excel圖示的操作方法 PPT幻燈片插入excel圖示的操作方法 Mar 26, 2024 pm 05:40 PM

1.開啟PPT,翻頁至需要插入excel圖示的頁面。點選插入選項卡。 2、點選【對象】。 3、跳出以下對話框。 4.點選【由檔案建立】,點選【瀏覽】。 5、選擇需要插入的excel表格。 6.點選確定後跳出如下頁面。 7.勾選【顯示為圖示】。 8.點選確定即可。

See all articles