推荐阅读
浅谈儿童设计移动应用界面的技巧
本文是爱奇艺无线UED负责人晓生 在项目工作中学习到的知识,针对儿童的习惯,从 配色、线条、布局、声音等都作了图文分析,如果有设计师刚好在开发儿童类产品,这篇小结会是不错的学习经验唷。最近处于项目需要,开始研究儿童产品的界面设计。在此之前,对儿童如何使用移动产品和如何设计知之甚少。优质的移动应用,为儿童带来乐趣的同时可以帮助儿童认知事物。越来越多的儿童使用移动设备,接触虚拟社区的时间甚至早于真实世界,如何设计儿童产品是一个非常值得深入研究的课题。本文简单地从视觉、界面层级关系和交互等方面分析儿童与成人界面之间的差异性。颜色细心的朋友会发现儿童家具明显有别于其他家具,最明显的特征就是颜色,这是因为儿童视力到8岁才能发育完全,对色彩的认知也是从简单的三原色开始,儿童偏向于喜欢高纯度和高明度的原色。iPad版奇艺动画片的启动界面以品牌绿为主,配合多种红蓝黄等颜色,整体写实蓝天绿草地的真实意境,营造轻松有趣的氛围。线条
Photoshop制作男人背部被撕开的伤口效果教程
很多电影海报都会用的效果,简单易学还特别有视觉冲击力,今天这篇教程是小麦丫临摹的海报效果,教程不难,10分钟就可以学会,一起来试试。先看看效果图素材导入PS,调整颜色、方向(使之接近临摹海报的黑白色调):复制人物层(图层2),并绘制出分割皮肤的两条红色参考线,主要是为了让大家看清,我大致会在哪里分割皮肤,后续切割皮肤的时候,也可以用来参考):来到人物层 拷贝层,用多边形套索工具,沿着红色参考线,把此图层切割成四块,并重新调整好四块皮肤的位置,再把参考线删除:
photoshop cs6 利用外带滤镜给美女打造细腻皮感肤色
原图效果图2、执行>图像>应用图像,参数设置如下图5、选择外带滤镜>imagenomic>portraiture 进行人物磨皮和调色。参数设置如下图
最新发布
火焰字体,PS制作3D立体效果的火焰字体教程
主要方法:利用快捷键Ctrl + Alt +上(下)箭头键,快速地复制并逐像素的移动图案而得到3D效果,操作步骤都是比较容易实现的,适合初学入门者练手。 最终效果 1、首先打开素材图片,全选图片(Ctrl + A)或根据需要使用选框工具(M)选取图片中的一部分,复制(Ctrl + C)。将工具栏中调色板前景色和背景色分别设置为白色和黑色。再新建一个 photoshop 图像文档,背景色为黑色,宽度和高度比素材图片宽度和高度大一些,以便在后面的步骤中调整。将刚复制的图片粘贴(Ctrl + V)到新建的图像文档中,并将该图层重命名为“素材”。 2、在图层面板中,点击“素材”图层前的眼睛图标,将素材图片隐藏起来。然后选择“横排文字工具”(T),并选择合适的字体和字号,输入文字。在这里,我们选择了 Arial Black 字体及 150 像素字号。 3、现在我们要对文字进行变换,使之具有三维透视效果。首先在文字图层上右击鼠标,从右键菜单中选“栅格化文字”,将矢量文字变成像素图像。然后从菜单中选择“编辑 > 变换 > 扭曲”,拖动控制手柄,调整和扭曲文字,使之“平躺”在水平面上。 4、选中文字图层,按住 Ctrl + Alt 键,再按向下(或向上)的箭头键,复制图层。每按一次箭头键,即复制一次文字并将文字向下(或向上)平移一个像素。复制的次数越多,3D 文字高度也就越大。这里我们复制了20 次,效果如下图。
照片调色,利用PS通道功能调出亮丽青蓝色效果照片
本教程的调色比较简单。大致思路:通过复制相关通道粘贴到其他通道显现照片的色彩转变,然后对相关色彩做适当调整即可得到不错的效果,方法非常简单实用。 原图: 最终效果 1、打开图片,按Ctrl+J复制一层。 2、进入通道面板,选择“绿”通道,按Ctrl+A全选,再按Ctrl+C复制,然后选“蓝”通道,按Ctrl+V粘贴。效果如下: 3、执行“色彩平衡”(CTRL+B)对图片色彩进行调整(如图) 色彩值可以根据喜好修改:
唯美照片,使用PS调出唯美粉色风格少女照片
唯美少女的感觉是很多同学都喜欢的色调,这种色调是如何调出来的呢?通过教程来学习一下吧,不同的时间拍的片子不同,这个片子是夏天大概3点左右拍的,光比较大,所以我们在调整的时候要把高光和白色拉暗,阴影黑色提亮对比度就自然降低了,具体通过教程来学习一下吧,相信你会做的更好。 效果图: 原图: 操作步骤: 基础调色 不同天气不同时间拍出的片子本身也不同一这组片子是夏天大概下午3点左右拍的,光比很大,所以尽量让妹了在有阴影的地方拍~后面有光的地方很容易过曝,不管它,脸上曝光iE常就好因为要清新粉嫩的颜色,所以高光和白色都拉暗,阴影黑色提亮对比度就自然降低了想要颜色明艳一点加了一点鲜艳度这里我用的JPG格式调的.所以忽略自平衡
文字效果,使用PS图层样式制作个性化的文字效果
教程通过图层样式来制作个性化的文字效果,添加图层样式,是Ps中制作图片效果的重要手段之一,经常应用于字体和图片的效果制作,图层样式可以应用于一个文件中除背景以外的任意一个图层,如果要对背景层应用图层样式,需要先对背景层进行解锁,然后再添加样式,方法也很简单,在背景层双击鼠标左键就可以解锁了,我们可以用多种方式来添加图层样式,添加图层样式后的图片或字体会更加美观和吸引人,可以达到非常好的效果,同学们跟着教程来学习制作一下吧,相信你可以制作不同风格的文字,动手练习起来吧。 效果图:学习PS请到www.16xx8.com 原图: 视频: 操作步骤: 01.给背景图层添加样式——双击背景图层解锁背景图层
手写字体,Photoshop图层样式制作彩色手写字设计教程
本教程主要使用photoshop制作彩色手写字教程,主要以素材和图层样式来完成,希望大家可以喜欢。 最终效果 1、用画笔工具在画板中书写字形,调整至自己满意为止。 2、利用直接选择工具,调整路径的锚点和路径。
PS快捷键命令,实用的Photoshop快捷键命令大全
今天,给大家介绍几个非常实用的快捷键命令大全,大家伙都是设计师,关于软件使用那是越快越好啊。 一、常用的热键组合 1、图层混合模式快捷键:正常(Shift + Option + N),正片叠底(Shift + Option + M),滤色(Shift + Option + S),叠加(Shift + Option + O),柔光(Shift + Option + F),饱和度(Shift + Option + T),颜色(Shift + Option + C),明度(Shift + Option + Y)。 2、混合模式循环热键(Shift + – /+):该组快捷键方便你在整套混合模式的选取中循环选取而不需要单独点击。 3、不透明度调整快捷键:在输入框中输入1-10代表不透明度从10%-100%的变化。同时快速地输入任意两位数,可以实现当下数值的不透明度。例如快速输入59,则不透明度就是59%。 4、填充不透明度快捷键:按住shift键快速键入1-10分别代表10%-100%,与上面的一样,快速输入任意两位数将直接呈现该数字的效果。
用PS图层样式制作金属字的银色文字设计教程
先看看效果图:首先需要一张深色的背景图,可以选择某种质感,最好是皮质,能使得文字效果更好。我们选择一种线条相对较粗的字体,我选择的是Copperplate Gothic字体,大家可以去百度下载。文字内容的,我选择的就是DUIA,大家可以自行发挥。接下来我们要添加图层样式了,添加前,我们先复制当前文字图层,留着备用。在文字图层上,我们首先添加斜面浮雕效果,增加文字厚度,突显立体感,具体数据如下。由于文字本身颜色比较浅,所以效果不明显,接下来我们增加渐变叠加效果,让文字有些金属属性。
梦幻效果,Photoshop调色做出梦幻效果的小女孩照片
本教程的色调用的比较专业,青色色与黄色组合,色调对比较大,更容易突出人物主体。然后再配上一些可爱的装饰元素,画面显得更加生动。 原图 最终效果 1、按CTRL+J把背景复制2次,得到图层1、图层1副本,分别设置她们的混合模式及不透明度:图层1滤色、不透明度25%。 图层1副本混合模式改为:柔光、不透明度改为:40%,效果如下图。
工笔画,PS把人像照片制作为工笔画效果的艺术照片
有一段时间特别流行数码照片转为工笔画效果,相信同学们在很多的地方都见到过,那么这种艺术效果是如何制作的呢?其实操作起来也比较的简单,首先我们需要前期准备好,尽量从衣着或者是发型上都往古典的效果来靠,这样在我们的后期就会简单很多,我们要通过各种的调节来把它显示为工笔画效果,照片需要一步步的去调节,然后通过滤镜库中的滤镜效果来给它再进行一些点缀,相信同学们跟着教程可以很好的完成,一起来学习一下吧。 效果图: 素材: 第一步: 打开PS,按Ctrl+O将需要转换为工笔纹理效果的背景图层放入;接着按Ctrl+J复制拷贝一下背景图层,就得到“背景图层 拷贝”图层 第二步:
矢量图标,Photoshop绘制矢量图标的6个实用小技巧
今天竹子要介绍的这6个图标绘制招数,简单易懂,但功效卓著。久习可得奇效,达到任何矢量图形都易如反掌,无论各种横的,竖的,奇形怪状的图形都信手拈来。(以下界面演示以photoshop CC为演示工具) 第一剑 少商剑 形状图层 特点:剑路雄劲,颇有石破天惊,风雨大至之势。 PS是一个像素处理软件,可以做到和AI一样绘制各种复杂的矢量图形。有读者会问为什么不用AI,而要学习PS绘制路径,因为PS才是适合UI设计的工具软件,且各种图形PS可以做到像素对齐,AI绘制的路径导入PS还是要二次调节。所以下面教你如何通过形状图层来绘制矢量图标。 ① 前景色选择黑色,前景选择的颜色就是绘制出形状图层的颜色 ② 工具模式选择路径,一定要选择路径,而不是形状,因为直接生成的形状黑乎乎一大片,非常不利于二次编辑路径。 ③ 形状属性面板中可以设置圆角。 这是Photoshop CC版本中一个非常棒的功能。尤其是对UI设计师而言。形状属性位于属性面板中,我们可以自由设置各种参数。