当前位置：首页 >影楼数码 >数码后期 >2019Photoshop教程:颓废风格帅哥

数码后期 2019Photoshop教程:颓废风格帅哥

文章来源：万利我要投稿

原标题：用PS制作影视剧中常用的青黄色色调作品

案例概述

　　青黄色调是影视剧中常用的颜色方案，如《何以笙箫默》《硬汉2》《西风烈》等，都在影片中用到了这种色调，本例就来讲解其具体的制作方法。

用PS制作青黄色色调作品

调整思路

　　在制作本例的效果时，应抓住一些关键点，即青黄色、暗角以及上下黑框。其中青色的适合范围较广，但建议采用以中间调或暗调为主的照片，配以电影中常用的暗角及黑框等元素，会让照片呈现出电影截图一样的视觉效果。

技术分析

　　在本例中，制作青黄色是最为重要的，但实际上其制作方法非常简单，只要使用“曲线”命令对“蓝”通道进行编辑即可，然后可结合“高反差保留”滤镜、图层混合模式、“镜头校正”滤镜及绘图等技术为照片添加暗角、提高细节并添加黑框。

调修步骤

１、调整基本色调

　　由于本例的素材在曝光和素材方面均较为正常，因此下面就开始将其调整为青黄色调。读者在处理其他照片时，可根据实际情况，先对照片进行适当的校正与润饰处理。

用PS制作青黄色色调作品

　　单击“创建新的填充或调整图层”按钮，在弹出的菜单中选择“曲线”命令，得到“曲线1”图层，在“属性”面板中选择“蓝”通道并设置参数，以调整照片的颜色。

2、计算照片中的细节

　　通过上一步的处理，照片已经基本具有了青黄色调效果，下面要调整其曝光，并提升其细节的立体感。在本例中，较为特殊的是，首先结合“高反差保留”与“计算”命令，对通道进行处理，以得到照片中的细节，然后将其结果应用于调整图层的图层蒙版中，从而实现即能够调整照片的亮度，同时可以通过蒙版中的反差，使照片细节更丰富、更具立体感。

　　显示“通道”面板并复制“蓝”通道得到“蓝拷贝”通道。

用PS制作青黄色色调作品

　　选择“蓝”通道主要是因为其中的明暗对比不是很强烈，因而细节较为丰富，有利于在处理后保留更多的细节。但是要注意，如果照片中存在较多的噪点，则“蓝”通道中噪点会特别明显，因此可以适当进行降噪处理，或选择其他合适的通道。

　　选择“滤镜－其他－高反差保留”命令，在弹出的对话框中设置“半径”数值为2，单击“确定”按钮退出对话框即可。

用PS制作青黄色色调作品

　　选择“蓝拷贝”通道，选择“图像－计算”命令，在弹出的对话框中设置“混合”为“线性光”，其他参数保持默认即可。

用PS制作青黄色色调作品

　　单击“确定”按钮退出对话框，即可完成对当前通道的处理，并创建出一个新的“Alpha 1”通道。

3、调整曝光并提升立体感

　　选中“蓝拷贝”通道，按Ctrl+A键执行“全选”操作，按Ctrl+C键执行“复制”操作，然后按Ctrl+D键取消选区。

　　在“图层”面板中单击“创建新的填充或调整图层”按钮，在弹出的菜单中选择“曲线”命令，得到“曲线2”图层，然后按住Alt键并单击该图层的图层蒙版，再按Ctrl+V键将前面复制的通道图像粘贴至当前的图层蒙版中。

用PS制作青黄色色调作品

　　用鼠标双击图层“曲线2”的缩略图，在弹出的“属性”面板中设置其参数，直至调整得到令人满意的曝光和立体感。

4、进一步润饰色彩

　　通过上一步的调整后，照片变得更亮，受此影响，色彩也变得淡了一些，下面来对其进行补充性的润饰处理。

用PS制作青黄色色调作品

　　单击“创建新的填充或调整图层”按钮，在弹出的菜单中选择“色彩平衡”命令，得到“色彩平衡1”图层，在“属性”面板中选择“阴影”和“中间调”选项并设置其参数，以调整图像的颜色。

5、添加暗角

　　下面来为照片添加一个暗角，使其视觉焦点更加突出，同时电影画面的氛围也会更加强烈。

用PS制作青黄色色调作品

　　选择“滤镜－镜头校正”命令，在弹出的对话框中选择“自定”选项卡，并在其中设置“晕影”区域的参数，从而为照片添加一个适当的暗角效果。

6、添加黑色边框

　　最后，我们来对照片的上方和下方添加两个黑色横条，以充分模拟电影中的画面效果。用户还可以根据个人喜好，在下方的黑色横条上添加一些与画面相关的对白，使照片看起来像是电影的截图一样。

用PS制作青黄色色调作品

　　设置前景色为黑色，选择矩形工具，并在其工具选项条上选择“形状”选项，然后在照片的顶部绘制一个黑色矩形，同时得到“矩形1”图层。

　　使用“路径选择”工具，按住Alt+Shift键并向下拖动黑色矩形，直至将其置于照片的底部，以复制得到另外一个黑色矩形。

数码后期

在谈响应式布局前，我们先梳理下网页设计中整体页面排版布局，常见的主要有如下几种类型：

布局类型

排版布局，关于响应式布局

布局实现

采用何种方式实现布局设计，也有不同的方式，这里基于页面的实现单位而言，分为四种类型：固定布局、可切换的固定布局、弹性布局、混合布局。

固定布局：以像素作为页面的基本单位，不管设备屏幕及浏览器宽度，只设计一套尺寸；

可切换的固定布局：同样以像素作为页面单位，参考主流设备尺寸，设计几套不同宽度的布局。通过设别的屏幕尺寸或浏览器宽度，选择最合适的那套宽度布局；

弹性布局：以百分比作为页面的基本单位，可以适应一定范围内所有尺寸的设备屏幕及浏览器宽度，并能完美利用有效空间展现最佳效果；

混合布局：同弹性布局类似，可以适应一定范围内所有尺寸的设备屏幕及浏览器宽度，并能完美利用有效空间展现最佳效果；只是混合像素、和百分比两种单位作为页面单位。

排版布局，关于响应式布局

　　可切换的固定布局、弹性布局、混合布局都是目前可被采用的响应式布局方式：其中可切换的固定布局的实现成本最低，但拓展性比较差；而弹性布局与混合布局效果具响应性，都是比较理想的响应式布局实现方式。只是对于不同类型的页面排版布局实现响应式设计，需要采用不用的实现方式。通栏、等分结构的适合采用弹性布局方式、而对于非等分的多栏结构往往需要采用混合布局的实现方式。

排版布局，关于响应式布局

布局响应

　　对页面进行响应式的设计实现，需要对相同内容进行不同宽度的布局设计，有两种方式：桌面优先（从桌面端开始向下设计）；移动优先（从移动端向上设计）；无论基于那种模式的设计，要兼容所有设备，布局响应时不可避免地需要对模块布局做一些变化（发生布局改变的临界点称之为断点），我们通过JS获取设备的屏幕宽度，来改变网页的布局，这一过程我们可以称之为布局响应屏幕。常见的主要有如下几种方式：

　　布局不变，即页面中整体模块布局不发生变化，主要有： * 模块中内容：挤压－拉伸； * 模块中内容：换行－平铺；* 模块中内容：删减－增加；

排版布局，关于响应式布局