推荐阅读
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质量的图像。这里我们可以欺骗一下浏览器:
最新发布
合成巨大科幻能量球图片的PS教程
教程用到的素材不多,不过细节部分的处理非常到位。尤其是能量场部分,用了几张素材叠加,融合后能量感十足,非常有冲击力。最终效果 一、打开Adobe Photoshop和去文件>新建(或按下控制-N键盘上),以创建一个新文档。设置宽度为1400像素,高度为2100像素和分辨率为300。 二、将名为“background.jpg ”拖进。
鼠绘清纯甜美卡通少女的PS教程
卡通少女虽然没有鼠绘真人那么复杂。不过还是需要一定功底和经验的。需要了解人物各部分的制作方法,如五官、头发、衣服等。除了这些还要有较强的审美观,画出的作品要非常精细,美观。最终效果 一、新建一个大小自定的文档,新建图层后用钢笔工具勾出草图,如下图。 二、再细致地继续画出大体的轮廓。 三、新建一个图层,把前景颜色设置为:#ffedd9,简单把肤色部分上色,效果如下图。
素材合成绿色漫画照片的PS教程
本教程的真正合成部分介绍的比较少,重点介绍素材的抠出方法。作者用的素材较多,效果图用到的只是一些黑色的剪影图形,因此需要把用到的元素都扣出来,难度有点大。最终效果 一、用Photoshop新建一个文档: 二、然后执行文件-置入,选择树的照片,调整大小到合适位置,效果如下。
PS生活照片转手绘效果的小说封面图片
本教程介绍稍微难一点的人物转手绘方法。基本操作跟转手绘类似,不过需要较强的鼠绘功底。不仅要把人物转为近似手绘效果,同时还需要把不完美的部分处理好,如人物脸型。衣着等。最终效果 原图 一、开始之前先介绍本教程用到的笔刷,这两个都是PS默认的笔刷,喷枪钢笔不透明描边是比较硬的,喷枪柔边是比较软的笔刷,如字面上的意思。 首先打开素材(这个美女可能有点老土了,没关系等会我们会让她变漂亮),根据自已的审美给人物美化和修补,降低图层不透明度,使用描边笔刷开描线。
PS鼠绘梅花背景图案的古装美女
本教程作者展示了一幅较为忧伤的古典插画。不断飘落的花瓣增加了女孩忧伤的心思,散乱的头发及忧郁的眼神,告诉我们她真正期盼他的回归。。。作者整个鼠绘的过程都描述的非常详细,过程图也非常丰富,喜欢鼠绘,尤其是喜欢古典鼠绘的朋友可以尝试一下。最终效果 局部放大图 一、新建一个大小适当的文档,先画出线稿,如下图。 二、在路径面板用钢笔工具勾出肤色部分,如下图。
PS制作巧克力包裹的威化饼干
一、在photoshop软件中新建一个分辨率为300、尺寸为20*30的文件(大小尺寸也可以自定义,如果是练习画布尺寸和分辨率可以适当缩小),在画布中新建一层用套所工具画出如图形状选区。 二、选择颜色面版,选择的颜色数值如图所示。 三、填充。
制作可色双层巧克力文字图片的PS教程
在设计过程中文字的显示可以说起到了最关键的作用,本篇文章就讲讲如何利用图层样式创建浪漫的巧克力奶油文字效果。喜欢的朋友让我们一起来学习吧。首先看看效果图: 在开始制作这个效果之前,我们需要定义如下两个简单的图案。 这儿我们先新建一个文件,大小是900 x 600px,加上一个紫色的径向渐变。 为了显示效果好一点,在做的时候尽量选择比较粗的字体或者比较粗的标识进行操作。故而我将DCd的LOGO加粗了50%,颜色填充#2d1b07。如下:
制作巧克力饼干文字图片效果的PS教程
文字部分由两层构成:巧克力表层和夹心部分,表层部分直接用图层样式制作,边缘部分用蒙版擦出一些小孔;夹心部分可直接使用素材;后期在添加新一些装饰素材丰富画面。最终效果 一、新建一个1600*1200像素图层,G选择渐变工具拉渐变。 二、新建一个图层,用柔性画笔颜色:fea800,大小:1245在图层中心画一个圆形。图层模式改为滤色,不透明度20%。
鼠绘香甜奶油蛋糕图片的PS教程
教程非常详细的介绍蛋糕的绘制方法。绘制的时候并不是所有细节都是用手工来完成,局部可以用图层样式快速增加质感和纹理。最终效果 一、打开一个新文件,设置分辨率为1024*1024像素。 二、导入草图。 三、使用钢笔工具,开始画出蛋糕的大体形状,分别加上不同的颜色,分好图层,每一个大的色块放到一个组里面并命好名,如下图。
制作逼真巧克力饼干文字图片的PS教程
教程中的饼干字直接使用了饼干图案,并用图层样式加上一些浮雕和光影效果,同时底部文字图层再加上一个巧克力描边即可。最终效果 教程开始之前,需要先定义一组图案,把下面的三张图片分别保存到本机;然后用PS打开,分别选择菜单:编辑 > 定义图案,然后命名。后面会用到。 一、新建一个1000 * 1000像素,分辨率为72像素/英寸的画布。选择渐变工具,颜色设置如下图,然后由中心向边角拉出径向渐变。

