怎么样用ps设计淘宝店招(ps做淘宝店招教程)

本文主要介绍如何用ps设计淘宝店招聘(ps是淘宝店招聘的视频)，下面跟着东辰网详细了解一下吧。

最近有点忙=3=更新有点慢。我最近主要在做一个商场的装修，以及六一狂欢节=3=I我太忙了。。。。今天我也是拿这家店来教大家如何自己让一家店动起来。这家店的名字叫面面肉。可以进去看看效果。

一开始我要告诉你一个问题。许多人不知道。;t不知道如何定制自己的店铺招数，因为有系统自带的导航，而且系统自带的导航不能删除。很多人会说，喵！其实你只要把店牌上方的高度从120px调整到150px，系统自带的导航就会自动隐藏=3=(那个地方就是你去店铺装修首页双击店牌，然后你自己找到【120px高度】的设置。然后手动更改为150px点击保存，然后系统会自己运行下来，释放后隐)。

首先，让我们让我们来看看店铺招聘的效果:

如果你的老板让你设计一个店面，你会直接创建一个1920*150PX的PSD文件来设计吗？我我告诉你，唐不要这样做。店招虽然小，但也是我们店里最重要的一块，店招也感受到了你的整体风格。因此，我们需要整体设计。如下图所示:

想到最近有个艺术家跟我聊天，他发现我做的图和模特都经过了修图。他问道如果我不这样做，你的老板会怎么样？;don’不要修这幅画？我说没什么，他没有。;Idon’我对修图一窍不通。他说所以你你不是在给自己找麻烦。我说那个这是一个态度问题。事实上，很多时候，艺术家可以不会做好修图，只是因为他们怕惹事。很多时候，设计的好坏是由你的态度决定的。还有，记住一句话:你现在为这个老板做的，是为下一个老板做的。只要你做好某个项目，某件事，某个设计，下一任老板给你的工资，呵呵，。那时，它不是你在找工作。;有人在找你。

我的店招和海报融为一体，让首页看起来更大气。这里可能有人会问怎么知道PS里中间的990px(或者95)是怎么确定的？It这很简单。新建一个990*500的PS文件，然后把这个990图层拉到1920。It990层与1920年的背景图像对齐是可以的。其他店招导航之类的。就按照这个方法在PS里确定位置，然后用尺子拉。如下图所示:

然后画出整体的大概效果(这个很简单，一个浅蓝色的背景，然后用软笔刷，用10%的不透明度，然后用无敌乱涂画出这个效果)

然后添加一个导航栏(通常导航栏是我们整个页面的主色，所以这不是可以乱)。做一个地方把标志做成云的形状。这个用来放logo的东西可以做三四个圈。

然后去网上找气球挖下来。放在收藏里。

首先，你需要回忆一张店铺大小的图片。点击图像画布大小进行设置，如下图所示:

记得点击中间的位置。点两下就能知道这个定位是干什么的=3=

用那把尺子把你要剪的地方拉出来。然后用切片工具切成下图:

其实你也可以把DW里的整张图片存成热点。但是我的商店想要一个搜索栏。有时候有地方需要改变，所以我更喜欢切片。而且旗舰店要注意链接。切片后导航还可以把一些按钮换成GIF，让店铺搬家可以闪现(具体可以搜索淘宝店铺爱语宝的店铺搬)。

如果怕切的不好，请下载FW来切片。PS或FW切片后，如果切片比较复杂，总会有一张【分隔符】图。这张图是没有像素的图。目的是稳定桌子。这个分隔符需要添加到代码中。如果你用div来做布局，你就不会我不需要这个分离器。(注:div是一层代)

剪完片子后，按ctrlshiftalts保存图片和html，如下图。

然后继续将店铺恢复到PS中1920*150的大小。店招中间部分加一层白色(如下)。这一步是做店招的背景，目的是减少背景的KB数(大)。那么它保存整个图片是可以的。

让咱们简单说一下DW，大家就明白了。DW很简单。打开DW，把刚才切片的html直接拉进DW。然后看下图:

完成以上步骤，就基本完成了。但是很多人这样做了之后放在店里，还是乱七八糟的。为什么？我来教你一招。首先在DW代码模式下，用光标选中img然后点击编辑，找到并替换下图。

最后，上传制作好的背景就可以了。

做一个教程不容易。希望大家多多关注我。如果你不知道，请留言。;我什么都不明白。谢谢你。

