推荐阅读
2012年排名前20位的CSS网站作品欣赏
2012年涌现出众多独特的，令人印象深刻的 CSS 网站作品，要从中挑选出年度应用 CSS 的最佳网站列表一个严峻的挑战，因为 CSS 涵盖了媒体查询（CSS3 Media Queries）、CSS 动画和3D转换等众多特性。我根据过去 CSS 典型的应用场景挑选了其中的优秀作品组成一个列表，如果你有收藏更好的作品，欢迎留言向大家分享。1. Beercamp这个啤酒节的活动网站充分应用了 3D CSS Transform 技术，充满立体感的旋转和折叠效果。2. SpelltowerSpelltower 不仅是一个令人上瘾的游戏，它也有一个网站，充满乐趣和个性。使用的俏皮动画和过渡效果，让你想抓住一个 iPhone 并启动游戏。3. Envy LabsEnvy Labs 的其中一个标语是“我们创造的乐趣”。采用CSS3 Transform 和 Transition 呈现一个很有趣的旋转木马！
8种常见的产品版式设计方法汇总
不管你是UI设计，还是工业设计，甚至动画设计，终究离不开对外包装自己产品的版式设计，所以版式设计这块非常考验设计师的基础功力。今天分享的内容是Behance上设计师所汇总的常见排版样式，对于大家做设计还是会有很大帮助的。1. 大且醒目&美观的排版设计版面设计大概是一个优秀的网页设计中最重要的部分了，今年的版面设计会围绕着大且醒目，个性鲜明的标题。2. 颜色渐变渐变绝对是时下最“in”的趋势，在版面设计中也会经常见到。
怎样用PS制作金色闪亮的玻璃管文字
用图层样式制作金属字，最重要的就是要有耐心，因为图层样式设置参数并不太多，不过数值控制非常重要，不同大小的文字或图形用到的数值不同，设置的时候需要慢慢去尝试。最终效果 一、新建1000*800px大小的文档，我们复制背景图层，给“背景副本”图层油漆桶填充颜色#452c16。 二、PS打开图案素材，编辑--定义图案即可。
PS制作花纹3D字
这篇教程教飞特的朋友们用PS制作花纹3D字，教程制作比较简单。同时也使用了Xara3D，效果很漂亮。我们来看看最终的效果图：制作步骤如下： 1、先制作3D文字，可以用AI，或者3DMAX，笔者用的是最简单的Xara3D 记得导出为透明PNG格式 2、在PS中打开，ctrl+J复制图层
最新发布
PS如何制作波浪文字效果？波浪子体设计教程
今天给大家分享的是PS制作波浪字效果的案例教程，主要通过钢笔工具、路径、文字工具、剪切蒙版来制作而成，由钢笔工具绘制波浪路径，最后对文字进行剪切蒙版，下面就来看看具体的操作步骤效果图1、钢笔工具：绘制出平滑的曲线路径，按住Ctrl+回车键可以将路径转换为选区；2、文字工具：在PS文档中输入相应的文字，并选择相应的字体、字号、颜色等;3、剪切蒙版：根据下方图层的形状来显示当前图层效果;1、首先、新建一个白色的画笔；2、使用左边工具栏的钢笔工具，在上方属性栏选择路径；3、在画笔中画出一根曲线；4、在上方菜单栏的窗口中选择路径；
使用PS图层蒙版做渐隐字
PS的图层蒙版强大好用，灵活多变，可以做出很多不一样的效果，方便我们的工作，是必不可少的知识点之一，今天交给大家分享一个用图层蒙版做出来的文字渐隐效果的案例教程。1、首先，建好画笔后，使用文工具分开输入4个文字；2、选择相应的文字添加图层蒙版；3、在使用左边工具栏的渐变工具，颜色为黑白渐变；4、在“图”字图层蒙版上从左到右拉出一个渐变，做出渐隐效果；5、接着，在依次给剩下的文字做出来，就可以做出有前后错觉的渐隐效果了；6、最终的效果图；PS的图层蒙版是通过颜色来决定隐藏的效果，白色为不隐藏，黑色为隐藏，中间是会出现透明叠加效果
PS制作抖音故障风文字效果案例教程
今天给大家分享一个抖音故障风字*作的案例，大家可能对故障风不是很了解，但对于抖音相信大家一定不陌生，抖音的图标就是采用故障风的效果制作出来的；那么，下面我们就一起来看看PS制作抖音故障风文字效果案例教程吧！案例效果图1、首先，新建一个尺寸600*400px，像素150px的画布；2、将前景色改成黑色，矩形选框工具选中背景，填中黑色；3、使用文字工具，输入文字；4、按住ctrl+j键，复制出一层；
使用PS通道创建简单3D立体字效果
1、创建画布 ，插入文字内容：CHANNELS，并栅格化；2、建立新的图层并用矩形选框专用工具在内容四周建立矩选区；3、 在矩形PS选区内添充白色；4、删去 （Del）；5、隐藏文本层，按下Ctrl并点击矩形层获得如下PS选区；
PS制作3D立体文字效果
今天给大家分享的是PS制作3D立体文字效果的案例教程，相信大家都经常在网络上一些3D立体字效果，大部分都是由3D软件来制作的；其实，PS也是可以制作一些简单的立体字效果，那该怎么做呢？下面就来看看具体的操作步骤吧效果图1、文字工具：在PS文档中输入相应的文字，并选择相应的字体、字号、颜色等;2、3D工具：主要有立体效果、角度、光照、材质以及渲染等功能;1、新建一个灰色的图层，并使用左边工具栏的文字工具输入相应的文字；2、在上方菜单栏执行--3D--从所选图层新建3D模型；3、弹出窗口后，右边工具栏都是设置3D效果的一些光照、材质等，小伙伴们可以对其一一尝试；在鼠标点击一下文字，调整合适角度；4、点击下方的渲染按钮，等待即可；5、得到最终的效果图
PS制作好看的霓虹字教程
夜晚来临，城市的大街上到处可以看到那些颜色璀璨的发光字，这些又称为霓虹字，那么像这种好看的霓虹字在PS中该怎么实现出来呢，下面就一起来看看教程吧效果图1、准备还一张背景素材图片；2、接下来添加一个黑白来给素材去色，再添加一根曲线调整一下曝光度；3、新建一层填充黑色，新建蒙板用黑色画笔点一下在中间部分曝光处和暗角；4、矩形工具画一个圆，填充颜色，高斯模糊，图层模式选叠加，降低透明度；5、受用文字工具加上文字，双击本字图层弹出图层样式，加上外发光和投影，参考下如图；6、将字体复制一层，填充度为0，增加一个投影的图层样式；7、最后一步，添加照片滤镜-冷却滤镜，到这里就大功告成了；
PS制作霓虹字效果案例教程
PS是一个强大的图像软件，运用的当可是制作出很多有趣好看的图案效果，今天就给大家分享一个PS制作霓虹字效果的案例教程，主要是运用PS的图层样式开种种调制叠加而成，所以，需要足够的耐心哦，下面就来看看教程吧1、首先，当然就是新建文档了，这里小编用的是1440*525的一个尺寸大小，同学们可以自行给选择画布的大小，接下来就是使用文字工具输入相应的文字，选择合适的字体，以及字体大小就可以了；2、接着拉出辅助线，新建一个图层，使用画笔工具对文字进行描绘;3、在新建一个图层，使用相同的方式来绘制水平线，命名该层为“水平”。注意线段连接处一定要留一点空间；4、绘制完成后，这时可以删除参考线，得到如下图的效果；5、接下来就到了最重要的步骤了，给水平图层添加图层样式(注: 将该图层的填充设为0 )，分别为内阴影、外发光、内发光、斜面与浮雕的图层样式，这里主要是制作霓虹灯发光的一个效果，具体数值可参考下图；6、得到如下图的效果；7、接着继续对另一个水平图层如上的图层样式；8、得到如下图的效果；9、下面就到了垂直图层制作图层样式，填充设置为0，将垂直层复制一次，给原来的垂直层添加一下样式，依次添加内阴影、外发光、内发光、斜面与浮雕的图层样式；
PS光效怎么做，运用PS滤镜工具给图片制作光效教程
光影效果在商业设计非常常见，比如给我们正在做的一个作品添加光效，让效果更加突出。那么PS光效怎么做呢？在一些电影大片看到的光影效果大部分是用PS滤镜工具完成的。下面我们就一起来看看PS光效怎么做，运用PS滤镜工具给图片制作光效教程吧！PS软件可以做出很多炫酷的光影效果，但是一些光效并不需要我们手动的去画，不但花费很多时间和精力，而且得到的效果也不没有那么好。所以一定要掌握好方式方法，尽一切可能用最少的时间做最大的事。下面我们就看看给图片制作光效教程。1、打开PS软件，新建一张画布，并填充黑色；2、打开渐变工具，选择一个喜欢的颜色，从颜色到透明；3、新建图层，使用径向渐变，绘制出一个圆；4、按住ctrl+T自由变换，对其压扁拉长；
PS制作绚丽的霓虹字效果
霓虹字，这个词可能会对部分同学来说比较陌生，但是当你在夜晚的时候走在城市的街头，就会看到到处都是五颜六色的发光字、灯光字等，这些就是霓虹字了，那在我们的PS中怎么做出这样的效果呢，下面就一起来学习吧1、首先，就是新建一个画布，选择一张合适的图片作为背景，使用合适的字体输入文字；12、接下来就是需要图层样式来处理了，双击图层样式，选择投影，参数如下图：混合模式：明度不透明度：5% 角度：90 把全局光勾掉；233、选择外发光，参数如下图：混合模式：线性减淡【添加】不透明度：82% 颜色选择：#10bedd 注意图案和品质选择；4564、斜面与浮雕，详细参数如下图：样式：内斜面方法：平滑深度：100% 大小：3PX 软化：0px 角度：0度，高度：48度 把全局光勾掉注意光泽等高线选择高光模式：正常，颜色【#FFFFF】阴影模式：正常，颜色【#3bffea】；7895、颜色叠加，详细参数如下：颜色选择【#FFFFF】不透明度：100%；10、116、、描边，详细参数如下：大小：1PX 位置：内部混合模式：正常不透明度：100% 填充类型：渐变填充渐变选择：【MissYuan_霓虹字】勾掉反向样式：线性，勾上与图层对齐角度：90度缩放：100% 设置完以后完成效果图；12、137、得到最终的效果图；14此次教程主要针对对PS有一定的基础并比较熟悉的同学，如果对PS还不够熟悉可以去本网站学习其他基础教程，然后再来学习哦。
PS如何给图片增加霞光效果？
今天给大家分享一个PS给图片增加霞光效果的案例教程，主要是通过曲线、镜头光晕等等工具来完成，曲线调整图片的明暗对比，在使用调色工具调下颜色，在添加光晕色块叠加制作光晕，下面就来看看具体的操作步骤吧原图效果图1、曲线：通过调整曲线的上下幅度，来达到提亮或者压暗画面的效果2、镜头光晕：制作光圈光晕效果1、首先，将图片放入PS中并复制一层； 2、我们新建一个图层，选择画笔工具降低不透明度10%，颜色为黑色，涂抹低于天空下面的水面。然后使用相同的画笔，改变颜色#ad651a涂抹天空部分； 3、找到下方图标添加曲线压暗图层；