search
HomeWeb Front-endPS TutorialPhotoshop结合AI制作超逼真的立体复古收音机

这篇教程是向脚本之家的朋友分享Photoshop结合AI制作超逼真的立体复古收音机方法,教程制作出来的收音机非常逼真,很值得大家学习,推荐到脚本之家,大家快快来学习吧

内发光,正常,透明度75%,柔和,边缘,大小18px~

Photoshop结合AI制作超逼真的立体复古收音机

效果如下图所示哦~

Photoshop结合AI制作超逼真的立体复古收音机

步骤71

双击如图所示的图形,调出选区,然后改变形状~

Photoshop结合AI制作超逼真的立体复古收音机

按住ALT+SHIFT然后将形状拖动变形,直到你的形状和我们图里所示这有~=W=

Photoshop结合AI制作超逼真的立体复古收音机

步骤73

给图像添加蒙版,这样不需要的地方就会被隐藏~

Photoshop结合AI制作超逼真的立体复古收音机

步骤74

打开滤镜>模糊>高斯模糊~

Photoshop结合AI制作超逼真的立体复古收音机

边缘就会被软化~

Photoshop结合AI制作超逼真的立体复古收音机

步骤75

选择图层蒙版,调出选区,然后新增图层,编辑>描边,使用白色,2px~

Photoshop结合AI制作超逼真的立体复古收音机

然后我们制作好的线条就和下面的图一样了~

Photoshop结合AI制作超逼真的立体复古收音机

步骤76

在进行一下高斯模糊2px,将线条软化下~

Photoshop结合AI制作超逼真的立体复古收音机


步骤77

添加蒙版 ,用黑色软化笔擦拭 一下下!

Photoshop结合AI制作超逼真的立体复古收音机

步骤78

再添加左右两边小的矩形选框,使用#d2bd8e填充它们~

Photoshop结合AI制作超逼真的立体复古收音机

步骤79

添加蒙版然后擦拭一下边缘~

Photoshop结合AI制作超逼真的立体复古收音机

Photoshop结合AI制作超逼真的立体复古收音机

Photoshop结合AI制作超逼真的立体复古收音机

步骤80

左边也一样,添加蒙版,进行擦拭~

Photoshop结合AI制作超逼真的立体复古收音机

步骤81

在右边复制一次矩形,然后放置在原来的矩形的下方,移动一些 ,也可以改变下颜色~相当于阴影哦~

Photoshop结合AI制作超逼真的立体复古收音机

步骤82

左边也一样~

Photoshop结合AI制作超逼真的立体复古收音机

步骤83

为了让图形看上去更完美,画一个小的三角形,放置在两个上下的矩形之间哦~

Photoshop结合AI制作超逼真的立体复古收音机

Photoshop结合AI制作超逼真的立体复古收音机

步骤84

添加新的图层,画一些阴影~

Photoshop结合AI制作超逼真的立体复古收音机

Photoshop结合AI制作超逼真的立体复古收音机

步骤85

现在~我们来添加圆角矩形,设置颜色为#976e30~=O=

Photoshop结合AI制作超逼真的立体复古收音机

步骤86

添加新的图层然后添加渐变映射~改变图层混合模式为叠加,透明度改为3%

Photoshop结合AI制作超逼真的立体复古收音机

步骤87

现在打开两个矩形,改变颜色为 #4e3315~

Photoshop结合AI制作超逼真的立体复古收音机

步骤88

给两个矩形添加图层样式~描边-大小3px,外部,正常~内阴影-正片叠底,透明度39%,角度30°~距离8px,大小16px~

Photoshop结合AI制作超逼真的立体复古收音机

步骤89

现在我们来新建文件,大小为120 × 1px哦 ~

Photoshop结合AI制作超逼真的立体复古收音机

步骤90

添加新的图层并隐藏背景图层~然后填充图层的一半为黑色~

Photoshop结合AI制作超逼真的立体复古收音机

步骤91

全选后,编辑>定义图案~

Photoshop结合AI制作超逼真的立体复古收音机

步骤92

回到收音机文件~然后在两个上下的矩形里打开图层样式,选择图案叠加,选择我们刚刚做好的图案哦~

Photoshop结合AI制作超逼真的立体复古收音机

效果如图所示~

Photoshop结合AI制作超逼真的立体复古收音机

步骤93

新建图层,Ctrl+单击选择矩形,调出选区,画一个矩形内的图形~这将会变成射频指标。

Photoshop结合AI制作超逼真的立体复古收音机

步骤94

我们一定要记住放置好文字哦~

