设计模板切片（PS做淘宝模板为什么还要进行切片）

本文目录

• PS做淘宝模板为什么还要进行切片
• 怎么用PS裁切一张很长的图片就是裁切详情页模板！满意了我加分！
• 我在PS做好了淘宝要用的宝贝推荐模板，保存为什么格式后，然后用Macromedia Dreamweaver 8 怎么操作切片！
• ps图片模板制作在哪里-ps图片如何设计模板
• 网页设计为什么要切片啊
• 我要自己做旺铺自定义区的模板切片在photoshop要新建多大的呢！
• Ps平面设计教程-平面设计快速切片

PS做淘宝模板为什么还要进行切片

PS做淘宝模板还要进行切片是设置需要，设置方兆裤法为：

1、打开图片文件，我就拿族毁简一张图片来代表一下。

2、点击选中余李工具栏中的【切片】工具。

3、右击可以显示切片相关的理多功能。

4、在图片的开始位置按住鼠标拖出一个作为一张图片的区域。

5、注意切片区域的上下左右边框要与图片的边框一样大小，否则导出会出现空白的图片。

6、可以通过切片区域的8个点来调切片的大小，调整到合适的大小即可，继续切下一张。

怎么用PS裁切一张很长的图片就是裁切详情页模板！满意了我加分！

1、首先将要裁剪的图片备好份，先检察好需要裁剪的图片，尺纤若是没有图片有问题，裁剪就是在浪费时间，因此一定要养成检察的好习惯。

2、用PS打开图片，点开始--打开，找到文件所陵或仿在的位置，将其打开，如图：

3、找到切片工具，默认的切片工具和裁剪工具是重叠在一起的。鼠标移到裁剪工具上点右键就会出现切片工具，点选切片工具。

4、先好切片工具后， 将光标移到图片位置，点右建，选择划分切片，出来如下对话框：团激这里可以可以根据需要进行水平和垂直两种方式，也可以选按桉你所需的份数或是按象素进行裁剪。（注：按像素裁的话，最后不一定是相等像素的）

5、选择好后点确定即可，接下来就是保存裁剪好的图，这跟普通的保存方式略有不同，如图所示，点选后，在弹出来的对话框点确定，进入下一个界面。

6、在新出来的界面中，可以在上面的图片预设处选择自己需要的格式，其它地默认即可，然后点下面的保存，选好自己的何存位置。

7、完成。在自己的保存位置，你会发现多了一个命名为images文件夹，切片图片就是保存这个文件夹里的。

我在PS做好了淘宝要用的宝贝推荐模板，保存为什么格式后，然后用Macromedia Dreamweaver 8 怎么操作切片！

切片是在PS中完成的哦~PS里切片结束，在Dreamweaver在进行代码编写，我想你羡拆是切片的话茄搜，应该是用块级元素颤派历进行点击链接的~

ps图片模板制作在哪里-ps图片如何设计模板

ps如何制作模板

ps制作模板方法如下:

1、打开PS,新建一个800×800的图像。

2、设置前景色。

3、使用矩形工具拖动画出任意大小矩形兄缓指。

4、选定背景图层。

ps图片如何设计模板。1、打开ps,新建画布,选择背景颜色,使用滤色,选择如下图所示的填充,点击确定,然后选择文件-图像-调整-滤镜-模糊,在菜单-颜色设置里选择如下所示,点击确定。2、接下来选择图层1,按下键盘的快捷键,选择混合选项-对象,并选择如下图所示的滤镜-扭曲-变换,使其形成一种花朵状的花。3、继续选择滤镜-扭曲-变换,使其形成一个花瓣状,并选择如下所示的对象-扭曲-变换,并选择如下图所示的滤镜-扭曲到如下图所示的一个位置。4、在菜单-图像-调整-模糊,选择如下图所示羡配的柔化-高斯模糊。5、且将菜单-图除背景。所有的图像需要更改为一次才会有一些变化。6、在图及表中将圆环环绕形状。

1、打开图片素材对图片进行裁剪,在显示额外内容哪岁前面打上勾,拉两条辅助线。

