当前位置:首页>ps实例教程>ps网页设计>淘宝美工>教程内容

ps设计淘宝店招图片

来源:站酷 作者:上宫小剑 学习:62079人次

最近略忙 =3= 更新有点慢。主要最近在做一个商城的装修 还有六一嘉年华的各种活动专题装修 =3= 忙死我了。。。。今天我也是拿这家的店招来教大家怎么自己去做一个店招。这家店的名字叫 棉棉柔 。大家可以进去看看效果。

开头得给大家说一个问题。很多人不知道怎么自定义自家的店招,因为有个系统自带的导航,而系统自带的不能删。很多人会说,喵了个咪!其实你只要把店招上面的那个高度从120px调整到150px,那个系统自带的导航就会自动隐藏的了 =3= (那个地方就是你到店铺装修-首页-对着店招点双击,然后你自己找到 【120px高度】 这个设置。然后手动改成150px点击保存,然后系统自带的就会自己跑到下面,发布后是隐藏的)。

首先,我们看看店招完成效果:

宽是1920px 高是150px 中间的宽度是990px 导航宽度是30px 导航字体12px 最好用黑体

淘宝美工:店招

如果你的老板叫你设计一个店招你会直接新建一个1920*150PX的PSD文件去设计吗? 我告诉你,千万别这样搞。虽然店招很小,但他也是我们店铺中最主要的一块,而且,店招也觉得你整体的风格。所以,我们需要整体的设计。如下图:

淘宝美工:店招

这里想到最近有个美工跟我聊天,他发现我做的图,模特都有修图。他问“如果我不修图,那么你老板会怎样?” 我说“没神马阿,他本来压根就不知道要修图的” 他说,“那么你不是给自己找麻烦吗” 我说,“那就是态度问题了” 其实,很多时候,美工做不好图,就是怕找麻烦。很多时候,设计的好坏是你的态度决定的。还有,大家记住一句话:你现在帮这个老板做的事,是做给下一个老板看的。 只要你在某一个项目,某一件事,某一个设计,做得漂亮了,下一个老板给你的工资,呵呵,你懂的。到时都不是你去找工作了,是人家来找你了。

我的这个店招是跟海报融在一起的,这样首页看起来更加大气。这里可能有人会问怎么知道中间990px(或者950)是怎么在PS确定的?很简单,新建一个990*500的PS文件,然后把这个990的图层拉到1920这里,990的图层与1920的背景图对齐就OK了。 其他的店招 导航等等按照这个方法在PS确定位置就OK了,然后用标尺拉好。如下图:

淘宝美工:店招

然后把整体的大体效果画出来 (这个很简单,一层浅浅的蓝色背景,然后用柔和的画笔,用10%的不透明度,然后用无敌乱画法就可以把这个效果画出来了。)

淘宝美工:店招

然后加上导航条(通常导航条就是我们整个页面的主色调了,所以这个不能乱来哟)。用云的形状弄一个摆放logo的地方。这个用来摆放logo的东西用三四个圆形就可以做出来的了。

淘宝美工:店招

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
秃头小宝贝儿2021-01-05 05:11
好耗时啊

秃头小宝贝儿2021-01-05 11:21
banner

zhongjiqiyou2020-11-11 03:54
来看看
qq38266552020-11-04 12:27
jzjz
半兽人狼2020-10-30 10:35
66666666666666
宝庆小糖糖2020-10-13 07:54
真不错的教程!感谢!
微莨吖2020-10-06 07:24
那个替换代码不懂?替换的代码什么意思呢?大神求解!
GetStart2020-04-02 11:22
观摩学习
dzz19932020-03-31 06:22
看看
查查2020-03-26 02:21
挥剑断天下 发表于 2020-3-25 13:38
回复就回复吧,还非得整个防广告设置,每次都是这样
审核吗?等级高了就不审了
挥剑断天下2020-03-25 01:38
回复就回复吧,还非得整个防广告设置,每次都是这样
saobaby82020-02-11 06:08
谢谢楼主的分享!么么哒~
雪妞妹妹2020-02-06 07:33
谢谢
哈哈仔2019-12-20 10:22
kankan
僮小僮2019-12-13 03:36
我想学习一下,

关注大神微博加入>>

网友求助,请回答!