Photoshop结合AI制作超逼真的立体复古收音机


步骤95

按钮。现在我们把按钮填充颜色为#af9f7b,然后打开图层样式~

Photoshop结合AI制作超逼真的立体复古收音机

渐变叠加-叠加-无仿色,线性,角度63°~范围106%

Photoshop结合AI制作超逼真的立体复古收音机

投影-正片叠底,透明度75%,角度30°,扩展2%,大小10px~

Photoshop结合AI制作超逼真的立体复古收音机

步骤96

Ctrl+单击按钮,做出选区,然后新建图层并填充黑色,把黑色的按钮图层放在金属质感按钮图层后面,接下来我们用黑色按钮图层做按钮的阴影哦~

Photoshop结合AI制作超逼真的立体复古收音机

步骤97

高斯模糊黑色阴影,大概3px~

Photoshop结合AI制作超逼真的立体复古收音机

步骤98

为了让阴影看上去更加的真实,我们再来复制一次阴影,然后用动感模糊把阴影扩大,大概79px~角度改变为28°~

Photoshop结合AI制作超逼真的立体复古收音机

步骤99

然后我们就用用软橡皮擦工具擦拭去一些不需要的部分~

Photoshop结合AI制作超逼真的立体复古收音机

添加一个新的图层在金属质感按钮上方,用黑色软笔刷工具画一下,画得和下面的图差不多就可以啦~

Photoshop结合AI制作超逼真的立体复古收音机

步骤101

改变图层混合模式为叠加,记得要把透明度改变为70%哦~\(^o^)/~

Photoshop结合AI制作超逼真的立体复古收音机

步骤102

再打开里面的圆,填充颜色 #4a3925,之后我们就来添加图层样式啦~

Photoshop结合AI制作超逼真的立体复古收音机

内阴影=正片叠底-透明度23%,角度30°,距离6px,大小6px~

Photoshop结合AI制作超逼真的立体复古收音机

渐变叠加-正常,透明度5%,线性,角度90°

Photoshop结合AI制作超逼真的立体复古收音机

投影-正片叠底,透明度75%,角度30°,距离2px,大小2px

Photoshop结合AI制作超逼真的立体复古收音机

步骤103

再把更小的圆形打开,填充颜色为#c2b592,一样也要打开图层样式~

Photoshop结合AI制作超逼真的立体复古收音机

内阴影-正片叠底,透明度44%,角度-127°,距离2px,大小21px~

Photoshop结合AI制作超逼真的立体复古收音机

渐变叠加-叠加,透明度100%,径向,反相,与图层对齐,角度90°,范围138%~

Photoshop结合AI制作超逼真的立体复古收音机

投影-正片叠底,透明度32%,角度30°,距离1px,大小9px

Photoshop结合AI制作超逼真的立体复古收音机

步骤104

在图层最顶层新建一个图层然后改变其混合模式为叠加,按住Ctrl + Alt + G变城剪切蒙版~然后用软黑色画笔在边缘处画一些阴影哦~

Photoshop结合AI制作超逼真的立体复古收音机

步骤105

再把另一个圆打开,用颜色 #c2b592填充它,再在图层样式里应用渐变叠加和投影~

Photoshop结合AI制作超逼真的立体复古收音机

渐变叠加-叠加,透明度77%,径向 ,角度90°,范围138%

Photoshop结合AI制作超逼真的立体复古收音机

投影-正片叠底,透明度69%,角度30°,使用全局光 ,然后距离1px,大小4px~

Photoshop结合AI制作超逼真的立体复古收音机

步骤106

现在我们来处理最小的圆,填充颜色为#553b20,来来来,还是来打开图层样式!=W=

Photoshop结合AI制作超逼真的立体复古收音机

渐变叠加-正常,透明度30%,径向,角度90°,范围130%~

Photoshop结合AI制作超逼真的立体复古收音机

投影-正片叠底,透明度50%,角度30°,使用全局光,距离4px,扩展3px,大小8px啦~

Photoshop结合AI制作超逼真的立体复古收音机

步骤107

再在最顶层新建一个图层,设置为剪贴蒙版,然后改变图层混合模式为叠加,咱们还是用软黑色画笔和白色画笔画出高光与阴影~一直画到看上去很真实为止哟~︿( ̄︶ ̄)︿

Photoshop结合AI制作超逼真的立体复古收音机


步骤108

现在我们差不多做完按钮这部分了,不过还没完~

我们还要用椭圆工具画一个圆形轨道。 点击路径添加文字工具 加上一个文字logo~

