ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 5021|回复: 21
收起左侧

[3D字效] Photoshop设计3D岩石字教程

[复制链接]
发表于 2014-7-15 06:17:50 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

x
      各位视觉设计师,你们好。从很早前我一直在计划一个系列的分享,名字叫“执行力强心剂”。顾名思义,这是一种直接,甚至是机械的填鸭教程,目的就是为了使我们的视觉执行能力在短期内有一个质的提升。这个分享针对的人群可能是实习设计师至中级设计师之间,在自己的表现手法进入到一个瓶颈期的时候,用于强制突破的教程。我们的目的不在于强迫使用,而是从中吸取灵感,掌握技术。这个教程是分期的,每一期,我会针对一种设计形式进行表现手法,与拓展联想的讲解。希望设计师朋友找到自信,慢慢突破这个教程,最终达到技不压身,真正的使用创意,而不被能力绊脚。
闲话不多说,进入这期的内容:字体特效执行。
在设计字体的时候,除了间架结构可以优化文字以外,字体的质感,色调,细节,等,都可以辅助提升文字的辨识度和可看性。有时候用对了特效后,文案的意义会更加直观明确。对于字体结构设计,之前已经有很多设计师发不过非常优秀的分享。在这里,我们只借鉴特效执行的部分。
参考一:锈铁金属,光线等效果的执行


提示:教程详细步骤在二楼,不用回复也能看到!
想下载该教程的可以回复获取下载网址:点击进入下载页
教程编号:133929 作者:Mok 出处:优设
 楼主| 发表于 2014-7-15 06:17:52 | 显示全部楼层

Photoshop设计3D岩石字教程


电影哈利波特海报中出现的视觉效果起到了非常好的,对内容渲染的作用。略显陈旧的锈铁材质文字,搭配放射的光线,和一些字体上电闪火驰的细节效果,使整个画面气氛更加神秘,具有魔法气质。当这种气质的字体与效果延续到任何一个文字上时,受众一样会感受的到。就如同上图这个阿拉伯数字,其实内容是与电影无关的。现在,我们来把这个文字特效的制作过程分解。


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-7-15 06:17:53 | 显示全部楼层

Photoshop设计3D岩石字教程


我们勾出一个需要的形体。在这里我有哈利波特字体,如果有设计师想尝试一下,无需自己勾勒,我可以提供这个字体给大家。


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-7-15 06:17:54 | 显示全部楼层

Photoshop设计3D岩石字教程


浅浮雕效果制作出图形的立体效果,由于这个是一个国外网站的截图,里面的参数我建议不用参照,一切效果的数值,是通过自己的眼睛来把握的。


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-7-15 06:17:55 | 显示全部楼层

Photoshop设计3D岩石字教程


调整阴影部分的简便效果


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-7-15 06:17:56 | 显示全部楼层

Photoshop设计3D岩石字教程


找一张锈蚀肌理的图片,选择正片叠底效果附着在形体上面。


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-7-15 06:17:57 | 显示全部楼层

Photoshop设计3D岩石字教程

        
选择图形本身外延作为遮罩形体,隔离出多余的肌理图片


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-7-15 06:17:58 | 显示全部楼层

Photoshop设计3D岩石字教程


使用钢笔工具勾勒明暗交接处形状,图画出高光,在这里,我多说两句。对于物体材质的理解,每个人都有差异,但只要在生活中多去观察事物,我们很容易的在自己深层意识中记住材质的视觉感受。在这里,这种高光是略显夸张的,原因并不是执行者希望金属的材质更加突出(锈蚀的金属上高光是不可能那么明亮的),而是营造出一种魔法的电掣感受。


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-7-15 06:17:59 | 显示全部楼层

Photoshop设计3D岩石字教程


相对的,我们把细节完善到位


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-7-15 06:18:00 | 显示全部楼层

Photoshop设计3D岩石字教程


相同的方法,我们把主题物制作完成。(在这个步骤前,我悄悄的收起了一个截图,让大家参考,看看可不可以说出到上图截至,还有哪个步骤被我收起来了)脑筋只要一动起来,或许更多的灵感就涌现了出来。


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-7-15 06:18:01 | 显示全部楼层

Photoshop设计3D岩石字教程


光线的处理,1-物体本身的外发光微量 2-物体背后的主光源一颗 这是一种常用的打光手法,可以使物体的空间感倍增。希望可以掌握这个原理。


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-7-15 06:18:02 | 显示全部楼层

Photoshop设计3D岩石字教程


光线也是有细节的,设想我们在一片魔法森林里面,逆光的情况下我们会看到光线穿过空气中尘埃的微粒,这种空气感,是通过灰尘对光线产生的焦散达到的,我们制作的时候,在这种细节的处理上做的越多,我越能看出一个设计者的企图心。其实寇心自问一下,本人自己制作逆光元的时候,何曾不是傻傻的掠过这种精彩的细节。这一点,我们一起学习起来。


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-7-15 06:18:03 | 显示全部楼层

Photoshop设计3D岩石字教程

        
细节,细节,光线的穿透力和空间距离对眼睛的刺激是可以复制的。放射形式的光线在这里就是直接的体现。


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-7-15 06:18:04 | 显示全部楼层

Photoshop设计3D岩石字教程


好了把一切总结在一起的时候,我们看到了一个很突出的文字效果,真实感相信大家学习后可以做的比这个更加掷地有声。著名设计师兼奶爸Max先生曾经呼吁北京地区设计师进行10好10坏设计区分练习,一个好的作品,就要这样吧细节分解开。我们捕捉到的细节越多,说明我们得到的东西越多。细致的对一个简单的光线进行分析后,大家有没有发现,仅仅是10分钟,我们获得了更加细致,精确,科学的执行方法。


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-7-15 06:18:05 | 显示全部楼层

Photoshop设计3D岩石字教程


远景环境和近景的对比可以拉出空间感,环境的气质也可以映衬出主题需要表达的更多内容


回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-12-23 12:31 , Processed in 0.036924 second(s), 9 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表