推荐阅读
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质量的图像。这里我们可以欺骗一下浏览器：
最新发布
Photoshop完美打造金属风暴按钮
使用Photoshop有限的功能却可以制作出无限的效果和创意。材质效果方面，像木头、涂料、石头、金属等等Photoshop都可以制作出来。其中金属以其独特的冷酷质感博得许多CG爱好者的推崇，制作金属风格的方法也多种多样。今天笔者带给大家使用Photoshop打造的金属风暴按钮。 首先启动功能强大的Photoshop，新建一个合适大小的画布，并且将背景色设置为灰色。如图1所示。 图1 接着使用圆角矩形工具，将半径设置为10像素，绘制出一个圆角矩形。如图2所示。 图2 选择渐变工具，打开渐变编辑器，模拟真实金属的光泽，设置黑白灰的渐变。如图3所示。 图3
Photoshop简单绘制专业的网页按钮
在这个教程里我们教大家如何利用Photoshop简单制作一个流行的、专业的、具有光泽的网页中经常用到的按钮，最终效果如下： 1.新建立文档，创建一个新的图层，使用椭圆工具绘制选区，然后执行“选择”“修改”“平滑”，设置数值12。 2.然后使用渐变工具从蓝色到浅蓝色进行线性填充： 3.新建立图层，使用“编辑”“描边”数值为 4 px. 4.然后对选定区域执行高斯模糊，半径为 1,5： 5.下面开始制作反射效果，新建立图层，选定一定区域，然后执行“选择”“修改”“收缩”，数值为 8 px.：
用Photoshop打造水晶按钮之至尊版
1.首先新建文件，选择圆角矩形工具，绘制出圆角矩形。如图1。 2.将路径转换为选区，新建图层，使用渐变工具绘制出85%灰度到25%灰度对角线渐变。如图2。 3.取消选区。使用图层样式，给圆角矩形增加内阴影，参数设置如图。如图3。 4.勾画出如图的选区。如图4。 5.新建图层，拉出透明到白色渐变。如图5。
Photoshop为GIF图形按钮改文字小技巧
平生最看不得有人自己弄不清状况，非要说一个来龙去脉的，每每看到这样的帖子，心里老大不爽。 今天一大清早就开始写稿子，一连奋战了近10个小时，写了23页的稿子，洋洋傻傻一大篇（因为最后都觉得把自己给写傻了）。于是带着怨气上论坛瞎混，遇见不爽就开始说说了。 帖子是这样的： 我想做个一模一样的.就是把“健康”两字换成“证券”两字.PS文件已经找不到.现在是GIF文件.请高手帮忙！ 居然有人回答用图章去修，我觉得是抽风，没事情找事情做。 不就是换一个文字么，不需要那么麻烦，而且也要认清按钮的用途以及特点，再来做。 使用缩放工具，将图像放大400％，GIF图像要先将索引色模式转换为RGB的模式。 使用选择工具选择矩形如下图所示
Photoshop制作流行的配色网页按钮
在好多网站上都看到过这种按钮，好像比较流行。今天就教大家如何利用Photoshop简单制作这个红黄相间的网页按钮。 先看下红色的提交按钮： 第一步：使用圆角矩形制作一个红色的矩形。 第二步：然后我们给该矩形形状添加下面图层样式 阴影： 内发光
Photoshop制作电梯按钮
如今的住宅楼层越来越高，电梯成为了人们出入必不可少的工具，下面制作的是一款大家熟悉的电梯按钮…… 先看一下效果： 制作工具：Photoshop CS 制作过程： 1、选择一幅背景图片，效果如图01所示。 2、设置前景色的RGB分别为174、174、174。新建一个图层图层1，并填充前景色，效果如图02所示。 3、执行菜单栏中的“滤镜”“杂色”“添加杂色”命令，在打开的添加杂色对话框中设置参数如图03所示，效果如图04所示。
Photoshop简单绘制Vista风格网页按钮
本文示例源代码或素材下载 初学者入门，Photoshop教程，简单绘制Vista风格网页按钮，效果还是不错的！但是有没有用还要看自己的喜好！ photoshop制作一个超酷的蓝色Vista风格网页按钮。文章最后提供PSD源文件。 1、建立一个50*50px文档，背景填充为#121212。 2、建立新图层，使用圆角矩形工具。半径设置为15px，绘制一个在文档正中的形状，然后使用渐变工具，把前景色设置为#0c85f4，背景色设置为#00386b从上到下进行线性渐变。按Ctrl+D取消选择。 3、设置内发光样式如下。 4、制作光照效果。创建一个新层，按Ctrl单击圆角矩形图层选择，使用椭圆选区工具选择下部分，然后把上面部分填充为白色。
Photoshop打造一款美女水晶按钮
先看一下最终效果： 制作工具：Photoshop CS 制作过程： 1、打开一幅图片，效果如图01所示做为底图。 2、设置前景色为蓝色1E5F96。选择工具箱中的“圆角矩形工具”，设置半径为150，在窗口中绘制如图02所示的形状，命名生成图层为图层1。 3、双击图层1，打开图层样式对话框，选择“投影”样式，设置参数如图03所示，图像效果如图04所示。
Photoshop制作水晶按钮网页导航
水晶效果按钮在很多网站运用得越来越多，在下面教程中，我们就跟着作者的思路，学习如何用photoshop简单制作网页水晶效果导航条，你可以举一反三，调颜色，变形状，这些都可以根据页面的整体效果做调整～ 我们先看看效果图： 效果图 我们开始学习教程： 新建一个文件，在工具箱中选择圆角矩形工具，如下图所示设置 图1 新建一个图层后，在画布上拉出一个长方形，就得到这样的结果。（为了更好的给大家讲解，这个图放大了400%显示）