注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

孔德川孔老师博客

孔德川老师的唯一网易博客,欢迎关注,欢迎学习。

 
 
 

日志

 
 
关于我

出版图书:《淘宝店铺装修全攻略》 课程:《Photoshop视频课程65集》 《Photoshop视频课程116集》 《Photoshop视频课程200集》 《CorelDRAW视频课程90集》 《淘宝美工装修2.0版58集》 《淘宝美工实例制作100集》

网易考拉推荐

photoshop淘宝天猫美工教程1920全屏海报如何设计制作怎么装修?ps教程  

2017-08-23 16:26:04|  分类: photoshop 教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

这节课程来讲解一个,女装类淘宝店铺全屏1920海报的设计制作,另外,在制作完成之后,需要上传到店铺后台,如果是基础版淘宝店铺的话,需要使用代码来完成,如果是智能旺铺版本可以在后台直接添加。

第一部分:1920全屏海报photoshop软件设计

启动电脑里的photoshop软件,我这边使用的是最新CC版本,新建一个1920像素X600像素的空白文件。如图所示。


在ps软件工具箱中找到矩形工具,在选项栏里设置一个银白色,然后创建一个1920像素x450像素的矩形,和背景居中对齐,效果如图所示。


为了照顾不同尺寸的显示器展示效果,我们找到1920这个尺寸画布最中间的位置,创建一条参考线,接下来主要的文案和商品信息内容,都要居中位置展示,两边则是填充的内容。


找到背景素材,这边是在photoshop软件抠图出来的叶子,导入进来,调整到合适的位置和大小,作为背景,放到右边。


右边有了叶子素材,那么接下来,就可以用自由变换调整命令,调整出另外一端的背景效果。最简单的方法就是改变大小,或者旋转等操作。


接下来就是对商品,也就是模特进行抠图处理了。

一般商品抠图,有时间和条件的话,使用photoshop软件中的钢笔工具,进行精致抠图。没有条件的话,就使用工具箱里的快速选择工具,进行抠图。

如图所示,就是对整个模特使用快速选择工具进行抠图操作的。






对模特进行了选择之后,添加图层蒙版,就可以在调整里面,对它进行调整了。

一般抠图的话,使用图层蒙版相对不会损害原图,这样后期做起来,或者再修改,也是相对比较方便。


把模特素材导入进来。

使用自由变换命令,调整合适的大小和位置。


前期摄影师拍摄的模特图,色调太暗,看着不美观。

使用曲线调整命令,把模特简单的调整下。有条件的话,也可以对模特进行磨皮操作处理。没有条件的话,就可以直接像我这样,调整曲线色阶等也是可以的。


把另外一个模特也创建进来。

两个对象,牵扯到排版的问题,所以要调整合适的大小还有位置。

同时,把右边模特嵌入到我们创建的银白色背景中,这样也就一个前后的关系,无对比不设计。这个是新手学习淘宝天猫美工教程的时候需要注意的事情。






接下来开始创建文案内容信息。

使用矩形工具,创建一个200像素X450像素白色填充,放到银白色背景上方。

在使用矩形,创建一个矩形,调整和背景叶子类似的颜色,放到最顶部位置,如图所示。



创建文字内容,使用photoshop软件工具箱中的文字工具,创建裙子文字,颜色为白色,效果如图所示。


使用矩形工具,创建描边矩形,然后调整位置,创建其他需要展示的文字内容。

还可以创建出小的装饰效果,这边使用的是椭圆矩形工具,这样就有了环绕背景装饰,如图所示。






把事先准备好的衣服颜色分类,也导入进来,放到矩形中间,如图所示。



最后,我们把剩余的文案内容,还有促销信息文字内容也创建进来。

用圆角矩形工具,创建一个背景,这样突出文字效果。

最终1920淘宝美工全屏海报设计在photoshop软件中就制作完毕了。只需要导出为合适的图片格式就可以了。




如果操作过程中有些工具或者细节不太清楚,可以跟着下面这个视频演示,进行学习。


2017淘宝天猫photoshop美工教程全屏海报设计制作和店铺安装讲解


第二部分:淘宝旺铺基础版后台装修操作

接下来就要进行装修操作了。

登录账户,进入卖家中心,在店铺管理中,找到店铺装修,如图所示。


在旺铺基础版后台中,找到页面布局,添加一个模块,如图所示。


把在photoshop软件中设计制作好的1920全屏海报图,传到图片空间来,如图所示。


如果智能版的旺铺版本,可以直接使用图片空间里的图片链接,直接安装使用。

如图是基础版的旺铺,则要使用代码来完成操作。


在网上搜一个,全屏代码装修等相关的关键词,很多网站都提供这些。

然后复制图片空间里的图片地址链接,粘贴到这个装修代码里面,然后进行预览操作,查看效果,如图所示。



如果预览没有错误,就可以复制这段代码,来到旺铺后台。

在代码模式中,把代码直接粘贴过来,显示效果,如图所示。


整个的1920全屏海报代码装修就是这个样子,点击发布,就可以在店铺首页查看效果了。



学习更多课程,可以购买我的图书。


  评论这张
 
阅读(23)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017