2、ctrlj复制图层。

3、选中背景图层,shiftF5,将背景图层填充为白。

4、选择切片选择工具,在第二区块点击鼠标右键,横竖都可以选择,现在选择了垂直排版,个数选择2个。

5、将其他人物素材拖动到此图层中,ctrlt改变其大小。

网页设计为什么要切片啊

现在都在追求网站的体验，体验性好的网站，能博得用户的喜爱，那么你的网站的价值就大大提升了。一个网站打开的速度取决于服务器的响应速度和你的网站网页的 大小，抛开服务器响应速度不说，单讲网站网页的大小，网页占用的字节也大，网页打开越慢；反之，则越快。如果你做好了一张专题效果图（没有用切片切好的话），直接放到网站上去，那么要整张图片全部“解析"完成之后整个专题页才会显示，这个过程等待的时间是相当长的，还没等你的网页打开，访问者就离开了。假如你对网页做了切片的话，那么程桥慧差序会逐个把碧改你的切片依次打开，这样网页的打开速度就快了，体验性就上来了，访问者的等待时间就短了，访问者就愿意在你的网页上停留。网页切片敏皮是为了增强用户的体验性，没有别的。

我要自己做旺铺自定义区的模板切片在photoshop要新建多大的呢！

1.商品图片的尺寸：宽500*高500像素，大小在120KB以内，要求JPG或GIF格式，到发布宝贝页面上上传图片。
2.店标图片的尺寸：宽100*高100像素，大小在80K以内，支持JPG或GIF格式，动态或静态的图片均可。上传步骤：“管理我的店铺”-“基本设置”-“店标”-“浏览”-“确定”
3.宝贝描述图片的尺寸：没有特殊要求，可根据需要宽500*高500像素，大小在100K以内，这样图片的打开速度较快。要求JPG或GIF格式，静态或动态均可。将图片上传到电子悉闷相册，再复制到商品页面中去。
4.公告栏图片的尺寸：宽不超过480像素，长度不限制，大小在120KB以内GIF或JPG格式，动态或者静态均可。上传“管理我的店铺”-“基本设置”-“公告栏”-“确定”。
5.宝贝分类图片尺寸：宽不超过148像素，长度不限制，大小在50KB以内，要求GIF或JPG格式，动态或者静态均可，哗陆者先将图片上传到电子相册得到一个缩短网址后进入“管理我的店铺”-“基本设置”-“宝贝分类”
6.旺旺头像图片尺寸：宽120*高120像素，大小在100KB以内，格式为JPG或GIF，动态或者静态均可。
7.论坛头像图片尺寸：最大为宽120*高120像乱薯素，大小在100KB以内，GIF或者JPG格式，动态或者静态图片均可。上传方法“我的淘宝”-“个人空间”-“修改资料”-“上传新头像”。
8.论坛签名档图片尺寸：宽468*高60像素，大小在100KB以内，JPG或者GIF格式，动态或者静态均可，上传“我的淘宝”-“个人空间

Ps平面设计教程-平面设计快速切片

Ps平面设计教程-平面设计快速切片

　　作为美工，我们经常需要对一张大图切片，切成几张小图之后，让后输出web格式的文件，那么关于平面设计如何快速切片，我为大家分享Ps平面设计快速切片教程如下：

　　PS使用技巧

　　1.在画布中调整笔刷的各种参数

　　关于笔刷，用过PS的人基本上都知道几个快捷键，比如Ctrl+""调整笔刷大小之类，这次我带来的方法比那个更加便捷，不但是大小上的调整，连同硬度和颜色都可以在画布中完成调整。

　　方法：

　　①在画布中按住Alt+鼠标右键——此时在画布上会出现一个红色的圆点，圆点代表了你笔刷的大小和硬度(越实越硬，越虚越软)，拖动鼠标进行左右平移可以调整笔刷的大小，上下拖动可以调整硬度。

