Photoshop CS2简单绘制商品购物网站banner(4)

这一个商品类网站的教程,发给大家一起学习。 注:学习本教程请用PSCS2。 效果图:.. 1.新建一文档,宽度自己可以选择,我设为500*110大�=⒁桓龊突家谎笮〉耐疾悖么可畛浔尘�2.用矩形工具绘制一个矩形

日系色,用LR调出干净、纯洁的日式制服照(3)

调整过后,会发现模特JK服白色部分比较纯,有点灰白色,这样看起来会比较干净 接下来色调分离,这东西可以和色温,色调曲线相辅相成,因为刚才调整HSL,显得人面部比较苍白,我回过头把色温再调整了一下,使他偏黄

这一个商品类网站的教程,发给大家一起学习。注:学习本教程请用PSCS2。

效果图:..

Photoshop CS2简单绘制商品购物网站banner(4)插图

1.新建一文档,宽度自己可以选择,我设为500*110大小。建立一个和画布一样大小的图层,用纯色填充背景

Photoshop CS2简单绘制商品购物网站banner(4)插图(1)

2.用矩形工具绘制一个矩形

Photoshop CS2简单绘制商品购物网站banner(4)插图(2)

3.选择上面的添加形状按钮,用椭圆形工具建立一个椭圆形.我们把这一层命名为

Photoshop CS2简单绘制商品购物网站banner(4)插图(3)

Photoshop CS2简单绘制商品购物网站banner(4)插图(4)

4.用矩形工具建立一个垂直的比较窄的矩形

Photoshop CS2简单绘制商品购物网站banner(4)插图(5)

5.按Ctrl+J 和Ctrl+T键向又移动几个像素.重复按Ctrl+J 和 Ctrl+T键得到如图所示的图形.(注:这里按Ctrl+J的意思是复制图层,这里的Ctrl+T只是代替了移动键“V”键)

Photoshop CS2简单绘制商品购物网站banner(4)插图(6)

6.选择并合并这些窄的图层.命名为“line”把图层样式改为overlay.中文意思“叠加”

Photoshop CS2简单绘制商品购物网站banner(4)插图(7)

7.Ctrl+单击 

Photoshop CS2简单绘制商品购物网站banner(4)插图(8)

8.把该图层把透明度调为20%

Photoshop CS2简单绘制商品购物网站banner(4)插图(9)

9.用自定义图形 画一个方框.

Photoshop CS2简单绘制商品购物网站banner(4)插图(10)

注:如果你的自定义图形中没有这个图形,可以通过以下方法加入。

Photoshop CS2简单绘制商品购物网站banner(4)插图(11)

按Ctrl+T.又击选择歪曲(英文为warp).右击选择弓形设置如图所示的参数

Photoshop CS2简单绘制商品购物网站banner(4)插图(12)

Photoshop CS2简单绘制商品购物网站banner(4)插图(13)

复制图层,按Press Ctrl+T.右击选择垂直翻转,变成如图所示的形状

Photoshop CS2简单绘制商品购物网站banner(4)插图(14)

按上面的方法做你需要的按钮

Photoshop CS2简单绘制商品购物网站banner(4)插图(15)

把要链接的名字打在按钮上

Photoshop CS2简单绘制商品购物网站banner(4)插图(16)

右击文本层,选择弓行文本,设置如下图所示参数

Photoshop CS2简单绘制商品购物网站banner(4)插图(17)

Photoshop CS2简单绘制商品购物网站banner(4)插图(18)

用同样的方法在其他的按钮上写上相应的文字,调节文本的弯曲度和按纽的弯曲度相同

Photoshop CS2简单绘制商品购物网站banner(4)插图(19)

在槽部和顶部插入我们要的文字或图片

Photoshop CS2简单绘制商品购物网站banner(4)插图(20)

还是选用自定义图形建立一个大的正方框旋转45°

Photoshop CS2简单绘制商品购物网站banner(4)插图(21)

把图层模式改为overlay降低透明度为30.

