推荐阅读
Photoshop调出古典唯美效果图的外景婚片调色
案列对比图：左为原片，右为效果图1、[注：一直不厌其烦的讲复制背景层，不要在背景层上修改]。复制背景层，生成新的背景层，而后复制背景层生成图层1，修改混合模式为滤色，操作目的：提亮。2、创建“色相/饱和度”调整层，设置参数如下：3、创建“渐变映射”调整层，操作布草如下：
插画艺术网
本实例以造型优美的、抽象的花朵形象和渐变的、绚丽的花朵色彩，来表现插花艺术网页页面的设计主题。该设计效果强烈，点、线、面、色彩和图形的组合运用是构成网页的装饰要素。紫红色的运用为画面增添了浪漫气息。如图11-40所示，为本实例的完成效果。图11-40 本实例完成效果在本实例中所设计的内容与主题相符，体现插花这门艺术的优美与浪漫。协调的处理色彩与其他设计要素之间的相互关系，增强网页的信息和情感传递效果，使人们在浏览的时候产生共鸣。在制作过程中主要采用绘制路径、描边路径来绘制图像，使用“画笔”工具来修饰图像的颜色，更改图像的混合模式使两幅图像叠加起来，能得到更加丰富的图像效果。如图11-41所示，为本实例的制作流程。图11-41 本实例制作流程（1）启动Photoshop，执行“文件”→“新建”命令，参照图11-42所示对打开的“新建”对话框进行设置，创建一个名为“插画艺术网”的新文档。图11-42 设置“新建”对话框（2）单击“图层”调板底部的“创建新图层”按钮，新建“图层 1”，然后使用工具箱中的“矩形选框”工具，参照图11-43所示在视图中绘制一个矩形选区。
CSS兼容IE6,IE7,FIREFOX的一些收集
第一种，是CSS HACK的方法height:20px; /*For Firefox*/*height:25px; /*For IE7 & IE6*/_height:20px; /*For IE6*/注意顺序。这样也属于CSS HACK，不过没有上面这样简洁。#example { color: #333; } /* Moz */* html #example { color: #666; } /* IE6 */*+html #example { color: #999; } /* IE7 */第二种是使用IE专用的条件注释<!--其他浏览器 --><link rel="stylesheet" type="text/css" href="css.css" /><!--[if IE 7]><!-- 适合于IE7 --><link rel="stylesheet" type="text/css" href="ie7.css" /><![endif]--><!--[if lte IE 6]><!-- 适合于IE6及一下 --><link rel="stylesheet" type="text/css" href="ie.css" /><![endif]-->第三种css filter的办法，以下为经典从国外网站翻译过来的。.新建一个css样式如下：#item { width: 200px; height: 200px; background: red;} 新建一个div,并使用前面定义的css的样式：
最新发布
精选国外非常吸引人的旅游门户网站设计欣赏
其实酒店和旅游类的网站最能体现多媒体内容和文字的搭配技巧了，这类网站通常需要营造氛围，展现美感，体现吸引力，优秀的案例比比皆是。今天我们就来看一组优秀的案例。现如今的旅游和酒店类网站设计的越来越带感了，壮美的风景和精致的界面融为一体，优质的服务和梦幻般的界面让用户在网站中流连忘返。这些网站以惊艳的图片和视频立足，配合以突出的现代网页设计技术，结合当下的设计趋势，视差滚动、全景图片、响应式布局、动态图片一个都不缺席。这些网站巧妙地将多媒体技术、文字排版和特效平衡为一体，为用户提供了身临其境的体验。>Pygmy ElephantPygmy Elephant 是一个旅游机构，网站为用户提供了逼真而难忘的视觉体验。其中涵盖的多媒体类型丰富，通过丰富的视觉体验鼓励游客踏上旅程。网站使用了视频背景，漂亮的图文混排，精致的交互细节。>Cruise Me为了让项目效果突出，设计和开发团队使用了诸多先锋的技术。当用户打开网站的时候能够看到首页上交互性极强的地图，每个地标都能够为用户提供丰富的信息以便浏览和了解。再向下，用户可以翻看不同主题不同旅游项目的卡片，有目的和针对性地了解具体信息。整个网页的设计友好而令人愉悦。>Bird Luxury Travel PR
Phhotoshop绘制可爱的卡通雪人动画教程
先看看效果图Step 1首先打开PS，创建一个新文件。我一般习惯建一个大一点的文件，这样比较方便处理一些细节的效果。 使用 #89defd颜色填充背景。Step 2创建一个新图层，先用椭圆形选框工具画一个大圆做身体，之后再创建一个新图层，同样的工具画一个小圆当脑袋，(不需要100%圆)用白色填充，将小圆图层置于大圆图层上面。Step 3在头和身体图层之间创建一个新图层(图层1)，使用笔刷工具(如下图)，选择#CCCCCC画一个灰色圆形，这个将作为头部的阴影。下面回到身体图层，CTRL+鼠标左键 将身体形状选出，然后CTRL+J复制阴影图层。你会看到图层面板中多了一个图层，将它命名为head-shadow，然后删除图层1，这样头部阴影就做好了。
Photoshop3D工具制作旋转的立方体动画教程
最终效果1、新建一400*400画布，72p,模式：灰色。ctrl+j复制一层。2、3D/从图层新建形状/立方体。3、现在己建立了3D图形。4、窗口/3D。
Photoshop制作留声机播放唱片动画教程
教程介绍较为复杂的GIF动画的制作方法。效果图片需要动的部分有音符、光碟、人物的手。这些都是同步的。制作动画之前需要把这这些动画场景设置出来，然后再同步设置动画。本教程为思缘论坛会员林内原创，转载请注明1.效果图2.素材3.ps里打开，用“套索工具”和“仿制图章”等工具，去掉原图中的音符。然后，打开动画面板(时间轴)，单击箭头所指小三角>文档设置>设定时间及帧数。这里设为2秒，每秒25帧。4.用“快速选择工具”选中人物手部。
使用Photoshop时间轴制作炫酷动画教程
在平时工作项目中，多少会碰上要做简单gif动画的需求。以往做gif动画最麻烦的就是逐帧制作，一旦修改起来也很痛苦。随着photoshop版本的不断升级，其功能的优化和增加，都是一次次的惊喜，发展到CC版本，时间轴已可以对视频简易剪辑，所以时间轴制作简单的gif动画足已。1、如何调出视频时间轴面板在窗口–>时间轴，调出时间轴面板后，选择创建视频时间轴。选择了视频时间轴面板后，若想切换到帧动画面板，可以点击上图中红色内图标进行切换。2、了解视频时间轴图层的基本面板参数位置：单纯控制图层对象在画布的移动。(该参数动画对位图图层有效，矢量图层则需要启动矢量蒙版位置才会产生移动动画效果)
Photoshop置入合成真实瀑布动画教程
在photoshop CS5版本里，除了PS本身的动画制作功能，还可以通过置入真实的视频动画进行合成，可以制作出非常逼真的gif动画或视频合成动画，本例通过一个简单的动画例子来演示PS中置入真实瀑布视频的动画制作过程，其中顺带讲述一下透明婚纱抠图，有兴趣的朋友可以一试。教程素材：MissYuan_教程素材.rar效果图原图一原图二1、本教程采用photoshop CS5制作，首先打开原图一，这是我们本例的主场景，如下图所示：
Photoshop制作漂亮的霓虹艺术字动画教程
最终效果1、打开素材，调整色阶。2、加一些冷色调。3、单个输入喜欢的文字，字体为“Neon Regular”。4、执行：滤镜 > 模糊 > 高斯模糊，达到此效果即可，然后Ctrl + F 添加到其它字。
Photoshop制作漂亮的相册翻动动画教程
最终效果1、新建画布，设置如下图。2、导入素材，调整好大小及位置，Ctrl + 鼠标左键单击素材图层获得选区，新建一层，执行：编辑 > 描边，设置如下图。3、双击描边层，给描边层添加图层样式，如下图。
25款创意灵动的深色系网页设计欣赏
不少设计师喜欢用深色背景来突出内容，不过酱紫在配色上就得多下点功夫，灵动有活力的配色才不会让整个界面死气沉沉，今天这组网站不仅创意十足，版式过人，在色彩上也很突出，来学习下。Perspective MockupsCommon NinjaCasper OdendaalIncredible WebJoy Interactive
Photoshop设计抽象风格的霓虹字体教程
先来张最终效果图1.新建一个文件，900px*600px，72dpi，RGB。2.背景填充黑色，输入文字“ABSENT”,使用Futura Md BT Medium字体，220pt，字间距20，白色。3.选中文字图层和背景图层，Ctrl+E，合并。4.滤镜-扭曲-波浪，进行如下设置：5.接下来给文字添加位移效果，滤镜-像素化-碎片。