search
HomeWeb Front-endPS TutorialPhotoshop制作逼真的带有时钟的收音机

制作构造相对复杂的实物,我们就要善于拆分物体,把每一个能看得的部件都拆分出来,然后认真研究它的构造,再按照自己掌握的方法去刻画即可 制作构造相对复杂的实物,我们就要善于拆分物体,把每一个能看得的部件都拆分出来,然后认真研究它的构造,再按照自己掌握的方法去刻画即可。
原图

Photoshop制作逼真的带有时钟的收音机


1、乍一看是不是无从下手呢?没关系,我们先来看看收音机由哪几个主体构成,然后再逐个进一步分解绘制。

Photoshop制作逼真的带有时钟的收音机

2、机身绘制:

接下来我们就按照上面的图层分解进行绘制,现在我们先来看机身部分,机身由前中后三个部分构成。主要是用形状工具画出圆角矩形并添加渐变。

因为我们设定主光源在右边,所以我们添加的是左深右浅的渐变。

Photoshop制作逼真的带有时钟的收音机

因为后盖部分没有很强的反光,我们直接添加浅灰色到深灰的渐变。而下图的顶面部分,我们需要多做出一个图层,使其中的光影关系更加明确。

Photoshop制作逼真的带有时钟的收音机

Photoshop制作逼真的带有时钟的收音机
 
同样,我们用这个方法可以做出“前面”部分的厚度感。

Photoshop制作逼真的带有时钟的收音机

将花好的三个部分组合,机身就完成了。

Photoshop制作逼真的带有时钟的收音机


3、按钮制作:

a、用椭圆工具绘制出大按钮的上表面,添加轻微渐变。
b、用钢笔工具勾出测表面轮廓,并用渐变工具做出平滑反光。
c、用椭圆工具画出凹槽以及用钢笔工具勾出中间连接部分。
d、按照第a,b步骤绘制出小按钮。
e、在边缘处用钢笔工具勾出高光。另外绘制上投影。

Photoshop制作逼真的带有时钟的收音机

我们来学习一下投影的绘制:

其实投影的绘制说难不难,其基本组成部分永远是“一深一浅、一虚一实”,因为很多时候我们看到的物体都是多光源的,所以也就会造成两重甚至多重阴影。

Photoshop制作逼真的带有时钟的收音机

以此按钮中的投影为例,有一虚一实两层。虚影和实影绘制方法大同小异,可以先勾画出大致轮廓,然后进行高斯模糊再动感模糊,虚和实的差别就在于模糊参数的大小以及透明度。

Photoshop制作逼真的带有时钟的收音机
 
4、旋钮制作:

旋钮部分有两个重点,一个是形状工具的组合运用,第二是再次变换命令的运用。

Photoshop制作逼真的带有时钟的收音机

我们通过绘制环形来学习一下形状工具的组合应用。

Photoshop制作逼真的带有时钟的收音机

Photoshop制作逼真的带有时钟的收音机

Photoshop制作逼真的带有时钟的收音机

现在我们来学习再次变换命令的操作步骤。

Photoshop制作逼真的带有时钟的收音机

完成槽纹后,再加上阴影和投影。

Photoshop制作逼真的带有时钟的收音机
 
5、天线制作:

天线部分主要用到了渐变工具。

Photoshop制作逼真的带有时钟的收音机

我们用径向渐变样式做出支架部分。

Photoshop制作逼真的带有时钟的收音机

渐变角度和倾斜角度很难达到协调,直接将天线部分转成智能对象,才解决了渐变样式打乱的问题。

Photoshop制作逼真的带有时钟的收音机

Photoshop制作逼真的带有时钟的收音机

Photoshop制作逼真的带有时钟的收音机
 
6、时钟表盘及频道表盘制作:

表盘部分难度不高,但是刻度部分比较繁琐,因为每一个不同粗细不同长度的刻度就要用再次变换命令绘制一次 。

