PS设计淘宝专卖店
PS设计淘宝专卖店图片
我们一开始就要说一个问题,很多人不知道如何定制自己的店铺,因为有一个系统有自己的导航,而且系统不能删除。很多人会说,狗我的猫!事实上,只要你把以上的高度调整到店120px 150px,内置= 3 =导航会自动隐藏系统(这是你的地方,店铺装修-家居-商店招牌点双击,然后你发现{ 120px }设置高度,然后手动改变150px点击保存,然后系统会给自己带来下跌的底部,释放后是隐藏的)。
首先,让我们看看商店的效果。
宽度在150px中间1920px高和宽990px导航宽度30px导航12px最好使用黑体字体
如果你的老板要求你设计一个店,你会直接建立一个新的1920×150px PSD文件的设计,我告诉你,别这样。虽然店很小,但他也是我们店最重要的部分,和商店也感觉你整个的风格,所以,我们需要整体设计。如下:
下面是最近一个美国工人对我说话的想法。他发现了我做了什么,和所有的模型有一个地图。他问如果我不修,你的老板怎么说,没有什么啊,他不知道修图然后他说,你是不是在找麻烦:;我说,这是一个事实上的态度的问题,大多数时候,艺术;做的好,怕麻烦。很多时候,设计的质量是由你的态度所决定的。还有,记住一句话:你现在的老板是要看到未来的老板只要你在一个项目中,有一件事,一个设计,一个美丽的工作,未来的老板给你的工资,呵呵,你知道,这不是你在找工作的时间。有人来找你。
我的店是有海报,所以首页看上去更大气。这里可能有人会问如何知道中间990px(或950)确定PS很简单,创建一个新的990×500的PS文件,然后把990层至1920层,在这里,990的地图与1920背景图好对齐。其他的商店,如导航,等等,按照这种方法确定PS的好位置,然后用尺子拉它。如下:
然后画出整个效果一般(这是很简单的,浅蓝色的背景,然后用软刷,不透明度10%,然后使用无敌和解读方法绘制的影响。)
然后添加导航栏(通常导航是我们整个页面的主色调,所以这不是鲁莽的哟)。使用云的形状放置Lo放置的地方。这个放置Lo的东西可以用三或四个圆圈来做。
然后上网找气球并把它们取下来,放在收藏中。
然后告诉你字= 3 =把LO和导航的话做。下面的情结是如何做链接。(导航的字体一般用黑体12px在12px,大小的字体看起来很不专业)
首先,你需要返回图片的大小,点击图片-画布的大小如下:
记住中间的位置。你知道这个位置使用了两次,= 3 =
用那把尺子把你想切的地方拉起来,然后用切片工具切割。
事实上,你也可以把整个图片保存为DW中的一个热点,但是我的商店会得到搜索栏。有时候有一个地方可以改变,所以我更喜欢切片。而旗舰店必须注意链接。切片后,导航也可以将一些按钮改为GIF,这样商店的招聘就可以闪现。(淘宝商店的最喜爱的商店搜索)。
如果不好的话,请下载FW进行切片。在ps或FW切片之后,如果切片比较复杂,就会出现一个分隔符的图片。这张图片是一个没有像素来稳定表的图片,需要添加到代码中。如果使用div做布局,则不使用这个分隔符。
按Ctrl + Shift + Alt + s保存图片和HTML后保留如下
然后继续返回商店的大小为1920 * 150在ps的中间部分的商店,添加一层白色(如下所示)。这一步就是网店招聘的背景。其目的是减少背景的KB(大小),然后将整个图片保存在OK上。
下面简单地说,DW将理解DW非常简单。打开DW并将刚刚被剪切成HTML的HTML压缩到DW中。
上述步骤完成后,就基本完成了。但是很多人这样做后,他们在商店做。为什么我教你一招,在DW代码模式首先用光标选择 最后,介绍了OK的制作背景。
结束