0

0

Photoshop制作一个精美的相机镜头

PHP中文网

PHP中文网

发布时间:2016-06-01 14:29:11

|

3321人浏览过

|

来源于php中文网

原创

镜头制作虽然不难,不过非常繁琐。因为构成的部分非常多,基本上由同心圆构成,每一个圆需要用不同的渐变加上质感和层次感,局部还需要增加纹理等。
最终效果

photoshop制作一个精美的相机镜头

1、一个角度渐变直接把底色确定。 四个颜色#46454c、#23262b、#667380、#333740。

photoshop制作一个精美的相机镜头

2、外面用 20% ~ 40% 的灰色角度渐变,正片叠底。里面用 50% 的灰正片叠底。

photoshop制作一个精美的相机镜头

3、找个材质。

photoshop制作一个精美的相机镜头

4、经过去色、反相、曲线、阈值、缩放等工序调处来这么两张材质。

photoshop制作一个精美的相机镜头

5、把这两张图用颜色减淡模式叠上,不透明度分别是10%(上)50%(下)。

photoshop制作一个精美的相机镜头

photoshop制作一个精美的相机镜头
 
6、中间那层塑料壳,角度渐变,颜色是#222226、#2e3033。

photoshop制作一个精美的相机镜头

7、内阴影:纯黑、正片叠底、不透明度75%、角度-45、距离20、大小30。

photoshop制作一个精美的相机镜头

8、外面叠个20%的圈,正片叠底。

photoshop制作一个精美的相机镜头

9、然后开始画那一层一层的东西,这么一个黑色半月牙,羽化0.5。

photoshop制作一个精美的相机镜头

10、右下角的白色半月牙,羽化0.5,不透明度30%。

photoshop制作一个精美的相机镜头

11、为了让两个月牙达到这种效果,需要仔细调整两个月牙内外圆的大小。 我的数值是(图标大小1024*1024,图标圆形区域782*782):
黑:外圆直径728、内圆直径725、内圆向下偏移3px向右偏移2px
白:外圆直径730、内圆直径730、内圆向上偏移2px向左偏移1px
这组数值不好(为什么不好就不费劲解释了),但是也能出效果。


photoshop制作一个精美的相机镜头

12、用类似的关系做出全部五层。

photoshop制作一个精美的相机镜头
 
13、为了加强层次,我又叠了这么一层圆环套圆环(稍有偏移)的投影,黑色,不透明度40%。

photoshop制作一个精美的相机镜头

photoshop制作一个精美的相机镜头

14、覆个黑圆看看效果,在最里面用白色半月牙加个边缘高光。好像少了点明暗效果。

photoshop制作一个精美的相机镜头

15、在固有色的上一层:羽化25的黑圆,加一个羽化8的矢量蒙版,不透明度80%。

photoshop制作一个精美的相机镜头

16、再叠一个羽化40的#5d5c66圆,60%透明。然后我发现颜色还是不大对,又在这层加了个内发光:#a3a3cc,大小160,滤色,不透明度75%。

photoshop制作一个精美的相机镜头

17、然后放在一块看,就有了这个效果。

photoshop制作一个精美的相机镜头

18、里面层塑料壳,还是先渐变,#222426(0%)、#090a0d(28%)、#2e3133(50%)、#090a0d(72%),120度。

photoshop制作一个精美的相机镜头

19、外边叠一层黑边。

photoshop制作一个精美的相机镜头
 
20、靠里再加一圈,30%-60%灰正片叠底。

photoshop制作一个精美的相机镜头

21、这个黑圈要加1像素的羽化(我就是为了要那个羽化的边…有点多此一举…)。

photoshop制作一个精美的相机镜头

22、添加杂色,用曲线稍微调一下得到这么个材质。

photoshop制作一个精美的相机镜头

23、柔光,不透明度10%。

photoshop制作一个精美的相机镜头

photoshop制作一个精美的相机镜头

24、镜头内部的塑料,一个白色半月牙,羽化3。为了控制透明度,我用白色透明度渐变,左上到右下20%(50%位置)~60%(100%位置)。

photoshop制作一个精美的相机镜头

25、(从这一步开始,圆心要向左偏2px 向上偏4px,我也不知道为啥……很奇怪) 加一个中间亮,内外边缘暗的圆环。这块我是分两层做的,这样比较好控制:底下一层用50%的灰,加上浮雕(0%高光)和内阴影做一下大概的体积。上面一层是一个白色半月牙高光。


photoshop制作一个精美的相机镜头

26、往里再加一个中间亮,边缘暗的圆环。同样是用浮雕(0%高光)和内阴影,这个不加高光。底色是15%的深灰。

photoshop制作一个精美的相机镜头
 
27、然后再往里,这个好做,一层一层套圈。 最外一圈是5%深灰,依次往里6%、7%……10%。最里面纯黑。
然后给每一层(除了最外层)都加一个阴影,不用太明显,不透明度25%,大小10。
最后给这些圈统一加上「渐变叠加」,120°角度渐变,正片叠底,100%-60%-100%-40%-100%的灰。


photoshop制作一个精美的相机镜头

28、与上一步类似,再往里套圈。这三圈颜色从外到里 4%、5%、8%的深灰。

