推荐阅读
浅谈普通用户是如何看待设计细节
设计师对于自己的网站以及APP产品的视角,和用户往往非常的不一样。设计师看到的常常是设计趋势,排版,细节,但是普通用户的关注点则完全不同。我们应该迎合用户,如果连对的东西都不能坚持,产出物的最终目标就会发生偏离,甚至完全无效。 ——@冯铁用户更在意的是他们能否快速理解他们的交互对象。至于APP或者网站是如何运作运作的,它们是否让人愉悦,往往被用户所忽略。这是一个相当残酷的现实。排版与字体对于字体和排版,设计师通常非常着迷。漂亮的字母,柔美的轮廓,充满魅力的衬线,等等等等。可悲的地方在于,用户根本不知道Helvetica 和 Arial,很少能分辨出两者的区别,谈及字体,他们更在意的是,这些内容能识别,能读么?但是,用户的这种诉求并不意味着设计师在字体和排版设计上可以松懈,相反你需要更加在意它们。你需要通过设计勾起用户的兴趣,确保每个段落和标题都具备良好的可读性,而不需要用户费神去识别。你的工作是确保内容的清晰,为用户提供良好的阅读体验,从字体的选取到行间距、字间距的调整,让用户在不知不觉间享受阅读的愉悦感。虽然用户很难说清楚排版有何突出之处,但是一旦出现任何设计缺陷,他们往往能够感知到。色彩
PS制作雪花飘落的GIF动画照片
冬天来了,到处是纷飞的雪花。。。不过我们拍摄的雪景图片是静态的。如果能让它动起来,那是非常有趣的。下面的教程将介绍雪花飘飞的动画图片制作,制作之前需要对PS自带的IR有一定的了解。这样制作起来才会顺手。 最终效果 原图 一、先把图片处理好,再找一张雪景图,把图片拖进雪景图里(没有雪景图自己做也可以,具体方法我这里不细说。) 二、新建一个图层,填充黑色,选择画笔工具,大小设置为3-5个像素,硬度设为100%。把前景颜色设置为白色,在黑色层上随便乱点一些白点,点的密度和大小决定雪的大小,大致效果如图1。
(6-9):制作网页翻转按钮
大家经常在一些网页中看到一种会随着鼠标的接触而变色的按钮,参见范例网页。这称之为鼠标翻转效果,这是根据英文rollover翻译而来的,其实不是很符合中文的语境。其原理是利用两张图片,平时显示一幅,当鼠标接触后换成另外一幅图片。如下图。这样看起来好像是鼠标接触的时候按钮变亮了。现在我们来动手制作,首先在Photoshop中将它们制作成图片,然后再做成网页。首先新建一个400×300的白底图像,新建一层,利用形状工具椭圆〖U/SHIFTU〗,在公共栏选择第3种绘图方式(填充像素),调出信息调板〖F8〗观看数值,用任意颜色在新建层中间位置画一个直径40左右的正圆(按住SHIFT保持正圆)。如下左图。0614【窗口>样式】调出样式调板,点击右上角圆三角按钮,选择“替换样式”,在出来的样式列表目录中选择“Web翻转样式”,确认目前选择的是新建层,然后使用“选中状态的蓝色胶体按钮”样式。如下中图红色箭头处。大家也可以自己选择其他颜色的。0615将新建层与背景层合并,然后【图像>修整】,如下右图所示。确定操作后图像将被裁剪为和所画的圆同等大小。这个命令的作用是根据左上角第一个像素处,或右下角最后一个像素处的颜色,在我们这幅图像中这两个地方都是白色。然后就将画面中连续的白色部分裁剪掉。这就好像现实中打印图像之后将纸张的边缘裁剪掉一样。接着将背景图层复制一层,对复制出来的图层使用曲线工具,合并高光和暗调区域(高光点229,255;暗调点60,0),形成加亮按钮的效果。如下左图。完成后我们得到两个图层,分别是暗色按钮的背景层,和亮色按钮的背景复制层。如果以上步骤无法完成,点此下载范例文件0616使用【文件>在ImageReady中编辑】〖CTRLSHIFTM〗,或点击工具栏最下方按钮,将会跳转到ImageReady中,这是Photoshop附带的一个软件,用来制作动画和网页。我们找到Web内容和图层两个调板,如下右图。后面的操作就是由这两个调板配合完成。 在完成以上5个步骤后,我们就可以开始制作鼠标翻转效果了。开始之前我们先简要介绍一下制作的原理。范例网页大家也看过,是随着鼠标的接触而发生的。这里涉及一种概念,叫事件和方法。我们的日常生活就是由许多事件和方法组成的,比如口渴是事件,喝水就是解决这个事件的方法。肚子饿是事件,吃东西就是方法。想学习是事件,看《大师之路》就是方法等等。这其实就是一种编程的思想,和人一样,电脑也是由事件和方法组成的一套逻辑系统。所以下面我们也要按照这种思路,去创建一个事件和解决方法。这个事件就是鼠标接触事件。平时鼠标不接触,我们只显示暗色按钮层(背景层)。而在鼠标接触的事件发生后,显示亮色按钮层(背景副本层)。
摄影实例讲解:利用三盏灯拍出完美女性人像
亚历克西斯天生拥有一个美丽且轮廓鲜明的面部,极适合以侧面来拍摄人像。还有,乌黑的头发与她浅色的皮肤色调之间形成了强烈的对比。正是这两个特质,指导了我这次的拍摄工作。 因为我的原意是拍摄彩色人像,所以我在开始的时候,挂起了一幅暗红色的油画布作为背景幕布。然后,我放置了一只小型(55厘米*70厘米)柔光箱,位于相机的左侧,在她旁边并且略后于她所在的位置。这样,可以使她的前额、鼻子、嘴唇和肩部呈现出强烈的高光效果。这些高光对这张照片来说极为重要。它们不仅能够帮助亚历克西斯从浓烈的暗色调背景中分离出来,并且有助于表现她面部关键的形状和结构。 我使用的第二个光源是一把银色的小型反光伞。我将它放在相机的右侧,并靠近相机。它通过反射提供了补充光线。这种光线(由于反光伞银色的内衬)为亚历克西斯的皮肤增添了一居明亮美丽的银色晕彩。在我把彩色照片转成黑白照片之后,这种晕彩甚至更加明显了。 最后,我在亚历克西斯头部的正上方挂起一只中型柔光箱(60厘米*90厘米),并将它的输出功率设置得足够低,使得它在照亮头顶和肩部的同时,又不至于与刚布置的反光伞所反射出来的光线相冲突。这种来自头顶的光线,还为亚历克西斯的下巴底部刻画出一条阴影线。这条线相当重要。它有助于“勾勒”面部,从而强化了她面部的轮廊特质———这几乎是所有人像最重要的元素。
最新发布
Photoshop调出复古暖黄色效果的人像照片教程
一组好看的照片,必然是经过前期精心的准备和策划才得以完成的,包括场地的布置和服装道具的搭配运用。拍摄之前,我根据这个复古文艺的场景给模特选了一套与整个场景都比较和谐的裙子,前期拍出来已经非常有复古的感觉了,因此后期特意往暖色调方面调,再加些朦胧感,使得照片更加复古唯美。Lightroom定色定调在Lightroom导入第一张原图的RAW格式,观察原图,发现原片有点过曝,整体偏灰,人物肤色暗沉。基本参数调整白平衡我用的是自动白平衡拍摄的,但是我感觉色温有点低,所以把原来的4650调高到4889,让整体偏黄偏暖。为了体现更多细节,对比度降低了11;拉低高光,追回高光细节;通过加阴影和减黑色把暗部细节呈现出来。增加8清晰度,让整体增强质感。HSL调整
Photoshop合成创意翻滚的草地波浪
最终效果1、把下面的天空素材保存到本机,打开PS软件,再打开保存的素材。2、进入路径面板,按住Ctrl键 + 鼠标左键点击一下路径1缩略图,载入选区,如下图。3、回到图层面板,新建一个图层,前景色设置为绿色,用油漆桶工具填充前景色,再按Ctrl + D 取消选区。
Photoshop图片合成教程:合成城市中翻书场景效果
最终效果1、把下面的城市建筑图片保存到本机。打开PS软件,再打开保存的素材,如下图。2、把下面的书页素材保存到本机,再用PS打开,并用移动工具拖到建筑素材上面,调整好位置。3、下图箭头位置区域为一条街道,刚好可以作为书本的边缘。
Photoshop结合AI制作波纹数字特效的海报设计教程
先看看效果图打开Ai,新建尺寸为1080*1516的画板:为了方便观察,先用矩形工具画一个矩形充当背景并且ctrl+2锁定,颜色随意:选择一个合适的字体,打上数字,我这里选的是Futura Md BT:选中对象以后,ctrl+shift+o轮廓化,鼠标右键取消编组,然后再次鼠标右键释放复合路径:
使用PS快速抠出在天空中飞翔的雄鹰图片抠图教程
最终效果原图1、打开原图素材大图,我们可以明显的看出,鹰的羽毛有两种颜色,白色和暗褐色,因此抠图的时候需要用多个通道来完成。2、进入通道面板,来观察通道。选择红通道:白色羽毛与背景有色阶,暗羽毛与背景有一定色差。选择绿通道:跟红通道接近。
Photoshop背景橡皮擦工具及蒙版完美抠出海浪图片抠图教程
海浪抠图难点是水雾部分,水雾边缘区域非常淡,很容易和原有背景融合;这时候用通道抠图会有一些损失,最好是用背景橡皮擦工具及蒙版来抠图,这样就不会有损失。最终效果原图1、打开原图素材,按Ctrl + J 把背景图层复制一层,如下图。2、在工具箱选择钢笔工具,在属性栏选择“路径”,如下图。3、用钢笔勾出大浪的实体部分的路径,水雾部分不用勾,如下图。
PS抠图教程:使用Photoshop抠出受光不均的人像红发丝
最终效果原图1、把原图素材保存到本机,打开PS软件,再打开原图。人物的发丝看似非常简单,仔细观察发现右侧边缘的发丝非常亮比背景亮很多,其它的发丝比背景要暗。用单一的通道很难全部抠出发丝。2、进入通道面板,没有这个面板可以选择菜单:窗口 > 通道,调出这个面板。3、现在来观察通道,选择红通道:亮发丝与背景色差较大,不过暗发丝与背景色差不均匀。
PS抠图教程:使用photoshop快速抠出透明塑料油瓶子教程
最终效果原图1、把原图素材保存到本机,打开PS软件,再打开原图。2、新建一个图层,把前景色设置为白色,然后按Alt + Delete把图层填充白色。3、选择背景图层。
Photoshop抠图教程:PS如何抠出水面溅起的大水花
抠取水花的难度是比较大的,前期需要分析水花的构成;然后用通道及调色工具把水花的高光及暗部分开抠出;后期再柔化边缘,并更换想要的背景色等,得到想要的效果。最终效果 原图 1、打开原图素材,按Ctrl + J 把背景图层复制一层,并按Ctrl + Shift + U 去色,如下图。 2、在工具箱选择钢笔工具,在属性栏选择“路径”,如下图。 3、用钢笔勾出水花的主题轮廓路径,如下图。
快速抠出透明的婚纱照片的Photoshop通道抠图教程
最终效果原图1、打开原图素材,进入通道面板,先来观察一下各通道。选择红通道:婚纱与背景都比较亮,不好区分。选择绿通道:婚纱与背景有一点色差。选择蓝通道:婚纱与背景有一点色差。