推荐阅读
Photoshop设计大气的2014艺术字教程
最终效果1、新建一个1024 * 900像素的文件，选择渐变工具，颜色设置为红色至暗红色如图1，然后由中间向边角拉出图2所示的径向渐变。2、打开文字素材(先保存下图所示的素材，然后用PS打开)，直接可以拖进来，为了便于观察，可以先把文字添加白色。3、把文字图层复制一层，用套索把2014选取出来，按Delete删除，如下图。
详解Web图像的常见应用策略与技巧
本文介绍一些关于响应式图像的适配应用策略，回退原理，SVG的换色技巧，雪碧图的百分比定位计算公式等相关的一些小知识点，目的在于帮助一部分同学快速的理清图像应用思路，以及一些web图像的应用技巧。特点：应用简单，上手容易，性能表现良好难点：lazyload实现根据不同设备，不同分辨率，不同像素比使用的响应式图像，常用的有两种场景：1.1 固定尺寸图像基于设备像素比选择，很多网站logo就是固定宽度图像的一个例子，不管viewport的宽度如何，始终保持相同的宽度。在dom里图像与在css里的图像写法如下面的例子<img srcset="test.jpg 1.5x, test2.jpg 2x" src="test.jpg" 768.jpg 768w, 1200.jpg 1200w, 1920.jpg 1920w" sizes=" (max-width: 360px) 100vw, (max-width: 768px) 90vw, (max-width: 1980px) 80vw, 768px" src="360.jpg" src="http://www.missyuan.net/uploads/allimg/170502/1409454491-0.png" "393""293" />在iphone4（320）下，图像宽度和我们设置的100vw一致，但是为什么浏览器选择了768的图像而没有选择360的?因为4的dpr是2呀^_^，浏览器很智能的选择了质量最合适的768.再看一下6p（414），很听话的按照我们的设置，显示了90vw。因为他的dpr更高，浏览器聪明的选择了1200质量的图像。这里我们可以欺骗一下浏览器：
最新发布
像素图GIF动画制作
当我们画好一副像素图时，总是希望能让它动起来，使画中的人物或动物更加生动活泼，赋有生命力。那么今天我就介绍两种做GIF动画的工具和制作的方法给大家。NO 1. ImageReady 3.0ImageReady 3.0 是Photoshop6.0 自带的一个图像处理软件所以在Photoshop（以下简称PS）里画好的图片就可以直接进入ImageReady（以下简称IR）去处理。首先要在PS里将图片画好这次制作的是一个看到了漂亮MM的便便我把便便的眼睛画成了两颗爱心，来表达它对漂亮MM的一见钟情要有心跳的感觉，就要分别画一副小眼睛和一副大眼睛的图先画好小眼睛的
像素画艺人Suguru.T教你做
（zzy译自http://vlink.vwalker.com/dot/dot01.html，用词不当之处请慢慢体会） 第一节 开篇 ［像素画］：构成电脑屏幕画面的点阵图(dot)，用一个一个点构成的画。 近年来随着电脑、游戏机的高解像度化的快速发展，作为电脑图形绘画的［像素画］似乎有被掩盖在背后的感觉。不过，电脑桌面上的icon、网页上的贴图、手机上的图像等等，像素画展示的场所还是很多的哦。 虽说像素画算是数码范畴，可总是散发着手工的味道，对于这种虽说有着［艺人］说法的这种表现方式，相信还是有许多人感兴趣吧。 既然是像素画，当然是小小的［画］了，固定的画法是没有的。想怎么画就怎么画，但是，对于初学者总有一个基本的东西在里面哦。 本章就以我的像素画步骤来介绍我仅有的一点要点，供大家参考。 不说那么多了...不想点一点这些像素吗？ 第二节 画像的格式和大小
像素图转矢量图
1.将书本上的图片进行扫描，得到如图a，看起来有点粗糙，怎么办？ 2.用photoshop将图片打开，将图片模式改变为索引模式，改成如图b的设置。怎么样，图片是不是只有两种颜色了？这样才能便于色彩的选择。 3.在色彩范围里用吸管吸取梅花外面任意一个地方，如图c，按“好”按钮 4.就可以得到如图d，这样只仅仅选择的是梅花外轮廓。
用Photoshop做简单的xhtml+css网页
大家可能不知道，用Photoshop也可以做出简单的xhtml+css网页，一起来试试吧！ 1、在photoshop cs2中打开设计好的网站视觉设计稿。用切片工具切好。 2、点 “文件-》存储为web所用格式”， 快捷键为ctrl+alt+shift+s ，点右上倒三角的小图片，选择Edit output settings。 3、见图，在第二个下拉中选择 Slices，选择Generate CSS ，然后在后面的下拉中选By ID。 4、点OK保存并关闭设置窗口，在Save for Web窗口中点Save按扭，在保存类型中选择Html and Images，随便输入一个文件名，点保存。 5、完成任务。看一下代码，是不是xhtml+css的？
Photoshop打造超酷网站登录界面
直接开始我们的教程（注：软件版本为Photoshop CS3）。 我们先看看效果图： 效果图 下面是背景素材和人物素材。 素材1 素材2 打开Photoshop，创建新画布，大小根据个人网站需要而定，这里我们设置为900*650像素。
新鲜视觉 非常规网页设计作品欣赏
非常规网页设计作品欣赏，希望能为大家设计网页提供一些新鲜的思路。 Swiths.com 这个网站用了一个大的背景图片。图片上是木地板跟一个人的脚,在地板上的记事本里的文字内容也是网站的内容。 BootB 这个网站用了一个大黑底图，然后在上面还手绘了几朵云，在网页中间是由导航组成的一个圈。 Vesess Vesess用了一个很简洁的抬头，然后把导航也放到上面，在网站的焦点上是一张图片。你也去觉得这个网站也有什么特别的地方，但是你自己观察就会发现，在它的分栏和列表方面，是有一定突破的。
Photoshop制作咖啡店主题网站主页
大家好，今天鼠哥给大家带来个制作简单网站首页的教程，用简单的方法制作主题鲜明的效果。在这里给初学PS的朋友提示哦，因为笔者平时和PS爱好者交流时候，发现很多初学的朋友，对复杂的效果制作很是痴迷，常常把基本的工具丢在一边，基础的知识还是要多花时间去学习的，好的作品不一定是都是通过复杂的制作和大量的特效处理来实现。当然这是笔者的看法。不对的地方希望大家和我一起交流。谢谢支持！ 首先看看效果图吧！笔者设想了一个咖啡店为主题的网站主页创意。 效果图 1、开始今天的PS旅途吧，新建文件1024×768- 像素72（制作练习像素）。如图1。 图1 2、设前景色为黑色，alt+Delete将画面填充黑色。新建图层，用选框工具来框选出一个咖啡屋的外形来，进行填充咖啡色。如图2. 图2
Photoshop打造超酷个性网站登录界面
废话少说，直接开始我们的教程（注：软件版本为Photoshop CS3）。首先是背景素材和人物素材。 打开Photoshop，创建新画布，大小根据个人网站需要而定，这里我们设置为900X650像素。打开背景素材图，使用移动工具（V）将背景素材拖动到刚刚创建的画布中。
实例详解PS做网页设计时的配色方案的教程
人们用自己的眼睛和头脑来感受色彩。这不仅仅是物理层面上的，而且包含着精神和情感层面。当我们看色彩时常常想起以前与该色相联系的感受或事物，这种因某种色彩而出现的感受，我们就称之为色彩的联想。色彩的联想是通过过去的经验，记忆或知识而取得的。 这种感受的结果，就是让不同的色彩具有了其特定的意义。色彩的象征意义多数情况下也是一种文化认同。不同文化中色彩所代表的意义和给人产生的联想是大不相同的，有时可能甚至相反。设计师在应用某种色彩之前，要好好调查一下这种色彩的意义以及它在特定环境下将带给人们的联想。3.4.1 红色是最具有视觉冲击力的色彩；暗示速度和动态；可以刺激心跳速度、加快呼吸、刺激食欲；红色的衣服使人身形显大；红色的车最容易被偷，如图3-27所示。图3-27 红色3.4.1.1 红色的具象联想火焰、鲜血、性、西红柿、西瓜瓤、太阳、红旗、口红、中国国旗。3.4.1.2 红色的正面联想激情、爱情、鲜血、能量、热心、激动、热量、力量、热情、活力。3.4.1.3 红色的负面联想侵略性、愤怒、战争、革命、残忍、不道德、危险、幼稚、卑俗。3.4.1.4 红色的文化域在非洲，红色代表死亡。在法国，红色代表雄性。