photoshop制作一个精美的相机镜头

29、继续往里画。这部分比较微妙,灵活运用。 由外及内,10%灰(加阴影)、11%(加阴影)、12%(小黑洞洞周围的那一2px宽的小圆环)、8%(小黑洞洞,稍微加个内阴影)。


photoshop制作一个精美的相机镜头

30、在里面区域用杂色增加一下质感。柔光,不透明度7%就可以。

photoshop制作一个精美的相机镜头

photoshop制作一个精美的相机镜头

31、镜头光晕,用径向渐变修正一下内部的对比度。

photoshop制作一个精美的相机镜头

photoshop制作一个精美的相机镜头

32、上一层这样的彩虹渐变(颜色可以根据效果适当调整) 要稍微加上10px~20px的模糊,让中间没有那么锐利。

photoshop制作一个精美的相机镜头
 
33、在中间叠一层白色的圆,比彩圈要小,加一些羽化,让边缘不那么明显。

photoshop制作一个精美的相机镜头

34、加右下角的反光,这一层是在彩虹渐变的下面。我分了三层做。 最下面一层是不透明度10%左右的白色。
中间一层是无填充,用内阴影把右下角提亮。
最上面一层是用白色填充的形状加羽化,局部提亮。


photoshop制作一个精美的相机镜头

photoshop制作一个精美的相机镜头

35、按原图,用形状和羽化做出所有反光光斑,偶尔还会用无填充的内发光来提升效果。图层位置见上上图。

photoshop制作一个精美的相机镜头

photoshop制作一个精美的相机镜头

36、然后按照原图效果,把需要增强的的光斑用白色形状增强。

photoshop制作一个精美的相机镜头

37、用黑色加镜头光晕增强效果。我加了两层,用矢量蒙版控制效果。

photoshop制作一个精美的相机镜头

photoshop制作一个精美的相机镜头

38、嫌效果不够,我又画了些圆来增强。

photoshop制作一个精美的相机镜头

39、最后加一层薄薄的云彩,颜色减淡,不透明度10%,让镜头的反光稍微复杂一点。

photoshop制作一个精美的相机镜头

最后加上文字,画上阴影。大功告成。

photoshop制作一个精美的相机镜头

易想商务网
易想商务网

YxB2B商务网是易想网络旗下的门户型B2B行业网站系统,采用先进的标签技术和静态生成技术,通过网站后台管理轻松实现网站前台多种风格和会员网站多风格,让每一个只要懂得简单网页制作常识的网友,轻松制作出精美专业的的行业商务网站系统。系统高速、稳定、安全,完全仿阿里巴巴功能设计,有供应信息、求购信息、产品库、公司库、专项商机、行业信息、展会服务、人才市场、会员助手、网商博客、商友论坛、全方位搜索等栏目

下载

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
C++ 设计模式与软件架构
C++ 设计模式与软件架构

本专题深入讲解 C++ 中的常见设计模式与架构优化,包括单例模式、工厂模式、观察者模式、策略模式、命令模式等,结合实际案例展示如何在 C++ 项目中应用这些模式提升代码可维护性与扩展性。通过案例分析,帮助开发者掌握 如何运用设计模式构建高质量的软件架构,提升系统的灵活性与可扩展性。

9

2026.01.30

c++ 字符串格式化
c++ 字符串格式化

本专题整合了c++字符串格式化用法、输出技巧、实践等等内容,阅读专题下面的文章了解更多详细内容。

9

2026.01.30

java 字符串格式化
java 字符串格式化

本专题整合了java如何进行字符串格式化相关教程、使用解析、方法详解等等内容。阅读专题下面的文章了解更多详细教程。

8

2026.01.30

python 字符串格式化
python 字符串格式化

本专题整合了python字符串格式化教程、实践、方法、进阶等等相关内容,阅读专题下面的文章了解更多详细操作。

3

2026.01.30

java入门学习合集
java入门学习合集

本专题整合了java入门学习指南、初学者项目实战、入门到精通等等内容,阅读专题下面的文章了解更多详细学习方法。

20

2026.01.29

java配置环境变量教程合集
java配置环境变量教程合集

本专题整合了java配置环境变量设置、步骤、安装jdk、避免冲突等等相关内容,阅读专题下面的文章了解更多详细操作。

17

2026.01.29

java成品学习网站推荐大全
java成品学习网站推荐大全

本专题整合了java成品网站、在线成品网站源码、源码入口等等相关内容,阅读专题下面的文章了解更多详细推荐内容。

19

2026.01.29

Java字符串处理使用教程合集
Java字符串处理使用教程合集

本专题整合了Java字符串截取、处理、使用、实战等等教程内容,阅读专题下面的文章了解详细操作教程。

3

2026.01.29

Java空对象相关教程合集
Java空对象相关教程合集

本专题整合了Java空对象相关教程,阅读专题下面的文章了解更多详细内容。

6

2026.01.29

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
TypeScript 教程
TypeScript 教程

共19课时 | 2.6万人学习

ASP 教程
ASP 教程

共34课时 | 4.2万人学习

SQL 教程
SQL 教程

共61课时 | 3.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号