Photoshop CS2简单绘制商品购物网站banner(4)插图(22)

把图层复制两次,如图把图层按比例缩小

Photoshop CS2简单绘制商品购物网站banner(4)插图(23)

插入一幅漂亮的图片或者是公司的产品

Photoshop CS2简单绘制商品购物网站banner(4)插图(24)

在右侧底部插入公司的logo

Photoshop CS2简单绘制商品购物网站banner(4)插图(25)

完成。

Photoshop CS2简单绘制商品购物网站banner(4)插图(17)

Photoshop CS2简单绘制商品购物网站banner(4)插图(18)

用同样的方法在其他的按钮上写上相应的文字,调节文本的弯曲度和按纽的弯曲度相同

Photoshop CS2简单绘制商品购物网站banner(4)插图(19)

在槽部和顶部插入我们要的文字或图片

Photoshop CS2简单绘制商品购物网站banner(4)插图(20)

还是选用自定义图形建立一个大的正方框旋转45°

Photoshop CS2简单绘制商品购物网站banner(4)插图(21)

把图层模式改为overlay降低透明度为30.

Photoshop CS2简单绘制商品购物网站banner(4)插图(22)

把图层复制两次,如图把图层按比例缩小

Photoshop CS2简单绘制商品购物网站banner(4)插图(23)

插入一幅漂亮的图片或者是公司的产品

Photoshop CS2简单绘制商品购物网站banner(4)插图(24)

在右侧底部插入公司的logo

Photoshop CS2简单绘制商品购物网站banner(4)插图(25)

完成。

这一个商品类网站的教程,发给大家一起学习。注:学习本教程请用PSCS2。

效果图:..

Photoshop CS2简单绘制商品购物网站banner(4)插图

1.新建一文档,宽度自己可以选择,我设为500*110大小。建立一个和画布一样大小的图层,用纯色填充背景

Photoshop CS2简单绘制商品购物网站banner(4)插图(1)

2.用矩形工具绘制一个矩形

Photoshop CS2简单绘制商品购物网站banner(4)插图(2)

3.选择上面的添加形状按钮,用椭圆形工具建立一个椭圆形.我们把这一层命名为

Photoshop CS2简单绘制商品购物网站banner(4)插图(3)

Photoshop CS2简单绘制商品购物网站banner(4)插图(4)

4.用矩形工具建立一个垂直的比较窄的矩形

Photoshop CS2简单绘制商品购物网站banner(4)插图(5)

5.按Ctrl+J 和Ctrl+T键向又移动几个像素.重复按Ctrl+J 和 Ctrl+T键得到如图所示的图形.(注:这里按Ctrl+J的意思是复制图层,这里的Ctrl+T只是代替了移动键“V”键)

Photoshop CS2简单绘制商品购物网站banner(4)插图(6)

6.选择并合并这些窄的图层.命名为“line”把图层样式改为overlay.中文意思“叠加”

Photoshop CS2简单绘制商品购物网站banner(4)插图(7)

7.Ctrl+单击 

Photoshop CS2简单绘制商品购物网站banner(4)插图(8)

8.把该图层把透明度调为20%

Photoshop CS2简单绘制商品购物网站banner(4)插图(9)

9.用自定义图形 画一个方框.

Photoshop CS2简单绘制商品购物网站banner(4)插图(10)

注:如果你的自定义图形中没有这个图形,可以通过以下方法加入。

Photoshop CS2简单绘制商品购物网站banner(4)插图(11)

按Ctrl+T.又击选择歪曲(英文为warp).右击选择弓形设置如图所示的参数

Photoshop CS2简单绘制商品购物网站banner(4)插图(12)

Photoshop CS2简单绘制商品购物网站banner(4)插图(13)

复制图层,按Press Ctrl+T.右击选择垂直翻转,变成如图所示的形状

Photoshop CS2简单绘制商品购物网站banner(4)插图(14)

按上面的方法做你需要的按钮