Photoshop结合AI制作超逼真的立体复古收音机

步骤109

现在我们把做好的按钮复制一次 ,然后放置到左边,别忘了要旋转调整一下角度哟~哇咔咔

Photoshop结合AI制作超逼真的立体复古收音机

步骤110

收音机LOGO。这一步就来添加收音机的logo了!哈哈,快完成了!使用Airstream字体,打上文字,颜色为#caad85~

Photoshop结合AI制作超逼真的立体复古收音机

步骤111

用圆角矩形工具画一个圆角矩形,然后放置在按钮后面,描边颜色与文字的颜色一样!描边设置为3pt~

Photoshop结合AI制作超逼真的立体复古收音机

步骤112

为了使文字能够显现在线条上,在线条图层上添加一个蒙版然后用黑色硬笔刷擦拭线条~咱们一定要擦拭地让文字和线条看上去是一体的~

Photoshop结合AI制作超逼真的立体复古收音机

步骤113

制作背景和阴影。这里我们要打开皮革纹理素材,然后放置在收音机和阴影的后面~

Photoshop结合AI制作超逼真的立体复古收音机

步骤114

现在我们来给背景添加一些纹理,让整体看上去更好看些~

Photoshop结合AI制作超逼真的立体复古收音机

步骤115

把图案文件打开,然后编辑>定为图案就可以啦~

Photoshop结合AI制作超逼真的立体复古收音机

步骤116

这里我们还是要给图案取个名字,木有名字,以后是不好找到它滴~

Photoshop结合AI制作超逼真的立体复古收音机

步骤117

这里我们新建一个图层,然后填充图案纹理~

Photoshop结合AI制作超逼真的立体复古收音机

填充后的效果就是这样的~

Photoshop结合AI制作超逼真的立体复古收音机

步骤118

现在咱们在纹理图层上方新建黑白渐变来调整图层!参数值如下图所示哦~

Photoshop结合AI制作超逼真的立体复古收音机

步骤119

在收音机下方新建一个图层,然后添加黑白渐变!

Photoshop结合AI制作超逼真的立体复古收音机

步骤120

然后改变渐变图层的混合模式为正片叠底~

Photoshop结合AI制作超逼真的立体复古收音机

步骤 121

添加混泥土地板素材~

Photoshop结合AI制作超逼真的立体复古收音机

在后边再添加一张混泥土纹理素材

Photoshop结合AI制作超逼真的立体复古收音机

步骤123

然后用黑色软笔刷在箭头所示的地方画一些黑色,让墙和地板更好的结合在一起♪(^∇^*)

Photoshop结合AI制作超逼真的立体复古收音机

步骤124

现在我们再来新建一个图层,用黑色软笔刷画一下收音机的阴影~

Photoshop结合AI制作超逼真的立体复古收音机

步骤125

现在我们再来一个新图层,然后填充灰白色径向渐变~

Photoshop结合AI制作超逼真的立体复古收音机

步骤127

改变灰白径向渐变的图层混合模式为正片叠底,并且一定一定要把透明度降低!!!大概是10%哟~哈哈

Photoshop结合AI制作超逼真的立体复古收音机

步骤127

我们为了让高光、阴影是非常现实的。 我们可以来添加不规则阴影。 首先得新建一个图层,然后使用画笔工具画几个黑色线条。

Photoshop结合AI制作超逼真的立体复古收音机

步骤128

将线条进行高斯模糊,半径大概为1234~

Photoshop结合AI制作超逼真的立体复古收音机

步骤129

适当的降低一下黑色线条阴影的透明度就可以啦~<( ̄ˇ ̄)/

Photoshop结合AI制作超逼真的立体复古收音机

步骤130

高光。为了让收音机更加真实,现在我们来绘制一些白色的高光,并用高斯模糊这些高光一下~

Photoshop结合AI制作超逼真的立体复古收音机

这里也要添加高光哦!

Photoshop结合AI制作超逼真的立体复古收音机

搞定,最终效果图:

Photoshop结合AI制作超逼真的立体复古收音机

教程结束,以上就是Photoshop结合AI制作超逼真的立体复古收音机过程,有兴趣的朋友可以跟着教程来学习!

上一页 1 2下一页阅读全文

Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Photoshop and Digital Art: Painting, Illustration, and CompositingPhotoshop and Digital Art: Painting, Illustration, and CompositingApr 18, 2025 am 12:01 AM

Photoshop's applications in digital art include painting, illustration and image synthesis. 1) Painting: Using brushes, pencils and mixing tools, the artist can create realistic effects. 2) Illustration: With vector and shape tools, artists can accurately draw complex graphics and add effects. 3) Synthesis: Using mask and layer blending mode, artists can seamlessly blend different image elements.

