• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 学会双重影像这3个玩法,让你的设计更有冲击力!

学会双重影像这3个玩法,让你的设计更有冲击力!

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含ps技巧,PS教程,双重曝光,经验分享等相关知识,希望在学习及工作中可以帮助到您

@飞屋睿UIdesign?:近两年,重影都被大家玩High了,但其实关于重影的玩法千变万化,今天我们将分享几个双色影像的做法,可以瞬间让你的设计作品变得高大上!

最近流行的渐变色设计:《PS教程!教你打造2017年最受欢迎的渐变幻彩风格》

通过这一制作过程,你将主要能领会下面两点。

1、怎样在形与色的维度下增加重影图像的造型魅力。

2、通过操作简单的PS的调色功能(渐变映射等),改变图层的混合模式,让画面呈现丰富变化。理解其中的无限性。

一、双色姿态

首先,是选择两个不同的人像重影,在此我们运用滑板运动的人物造型,体现某种运动中的姿态韵律。你也可以选用其他的动态人物比如舞蹈、跳水、溜冰等等。之所以选择动态造型,主要是为了取其姿态的灵动感,将其有机结合。

STEP 01

在PS中将选择好的人像做抠图的准备。每个人物作为一个新的图层加入到新文档中。

STEP 02

关闭其中一个人物的可见,先为第一个人物调色。这里所谓的调色并非是要让画面更“美”,而是要让其整体偏色,达到失真的效果,重点在“色”,因此,这里就要谨慎选择色调。比如我这里所采用的红蓝组合,那么这个人物就安排为蓝色调。

如果你的素材本身并非黑白,那就要先将其做“去色”处理,为该图层增加【黑白】调整图层,适当滑动各种色彩的调控滑块,使黑白的色调也能保持一定程度的美感,所谓黑白的色调美感即整个照片中保持“高中低”三种灰调子的均匀和谐。

STEP 03

去色后,再为照片增加【渐变映射】的调整图层,渐变映射的原理简单来说就是将渐变色调的韵律“映射”到照片中,这时在安排渐变色时要注意的是,左边的色调对应照片中的“阴影”部分,反之,右边对应的是“高光”部分,因此渐变色在明暗上应该有区间,使得最终效果可以辨别出基本的细节。

STEP 04

关闭已经做好的人像图层以及跟随它的两个调整图层,打开另一个人像的图层可见按钮。也按照相同的方法为其调色,在渐变映射时选择的是红色的渐变。

STEP 05

打开所有关闭可见的图层,使得跟随每个人物的调整图层都能作为其剪切蒙版而存在,否则它们将相互影响。两个人物之间选择最佳的合并造型。

STEP 06

将位于上一层的人物的图层的混合模式变为“线性加深”,透明度降至88%。(有人曾问我为什么知道用什么混合模式最合适,我的答案就三个字“试试看”。)

总之,你的调色目的是要让这两个人物有重叠,且重叠部分能呈现出某种趣味与和谐。

STEP 07

当然,这时重影虽然就已经完成,但我们应该可以看到,如果仅仅是两种颜色,整体画面显得有点单调。为整体画面增加另一种色彩的方式有很多,我们这里可以运用增加大片色块的方法来增加整个造型色彩的丰富感。

这时我们为整个画面增加一个背景,在背景填色之前我们先将第一个人像(即画板男孩)的图层的混合模式改为“正片叠底”,透明度降至88%。这么做的目的是要让背景色能对他们产生色调上的影响。

然后在最底部增加一个渐变填充图层,渐变的色彩如下。色彩保持非常微妙的范围。

STEP 08

为了增加动感,在最上方用钢笔工具绘制一个红色直角三角形,色块的图层混合模式设置为“深色”,透明度降至8%。整个画面好像被三角的一条边所分割,斜向的线条增加了动感造型,配合整个人物的动态情景。

完成效果:

一、平行世界

平行世界是一个最新的量子物理领域所提出的概念,简单说就是,世界不止一个版本。那么移植到我们的设计中,我们就可以将一个人的两个形象相互叠加,形成一种“双生”的氛围。

STEP 01

我们在此选择人物的侧面头像。彼此分为不同的图层加入到新文档中。

STEP 02

对其进行去色和渐变隐射的处理,这时需要注意对色彩的控制和搭配,在配色前应对整体色彩有个规划。我们在此给这个头像增加的浅橙色的渐变映射。

