推荐阅读

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制作立体圆形旋涡样式图标的photoshop图标设计教程
先声明一下,这不是作者的原创教程,只是把方法总结了一下,为了让新手看得更明白,增加了许多详细步骤。闲话少说。 另外不是抄袭,毕竟每个人的方法不同, 如有不到之处,敬请谅解。效果图:1、首先打开效果图,先观察这个图片的构成,可以想象为它是由3个圆形组成,最外面的大圆是一个颜色,最中间的小圆是白色,中圆是一个渐变颜色。2、根据大小,画出大圆,中圆,和小圆,中圆做出如下的渐变效果,如图所示位置说明,大圆和小圆居中对齐,画好渐变的中圆和大圆左对齐另外精确作图是非常有必要的,这里只说制作方法,选中大圆ctrl+t,根据大圆位置,画出辅助线,确定大圆圆心点,如图所示

用PS设计等距像素工厂图标的photoshop图标设计教程
我们继续我们的等距像素艺术世界的工作,在这一次,我们将增加一个工业工作场所到我们的图书馆。让它看起来很乏味也许是件好事,但这并不意味着它也不可能那么漂亮。我们将再次使用一些砖块质地,一些金属元素,巨大的烟囱和一些烟羽。我们开始工作吧。如果您还没有,请查看本系列中以前的教程,大多数课程涉及photoshop技巧和技巧以及像素艺术细节,我可能在后面的教程中不一定涉及这些细节。所有这些等距、几何图形、像素完美的工作都会变得困难或乏味;如果你觉得做这项工作不吸引人,那就随便买些现成的好东西吧。先看看效果图1. 定义维度把你的像素字符拿出来。我们将建造一个两层高的工厂-它不会很大,但是它会是一个大盒子,里面会有一些很高的烟囱和巨大的烟羽,所以它仍然是一个非常可观的尺寸。我考虑过做锯齿形屋顶(在描绘工厂时很常见),但后来我认为它没有必要,而且可能已经不太常见了。我们仍然会使我们的大楼看起来很工业化。步骤1使用该字符可以找到您喜欢的水平高度,然后将其加倍。我为每个级别添加了额外的行(每个级别之间有4个PX),作为以后添加砖块纹理的指南。这样,在放置窗户和其他建筑元素时,我就会注意到砖块的线条。

封面图片,PS鼠绘古代武侠秘籍封面图片教程
在那个快意恩仇的江湖世界里,往往有一条线索是围绕一本武林秘籍展开的。在专题里我们将内容呈现在秘籍里,增加页面的代入感。本期和大家分享武侠秘籍封面的绘制的过程。使用的工具有混合叠加效果、多种纹理材质、调整图层以及自定义笔刷。 最终效果: 参考图素 绘制步骤 首先绘制书的轮廓,建立书的基本样式。【色值314f7c】 添加投影、内阴影、渐变叠加效果营造立体感。添加书签样式,叠加纹理,制作纸质破损感觉。

用PS设计创意咖啡拉花图片的花式咖啡图片设计教程
花式咖啡相信大家都非常的常见,我们今天就来带着大家一起学习花式咖啡中的团,先看看效果图就是这个拿铁咖啡拉花教程,拉花的开始动作便是左右晃动拿着拉花杯的手腕,重点在于稳定地让手腕做水平的左右来回。首先当然是打开我们的PS,导入一张咖啡的图片然后找一张你准备拉花的图片这个图需要咱们简单的抠一下,先使用“魔棒工具”选取图种白色的背景

用PS制作火焰人效果图片的燃烧人像图片教程
想让简简单单的图片燃烧出熊熊烈火吗,接下来我给大家演示一遍如何让普通的萌妹纸变成抗造的火人,想要制作火焰人特效,首先选择颜色与背景颜色反差大的图片,效果更好。先看看效果图操作步骤:1、在PS中打开背景与图案对比较明显的图2、选中图片,在顶部的导航栏找到滤镜—风格化—查找边缘选择后生成的效果如下

