Photoshop设计怀旧孤独风格的电影网站首页模板教程

　　将此图层转换为智能对象，应用半径为10个像素的高斯模糊，将图层模式更改为叠加，然后降低图层的饱和度至65%。完成之后将此图层复制一遍，使用自由变换(Ctrl+T)将复制的图层缩小，放置于外层光的中间，这样光线中间就有了一个更为明亮的区域，使用同样的方法再做几遍，让光线看上去有一定的层次感。最后新建一个图层，使用椭圆形工具(U)，在椅子底部画出一个和上方光线范围大小差不多的白色椭圆，图层模式更改为叠加，将此图层复制一遍，栅格化图层，应用3个像素的高斯模糊，这样光线不会看上去过于生硬。最后完成的效果如下图：

　　13、接下来我们给椅子添加阴影和高光。新建一个图层，使用矩形工具(U)在椅子底部画一个和椅子座位部分大小差不多的黑色矩形，应用5个像素的高斯模糊，不透明度更改为30%。然后将椅子图层复制一遍，按住Ctrl键在图层缩略图上点击一下，将椅子载入选区，填充为黑色，Ctrl+D取消选区。然后使用自由变换(Ctrl+T)将图层从上向下压扁，效果如下图：

　　接下来给阴影图层添加图层蒙板，使用大小合适的柔软黑色画笔将多余的阴影部分擦去，这样椅子就结结实实的落在了地板上了。最后的效果如下：

　　继续。接下来我们给椅子座位部分添加高光，新建一个图层，使用椭圆工具(U)在椅子座位处画一个白色的椭圆，栅格化图层，应用高斯模糊，然后将图层模式更改为叠加，由于椅子部分的颜色较深，所以可能需要多复制几个图层。接下来使用文字工具在椅背处键出相应的文字，大小22像素，Georgia字体，颜色#a06a57，完成后的效果如下图所示：

　　14、接下来添加其他物件。首先是喊话筒。下载素材，使用钢笔将喊话筒从背景中抠出，使用色彩平衡调整图层和可选颜色调整图层调整话筒的色调，使其和背景融合。具体参数设置如下：

　　然后和上面的椅子一样，我们也要为话筒添加阴影和高光。和上面的方法一样，我们使用应用了高斯模糊的白色叠加来创建高光，而用钢笔在话筒左侧画出选区，填充黑色，应用高斯模糊和蒙板来添加阴影。最终效果如下：

　　15、接下来是电影胶片盒。下载素材，抠出需要的部分。转换为智能对象，使用自由变换(Ctrl+T)将图片调整到合适大小。由于胶片盒的主要色调偏蓝色，所以我们首先使用色相饱和度调整图层将整个的蓝色调调整为符合整个场景的偏红色，以下是具体参数设置：

　　可以观察到胶片部分为彩色，所以我们新建一个黑白调整图层，这时候整个图片都被去色，我们不想让胶片盘部分被调整图层影响到，所以我们在图层面板中选择黑白调整图层的蒙板部分，然后使用大小合适的黑色画笔将胶片盘部分擦除出来。这样你会看到胶片部分为黑白色而胶片盘部分为偏红的颜色。接下来我们再新建一个色彩平衡调整图层，按住Ctrl键在黑白调整图层的蒙板上点击一下，然后将色彩平衡调整图层蒙板的相同部分填充为黑色，保证此部分不被色彩平衡所影响，然后应用如下参数设置：

　　接着再添加色阶调整图层将整个图片压暗一些。以下是参数设置：

　　最后使用上面的方法给胶片光线区域内的部分，以及右侧远离光线的部分添加高光和阴影，让它更融合于整个场景之中。下面是最后完成的效果图：

　　16、最后我们来添加电影打板和宣传语。下载素材，将打板从背景抠出，转换为智能对象，使用自由变换将其大小调整到合适。由于原素材偏青色、颜色较少并且亮度较高，所以我们首先使用色相饱和度调整图层来做调整，让青色的板子偏红偏暗一些，以下是具体参数设置：

　　可以观察到，板子偏红的程度还不够，所以我们再给图层添加色彩平衡调整图层，给它添加一定量的红色。

　　最后使用色阶调整图层将图片压暗。

　　最后在板子的背后和靠墙的部分画上阴影，在板子的左下角叠加白色画出高光部分。最后给主视觉也就是椅子的左侧添加宣传语。完成的效果如下图：

　　17、即将完成我们的设计。最后我们来设计页脚并添加版权信息。首先新建一个图层组，命名为”页脚”，在其中新建一个图层，使用矩形工具(U)，在文档底部画出一个横跨整个文档的黑色矩形。使用文字工具(T)分别键出”飞鱼导演工作室 FLYFISH FILM STUDIO”、”FLYFISH FILM STUDIO ALL RIGHTS RESERVE 2011-2013″和”网页设计 STARTWMLIFE.COM.京ICP备20111011″三行文字，第一行文字12像素大小，中文部分使用方正小标宋字体，英文部分使用Georgia字体，颜色#ab8574，第二行英文文字应用04b_03像素字体，8像素大小，颜色#492317，第三行文字和第一行文字雷同，而颜色上和第二行文字相同。

　　接下来将老式留声机从背景抠出，转换为智能对象，自由变换改变大小，由于图片本身有些暗，所以我们新建一个图层，创建为剪贴蒙板，使用柔软白色画笔在需要调亮的地方画出白色，然后改变图层混合模式为叠加，这样本身暗的部分就被调亮了。

　　最后，将前景色调整为白色，放大文档，使用1像素的铅笔工具分别画出紧挨在一起的3像素高、2像素高和1像素高的三个垂直白线，这样就创建好了细腻的箭头效果，缩小文档至100%，你会看到实际的效果，前进后退箭头如法炮制，最后给它们应用如下渐变叠加图层样式。

　　页脚部分的最终效果如下图：

　　好了，至此，我们的电影导演工作室主页的设计就全部完成了，你可以下载PSD文件，详细查看每一步骤的具体操作。下面是最终的效果缩略图，你可以点击查看大图。

      教程结束，以上就是Photoshop设计怀旧孤独风格的电影网站首页模板教程，希望大家喜欢本教程！

最新评论