黑马程序员技术交流社区
标题: 利用重复曝光打造幻影APP启动页 [打印本页]
作者: 梁梁 时间: 2016-12-30 23:35
标题: 利用重复曝光打造幻影APP启动页
利用重复曝光打造幻影APP启动页最终效果图如下：
1、新建一个750×1334的IOS 4.7寸画布，背景为白色做好准备，如下图：
2、下载两张适合主题的图片备用，动物轮廓清晰，背景图片层次变化丰富有序且不杂乱，方便后期抠图及合成。
3、打开小狗图片，用钢笔路径精细化抠图，预留出毛发及胡须部位随后配合通道进行抠取，将抠好的小狗轮廓羽化0.5像素，提取透底图，切换到通道选择色彩对比度较强烈的绿色通道，拷贝获取alpha通道，使用曲线多次调节黑白对比度，直到胡须轮廓清晰可见，进入图层面板载入抠好的轮廓选区，回到拷贝的绿色alpha通道填充成黑色，配合选区工具填充使小狗轮廓黑白分明，载入选区后反选，得到完整小狗，如下图所示：
4、点击RGB复合通道后，回到图层面板，提取小狗透底图，如下图：
5、将城市背景置入到新建的APP文档中调整好位置，将抠好的小狗拖拽置入在背景上方，选择滤色混合模式，得到首次曝光的小狗，如下图：
6、载入小狗图层选区，原位提取背景图像到新图层，并对该图层创建图层蒙版，使用画笔黑色涂抹明暗不合适的地方至隐藏，创建色阶调整图层调节明暗对比度，加强曝光效果。如下图：
7、回到小狗图层，拷贝并将混合模式改成正常，创建图层蒙版，将小狗五官部位保留，其他部位影藏，制造出近实远虚的景深效果，如下图：
8、在背景图层上方，为小狗的身后做一层虚化的投影效果，并在下方创建一个空白图层填充白色，创建图层蒙版，拉黑白渐变，增强上方受光效果，显示出下方部分城市夜景效果，加强玻璃二次曝光效果，回到顶层创建一个深蓝色到浅蓝色的线性渐变色，使用线性加深，让夜晚的玻璃变的更真实，如下图：
9、加上文字排版，外框使用形状轮廓描边，用蓝色和黄色冷暖搭配，让画面文字变清新且适合画面主色调，如下图：
10、最后，添加一个曲线调整层，调节画面对比度，一个重复曝光的艺术化APP启动页面就做好了，文字配合色调和画面，一只呆萌且孤独的小狗正在望眼欲穿的等待着他的主人回家喂它吃饭饭，如下图：
最终效果完成：
作者: 曾明杰 时间: 2016-12-31 21:30
赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞
作者: ui_fhy 时间: 2017-10-14 18:17
效果相当不错哦！向你学习！
| 欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) |
黑马程序员IT技术论坛 X3.2 |