淘宝美工教程之Photoshop购买导航条的制作教程

 时间:2024-11-10 21:57:53

本节课程,主要讲了Phot艺皱麾酪oshop的3大方面操作。1.圆角矩形的绘制操作。2.图层样式的操作应用,如:投影,渐变叠加等操作。3.文字的操作。

http://player.youku.com/player.php/sid/XODEwNTk4NjIw/v.swf

工具/原料

AdobePhotoshopCS6软件

第一步:绘制圆角矩形

1、看下制作好的整体效果。

淘宝美工教程之Photoshop购买导航条的制作教程

2、使用圆角矩形,创建所需要的长方条形状。可以进行修改处理。

淘宝美工教程之Photoshop购买导航条的制作教程

淘宝美工教程之Photoshop购买导航条的制作教程

淘宝美工教程之Photoshop购买导航条的制作教程

第二步:制作渐变样式

1、对其进行图层样式的添加。1像素白色描边。

淘宝美工教程之Photoshop购买导航条的制作教程

淘宝美工教程之Photoshop购买导航条的制作教程

2、c49012色值的渐变叠加,以及投影的设置。参数下图。

淘宝美工教程之Photoshop购买导航条的制作教程

淘宝美工教程之Photoshop购买导航条的制作教程

第三步:文字的输入和制作

1、进行文字的输入。快捷键是T。同时我们还可以对文字进行修改。

淘宝美工教程之Photoshop购买导航条的制作教程

2、在窗口面板找到字符。所以的文字设置都在字符里面进行调整的。

淘宝美工教程之Photoshop购买导航条的制作教程

淘宝美工教程之Photoshop购买导航条的制作教程

第四步:制作另外一个导航条

1、用第3步的方法,制作红色的小的圆角矩形。同时我们要对颜色进行修改。图层样式使用的是粝简肯惧内阴影和渐变叠加的方法。

淘宝美工教程之Photoshop购买导航条的制作教程

2、参数如下图。

淘宝美工教程之Photoshop购买导航条的制作教程

淘宝美工教程之Photoshop购买导航条的制作教程

第五步:购物文字的输入

1、购物文字的输入。也可以根据自己的需求填写相应的文字。改变文字的颜色。

淘宝美工教程之Photoshop购买导航条的制作教程

2、然后在自定义形状工具里面,找到引导的三角行。填充成白色即可。

淘宝美工教程之Photoshop购买导航条的制作教程

第六步:制作完毕,保存样式。

1、可以将制作好的,进行复制。

淘宝美工教程之Photoshop购买导航条的制作教程

2、注意:我们可以把它保存起来!什么时候用,直接导入进来就可以啦!

淘宝美工教程之Photoshop购买导航条的制作教程

如何在Flash之中制作按钮? flash如何绘制大树和小鸟 FrontPage技巧:[15]如何在网页中制作表格框架 如何使用FLASH cs6的历史记录和撤销键 手工折纸——旺旺
热门搜索
微笑的图片 龙门石窟图片 生肖守护神漫画 凤凰树图片 苍耳图片