【css sprite】 【定义】css sprite是一种网页图片应用处理方式，它允许将一个页面涉及到的所有零星图片都包含到一张大图中 【优点】 [1]减少http请求次数 [2]减少图片大小，提升网页加载速度 (多张图片加载速度小于拼合成的图片的加载速度) 【缺点】 [1]提高开发成本 [2]提高维护成本 【补充】(浏览器对并行网络请求有个数限制) http1.1(持久保持) http1.0(短暂保持) IE6...
【哪些是需要切出来的】 [1]修饰性的(一般用在background属性) [注意]修饰性图片一般保存为png24(IE6不支持半透明)和png8格式 [a]图标、logo [b]有特殊效果的按钮、文字等(如果设计师设计的字体不太常见的话,把文字当图片来切出来) [c]非纯色的背景 [2]内容性的(一般用在img标签) [注意]内容性图片一般是服务器的数据，一般不用切图，只用占位即可 [a]Banner、广告图片 ...
前端工程师技能之photoshop巧用(从效果图到雪碧图)1??准备篇 前端工程师技能之photoshop巧用(从效果图到雪碧图)2??测量篇 前端工程师技能之photoshop巧用(从效果图到雪碧图)3??切图篇 前端工程师技能之photoshop巧用(从效果图到雪碧图)4??优化篇 前端工程师技能之photoshop巧用(从效果图到雪碧图)5??理论篇
海报设计在ps中很常见，而简约之美是经常用到的一些技巧，在作品中大部分留白可以得到意想不到的效果. 最终效果 1.教程创建一个新文件，并如下设置 2.新建一个层命名为“边框”，填充颜色# eb7265，按Ctrl+Shift+N在新建一个层，并填充黑色，使用“自由变换”工具缩小，将前面的图层露出边缘来作为边框。 3.双击黑色图层，调出“图层样式”调整模式，选择“描边”并按如下设置来制作白边 4.选择一个窗口，使用“自由...
在前面的文章中我们介绍了Photoshop光影处理的基本理论以及如何在Photoshop中创建逼真的阴影，同时分享了一些个人使用的一些技巧，今天的文章中我们来说说灯光，我将给大家演示如何在Photoshop中创建逼真的灯光效果，包括如何创建灯光、全局光以及表面光的效果表现方法。创建灯光下面的图片这是我工作中的一个图像处理项目，大家可以看到处理前后的效果区别，在Photoshop中实现这种效果并不难，但如果想做的很逼真，就得多想想了。...
本教程主要使用Photoshop设计梦幻炫彩的艺术光线背景，在这篇教程中，我将告诉你，怎样使用图片，一些2D元素和3D渲染来制作一个真实的流体效果。你可以将它使用在其他数码艺术创作中去。画面的背景是我前些日子乱涂出来的一些线条。通过这篇教程的学习，将会对你的技术有所提高，你也可以试着在项目制作中用上这几招。Per Gustafsson 告诉你怎么用3D，2D还有照片元素来绘制一幅绚丽的画面。01 在PS中新建一个文档，在图层中首先要创...
阴影对于任何图像处理都是非常重要的，因为它与灯光总是形影不离，如果阴影被正确的使用，那么你可以得到非常惊叹的效果。在这个教程中，我会告诉你一些巧妙使用photoshop来创建逼真的阴影与灯光的方法。第一步当然是理论，以帮助你了解灯光与阴影是如何运作的，在后面的步骤中，我将向你展示如何创建阴影。1)光源与阴影的角度。在你开始处理图像前，你要确定时否需要阴影。为了让你自己理清思路，你必须先确定主光源。你可以看到，...
教程的制作非常有创意，制作的时候只需要用变形工具把一些文字或图案简单变形处理，做出类似风吹起的效果，不过用在特殊的场合效果是非常有新意的。 最终效果 1、首先打开扑克牌素材。 2、复制背景层，选择>色彩范围，用吸管点取卡片A的红色区域。 3、之后我们会得到一个选区，ctrl+J复制选区到新层，改名红色。下面我们把扑克牌的黑色部分选出，选择背景副本，做如下矩形选区。 4、ctrl+J复制选区到新层，得到图层...
这个效果来制作一个皮影**现的效果，制作一个恐怖的场景，不是很复杂很适合初学者，一起来制作吧。 photoshop教程最终效果 1.创建一个2000*1300像素的白色文档，并新建一个图层。 使用"钢笔工具"如下图绘制一个山峦起伏的简单图形 完成后点击鼠标右键，选择"填充路径"，在弹出的对话框中选择使用"黑色"，填充黑色 右键点击选择"删除路径" 同样的方法制作出山峦叠嶂的效果 在背景图层上新建一个图层，并点击"创...
效果图虽然由很多光束构成，不过单一的光束制作非常简单，只需要理清光束的大致轮廓，然后分层逐步制作，控制好图层的不透明度等，就可以做出剔透的叠加效果。最终效果1、新建一个1024 * 768像素的文件，背景填充黑色。先来制作光束的主体部分，需要完成的效果如下图。<图1> 2、新建一个组，用钢笔勾出第一条光束的轮廓路径，转为选区后给组添加图层蒙版，如下图。<图2> 3、在组里新建一个图层，选择渐变工具，颜色设置如图3，拉出...
本教程主要使用Photoshop设计清爽风格的水立方效果，制作水立方之前我们需要先搜集一些相关的素材，然后画出立方体，其它立体图形都可以，把水素材贴到立方体的各个面中，调整好透视，颜色，细节等即可，喜欢的朋友让我们一起来学习吧。最终效果1、搜集素材，扩散思考，想到一个创意，就是确定一个目标，比如说我们现在的目标是水立方体，那么你会想到什么?2、顺着你想到的东西去找需要的素材。搜集好的素材如下。3、我们开始制作，...
白银表面都非常光滑可以发出较强的反射光，但由于其质地较软，且本身的颜色属于亮灰色白银表面都非常光滑可以发出较强的反射光，但由于其质地较软，且本身的颜色属于亮灰色，所以通常我们看到的银都略带一些漫反射效果。白银质感的设计元素在各类设计作品中也很常见，可以用于一些需要表现雍容华贵气质的作品中。 本例将讲解如何在Photoshop中模拟制作白银质感，并将其应用于设计作品中。 打开随书所附第1张光盘中的文件“d2...
本文通过一个放大镜动画的实例(简单模拟放大镜， 重点探讨挖空样式)来讲解剪切蒙版和挖空图层样式的原理和应用以及简单的ps时间轴动画，希望能对大家有所帮助 PhotoshopCS6制作放大镜动画效果图 本文通过一个放大镜动画的实例(简单模拟放大镜， 重点探讨挖空样式)来讲解剪切蒙版和挖空图层样式的原理和应用以及简单的ps时间轴动画，希望能对大家有所帮助。 最终gif效果图 剪切蒙版制作放大镜动画 1. 打开将要用来做放大...
这节教程将告诉大家怎么在Photoshop中如何合成鸭梨人效果，整体的效果图处理的细节很不漂亮的说，喜欢的朋友一起来学习吧。 先看看效果图打开图片。然后，你需要找到合适的人脸图片，把它放在水果。您可以使用我的图片，或随意使用自己的。好了，打开图片，并把它复制到画布上用水果。然后设置不透明度为45%，这一层，使用编辑>自由变换，以降低影像和旋转上我的照片下面。设置为当前层的不透明度为100%，用橡皮擦工具，开始清理工...
这个图片是不是很炫，着实给我们一种眼前一亮的感觉。效果图是作者公司活动的宣传图片。下面我们就来学习一下ps设计的思路和方法，喜欢的朋友一起来学习吧。 但是针对“惊地”的主题，A图更为贴切，于是无情地将B图打入冷宫。 那么接下来我们录入文字，字体一定要选择“彪悍的”，其实做霹雳字，不一定用霹雳字体哈，霹雳字体会有点琐碎和幼稚。 我选择的是“汉仪醒示体简”，然后从下图看到我叠加了三种图层样式，我们具...