　　②按住Alt+Shift+鼠标右键——此时你会发现鼠标旁出现了一个色彩选取框，没错!现在你可以调节颜色了!按住右键不放，移动鼠标到想要的颜色上即可。

　　2.小抓手的组合用法

　　按住空格键将鼠标变成小抓手拖拽画布已经是相当普及的用法，几乎每个PS玩家都要使用，但是它的组合键却鲜有人知，这次为大家带来小抓手的组合级之一：全局拖拽——即使放大到很大比例仍然能瞬间让视图到达画布的任意位置。

　　方法为：按住空格键将鼠标变成小抓手后，再按住一个“Z”，然后按下鼠标——这时你会发伍禅段现视图瞬间回到了全局，鼠标则变成了一个小方框，这个小方框就是你当前所能显示到的区域，拖动鼠标挪到想要去的地方，然后撒手，走你～

　　3.自由腔誉变换的附加用法

　　这一条有点老调重弹了，不过估计肯定会有不知道的，这里再提一下，Ctrl+T进行自由变换过一次后，用Ctrl+Shift+T可重复上次的变换，用Ctrl+Shift+Alt+T可实现复制本体并重复上次变换的效果。如图

　　4.利用Shift实现加速拖动

　　不知道大家有没有遇到过这种问题，有的时候为了对准细节不得不将视图放得很大，这时候拖动一个图层或者选区等到另一个地方要经历漫长的等待，看着下面的滚动条慢慢悠悠的走真是心急如焚呐……其实这个时候只要按住Shift，你会发现滚动条嗖的一下就过去了～这个技巧需要多练几次，因为按住Shift之后的拖拽速度真的是灰常快，可能一不注意就过头了，所以建议你可以一下下的点着而不是一直按着，不截图了，一用就明白。

　　5.钢笔工具绘制中转换折点

　　一个小技巧，在使用钢笔工具时，按住鼠标拖拽节点时按下Alt，即可实现对当前节点的一个转折。

　　6.利用Alt选中锁定图层

　　锁定图层大部分时候是因为不想再移动它，但有时真需要动它的时候却可能因为图层过多而袭帆找不到，即使勾选了直接选取图层也无法选中锁定了的，这个时候只要按住Alt在画布上点击被锁定的图层就可以选中了，不仅如此，其实被锁定的图层仍然可以进行一些操作，比如合并。不截图了

　　额外分享一个自己总结的有关三大功能键Shift、Ctrl、Alt的语义不完全总结，其实有的时候根据三种功能键的语义就能猜出某些功能的快捷键，一试一个准

　　万用滚轮

　　在大家使用PS时，滚轮这个东西实际上并不常用，但一个滚轮加上三功能键却可以完全实现缩放和平移、纵移、调整数值等功能。

　　①缩放

　　· Alt+滚轮：此法可实现对画布的无比例缩放，滚动时以鼠标所在位置为参照中心进行缩放。(PS：笔者不推荐此法，介绍这条纯粹为了引出第二个…)

　　· Alt+Shift+滚轮：等比例缩放画布，滚动时以鼠标所在位置为参照中心进行缩放(注意看动图中视图百分比的数值前后变化)，墙裂推荐，我最常使用的快捷键之一，等比例缩放，完美替代Ctrl+”+”、Ctrl+"-"。

　　②移动

　　· 视图在超过一屏的情况下(或者在全屏下)，直接鼠标滚轮即可实现纵向移动，每滚一小格是一个屏幕像素;按住Ctrl+滚轮可实现横向移动，也是每格一屏幕像素。

　　· 在上面的基础上加上Shift即可实现加速移动，每滚一小格就是一个屏幕，若是放到很大的倍数那么加上Shift还是十分方便的。

　　万能选区对齐大法

　　神技 !我一直用它!

　　这里的神奇之处在于，我可以在PS中实现以任意区域为对象进行对齐，这里类似AI中关键对象的设定(多选N个目标后，再次点击其中的一个目标将加重显示，这个时候使用对齐的话是以此目标为关键对象进行对齐)，其实在PS中并不存在这种关键对象，但是我们仍然可以自己创造一个——选区!经过不完全测试，选区这个东西无论是选择还是对齐，其优先级都是凌驾于图层之上的(对于路径无效)，所以当你在画板中创造一个选区之后，你的任何对齐方式都是以此选区作为关键对象的!这样图中的’效果就不难理解了吧。

