一、效果图
![c592f427c8be3fcc05155221b15a7f44.png](https://i-blog.csdnimg.cn/blog_migrate/f4f573dc15e15ae1c690dbf4df7bc7bf.jpeg)
二、步骤实现
1.找图片-素材网站:unsplash
2.打开图片-置入文字/输入文字
3.创建3D模型-调节3D字体
4.调节无限光投影
5.背景模糊-调节整体画面
6.渲染-输出
三、具体步骤如下
1.找图片-素材网站:unsplash
- 搜索street街道
![cb3936c22a902be44f620577024a1daf.png](https://i-blog.csdnimg.cn/blog_migrate/8446042ac2968eb013bf32427b621440.jpeg)
2.打开图片-置入文字/输入文字
①在AI输入文本
![3c24ad72ddf3e9f1ad2005a27f0a7e0d.png](https://i-blog.csdnimg.cn/blog_migrate/dbc5c3cc64e96a3027dec7b8d87f49c5.jpeg)
②将AI输好的字体,置入PS中
![a903140c2ce27afc9509c5121f8ff407.png](https://i-blog.csdnimg.cn/blog_migrate/b170ff676b659706408481269aa08280.jpeg)
△以上连贯动作即为:在AI输入文本,置入PS中
![dd7390993c03216cd0750d45498c4ab9.png](https://i-blog.csdnimg.cn/blog_migrate/17599e72a765977378f7cb4d291a96f5.jpeg)
△你也可以直接在PS中输入文本
3.创建3D模型-调节3D字体
![d12302d24c839239817667b601d0e52e.png](https://i-blog.csdnimg.cn/blog_migrate/b2d5e9aef0a23abdc3bb2830841a2180.jpeg)
△栅格化
![19415b0831eff2f263b26aab7e1b81e8.png](https://i-blog.csdnimg.cn/blog_migrate/f58535d7b483ed6ff02c7949c087e44e.jpeg)
△3D-从所选图层建立3D模型
![e36f378f009a59f8da415a6c9c3013a3.png](https://i-blog.csdnimg.cn/blog_migrate/23bfe0bd247ea97fa1ed3f652971d249.jpeg)
![7c56ab41655b58bca81431efde8f99b9.png](https://i-blog.csdnimg.cn/blog_migrate/8de002007947e27bdf8a27fb84b24947.jpeg)
![7b4db3d572253d690554fd459005b823.png](https://i-blog.csdnimg.cn/blog_migrate/dd83029b7e97036d8ff96f7b0acf44ee.jpeg)
△窗口-属性模板:调节厚度、深度
![58ecc2acd5ce5838a051ed74d89f8499.png](https://i-blog.csdnimg.cn/blog_migrate/e21e08b71e4bd8e69f211ccb98a80147.jpeg)
△展开反光,调节材质
4.调节无限光投影
①调节无限光
![3648af153d8d050371bb870129acfa74.png](https://i-blog.csdnimg.cn/blog_migrate/bc55382b794e3c29bc9ec63e2024d011.jpeg)
△选择无限光
![e98f163e9b1bd4d4d8995af88ed8aa3f.png](https://i-blog.csdnimg.cn/blog_migrate/5eac9e9a016ea7b6bd7d5e7e5a330a6c.jpeg)
![a27991dba2686d5b5a49927caf3b6639.png](https://i-blog.csdnimg.cn/blog_migrate/5fd9a91aafb8eea149e0593c30935425.jpeg)
![6f08b41b08bf5efe28a45e764b59dd0f.png](https://i-blog.csdnimg.cn/blog_migrate/a91818ef3005c460fffa927e82ac1e35.jpeg)
②调节无限光纹理
![b1f6cff42b73ad662ee55336ee208a1e.png](https://i-blog.csdnimg.cn/blog_migrate/768b10e660233a84e36c9fd57e0a7286.jpeg)
△点击退出,回到环境-替换纹理
![7e384e879384be0d307b5122b634731f.png](https://i-blog.csdnimg.cn/blog_migrate/0add64e003e1c80256a84796261982e9.jpeg)
![384ecbd314324ef78990853048531b23.png](https://i-blog.csdnimg.cn/blog_migrate/6347a730edf4432bc3a4102b9074cda6.jpeg)
△置入图片
![c84f1e2c3524537465bb9d4679d4d229.png](https://i-blog.csdnimg.cn/blog_migrate/dfd3ed8acc70fd555caaa7f87fd5b4c4.jpeg)
△预览
5.背景模糊-调节整体画面
①背景模糊
![ffaaed6df4aea3a7e0ba668f8b6cb51e.png](https://i-blog.csdnimg.cn/blog_migrate/f7b0eb29e79db106ca691105c676fcda.jpeg)
△复制一层背景图层
![fd26053312d1ea6658139d3a00e86d86.png](https://i-blog.csdnimg.cn/blog_migrate/184e2d6c1c26936c10c92453dcceac9d.jpeg)
△滤镜-模糊画像-移轴模糊(按需调整)
②画面整体调整
![ae23664c2ec69113202e97316f7a10de.png](https://i-blog.csdnimg.cn/blog_migrate/fbffca83d73af9e78b9117aa4f1d024b.jpeg)
△全选中背景&3D字
![a76662f41f511737ea379761c02aa749.png](https://i-blog.csdnimg.cn/blog_migrate/28455f66fb2b09d3737ea31cf39685fe.jpeg)
△转化为智能对象
![5d2e0d11e2913bdc43c5a04562d73405.png](https://i-blog.csdnimg.cn/blog_migrate/02db4d52288c97ab00b38e59a812774f.jpeg)
△选择滤镜-Camera Raw滤镜
![33edc218bd7aa49af999984063c170f1.png](https://i-blog.csdnimg.cn/blog_migrate/bd9051448c84c15b5655830620568634.jpeg)
△调节色温、色调、清晰度等
6.渲染-输出
![eafc3bd024e8d10d08e60500ec8b3615.png](https://i-blog.csdnimg.cn/blog_migrate/a8efb5aa4e945f2dbf981bc92767cb39.jpeg)
四、同学们的作业
上一周,有很多热爱设计的小伙伴,加入了我们「UI设计训练营」,他们在学了该系列课程以后,纷纷提交了自己的练习作业,便有了下面这些优秀作品。(7天时间,3套作业,每天2小时!)
作业1:3D文字与街道场景融合
![d686bbde4e727c8dd75651bcec1168bc.png](https://i-blog.csdnimg.cn/blog_migrate/7a2656c14e7ae0e92bd23878471c04df.jpeg)
![ba1dacb1b7315fb239a7609afc43e95f.png](https://i-blog.csdnimg.cn/blog_migrate/fd45a0f3a91af8058dce7fec3fec877e.jpeg)
![f0d6584739ebf779d286e9e1f10aa2d1.png](https://i-blog.csdnimg.cn/blog_migrate/59a1a3d9d95769a385f727676d477edf.jpeg)
![99cb1cdf8321875422f09f402d5b3c12.png](https://i-blog.csdnimg.cn/blog_migrate/3b912468a908e3563a24a1edd1dc6471.jpeg)
![7cecddeeea6ce59df664a4c801d8c076.png](https://i-blog.csdnimg.cn/blog_migrate/9c92dcd8a51073fa19907029ed7f2190.jpeg)
![ce5a6b2d924b75fc82aa64014619e44e.png](https://i-blog.csdnimg.cn/blog_migrate/aeda5bfbe6bcfba096237daa1d9ea577.jpeg)
![8a188950fe29ab413b3fd524b39048d5.png](https://i-blog.csdnimg.cn/blog_migrate/cc2d8a0de1263ef7300f688e97b740e4.jpeg)
![d9d719841912342805864d33e15cd671.png](https://i-blog.csdnimg.cn/blog_migrate/6ce9144b9503e378754794c27346658b.jpeg)
作业2:立体字效主视觉设计
![f6e6fa17e9aaed3177a9290c376c3703.png](https://i-blog.csdnimg.cn/blog_migrate/de6a4c17cb8e36adf2e8806970a97e09.jpeg)
![53813d023030a0f4059495f5c721b1cf.png](https://i-blog.csdnimg.cn/blog_migrate/300975e437e13f8f6180770b20a0d40c.jpeg)
![d4ba7f35d6a486a770c70b57233ecd05.png](https://i-blog.csdnimg.cn/blog_migrate/3a37cf82fc125763e3245261248b09e5.jpeg)
![9425b39781840bf9b710dfba2bca1897.png](https://i-blog.csdnimg.cn/blog_migrate/902dfb514fd8bc2cdf0cb7154035b29c.jpeg)
![967c82d21f5d76d2f4a66fd0dd696cd6.png](https://i-blog.csdnimg.cn/blog_migrate/d16502e90ac7ec7aaf80ce291b187aba.jpeg)
![e42016543bb70d3ba08ed65faa0a58f1.png](https://i-blog.csdnimg.cn/blog_migrate/b882544b212027315f69051b5eeb5d8d.jpeg)
![0074601ad25192c5660d8ba1e2856b12.png](https://i-blog.csdnimg.cn/blog_migrate/8e03ad6782474884395fe4428fdd3262.jpeg)
![971d481915e6c5cf6f10f653a28760e6.png](https://i-blog.csdnimg.cn/blog_migrate/0dfbf6038f19239b831cdbc69dd80b3c.jpeg)
![14708d1fa1f04c11e0b33da3f9672d8c.png](https://i-blog.csdnimg.cn/blog_migrate/ba522c45a9a65c2eb0366f19bbd5e580.jpeg)
![c4dd6eaad9927555803d1231938a617a.png](https://i-blog.csdnimg.cn/blog_migrate/497d55047c854d9196cfdef64a2f7ffa.jpeg)
作业3:艺术法线风格-立体字构成
![da7f94bdc0138df3a98068e09f7c121f.png](https://i-blog.csdnimg.cn/blog_migrate/54b44669d0ab41f77af8bc713d0854cc.jpeg)
![b1da85725c9f057e9585a27bc5fcb4fe.png](https://i-blog.csdnimg.cn/blog_migrate/2b10e457ba2ca51d4c80ac4de9ae3b60.jpeg)
![72d718ec08dd71690eda0f92e44aa469.png](https://i-blog.csdnimg.cn/blog_migrate/84d783ed6e02ab7db2e6cdf6b6312cd3.jpeg)
![e9c9af575c0cf1036abad8063815d7fa.png](https://i-blog.csdnimg.cn/blog_migrate/e4c19b7ebcd7db16ce35aa63dd0c855c.jpeg)
![c1750ad83cabe662aca7e08eacce6108.png](https://i-blog.csdnimg.cn/blog_migrate/b97a7c1e3a90c4d4803c8f8052832e56.jpeg)
![3960fadd86b7ac573570d6328dad4ef4.png](https://i-blog.csdnimg.cn/blog_migrate/5e79ff8f28b4b141be1fc39945a1f362.jpeg)
![53839f581839a88c778cee800e10fafd.png](https://i-blog.csdnimg.cn/blog_migrate/bc237354c27e7d1d0f0876061773c6c6.jpeg)
![c11410318972a09f825cdfe5e9d0fffe.png](https://i-blog.csdnimg.cn/blog_migrate/3c47e1f7064b233642ea01036c737f31.jpeg)
![d8e4652b9545efa3578fdf6db2813e91.png](https://i-blog.csdnimg.cn/blog_migrate/8c15127288d15a33891efe1fbb7f05f6.jpeg)
![bece6fcdd634eafd0326a82c718e942a.png](https://i-blog.csdnimg.cn/blog_migrate/eaf45b312dfef2ed2e06c190300ce26f.jpeg)
上述作品的立体效果,均用Photoshop的自带3D功能完成。其实只要方法得当,并不需要多么复杂的软件,眼界、思想足够开阔,有老师引路,即便只用PS,也能在短时间内做出优秀的3D视觉效果。
当然,这次训练营的教学内容,只是我们正式UI课程的1%,大家可以对照一下我们7天训练营体验课,和正式课程区别。
![b3010a8b38e0bae8b036a2ff0c65e7bf.png](https://i-blog.csdnimg.cn/blog_migrate/49d82538ab06ef1b9cf54f7d090b961b.jpeg)
在我们的《全链路UI设计师》正式课程中,还将为大家讲解:界面、插画、动效、交互、品牌、logo、字体设计等专业能力,以帮助大家更好的胜任企业的设计UI设计岗位。另加,老师细心的作业点评批改,将让你更快成长。
试学课: https:// zhuanlan.zhihu.com/p/75 311512
如需了解更多课程详情,请加我微信:kucoodou(记得备注:全链路)。想直接报名,请戳链接:http://www.dekevip.cn/163/wzy01.html
-
【学前须知】你在准备学UI设计前,如果能多做些准备功课,就能帮你避开一些坑,欢推荐阅读这篇文章:https://zhuanlan.zhihu.com/p/77538633
【福利】加微信咨询课程,报名可领取400元独家优惠券,每天1张,先到先得哈。
![ba9f21fce105af037746f75f12c09e88.png](https://i-blog.csdnimg.cn/blog_migrate/e0a416657220d89c37e400edb4a8d289.jpeg)
平面设计学习日记,是一个分享高质量设计教程、书籍、经验的学习平台。汇聚推荐国内优秀设计导师、以及优质学习资源,让自学有路可循,成长更加高效。
![0996bf7f306f107c895f10b41bfbcbc1.png](https://i-blog.csdnimg.cn/blog_migrate/6d796976050c1e85a038f36a809dc136.jpeg)
订阅本专栏>