STEP 03

色彩的丰富层次除了在渐变隐射的部分进行调整,还可以在渐变隐射的调整图层之上再增加一个新图层,将这个图层的混合模式改为“叠加”,然后用大而软的画笔为人物增加更多的色彩。

为什么这个叠加的图层就没有设置为剪切蒙版呢?道理很简单,还记得我们说过背景也要参与整个配色吗?色块涂抹超出人物的部分就也会对背景色产生变化,这样能制造出一点淡淡的“光晕”效果。

STEP 04

继而处理另一个人像,去色和渐变隐射设置完成后,由于它是叠加其上的人像,因此将其图层混合模式设置为“正片叠底”,透明度降至70%。色彩我选用了紫色。

STEP 05

这时将两个图像进行整合,根据图像本身的特点选择相应的组合造型,可以适当增加蒙版,擦去部分图像的细节,使之合二为一。同时增加一个浅粉色的纯色背景,记住我们曾经讲过,背景是参与到整个配色体系当中的。

STEP 06

为了增加色彩丰富而强烈的效果,在所有图层之上再新增一个图层,这个图层的混合模式设置为“变亮”,用红色的大而软的笔刷再进行涂抹,并将透明度降至77%。

完成效果如下:

三、一眼瞬间

一个人像的两个不同瞬间也能很容易组合成像,两个不同瞬间常常以大小不一,也即镜头远近距离不同的方式呈现,通常也带来意想不到的奇妙效果。

STEP 01

前面的相同步骤我们将不再赘述,将所选择的对象做去色和渐变隐射的处理。渐变映射前规划一下详细的的配色方案。

可以看出两张图片的趣味点在五官和模特服装里的荷叶边部分。

STEP 02

为左边的人像增加色彩,新添新的图层,然后将图层混合模式设置为“叠加”,透明度降至75%,用大而软的笔刷涂抹上些许紫色。

STEP 03

在右侧的人像上也新增新图层,图层混合模式设置为“叠加”,用笔刷刷出一抹蓝紫色。

STEP 04

将两个人像重叠,其中在上一层的人

您可能想查找下面的文章:

  • 学会这5个PS小技巧,让工作效率提高5倍!
  • 超全面!写给设计师的电脑配置攻略之PS篇
  • 高手的后期课堂!聊聊人像磨皮的基础原理
  • PS快速入门?看这篇经典的万字笔记就够了!
  • 学会这20招PS操作技巧,提高80%的工作效率
  • AI+AE教程!手把手教你绘制可爱的螳螂小动画
  • 零基础AI教程!教你五步临摹MBE风格的火焰渐变图标
  • AI教程!手把手教你绘制矢量花丛文字效果
  • AI+AE教程!手把手教你做出Game boy的飞机大战游戏
  • 用好PS的3D工具,5分钟快速做出酷炫的海报设计!

相关文章

  • 2018-08-23零基础必备:详解十种常见的水彩基本技法+问题总结
  • 2018-08-23超全UI设计规范,带你了解规范设计全流程
  • 2018-08-23用一张图阐述一个设计师的思考与成长历程
  • 2018-08-23AI教程!手把手教你绘制矢量花丛文字效果
  • 2017-08-06静态页面与动态页面各自的执行机制说明
  • 2018-08-23让设计落地!如何提升设计方案的说服力?
  • 2017-08-06水平滚动的网站设计 小结
  • 2018-08-23实战经验!如何制订能有效提高自己的工作目标?
  • 2017-08-06博客园CnBlogs自定义博客样式分享
  • 2017-08-06非一般的“取消”按钮 关于取消按钮的杂谈

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 2018年即将流行的交互设计六大趋势
    • 实战案例!不同导向型信息架构在产品中的应用
    • 设计师越来越多,但为什么APP设计得越来越像?
    • 对div盒子模型使用心得总结
    • img标签src属性值为空时2次请求问题(非ie浏览器)
    • 需要让用户"知其所以然"
    • 趁年轻做些更有挑战的事情!专访Twitter 产品设计师王源
    • 交互基础小课堂!如何利用「行为模型」让用户行动起来?
    • 视觉设计师如何做竞品分析?来看这份超全面的指南!
    • 专业科班方法!帮你学会网格工具这个理性的排版利器

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有