　　· 拓展1：像AI一样，能不能让一图层以其中指定的某个图层为关键对象进行对齐呢?当然可以，只需要按住Ctrl点击想要对齐的图层，将它转换为选区即可，是不是So easy?

　　· 拓展2：每次都要在状态栏上点击对齐，是不是好麻烦?快捷键木有，这可怎么办?没关系，咱们自己设定一个就是了。打开——键盘快捷键，打开图层那一页，找到上面的几项内容，然后根据自己口味进行修改吧! 以后对齐只用快捷键，高大上有木有!

　　· 拓展3：之前也说过了，选区的优先级凌驾于图层之上，同样图层具备的有些属性选区也同样具有，比如对齐边缘。

　　几个小技巧

　　· 有的小伙伴会经常在一组同样尺寸的源文件间切来切去，把一个文件中的东西拖到另一个里，拖过去发现位置变了还要再调整，是不是很烦恼?这里有一个小秘诀：在把物件拖到另一个文件中时，按住Shift，如果两个文件尺寸是一样大的，那么它就会粘在原来的位置;如果尺寸不同则会粘在画板正中央。此方法无论是图层、路径、形状、选区…只要是能拖动的东西都可以实现。

　　· 用Ctrl+Tab(Mac中是Control+Tab)可以在不同文件画板间切换。

　　· 一个文件中使用了N个同样的智能对象，只想更改其中一个?右键点击该层——通过拷贝新建智能对象。

　　· 利用方向键移动时嫌走得太慢?按住Shift试试看。

　　路径选择工具的优化(CC+)

　　本条是针对PSCC及以上版本的技巧(在PSCC发布之初本是没有这个功能的，后续的更新中才加上)，第一次使用CC时相信很多人在使用路径选择工具时都有一些不适感——尼玛怎么什么都能选!

　　事情是酱紫的，在CC中，Adobe将路径工具的级别变为全局(与AI类似)，双击可将目标图层锁定，在未锁定的情况下路径选择不受图层限制，通俗点说就是，无论你有多少个图层，是否上锁，只要存在就可以被选中，但是选中了却未必可以操作(比如选中的路径中包含上锁图层)，这与我们以往的操作习惯有很大出入，Adobe也发现了这个问题，所以在后续版本中增加了这个切换功能

　　在第一次框选时可以选中任意路径图层(包括上了锁的)，重新调整过左上角的选择现有图层/所有图层后，则只能选择当前图层，有点类似移动工具的自动选择。

　　通过这一设置，我们可以控制路径选择的范围，需要选择某一路径而不想被其他图层打扰时使用“现用图层”，当需要批量操作时选用“所有图层”

　　如何将统一图层中的多个形状快速成多个图层?

　　1.最好选用路径选择工具中的【选择所有图层(CC+)】

　　2.选中图层，切换至路径选择工具

　　3.点选所需形状/路径，【C】+【S】+J

　　4.重复步骤3，直到拆分结束

　　反向图层

　　比较隐秘的一个技巧~不知道大家有没有遇到过类似的困扰，排了一堆的图层，最后发现顺序全都反了，眼见如山的图层，怎么办，挨张调整顺序?有的同学可能要说，一定有类似的插件或者动作的，其实PS里一直都有这一功能的~

　　图层——排列——反向(选中多个图层才能使用)

　　非线性历史记录

　　开启了非线性历史记录的状态，可以看到在我进行撤销操作后在进行的操作，其记录会承接之前的步骤，也就是说 无论是否被撤销，所有的历史记录都将被保留，这样我们做图时的灵活性就变得更强了，当然弊端也不少，一是开启之后历史记录条数将增长得飞快，耗资源不说，关键步骤被刷掉就悲催了。再就是习惯问题了，我第一次开启时感觉务必的别扭……新鲜劲儿过去了就改回来了，不知各位看官是否有用得习惯的~开启方法见下图：

