推荐阅读
UI设计师最需要了解的设计工作流程
每个设计师看文章都有自己的喜好,有些人喜欢看一些纯设计技法或者设计教程,有些人喜欢看一些偏理论的知识点,比如工作经验、设计流程、设计分析等等。其实作为一名UI设计师应该看文章不要挑剔,每一方面都要看一下,这样才能更好的提升自己的设计水平和管理能力。欢迎关注作者所在的丁香园设计团队微信公众号:「花厂设计招待所」今天主要来跟大家聊聊我自己的工作习惯和方法,相信作新人看了一定会收获很多~1. 一般怎么规划好工作上的需求?我使用teambition软件来管理我的日常需求,teambition是一款团队协作软件,由于公司使用的是tower,所以目前teambiton我是用来管理个人需求。我用过tower,可能觉得界面不够美观,有些地方体验不是特别好,不过用来团队协作应该也是不错的。由于朋友的推荐,我就尝试用teambiton来管理个人的日常需求,发现已经能够满足日常的工作需要了。下面我放上几张截图来说明我如何使用teambition。因为teambition功能点非常多,这里只是做个示例,希望有兴趣的自己体验一下。产品设计流程图(PM)App设计流程图适合全新App设计,整理出所有大致需要做的东西,然后按照从左到右的顺序分别完成。
使用Photoshop给外景人像添加唯美逆光效果
最终效果原图1、打开素材图片,创建可选颜色调整图层,对黄色,青色进行调整,参数及效果如下图。这一步主要把草地的颜色转为橙黄色。2、创建色相/饱和度调整图层,对黄色进行调整,参数及效果如下图。这一步把草地颜色转为红褐色。
Camera Raw各版本英文变中文的方法
很多朋友对Photoshop CS2 RAW格式插件的安装没问题,只需拷贝Camera Raw.8bi文件到相应的文件夹就可以了,但是显示的是英文,希望此方法能够解决大家将Camera Raw各版本在Photoshop CS2 中英文变中文的方法的问题。高手就不要看了! Photoshop CS2 RAW格式插件的安装路径: PS CS2英文版,安装路径是:C:\Program Files\Adobe\Adobe Photoshop CS2\Plug-Ins\File Formats把Camera Raw.8bi拷贝到这个目录下就行 Adobe Photoshop CS2简体中文版的安装目录:把Camera Raw.8bi文件copy到C:\Program Files\Adobe\Adobe Photoshop CS2\Plug-Ins\文件格式 目录下面即可 安装好cs2后,将RAW格式的图片导入PSPScs2,若显示的Camera Raw英文界面,选择open,将图片导入PS中,选择文件,看看有没有关闭并转到Bridge选项,若没有,需要进行升级,即Adobe Bridge,Adobe Bridge 1.0.2 update的下载地址:http://download.adobe.com/pub/adobe/...idge102Win.zip。升级后,打开PScs2,文件--关闭并转到Bridge--提示保存图片,是否?进入在桌面Adobe Bridge中--Edit(编辑)--Preferences....(首选项)--Advnaced(高级)--Language(语言)--选择Chinaexe,Simplified(简体中文)--OK(确定)--关闭Adobe Bridge,重启PS,打开文件就出现RAW的中文界面了,此方法适合于Camera Raw各个版本
Flash动态解析Web应用程序服务器路径
玩过Flash+ASP/PHP开发的朋友都知道,在Flash软件里测试Flash从后台脚本读取数据的时候,不能直接的用如“loaddata.asp”这样的路径,必须是http://www.domain.com/Application/loaddata.asp 或者 http: 开头的路径。有些人问了?为什么呢?当FlashPlayer里测试的时候收到load("loaddata.asp")这个命令的时候,他会直接读swf文件路径下的 loaddata.asp文件。但由于没有经过IIS的运行处理,直接读入Flash内部,当然,读出的结果就是%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%类似这样了,所以就无法根据我们的意愿来处理数据了,而当FlashPlayer执行load("http://www.domain.com/Application/loaddata.asp")这个命令的时候,他就不再是本地的TXT文件读取命令,而是一个HTTP请求,FlashPlayer把这个请求发送到HTTP服务器,服务器的IIS解析脚本返回结果后Flashplayer便可以正确的处理这些数据了。(废话一堆)当然如果你清楚了路径的关系,也可以把写load("loaddata.asp")写到Flash里,上传的时候,把.asp .swf 和包含 .swf的html文件,都放在一个目录里就行了。特别指出的是swf 在取得路径时,是取包含他的html和.asp的关系的。而不是 swf 与 asp的路径关系。说起来已经是有一点晕了,但如果理解了路径的关系,那就非常简单了。好了,进入正题,虽然输入HTTP路径就可以正确读取数据,但是在程序开发测试阶段可能经常需要开发者更换服务器,那样就对我们造成了一定的麻烦,你每更换到另外一个服务器上面的时候就要修改一次他的HTTP路径,如果读取了N(N≠0)个文件,难道还要手动修改N次?当然不是,那么通过下面这个小技巧便可以轻松解决这个问题:把SWF文件嵌入到一个ASP页面里面,输入如下代码:<%Dim PageUrl,URLarry,i,ApplicationURLPageUrl="http://" & Request.ServerVariables("http_host") & Request.ServerVariables("url")Response.Write "PageURL="&PageUrlURLarry=Split(PageUrl,"/")Arryubound=ubound(URLarry,1)-1For i=0 to ArryuboundApplicationURL=ApplicationURL&URLarry(i)&"/"NEXTResponse.Write "<br>ApplicationURL="&ApplicationURL '这一句仅仅是测试代码是否正确,可省%>好了,对ASP有一定了解的朋友应该都明白代码是什么意思了,PHP也可以用这种思路来写,下面在SWF路径中可以这样写 <%="flash.swf?myserver="&ApplicationURL%> 这样就可以通过URL把变量传递给SWF文件,在Flash影片中便可以直接访问这个变量了,就是_root.myserver。 好的,现在来让我们测试一下结果,先编写一个loaddata.asp,让他返回一个back变量。打开FLASH,新建一个文件。然后在场景中拖入两个动态文本框,分别命名为txt.url 然后在第一帧输入以下代码:mytxt=new LoadVars()mytxt.load(_root.myserver+"loaddata.asp")mytxt.onLoad=function(sUCcess){if(success){
最新发布
利用计算通道来给照片美容
一、把需要美容的素材照片打开,然后把背景层复制一层,得到背景副本图层。 二、点击来到通道面板,再在绿色通道上面右击复制通道,得到绿色副本通道。 三、接下来用鼠标选中副本通道,再执行滤镜-其它-高反差保留,把保留半径设为10个像素。
合成中国古典工笔画图片风格的PS教程
工笔画是我国古代绘画技巧中的一种,它求形似,以线造型,而将工笔画这种风格融入到摄影之中,会有一种很「中国风」的味道,自从摄影鬼才孙郡为邓超夫妇拍摄了一组工笔画风格的全家福以后,整个摄影圈都刮起了一股工笔画风,很多仿工笔画风的图片作品是通过堆叠各类工笔画素材做到的,和真正的工笔画风格要差上很多。 今天和大家分享一篇不用堆叠各种「工笔画素材」的仿工笔画教程。首先还是要先了解一下工笔画大致是什么样的,这样才会更清楚调色的方向~那么下面我们就一起来欣赏几张古代人物工笔画的作品吧:
用PS制作矢量工笔画效果的明星图片
把一张照片转换成卡通风格的图片,我们一般是使用滤镜来完成。可是这种操作方法存在的问题是,不能根据自己的感知来对照片进行调整。因为滤镜操作,是根据照片的明暗度来做整体调整,这样有时该省略的细节没有省略,而该突出的细节也没有突出。操作上很不好把握。今天这个教程《将照片转成卡通风格的艺术图片》主要使用钢笔工具来操作。教程简单,但需要点耐心。要使作品出彩,主要还是细节的勾画上。每个人的表情符号不同,抓住了人物细节,作品才更有味道。颜色上不需要用太多,基本上都是一些大的色块。 下面以华仔的肖像照为例进行操作,画完后,我自己觉得怪怪的,不太像。应该还是细节勾勒上出现了问题。所以才有这种感觉。不过还是把教程贴上来。因为操作方法并没有问题。大家在练习或是操作时,可以先从简单入手。在朋友聚会,生日庆祝,婚礼庆典上。我们可以用此方法制作一系列很有艺术范的请柬。
快速几步制作工笔画照片效果的PS方法
工笔画的定义工笔画,亦称“细笔画”,属中国画技法类别的一种。工笔画一般先要画好稿本,一幅完整的稿本需要反复地修改才能定稿,然后复上有胶矾的宣纸或绢,先用狼毫小笔勾勒,然后随类敷色,层层渲染,从而取得形神兼备的艺术效果……清颜的看法网上流传各种工笔画后期效果,但清颜认为只能归纳为中国风的一种,看了以上的定义,实际上摄影后期的所谓工笔画都是“假”的,都是模仿一种色调,而非真正的工笔画,甚至连形似都达不到,也许绘画结合电脑设备可以达到摄影的画面,但摄影并不能达到绘画的效果(辩证去理解),除非你用大量的后期去加工,同时前期也得花大量时间去策划。清颜——独爱中国风尤其水墨清颜自小就对琴棋书画十分感兴趣,自小练习书法,以至直到高中时唯一的理想就是当个书法家,索性在高中时学习了一小段时间美术,只是对于摄影来说确实有点可惜,因为只学习了素描而没有涉及到色彩,不过也罢。说了这么多我们还是进入正题吧现看效果图
PS制作工笔画效果的荷花照片技巧
转工笔画基本上跟素描画类似。需要多次用滤镜做出黑白的线条画,然后再上色。不过工笔画还需要一些细致的操作,用钢笔把主体的轮廓都勾出来,然后描边路径。如果画面较为复杂,需要去掉背景部分。最终效果 原图 一、打开图片,ctrl+j复制得到图层1,点击红圈处新建图层2,放于图层1和背景层之间并填充白色。在图层1,按图示把荷花的主体抠出。 二、ctrl+shift+alt+e盖印图层得到图层3,ctrl+shift+u去色,ctrl+j复制得到图层3副本层,ctrl+i反相,图层的混合模式设置为颜色减淡,这时我们看到的画面就是几乎一片空白,执行滤镜--其它--最小值--1,点击红圈处,选择混合选项,混合颜色带,参数如图示红框内。
制作高档大气仿工笔画美女图片的PS教程
工笔风的教程网络上有很多种,很少有人能把孙郡的照片的精髓抓住,而且效果并不好;这种片子的效果,整体层次,服装层次,色彩层次等都有鲜明的特点;把握好后,就可以做出大师级别的效果。最终效果 一、打开人物素材,然后抓回高光和暗部的细节!做好修调,然后我们进入工笔风调色。 二、新建一个图层,上色,RGB数值我选到的是 R:174 G:157 B:129;然后,正片叠底,我们会得出这样效果的片子,这样可以整体让照片都能得到一个偏色的效果。 三、由于第二步整体上色因为用到的是正片叠底,让照片变得比较暗。 我们会复制上一层的正片叠底,然后改为滤色,把照片的明度提高,特别是把暗部区域层次提高,让照片暗部达到中性灰以下,这个图层的透明度为40%。而且我们可以就在这个层上面做到纹理效果。
制作复古怀旧风格工笔画图片的PS教程
工笔画制作方法有很多,本文介绍一种极为简单的方法。前期只需抠出人物,并复制几层,去色后用滤镜及混合模式提取出主要线条;然后用抠出的人物叠加得到彩色效果;后期增加背景纹理及其它装饰等,得到想要的效果。最终效果 一、导入素材图片。 二、将人物抠出来,并关闭原图的小眼睛。
制作工笔画效果古装人物图片的PS教程
效果图重点是加入工笔画的意境,尤其是人物部分,并不需要特殊处理,只需要润色,磨皮等少数几步操作;后期加入一些大气工笔画背景,再把整体调统一即可。最终效果 原图 首先把孙郡大师的参考图和文章讲解的原图放在一起做对比分析。参考图整体偏灰,对比度较小,明度偏低,饱和偏低。色温比原图较高。细节丰富,高光和暗部都有很丰富的细节。 原图在高光和暗部有部分损失(损失体现在头发和鼻梁以及左边眼角的高光),参考图最为显著的特色是背景的工笔画的笔触,以及背景的祥云,鉴于笔者只能徒手画个丁老头的功底,祥云以及背景的笔触只能用素材解决。 一、分析完毕,接下来就导入LR里做基调调整。LR的调整思路主要还是依赖上面的对比分析,主要还是对服装的色彩的调整,整体大氛围的加灰,减曝光,降对比。
制作水彩风格素描工笔画照片的PS技巧
本案例通过曲线加强明暗对比,再利用阈值将照片转换成黑白,调入水墨素材,隐藏水墨素材,Ctrl+Alt+2调出白色选区反选,打开水墨素材,直接在有选取的情况下添加图层蒙版,完成制作效果图: 1.打开人物素材,复制一层,图像-调整-曲线,打开曲线,将亮部提亮,暗部压暗,增加明暗反差,方便阈值调整 2.图像-调整-阈值,调整中间临界点来控制人像区域的大小
精修玉兰油化妆瓶图片的PS实例修图教程
素材图为常见的玉兰油包装瓶的图片,底部是完全透明的,这种图片精修其实比较简单,先观察光影构成,盖子及瓶身局部都是对称光,绘制比较简单,底部透明玻璃部分需要把高光和暗部单独绘制出来。推荐给朋友学习,希望大家可以喜欢。最终效果 1、把下面的化妆品素材图保存到本机,打开PS软件,再打开保存大素材。 2、修图之前先不要急于绘制,仔细观察产品的光影构成,产品的缺点等。由下图可以明显看出产品有点斜、整体比较模糊、拍摄的不是很好。因此需要重新绘制。