用PS设计创意编织艺术效果图片的图片处理教程
这种类似织毛衣的效果我尝试了一下,其实重点就是建立好选区,然后添加图层样式。最中国完成效果图,下面就让我们一起来学习吧。先看看效果图:首先还是准备好这么一张图片吧,我还是用的以前做过的两个小女孩的图片:下方新建一个黑色图层,这一步不用说吧:执行窗口-新建参考线面板,这一步可以帮助我们更加准确的建立选区,至于参数大家凭感觉来吧:用矩形工具对比着参考线做出如图所示的样子,目的是为了建立选区,所以你直接用矩形选框工具也可以,只是我个人习惯用矩形而已:

用PS绘制黑夜和白天主题壁纸的壁纸设计教程
今天是一张很“唯美”的壁纸,我给唯美二字加引号,是因为我不认为这张壁纸唯美在什么地方,不过它的名字就是唯美的壁纸。一半是白天,一半是黑夜,或许有其意境,众神各自领略,同时有一点需要说明的是,今天,并没有给素材,找素材,真心是一门学问,学会自己动手,学会自己找素材,才是王道。我们的最终效果:原图是长这样的:下面开始我的制作过程,新建一个适用于自己显示器大小的新画布,有没有一些新手真的不知道怎么测量自己显示器的大小的这种可能?置入一张云层图片,不要老是问素材在哪里,大家都可以尝试自己去找素材,找素材也是一门学问,自己动手,丰衣足食!点击下面的黑白标志,添加一个渐变映射调整层

用PS设计制作逼真油画效果图片的油画特效设计教程
此次教程需要用到的ps工具为:[图案图章工具]、[可选颜色]、[曲线]、[修补工具],用这四个工具来制作类印象派油画效果,在开始之前先看看原图与效果图吧。提到印象派油画效果你能想到的画家是是谁?文森特·梵高(Vincent van Gogh)?克劳德·莫奈(Claude Monet)?其实说到印象派不得不说一个开山鼻祖,没错 ,就是爱德华·马奈(édouard Manet).他得画多的就不分析了,因为我也分析不出什么 理所然,但是油画的风格我们可以确定的是[大部分色调是低饱和、低明度、颜色偏红色、橙色、黄色].,注意是大部分,相对不绝对,分析完了,后面为图片追色就很容易了。原片是我用手机在菜市场随手一拍的那种状态,拍的时候忘了关闭手机上的水印,如果不后期重新构图以及调色的话,几乎算是流水账式废片一张,既然我们要后期水印也就无所谓了。

用PS制作清爽手绘字体海报图片的手绘海报设计教程
手绘字体是十分常见的字体设计方法,根据手绘的风格,应用范围也比较广泛。对于新手来说,此风格不太容易上手,需要设计者有一定的手绘基础。下面的手绘海报字体教程由百图记优秀练习者「梅根」出品。本教程主要通过三大步骤来详细解读手绘海报字体的设计过程,包括绘制草稿,拍照扫描,导入PS处理。下面让我们正式进入这篇教程吧。教程步骤前期工作准备好之后,就可以开始进入我们的创作啦~我喜欢手绘海报字体是因为它很有独特性,而且每个人的字迹都是独一无二的,可能每次写的效果还不太一样,这恰好吻合了设计要求的原创性与灵活性。在开始创作之前,要先想好文字内容(自由发挥的好处就是没有太多的拘束,想到什么好玩的词或者也可以从日常生活中发现)。接下来分享我的实战案例字体灵感说明:在炎炎夏日里,只想找个清凉的解暑胜地,围绕“清凉”两个字,可以头脑风暴出:水、水滴、冰、西瓜、游泳、游泳圈、清新等词语。

Photoshop简单制作斜纹浮雕立体字教程
最终效果1、首先新建一个空白的文档(我的是1920×1080)。2、输入文字,字体不限。颜色的话我选择一个粉红色,大家随意设置喜欢的颜色,调整一下位置和大小。3、先修饰一下上方的文字图层,双击进入图层样式描边:3像素描边,内部,白色。内阴影:选择一个比文字颜色深一些的红色,混合模式正片叠底,调整一下不透明度、角度、距离、大小。