平面设计 
首页 > 平面设计 > 浏览文章

Photoshop制作的一个质感网页导航按钮

(编辑:jimmy 日期: 2024/10/15 浏览:3 次 )
让我们一起来看看这个教程吧
  
Photoshop制作的一个质感网页导航按钮


  Step 1
  我们将首先在Photoshop创建一个新文档。 让我们有1024 × 768px
  
Photoshop制作的一个质感网页导航按钮


  Step 2
  为了填补你的背景,选择渐变工具(G)的渐变编辑器打开了,并输入您的颜色值按下面的图像
  
Photoshop制作的一个质感网页导航按钮


  
Photoshop制作的一个质感网页导航按钮


  Step 3
  让我们创造了我们的按钮的机构。 使用圆角矩形工具(U),现在只是创造了约320 × 95px,对5px半径和填充任何颜色(它的矩形,因为我们将添加一个渐变叠加)。
  
Photoshop制作的一个质感网页导航按钮



  我们将加强它如何给予它一些图层样式外观。 首先,套用阴影。
  
Photoshop制作的一个质感网页导航按钮


  内发光效果…
  
Photoshop制作的一个质感网页导航按钮


  斜面和浮雕…
  
Photoshop制作的一个质感网页导航按钮


  最后,一个渐变叠加
  
Photoshop制作的一个质感网页导航按钮


  Step 4
  现在,让我们继续创造箭头机构。 我们将首先创建一个约60 × 55px的矩形使用矩形工具(U)。
  
Photoshop制作的一个质感网页导航按钮



  继续下去,并给它一些图层样式。 下面的图片以供参考使用
  
Photoshop制作的一个质感网页导航按钮


  为了确保它的垂直和对齐,选择这两个层次,其中包含按钮和箭头机构(概括地讲,我们只有两个层迄今)和对齐单击控制条垂直中心
  
Photoshop制作的一个质感网页导航按钮


  创建一个小的矩形,如在下面的图片1()。然后转到“编辑>变换>斜交>V:30
  
Photoshop制作的一个质感网页导航按钮


  给它同样的图层样式
  
Photoshop制作的一个质感网页导航按钮

上一页12 下一页 阅读全文
上一篇:Photoshop打造精致的透明玻璃按钮
下一篇:Photoshop打造漂亮的网页水晶按钮
一句话新闻
一文看懂荣耀MagicBook Pro 16
荣耀猎人回归!七大亮点看懂不只是轻薄本,更是游戏本的MagicBook Pro 16.
人们对于笔记本电脑有一个固有印象:要么轻薄但性能一般,要么性能强劲但笨重臃肿。然而,今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上,荣耀宣布猎人游戏本正式回归,称其继承了荣耀 HUNTER 基因,并自信地为其打出“轻薄本,更是游戏本”的口号。
众所周知,寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验,而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起,我们不禁对它产生了强烈的好奇:作为代表荣耀猎人游戏本的跨界新物种,它究竟做了哪些平衡以兼顾不同人群的各类需求呢?