推荐阅读
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质量的图像。这里我们可以欺骗一下浏览器:
最新发布
制作蓝色立体水晶ICO图标的PS设计教程
本教程主要使用Photoshop合成蓝色水晶质感的APP图标教程,教大家一个很漂亮的图标ICON按钮,步骤还是非常详细的,希望大家可以喜欢这个教程,我这样就有动力继续写文章了,下面让我们一起来学习吧。我们先看下效果图我先新建一个画布1000X1000,填充背景色:#80b5e1选择圆角矩形工具,半径设置50,颜色我们就设置白色好了,填充改为:0,画一个合适大小,添加混合选项:投影,并命名为发光层我们复制一下发光层,清楚图层样式,在添加混合选项中的“内发光”“渐变叠加”“投影”并命名为厚度层
设计3D立体风格ICON图标的Photoshop教程
本教程主要Photoshop设计简洁3D风格的ICON图标,在网上看到类似的教程后,打算自己出个更详细的版本,做为后发现,这个好像百度的爪子呀,下面就让我们一起来学习吧。先看看效果图首先让我们来新建一个高度为560,宽度为420.填充背景为:#fbf5e7选择圆角矩形工具
设计时尚邮箱软件APP图标的PS教程
利用所学知识,快速使用PS来创造一枚邮件ICON,一个以信封为主题的扁平化APP图标,感兴趣的朋友可以一起来学习吧。先来看看效果图:具体的绘制步骤如下:1、新建画布400*400像素2、填充背景色3、矩形工具
PS如何隐藏和显示图层?
有时候,我们可以通过隐藏一个或者多个图层来查看整体的协调性,或者将编辑完成的图层隐藏以免影响其他图层的编辑,等到整体编辑完成之后再将隐藏的部分显示出来,下面我们就一起来看看PS如何隐藏和显示图层吧!打开图片文件,在“图层”面板中单击“指示图层可见性”按钮。此时在“图层”面板中发现眼睛图标已经消失了,文档窗口中对应的图片也不显示了。若要显示该图层,则再次单击“指示图层可见性”按钮,此时在“图层”面板中发现眼睛图标已经显示,文档窗口中对应的图像也显示了。(1)准备两张图片素材1、素材2;(2)打开PS软件打开素材1作为背景,并置入素材2;(3)在“图层”面板中单击素材2“指示图层可见性”按钮,隐藏素材2图层;
绘制简约平面荷花APP图标的PS实例教程
通过PS来制作一款弥撒图标教程,主要用图层样式来制作,这种类似的图标教程大都是如此制作,不是很难,但是需要耐心,具体通过教程来学习一下吧,毕竟只有制作起来才知道哪里不足,知道什么如何制作,所有的PS教程就是必须练习,只有练习才能提高自己的ps能力。效果图:操纵步骤:1. 新建画布,画一个圆搜索公众号photoshop教程论坛,免费领取自学福利2. 选中圆,Ctrl+T,选择变形,在菜单栏找到膨胀,进行拉伸
绘制蓝色立体QQ浏览器图标的PS教程
本教程主要使用Photoshop绘制蓝色立体风格的QQ浏览器图标,教程难度中等偏下,要考验的主要是同学们对钢笔工具的运用,蒙版和渐变等也有涉及,教程特别细致,新手完成应该木有问题,喜欢的朋友让我们一起来学习吧。最终效果:新建一个500*500画布,按U用椭圆工具画一个200*200的圆(颜色随意)路径选择工具选中画好的圆形。ctrl+c,ctrl+v 复制这个圆形在同一个图层ctrl+t 缩小的时候按住shift+alt ,同比例缩小(大小自己看着合适就行)
设计渐变风景插画主题圆形图标的PS教程
本教程主要使用Photoshop设计时尚的渐变主题风格图标,整体的效果非常的简洁,都是用PS的图层样式来完成,推荐给朋友学习,希望大家可以喜欢。 渐变用在插画当中是能表现出光感的,利用简单的几何形搭配不同的渐变填色方法,我们就能实现出非常绚丽的景致。今天我们要绘制的就是一个比较小的风景类的图标。绘制的过程非常简单,最重要是要领会其中渐变的用法。先看看效果图: 一、草图阶段草图阶段很重要的是确定好大致的构图,按照一个圆形来作为画框是非常常见的图标的代表,当然作为图标有时候可大可小。但是大家应该可以看到,这里波浪的部分是海面,而右边的圆是太阳,上面这些分散的点就是水珠。这个景象大家应该并不陌生。二、拆分基础形扁平化的插画无一不是从基础形开始,保持基础形的简洁是非常重要的一步。
绘制像素风格人物和树木图标的PS教程
如果您一直在创建您自己的等距像素镇或较小的外部场景,或者如果您有兴趣这样做,您将最终需要树木。它们是一个很好的装饰项目,在你的像素艺术目录中,因为它们可以照亮几乎任何场景,它们只是大城镇或城市景观所必需的,更不用说公园和自然景观了。对于树梢来说,你的第一本能可能是用手随意地处理一些参差不齐的不规则的东西,以获得“自然”的外观,但我们会避免这样做,因为一个随机形状看起来不会像一次又一次地重复。我们将尝试用我们的树设计得到最大的成功,一个相对简单的,对称的,可能是几何图形,看起来是有机的,但当重复多次时保持和谐。1. 维数我们将使我们的树足够大,足以超过一个灌木丛,但不是真的很大。步骤1不到我们角色身高的两倍就足够了。我已经为树干和树梢设定了高度。这些都是松散的指导方针,我们以后可能会调整尺寸。
绘制精致三星相机图片的Photoshop教程
今天的教程难度不小,而且步骤特别多,光教程截图就有整整92张,当然也是因为写得特别特别细致。不多说,考验PS基础功的时候了,来动手,做得出效果小编大号小号齐上给你点赞。最终效果:1,新建一个2000*2000的画布(因为之后需要设置一些参数是根据画布大小而定的,所以不想自己调参数的话就跟我设置同样大小的画布吧)2,新建一个图层,然后随便填充一个颜色。3,双击图层一,打开图层样式,使用渐变叠加。4、拉好参考线,画出一个圆角矩形。
制作超强真人照片转手绘的PS教程
转手绘全是细活,不仅需要较强的美术功底,还需要不断练习来提高自己。尤其在处理五官及发丝的时候,需要注重高光和暗调部分的渲染,做出的效果越晶莹剔透越好。最终效果 原图 一、打开原图素材,把背景图层复制一层。 二、磨皮: 执行:滤镜 > 杂色 > 减少杂色,选择高级,设置每通道,数值:红:强度:10,细节:100;绿:强度:10,细节:10;蓝:强度:10,细节:10。

