推荐阅读
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质量的图像。这里我们可以欺骗一下浏览器：
最新发布
圆角网格
效果如下： 1.新建，尺寸是每个小格的大小（我的是50*60），使用圆角矩形工具绘制圆角路径，转换路径为选区，填充黑色，然后ctrl＋i反色。 2.点击编辑菜单-定义图案 3.打开要编辑的图像，复制层；在
流星字
一、建立新文件并输入文字1. 建立一个新文件（分辨率为72像素/英寸），点击输入文字工具，字体设置为 Arial Narrow，输入你想要的文字，如图： 二、勾画路径 1. 按Ctrl + "+" 数次，将图像放大，这样可以比较准确地勾画路径；选择路径工具，沿着文字的中心勾画路径，只要在文字的转折处定义节点就行了。注意在勾完一个字后，按住Ctrl键在路径之外点一下，否则路径就会和下一个字的连到一起。如图（因为放大，只显示前两个字母）: 2. 然后按住alt键，路径工具由变成，调整路径节点，使路径准确切合文字，如图：