　　渐变窗口拉伸

　　不算冷，常玩PS的人应该都知道~调整超多拐点的渐变时会很费劲，那么在边缘把窗口拉开就可以了啊

　　显示蒙版

　　很多新手对于蒙版的概念不是很清楚，这个技巧可以让你很清晰地感受蒙版的原理：按住Alt点击蒙版(限图层蒙版，矢量蒙版无效)，这时画板将切换至蒙版的灰度状态，使调整更加方便~按住Alt再次点击蒙版即可退出状态。顺便一提，按住Shift点击蒙版为停用。

　　通过形状新建参考线(Photoshop CC 2014.2)

　　在上面提到过，通过选区边界的吸附特性来快速创建参考线的技巧，现在Adobe在更新中加入了类似的功能，使用起来更加方便~

　　一键创建参考线，就是这么简单~使用方法也是非常简单(我自定义了快捷键，这个功能本身是没有的)，在视图中找到“通过形状新建参考线“即可一键创建参考线，就是这么简单~使用方法也是非常简单(我自定义了快捷键，这个功能本身是没有的)，在视图中找到“通过形状新建参考线“即可

　　新建参考线版面(Photoshop CC 2014.2)

　　有心的同学应该已经发现了，视图中的另一个新项目：新建参考线版面

　　通过这一功能，我们可以快速的为整个页面创建成套的参考线，另外Adobe还给出了四种参考线预设：8列、12列、16列、24列。

　　另外我们也可以将常用的参考线版面存储成预设，比如960模板等另外我们也可以将常用的参考线版面存储成预设，比如960模板等

　　以行为例，我们来说一下这三个参数：

　　数字：一共有几组(两根)参考线

　　高/宽度：这一组(两根)参考线间的距离

　　装订线：组与组之间的距离

　　快速切片

　　有的时候，我们的切图并不是“贴边切“的，需要为图形留出边界来保证一批切图的相同尺寸，那么我们可以先做一层所需尺寸的模板作为切图参考，然后再隐藏就是了：但是有的时候，我们的切图并不是“贴边切“的，需要为图形留出边界来保证一批切图的相同尺寸，那么我们可以先做一层所需尺寸的模板作为切图参考，然后再隐藏就是了：

　　PS：这是最新的发现，通过这个功能创建的切片跟所属的形状有连接关系，如果所属形状发生变化(位移、形变)，切片也会跟着动，这一点好好利用的话也是十分便捷的PS：这是最新的发现，通过这个功能创建的切片跟所属的形状有连接关系，如果所属形状发生变化(位移、形变)，切片也会跟着动，这一点好好利用的话也是十分便捷的

　　方法还是十分简单：图层——新建基于图层的切片(我设置了快捷键，本身是木有的)

　　生成图像资源增强版——抽出资源(Photoshop CC 2014.2)

　　冷知识番外篇中有介绍过一个CC14.1的新功能——生成器，可以自动将所需图层导出为不同尺寸的切图。这次的新功能 抽出资源相当于是轻量版的生成图像资源

　　方法：选中文件/组，找到文件——抽出资源… 点击后进入抽出资源界面

　　整个界面中没有什么太难理解的地方，右侧抽出资源那里有0.25x、0.5x、2x、3x几个不同尺寸切图的选项，如果不够的话点击齿轮或者左下角的设置会有更多的选择

　　下面的自动提取，当文档变更后会重新生成资源，类似生成器。

　　打开/关闭所有组、打开/关闭其他组(Photoshop CC 2014.2)

　　这个问题也是很多人都在问了，新版本终于有了这个功能~

　　使用方式：按住Ctrl点击组前面的箭头即可，注意此功能貌似只针对最外层组有效，里面的就不好使了

　　一条图层，多个区域均可右键点击，每个区域出现的列表也各不相同，图中是右键点击组前面的箭头，在列表中选择打开/关闭其他组~