最近有点忙=3=更新有点慢。我最近主要在做一个商场的装修，以及六一狂欢节=3=I我太忙了。。。。今天我也是拿这家店来教大家如何自己让一家店动起来。这家店的名字叫面面肉。可以进去看看效果。

一开始我要告诉你一个问题。许多人不知道。;t不知道如何定制自己的店铺招数，因为有系统自带的导航，而且系统自带的导航不能删除。很多人会说，喵！其实你只要把店牌上方的高度从120px调整到150px，那个系统自带的导航就会自动隐藏=3=(那个地方就是你到店的时候。店铺装修首页双击店铺，然后自己找【120px高度】的设置。然后手动更改为150px点击保存，然后系统会自己运行下来，释放后隐)。

首先，让我们让我们来看看店铺招聘的效果:

如果你的老板让你设计一个店面，你会直接创建一个1920*150PX的PSD文件来设计吗？我我告诉你，唐不要这样做。店招虽然小，但也是我们店里最重要的一块，店招也感受到了你的整体风格。因此，我们需要整体设计。如下图所示:

想到最近有个艺术家跟我聊天，他发现我做的图和模特都经过了修图。他问道如果我不这样做，你的老板会怎么样？;don’不要修这幅画？我说没什么，他没有。;Idon’我对修图一窍不通。他说所以你你不是在给自己找麻烦。我说那个这是一个态度问题。事实上，很多时候，艺术家可以不会做好修图，只是因为他们怕惹事。很多时候，设计的好坏是由你的态度决定的。还有，记住一句话:你现在为这个老板做的，是为下一个老板做的。只要你做好某个项目，某件事，某个设计，下一任老板给你的工资，呵呵，。那时，它不是你在找工作。;有人在找你。

我的店招和海报融为一体，让首页看起来更大气。这里可能有人会问怎么知道PS里中间的990px(或者95)是怎么确定的？It这很简单。新建一个990*500的PS文件，然后把这个990图层拉到1920。It990层与1920年的背景图像对齐是可以的。其他店招导航之类的。就按照这个方法在PS里确定位置，然后用尺子拉。如下图所示:

然后画出整体的大概效果(这个很简单，一个浅蓝色的背景，然后用软笔刷，用10%的不透明度，然后用无敌乱涂画出这个效果)

然后添加一个导航条(通常导航条是我们整个页面的主色，所以这个可以不要乱来。做一个地方把标志做成云的形状。这个用来放logo的东西可以做三四个圈。

然后去网上找气球挖下来。放在收藏里。

首先，你需要回忆一张店铺大小的图片。点击图像画布大小进行设置，如下图所示:

记得点击中间的位置。点两下就能知道这个定位是干什么的=3=

用那把尺子把你要剪的地方拉出来。然后用切片工具切成下图:

其实你也可以把DW里的整张图片存成热点。但是我的商店想要一个搜索栏。有时候有地方需要改变，所以我更喜欢切片。而且旗舰店要注意链接。切片后，导航还可以把一些按钮换成GIF，让店招可以闪现。有(详情在淘宝店搜索爱余宝的店)。

如果怕切的不好，请下载FW来切片。PS或FW切片后，如果切片比较复杂，总会有一张【分隔符】图。这张图是没有像素的图。目的是稳定桌子。这个分隔符需要添加到代码中。如果你用div来做布局，你就不会我不需要这个分离器。(注:div是一层代)

剪完片子后，按ctrlshiftalts保存图片和html，如下图。

然后继续将店铺恢复到PS中1920*150的大小。店招中间部分加一层白色(如下)。这一步是做店招的背景，目的是减少背景的KB数(大)。那么它保存整个图片是可以的。

让咱们简单说一下DW，大家就明白了。DW很简单。打开DW，把刚才切片的html直接拉进DW。然后看下图:

完成以上步骤，就基本完成了。但是很多人这样做了之后放在店里，还是乱七八糟的。为什么？我来教你一招。首先在DW代码模式下，用光标选中img然后点击编辑，找到并替换下图。

最后，上传制作好的背景就可以了。

做一个教程不容易。希望大家多多关注我。如果你不知道，请留言。;我什么都不明白。谢谢你。

了解更多如何用ps设计淘宝店招聘(ps是淘宝店招聘的视频教)相关内容请关注东辰网。