7、为该层添加如下图层样式。为方便后面使用,需要保存下这个图层样式的配置信息,加入到样式库中。


Photoshop制作简洁大气的电子商务网站首页


Photoshop制作简洁大气的电子商务网站首页


Photoshop制作简洁大气的电子商务网站首页


8、现在你可以点击” New Style ”按钮,应用到下一个需要做的矩形样式上,并加入一些文字和图标。


Photoshop制作简洁大气的电子商务网站首页

 

9、接下来创建一个黑色的导航。


Photoshop制作简洁大气的电子商务网站首页


10、对导航栏使用下面的图层样式。并保存这个style。


Photoshop制作简洁大气的电子商务网站首页


11、在导航栏中创建另一个形状,然后将它栅格化。我选择用橡皮擦工具,删除上部的形状,然后将添加黄色。


Photoshop制作简洁大气的电子商务网站首页


12、有时候,做页面切片时,你需要一些焦点状态,表示当前鼠标操作时间。这就是接下来要做的,使用矩形工具创建按钮,继续使用黄色的图层样式。


Photoshop制作简洁大气的电子商务网站首页


13、向导航内添加一些文本。如下图所示。


Photoshop制作简洁大气的电子商务网站首页

 

扫码关注公众号 获取更多设计资源...
↓↓↓
白嫖福利 | 限时领取
摹客超级版会员(价值1250元)解锁摹客协作、摹客RP、摹客DT所有功能。
公众号主页发送 “激活” 免费获取 激活码
↓↓↓
公众号主页发送 “字体” 获取 全套可商用字体包...
↓↓↓
公众号主页发送 “vi” 获取 500个著名品牌vi设计手册...
标签:

相关文章

随机推荐