Photoshop制作逼真的带有时钟的收音机

Photoshop制作逼真的带有时钟的收音机

Photoshop制作逼真的带有时钟的收音机

Photoshop制作逼真的带有时钟的收音机

7、喇叭部分制作:

喇叭部分最简单,主要是画好轮廓形状后,添加内阴影,外发光等图层样式即可。

Photoshop制作逼真的带有时钟的收音机

Photoshop制作逼真的带有时钟的收音机

Photoshop制作逼真的带有时钟的收音机

最后添加背景及环境光,再增加投影和倒影,完成最终效果。

Photoshop制作逼真的带有时钟的收音机

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'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.

The Core Purpose of Photoshop: Creative Image DesignThe Core Purpose of Photoshop: Creative Image DesignApr 10, 2025 am 09:29 AM

Photoshop’s core use in creative image design is its powerful functionality and flexibility. 1) It allows designers to transform creativity into visual reality through layers, masks and filters. 2) Basic usages include cropping, resizing and color correction. 3) Advanced usages such as layer styles, blend modes and smart objects can create complex effects. 4) Common mistakes include improper layer management and excessive use of filters, which can be solved by organizing layers and using filters reasonably. 5) Performance optimization and best practices include rational use of layers, regular saving of files, and using shortcut keys.

Photoshop for Web Design: Advanced Techniques for UI/UXPhotoshop for Web Design: Advanced Techniques for UI/UXApr 08, 2025 am 12:19 AM

Photoshop can be used in web design to create high-fidelity prototypes, design UI elements, and simulate user interactions. 1. Use layers, masks and smart objects for basic design. 2. Simulate user interaction through animation and timeline functions. 3. Use scripts to automate the design process and improve efficiency.

Newbie's article: Use the ps brush to add crack effects to the font (share)Newbie's article: Use the ps brush to add crack effects to the font (share)Apr 07, 2025 am 06:21 AM

In the previous article "Teaching you step by step to add printing effects to plate images using ps (Favorites)", I introduced a small trick to use ps to add printing effects to plate images using ps. The following article will introduce to you how to use the ps brush to add crack effects to the font. Let’s take a look at how to do it.

Photoshop Advanced Typography: Creating Stunning Text EffectsPhotoshop Advanced Typography: Creating Stunning Text EffectsApr 07, 2025 am 12:15 AM

In Photoshop, you can create text effects through layer styles and filters. 1. Create a new document and add text. 2. Apply layer styles such as shadows and outer glow. 3. Use filters such as wave effects and add bevel and relief effects. 4. Use masks to adjust the effect range and intensity to optimize the visual impact of the text effect.

How to cut picturesHow to cut picturesApr 06, 2025 pm 10:27 PM

Cutting is the process of removing the background part in the image and leaving the subject behind. Common cutout methods include: manual cutout: use image editing software to manually outline the edge of the subject. Automatic cutout: Use software to automatically identify the subject and separate it from the background. Use third-party cutout tools: use special tools to cut out images. Channel cutout: Use the channel of the image to segment and select channels with obvious differences from the subject color for operation.

How to get watermarks from PSHow to get watermarks from PSApr 06, 2025 pm 10:24 PM

You can use online tools, image editing software, video editing software, and watermark removal applications. Specific methods include: using online tools, using cloning stamp tools, copying stamp tools and repairing brush tools, using blur tools, cropping tools and content-aware fill tools, and using watermark removal applications. Make sure you have the right to do so before removing the watermark.

How to merge layers in psHow to merge layers in psApr 06, 2025 pm 10:21 PM

How to merge layers? You can merge layers by selecting the layer to merge in the Layers panel. Use Layers > Merge Layers in the menu bar or press Ctrl E (Windows) or Cmd E (Mac) to perform the merge operation. Creates elements that contain the original layer.

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)
3 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
3 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
3 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: How To Unlock Everything In MyRise
3 weeks agoBy尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.

mPDF

mPDF

mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)