Photoshop CS2简单绘制商品购物网站banner(4)插图(15)

把要链接的名字打在按钮上

Photoshop CS2简单绘制商品购物网站banner(4)插图(16)

右击文本层,选择弓行文本,设置如下图所示参数

这一个商品类网站的教程,发给大家一起学习。注:学习本教程请用PSCS2。

效果图:..

Photoshop CS2简单绘制商品购物网站banner(4)插图

1.新建一文档,宽度自己可以选择,我设为500*110大小。建立一个和画布一样大小的图层,用纯色填充背景

Photoshop CS2简单绘制商品购物网站banner(4)插图(1)

2.用矩形工具绘制一个矩形

Photoshop CS2简单绘制商品购物网站banner(4)插图(2)

3.选择上面的添加形状按钮,用椭圆形工具建立一个椭圆形.我们把这一层命名为

Photoshop CS2简单绘制商品购物网站banner(4)插图(3)

Photoshop CS2简单绘制商品购物网站banner(4)插图(4)

4.用矩形工具建立一个垂直的比较窄的矩形

Photoshop CS2简单绘制商品购物网站banner(4)插图(5)

5.按Ctrl+J 和Ctrl+T键向又移动几个像素.重复按Ctrl+J 和 Ctrl+T键得到如图所示的图形.(注:这里按Ctrl+J的意思是复制图层,这里的Ctrl+T只是代替了移动键“V”键)

Photoshop CS2简单绘制商品购物网站banner(4)插图(6)

6.选择并合并这些窄的图层.命名为“line”把图层样式改为overlay.中文意思“叠加”

Photoshop CS2简单绘制商品购物网站banner(4)插图(7)

7.Ctrl+单击 

Photoshop CS2简单绘制商品购物网站banner(4)插图(8)

8.把该图层把透明度调为20%

Photoshop CS2简单绘制商品购物网站banner(4)插图(9)

9.用自定义图形 画一个方框.

Photoshop CS2简单绘制商品购物网站banner(4)插图(10)

注:如果你的自定义图形中没有这个图形,可以通过以下方法加入。

Photoshop CS2简单绘制商品购物网站banner(4)插图(11)

按Ctrl+T.又击选择歪曲(英文为warp).右击选择弓形设置如图所示的参数

Photoshop CS2简单绘制商品购物网站banner(4)插图(12)

Photoshop CS2简单绘制商品购物网站banner(4)插图(13)

复制图层,按Press Ctrl+T.右击选择垂直翻转,变成如图所示的形状

Photoshop CS2简单绘制商品购物网站banner(4)插图(14)

按上面的方法做你需要的按钮

Photoshop CS2简单绘制商品购物网站banner(4)插图(15)

把要链接的名字打在按钮上

Photoshop CS2简单绘制商品购物网站banner(4)插图(16)

右击文本层,选择弓行文本,设置如下图所示参数

Photoshop CS2简单绘制商品购物网站banner(4)插图(17)

Photoshop CS2简单绘制商品购物网站banner(4)插图(18)

用同样的方法在其他的按钮上写上相应的文字,调节文本的弯曲度和按纽的弯曲度相同

Photoshop CS2简单绘制商品购物网站banner(4)插图(19)

在槽部和顶部插入我们要的文字或图片

Photoshop CS2简单绘制商品购物网站banner(4)插图(20)

还是选用自定义图形建立一个大的正方框旋转45°

Photoshop CS2简单绘制商品购物网站banner(4)插图(21)

把图层模式改为overlay降低透明度为30.

Photoshop CS2简单绘制商品购物网站banner(4)插图(22)

把图层复制两次,如图把图层按比例缩小

Photoshop CS2简单绘制商品购物网站banner(4)插图(23)

插入一幅漂亮的图片或者是公司的产品

Photoshop CS2简单绘制商品购物网站banner(4)插图(24)

在右侧底部插入公司的logo

Photoshop CS2简单绘制商品购物网站banner(4)插图(25)

完成。

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部