在css写样式时我通常会给设置的盒子圆角效果，但设置百分比值与像素值是有区别的，设置的盒子是正方形时百分比设置的范围值是：（0%~50%）当值达到50%时形成一个圆，超过50%之后不再变化；像素设置的范围值是：（0px~边长的1/2+px）当值达到边长的一半后不再变化。详情见下图：设置的盒子是矩形（长宽不等）时百分比设置的范…
本教程介绍图片虚化的方法。不过操作过程稍微复杂了一点，尤其是抠图部分，可以直接用钢笔精确勾图，这样省去了后面很多处理细节的过程。背景部分也可在原图的基础上模糊处理。原图最终效果1、打开原图，复制背景得到背景副本图层。2、用椭圆选框工具建立需要抠图部分选区也可用钢笔或其它工具勾出所需的荷叶，羽化20个像素…
原图最终效果1、打开原图素材，选择菜单：图像 > 模式 > Lab颜色，确定后按Ctrl + J把背景图层复制一层，点通道面板，选额明度通道，选择菜单：图像 > 应用图像，模式为柔光，确定后再执行一次相同的操作，然后回到图层面板。2、创建曲线调整图层，参数设置如下图。3、盖印图层，适当的降噪处理，确定后完成最终效…
原图最终效果1、打开原图素材，创建曲线调整图层，对各通道进行调整，参数及效果如下图。 2、新建一个图层，按Ctrl + Alt + Shift + E盖印图层，适当的把图层锐化一下，效果如下图。 3、把盖印后图层复制一份，执行：滤镜 > 渲染 > 光照效果，参数设置如下图，加上图层蒙版用黑色画笔把鞋子部分擦出来。 4、…
本教程简单的介绍给人物衣服等加上一些装饰花纹。大致过程：先找一些自己喜欢的花纹及纹理素材，然后把素材贴到需要加纹理的位置，适当的改变图层混合模式，再用蒙版等擦去不需要的部分即可。原图最终效果2、按下Ctrl+Alt+D快捷键，打开羽化窗口，设置羽化半径为“3像素”，如图所示。 3、打开花纹素材，并按下Ctrl+A快捷…
最终效果图1、在Photoshop中绘制图案，编辑/定义画笔。 2、绘制路径，并新建图层。3、调整笔刷参数。4、点路径面板上的描边按钮。效果如下。但发现图案都是沿页面方向垂直的。 5、继续调整画笔参数。6、再次描边的效果如下，这就是“方向”的好处了。7、将该层复制，并用“自由变换”缩放至合适大小。 8、双击应用…
本程是做折叠效果图，作者只是给大家一种思路，举一反三，自己发挥吧！最终效果图1：首先，视图－标尺（ctrl+R），鼠标从横竖两个方向的标尺刻度处拖拽出参考线将图片分为三等分。 2：选择矩形选框工具（M）分别将图片三个区域选出并复制选区到新层（ctrl+J），然后隐藏背景图层。3：图像－画布大小，勾选相对，将画布扩…
最终效果图1、Photoshop中建立一个新的文档，文件大小为500×500，图像模式为RGB，背景是黑色，新建一个图层，用钢笔工具绘制一个花瓣形状，效果如下图所示： 2、右单击已画好的路径选择’建立选区’，羽化半径为:0，勾选:消除锯齿，然后用白色填充选区.效果图如下所示： 3.按Ctrl+Alt+D将选区羽化，羽化半径为:5(你可…
图标看上去有点复杂，不过作者在绘制的时候把每一层都分解出来了。我们只需要按照作者的图示，并控制好各部分的比例，就可以很快做出来。最终效果1、新建400 * 300像素的文件，使用矢量工具拉出一个如下图的圆角方形，并且加上渐变效果。2、给图标底座增加厚度和光源，我使用了2种图层样式。3、使用矢量工具拉出一个如下图的…
效果图的构成及制作非常简单，只需要画出心形后，用图层样式增加浮雕效果及颜色，再根据喜好增加装饰即可。最终效果最终效果：
作者想要的效果就是把春天的信息加入到文字里面。制作的时候特意用设置好的画布给文字中间及边缘增加一些小花朵做出初步效果，再在边缘部分增加一些小藤蔓等装饰，效果就出来了。 最终效果1、首先打开PS软件，Ctrl + N 新建一个1280 * 720像素的画布，然后将背景图片投入到画布中去。2、为了更好做出字效的形状，我们先来用…
本教程介绍非常简洁的网页制作方法。作者重点介绍顶部及导航栏的制作。打造过程：首先是渲染背景和底纹，然后再制作顶部装饰和文字。可以根据实际需要加入自己喜欢的图案或素材。最终效果1、创建一个 1000x750像素大小的文件，双击背景图层将其变为可编辑的图层，并打开图层样式>颜色叠加，用#47382e叠加。 2、打开标…
透明的物体抠图相对要麻烦一点，如果要求不高，我们可以直接提取图片的高光选区，添加蒙版；在蒙版上去除不需要的部分，然后单独把不透明度的部分在蒙版上涂出来即可。原图1、打开素材图片，把背景图层复制一层，按Ctrl + A全选，再按Ctrl + C 复制图层，然后添加图层蒙版。2、按住Alt键 + 鼠标左键点击白色的蒙版，进入蒙版…
作者美化图片的思路非常不错。首先用液化工具把脸型等处理完美；然后用修复画笔配合图章工具消除脸部大的瑕疵；再用双曲线或中性灰等保细节磨皮；最后润色局部添加装饰元素即可。原图1、先对模特进行适当的液化，在液化的时候呢 希望大家看的仔细一些，每一个部位都要看好，大到脸型、小到瞳孔，大家有时间真的可以多研究一…
设计之前与客户的沟通非常重要，了解清楚客户的要求；然后网上去参考一些优秀的作品，找一找灵感；再搜集素材；最后就是溶图，把想要的效果设计出来即可。 最终效果1、首先分析一下客户需求：产品包装上不需要放产品本身，只需要突出红酒即可。因此，我们的设计要围绕红酒，情迷两个关键词展开。2、头脑风暴。3、提炼几个关…
透明物体是通过背景进行参照，体现出质感。而本例里是讲解白色透明背景，如果背景太亮，会导致对比不明显。最终效果1、打开下图所示的背景素材，选择菜单：滤镜 > 模糊 > 高斯模糊，数值稍微大一点，效果如下图。2、把前景色设置为绿色，用圆角矩形工具拉一个合适的圆角矩形，然后选择钢笔工具，在属性栏选择“合并形…
本教程介绍网页中横幅的简单制作方法。制作之前需要根据具体的内容选择主题，然后再搜集素材慢慢整合。做出的效果要有一定的吸引力。 最终效果1、新建一个550 * 200像素的文档，打开下图所示的背景素材，拖进来适当调好位置。2、打开下图所示的人物素材，拖进来，加上图层蒙版，用黑色画笔擦掉不需要的部分。3、打开格子素材…
本教程重点是皮毛纹理的制作。作者介绍了一种非常简单的方法，用滤镜来完成。用到的滤镜也比较少：杂色及径向模糊滤镜，后期只需增加一些样式，调节明暗就可以做出类似毛发效果。最终效果1、新建大小适当的文件，先用画笔画出草稿，然后用钢笔勾出主要轮廓，转为选后填色。2、以耳朵为例，演示毛发效果制作过程：先用椭圆选…
本教程图标制作过程介绍的不是很详细，不过主要思路及图片的构造都有图示说明。制作的时候尽量多思考，根据作者提供的一些效果图去慢慢摸索。 最终效果1、新建一个大小适当的文件，背景填充暗灰色。选择圆角矩形工具，画一个512 * 512像素的圆角矩形，圆角半径是90像素。新建一个图层，用矩形选框工具拉一个矩形选区填充红色…
蝴蝶结重点是褶皱部分的制作，制作之前最好把整体拆分一下，然后铺出底色。再用剪贴蒙版图层分段加上细节。作者写的有点简略，实际刻画的过程要复杂很多。 最终效果1、钢笔绘制轮廓：钢笔绘制轮廓时最好选择形状图层，至于为什么大家应该都明白。这里共分了三个图层，如下图。2、刻画细节：在做细节的时候，我很喜欢直接用画…
本教程介绍非常简单的梅花制作方法。大致过程：先从花瓣部分开始，只需用钢笔及图层样式等做出一，两片花瓣，其它的直接复制。然后在中心加上花蕊，底部加上树枝即可。 最终效果1、新建大小适当的文档，背景填充青色。新建一个图层，用钢笔工具绘制出一片花瓣填充白色，填色后不要取消选区。2、选择菜单：选择 > 修改 &g…
为客户做的两张秋季新品发布的创意广告图，客户想走奇幻的感觉，想跟大自然中的精灵一起出现。我个人觉得万物都是大自然的精灵，鹿比较优雅有气质，这点比较符合女性，所以就大胆尝试了下。最终效果1、找一些合适的参考素材。 2、这次没有画草图，因为感觉到位了，也没想做特别复杂的。直接找素材。3、这一次最难的部分在…
效果图用到的素材比较少，仅人物及一些圣诞素材。制作的时候先做好背景，然后把素材抠出来贴到画布中，调好位置及处理好细节，后期增加一些梦幻及雪花素材即可。最终效果1、新建大小自定的画布，选择渐变工具，颜色设置如下图，然后由顶部向下拉出线性渐变。2、绘制底部的雪景，使用钢笔工具绘制。3、抠好图，放置素材，添加…
效果图动画虽然简单，如果没掌握好方法也是很难做好的。作者比较聪明，观察的也比较细致，把底部的结构不变，专门用其中复制的两个图形变形作为关键帧，然后设置好颜色及变形效果即可。最终效果最终效果：
作者制作心形的时候非常细致，加入了很多细节，如中间的网状光束，星光，边缘线条，光斑背景等，虽然制作繁琐一点，不过效果非常细腻。最终效果1、新建大小自定画布，新建一个图层，建立一条路径，调整到你想象的样子。这是一个体力活。2、填充一款你喜欢的颜色。3、给心形添加图层样式，设置内发光及投影，数值自定，效果如…
总结过去的学习经验，建议大家边观察边思考，观察整体与细节的处理，思考为什么这样做，如找到更好适合自己的实现方法，不妨去尝试做出来，这样才能更有效助你提高。最终效果1、构图造型：先用钢笔工具，画出一个杯子的大概外轮廓，调好各部位的固有色。 2、明暗关系：重点处理杯子的明暗关系及抹茶与气泡的刻画，目的让…
制作海报之前，可以找一些设计不错的版式参考一下，其中一些构图、装饰元素、字体排版等都可以转为己用，有素材的可以使用素材，没有的就自己动手绘制。最终效果1、新建大小自定的画布，新建图层开始画帷幕。用钢笔工具抠外形，填充色块、渐变和阴影。 2、把帷幕分成两个部分，如图1、2分开做。3、用钢笔勾出1部分的外形…
如果对时间轴及GIF动画比较了解，那么制作闪动文字动画就非常简单。只需要制作3个或多个文字图层，每层文字有一些差异，然后在时间轴中连续播放即可。最终效果1、打开PS，新建一个文档。文档大小我选用600px*800px。新建成功后，选用渐变工具，沿着画笔的对角线画出一个直线渐变背景。色值从#0a485a过渡到#1180a0。 2、这…
最终效果图最终效果图