Advanced Photoshop Tutorial: Master Retouching & CompositingAdvanced Photoshop Tutorial: Master Retouching & CompositingApr 17, 2025 am 12:10 AM

Photoshop's advanced photo editing and synthesis technologies include: 1. Use layers, masks and adjustment layers for basic operations; 2. Use image pixel values ​​to achieve photo editing effects; 3. Use multiple layers and masks for complex synthesis; 4. Use "liquefaction" tools to adjust facial features; 5. Use "frequency separation" technology to perform delicate photo editing, these technologies can improve image processing level and achieve professional-level effects.

Using Photoshop for Graphic Design: Branding and MoreUsing Photoshop for Graphic Design: Branding and MoreApr 16, 2025 am 12:02 AM

The steps to using Photoshop for brand design include: 1. Use the Pen tool to draw basic shapes, 2. Add shadows and highlights through layer styles, 3. Adjust colors and details, 4. Use smart objects and actions to automatically generate different versions of the design. Photoshop helps designers create and optimize brand elements with the flexibility of layers and masks, ensuring consistency and professionalism of designs, from simple logos to complex branding guides.

Photoshop's Subscription Model: What You Get for Your MoneyPhotoshop's Subscription Model: What You Get for Your MoneyApr 15, 2025 am 12:17 AM

Photoshop's subscription model is worth buying. 1) Users can access the latest version and use across devices at any time. 2) The subscription fee is low, and continuous updates and technical support are provided. 3) Advanced functions such as neural filters can be used for complex image processing. Despite the high long-term costs, its convenience and feature updates are valuable to professional users.

Photoshop: Investigating Free Trials and Discount OptionsPhotoshop: Investigating Free Trials and Discount OptionsApr 14, 2025 am 12:06 AM

You can get the access to Photoshop in the most economical way: 1. Experience the software features with a 7-day free trial; 2. Find student or teacher discounts, as well as seasonal promotions; 3. Use coupons on third-party websites; 4. Subscribe to Adobe CreativeCloud's monthly or annual plan.

Photoshop for Designers: Creating Visual ConceptsPhotoshop for Designers: Creating Visual ConceptsApr 13, 2025 am 12:09 AM

Creating visual concepts in Photoshop can be achieved through the following steps: 1. Create a new document, 2. Add a background layer, 3. Use the brush tool to draw basic shapes, 4. Adjust colors and brightness, 5. Add text and graphics, 6. Use masks for local editing, 7. Apply filter effects, these steps help designers build a complete visual work from scratch.

Is Photoshop Free? Understanding Subscription PlansIs Photoshop Free? Understanding Subscription PlansApr 12, 2025 am 12:11 AM

Photoshop is not free, but there are several ways to use it at low cost or free: 1. The free trial period is 7 days, and you can experience all functions during this period; 2. Student and teacher discounts can cut costs by half, and school proof is required; 3. The CreativeCloud package is suitable for professional users and includes a variety of Adobe tools; 4. PhotoshopElements and Lightroom are low-cost alternatives, with fewer functions but lower prices.

Photoshop's Value: Weighing the Cost Against Its FeaturesPhotoshop's Value: Weighing the Cost Against Its FeaturesApr 11, 2025 am 12:02 AM

Photoshop is worth the investment because it provides powerful features and a wide range of application scenarios. 1) Core functions include image editing, layer management, special effects production and color adjustment. 2) Suitable for professional designers and photographers, but amateurs may consider alternatives such as GIMP. 3) Subscribe to AdobeCreativeCloud can be used as needed to avoid high one-time spending.

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
1 months agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
1 months agoBy尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. Have Crossplay?
1 months agoBy尊渡假赌尊渡假赌尊渡假赌

Hot Tools

DVWA

DVWA

Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software

PhpStorm Mac version

PhpStorm Mac version

The latest (2018.2.1) professional PHP integrated development tool

SublimeText3 English version

SublimeText3 English version

Recommended: Win version, supports code prompts!

SecLists

SecLists

SecLists is the ultimate security tester's companion. It is a collection of various types of lists that are frequently used during security assessments, all in one place. SecLists helps make security testing more efficient and productive by conveniently providing all the lists a security tester might need. List types include usernames, passwords, URLs, fuzzing payloads, sensitive data patterns, web shells, and more. The tester can simply pull this repository onto a new test machine and he will have access to every type of list he needs.

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Powerful PHP integrated development environment