教你怎么做淘宝店铺公告栏图片和模板代码教程

时间:2010-12-07 05:36 来源:淘宝论坛 作者:告别华尔兹 浏览: 8665

大家好~~~

这篇是我第二篇作图教程,呵呵~~可这篇不算是作图吧,这篇是教大家造店铺模板,请大家多多指教

废话就不多说了

下面是SHOW TIME时间

第一步我们需要两个工具

1.分别是PS 和 DW,PS是作图和切片,DW是造网页
 

这些是我这次制造的素材,大家可以根据自己的需要上网下载不同的图片,造出自己的风格

新建一个文件,长设为748(或750都可以)宽度根据自己需要随意设置,我这里设置成400

将自己的图片分别放进新建的画布里,然后利用CTRL+T变型工具进行摆放和变换(这是个好好用的工具)

新建一个新图层(那个红色圈圈那个按钮)

选择选框工具---在样式那设置成固定大小,根据自己的需要设置,我这里设置成宽450 高250


选择刚才的新建的图层,按鼠标左键拉出一个矩形,然后填充自己喜欢的颜色,然后复制这个图层,生成了图层2副本

利用CTRL+T变形工具,将图层2副本缩小,造成如上图的边框效果,然后选上图层2和图层2副本按CRTL+E合并图层


然后用鼠标双击合并出来的图层,这时会弹出图层样式窗口,这时勾选上投影选项,这样做是令框框更立体点

这样基本上完成了图片了,将所有图层选上,按CRTL+E合并所有图层。

选择切片工具


在白色区域那切片,这里我用AB点表示,用切片工具由A点拉到B点

得出这图


 


完成前面的步骤,就可以保存了,文件----存储为WEB所有格式,如上图在保存类型选上HTML和图像

觉得本文有用?

精彩评论

推荐阅读

  • 淘宝店铺装修在线制作

    很多新手朋友对ps并不是很懂,或者说一窍不通,那么想制作一些自己的店招,分类,店标等等怎么办呢?淘宝学堂装修...

  • 如何让店铺视觉直接提升销售额

    最近碰到很多的卖家都在纠结自己的店铺视觉,总感觉自己的店铺风格不是自己需要的,我发现很多店主还是在凭自己的...