推荐阅读

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 样式打造超 Cool 按钮
效果~ 怎样?Cool吧~下面偶讲详细讲解一下到底怎样才能灵活运用PS的样式功能,并且告诉一些使用技巧给大家参考。 在开始前,首先要弄清楚,你到底想要用样式做什么。这个很重要,会影响整个作品的效果的。象现在的例子,偶是想做个按钮,对,是一个按钮。 但,这是一个怎样的按钮呢?玻璃质感?金属质感?塑料的?还是其它材质的。我选择了玻璃质感的,现在流行嘛~好像有点泛滥了,不过,给他多加点东西让他有个性点,不如加个金属边吧~哈哈,那样肯定很Cool呢。 有了构思,我们可以开始动手拉! 首先,填充一个浅灰的底,目的是为了突出按钮的高光位置,有其是边缘的。我现在把文字和高光的图层给去掉了,只留下最重要的部分。这个图层,就只有样式,你看到的效果,全都是样式做出来的。看到了吗?都用了那几种样式? 有了基本认识,接下来,新建一个图层,偶先画了一个倒角的方形,偶比较喜欢倒角的,如果你喜欢其它形状,随便画好了。如果你不知道怎么画,请看之前的教程。画好后,随便填个颜色,什么颜色都没关系。双图层,调出图层样式窗口。为了让按钮更明显一些,偶先加了个描边。一个像素就够了,颜色选择黑色,透明一点。为什么不直接用灰色呢?那是因为考虑到以后应用的时候,透明的黑色会更容易融入其它环境的。灰色会显得很生硬,记住拉,用半透明的黑色,更容易融入背景的。

Photoshop 绿色按钮的制作 渐变
制作方面还是非常简单的,运用的工具是photoshop7.0,主要运用了渐变:效果图: 新建一文件,用圆角矩形工具画一个80X30、半径为8的圆角矩形,然后在图层面板里双击该图层(默认的命名为“形状1”),打开图层样式,按照以下设置: 1、设置渐变叠加: 具体的颜色值为:#66CC33、#3BA51F、#20920E、#177E09,请参照以下设置: 2、描边: 颜色值为:#006600

Photoshop 简单水晶按钮制作
本文为 http://www.bonesblog.net 原创,转载需注明出处。 点击这里下载PSD源文件 效果: 好了,我们开始教程 新建一个文件,在工具箱中选择圆角矩形工具,如下图所示设置 新建一个图层后,在画布上拉出一个长方形,就得到这样的结果。(为了更好的给大家讲解,这个图放大了400%显示) 如果大家得到这样的结果

Photoshop打造彩色玻璃导航菜单
许多网页元素都可以使用Photoshop来制作完成,今天我们就来学习一下如何用Photoshop来打造质感十足的彩色玻璃按钮,并用按钮组成漂亮的导航菜单,最后再在Photoshop中将导航菜单输出为HTML网页文件。 本文以Photoshop CS2中文版为例,其它版本的Photoshop在操作步骤上可能会略有差异。先看一下最终效果。 最终效果 具体操作步骤如下。 1.启动Photoshop CS2中文版,按Ctrl+N打开“新建”对话框,根据需要稍做设置(大小应该能放得下将来的导航菜单)后,单击“确定”按钮新建一个文档。 2.单击图层面板下方的“创建新图层”按钮新建一个图层。选择工具箱中的“圆角矩形工具”,在选项栏中将其半径设置为15px,然后在新图层上画一个如图1所示的圆角矩形。 图1 3.现在对上述形状应用如下图层样式。

教你用Photoshop打造动感网页按钮
欢迎进入本教程。 在开始制作以前你必需要掌握相关的PHOTOSHOP基础知识。希望你能喜欢这个教程。。 通过本教程,你将学会如何制作一个下图所示的一个动感十足的网页按钮。。 下面我们开始制作。 首先你需要用钢笔工具作出一个和图中相类似的形状,形状完成后用CTRL+ENTER转换成选区;再随便使用一个颜色填充;在打开双击此图层打开图层样式对话框,勾选渐变叠加做以下设置: 再在其上面建立一个新图层并用链接按钮将它们链接起来,在按CTRL+E将这2个图层合并。(这么做的目的是用一个空的图层与带有图层样式的图层链接合并后,可以把带有图层样式的图层样式效果保留下来。 如果没有做的话,下面的加深减淡工具在对带有图层样式的图层进行编辑的时候,将看不见加深减淡工具对此图层编辑后的效果。) 现在在选用工具箱中的减淡工具,选中顶部色设置栏中的喷枪按钮,设置画笔的大小为100PX,范围为中间调。在球体上部区域给球体增加立体效果:

Photoshop 制作Vista风格按钮
Windows Vista发布,趁着这个机会赶赶时髦。这是Vista的黑色任务栏按钮。 新建一张图,前景色选灰色(作为辅助色,可随意选一种较淡的颜色),用圆角矩形工具,设置圆角半径为 3 像素,画一个高 30 左右的矩形。 新建图层,用矩形选择工具在按钮上部约50%的地方选择一个矩形。选区越靠上,按钮就越显得凸起。然后按住Ctrl+Alt+Shift,单击图层面板中第一步建立的形状图层,以选中按钮的上半部。 选择前景色 rgb(200,200,200),背景色 rgb(90,90,90),使用渐变工具由上至下在选区中填充渐变色。 按Ctrl+Shift+I反选,再按住Ctrl+Alt+Shift单击图层面板中第一步建立的形状图层,选择按钮下半部分。 设置前景色为 rgb(24,24,24),按Alt+Del填充选区。

Photoshop轻松绘制简洁的绿色网页按钮
先看一下最终效果。 1.新建文件,新建层,使用矩形选区工具如下选择,我选择的大小为60*20像素。 前景色设置为#afee00 ,背景色设置为: #3b9d00,使用渐变工具从选区的上方拉到*进行填充: 将前景色和背景色设置回黑色和白色,新建层,双击新层,对描边选项进行如下设置: 层类型更改为覆盖,透明度设置为40%。 3.新建层,创建如下选区:

跟我学,用Photoshop打造Vista风格按钮
1 效果如图 2 新建画布,大小随意,然后新建圆角矩形图形,如图所示 3 圆角矩形属性 4 画一个吧,高 宽自定 5 接下来要出玻璃效果就是靠图层属性设置,选择蒙板图层右键混合属性 描边设置

Photoshop制作流行红色网页提交按钮
在好多网站上都看到过这种按钮,比较流行啊!今天教大家如何利用Photoshop简单制作一个红色按钮。 先看下红色的提交按钮: 第一步:使用圆角矩形制作一个红色的矩形。 第二步:然后我们给该矩形形状添加下面图层样式 阴影: 内发光