search
HomeWeb Front-endPS TutorialPhotoshop绘制立体时尚的创意钟表效果

本教程主要使用Photoshop绘制立体时尚的创意钟表效果,整体的立体效果和创意感觉非常的不错,钟表的圆盘特别想一个盘子,教程难度不是很大,转发过来,喜欢的朋友可以过来学习一下 本教程主要使用Photoshop绘制立体时尚的创意钟表效果,整体的立体效果和创意感觉非常的不错,钟表的圆盘特别想一个盘子,教程难度不是很大,转发过来,喜欢的朋友可以过来学习一下!

效果图:

Photoshop绘制立体时尚的创意钟表效果

创建一个新图片,参数参考图中,也可自行变更

Photoshop绘制立体时尚的创意钟表效果

1、首先让我们新建一个图层Ctrl+Alt+Shift+N,接着把前景色换成黑色D,填充新建的图层1ALT+Del,选用画笔工具B,右键硬度为0,大小为500,在中心点一个大大的圆。(每个操作后面的字母对应该步骤的快捷键,以下不再赘述)

Photoshop绘制立体时尚的创意钟表效果

2、为背景添加一点纹理。右键点图层一的缩略图,选择混合选项,选择图案叠加,如上图设置。我选的纹理在图案旁边的小箭头再点小齿轮选择彩色纸,可以找到。你们也可以找自己喜欢的纹理或者省略此步。

Photoshop绘制立体时尚的创意钟表效果

3、一会要画同心圆我们可以先建立个水平竖直50%的参考线,也可以不建立。参考现在菜单栏--视图--新建参考线Alt+V+E

Photoshop绘制立体时尚的创意钟表效果

4、再让我们新建一个图层Ctrl+Alt+Shift+N,用圆形选框工具按住Alt+Shift同时拉出一个选区,填充白色Ctrl+Del。

Photoshop绘制立体时尚的创意钟表效果

5、打造外表盘,在图层2右键点图层一的缩略图,选择混合选项,点斜面和浮雕,参数如图。点击光泽等高线打开等高线编辑器。

Photoshop绘制立体时尚的创意钟表效果

6、打造内表盘,再让我们新建一个图层Ctrl+Alt+Shift+N,用圆形选框工具按住Alt+Shift同时拉出一个比较小的选区,大小参照红圈,填充白色Ctrl+Del。

Photoshop绘制立体时尚的创意钟表效果

7、在图层3右键点图层一的缩略图,选择混合选项,继续添加如上效果

Photoshop绘制立体时尚的创意钟表效果

8、打造表针,再让我们新建一个图层Ctrl+Alt+Shift+N,用矩形选框工具按住拉出一个选区,,景色改为363636,填充Alt+Del

Photoshop绘制立体时尚的创意钟表效果

复制当前选中Ctrl+J,得到图层5

Photoshop绘制立体时尚的创意钟表效果

9、分别对图层4、5变形Ctrl+T右键选择扭曲并把四个角拉到对应的点,变出时针和分针

Photoshop绘制立体时尚的创意钟表效果

10、同步骤9用d85339画出秒针,效果参照下一步的图

Photoshop绘制立体时尚的创意钟表效果


11、选用你喜欢的字体和大小,写上时间,所有文字图层不透明度都用50%

Photoshop绘制立体时尚的创意钟表效果

做到这里基本OK了,让我们先看一下效果

Photoshop绘制立体时尚的创意钟表效果

似乎比照效果图还缺少好看的阴影和中间的金属帽啊。下一步我们就添加阴影

12、继续右键点击要更改的图层缩略图,选择混合选项,点击投影。

Photoshop绘制立体时尚的创意钟表效果

图层2阴影参数

Photoshop绘制立体时尚的创意钟表效果


图层4、图层5参数

Photoshop绘制立体时尚的创意钟表效果

图层6参数

最后打造中间的金属扣

Photoshop绘制立体时尚的创意钟表效果

17、新建一个图层7Ctrl+Alt+Shift+N,用圆形选框工具按住Alt+Shift同时拉出一个很小的选区,填充白色Ctrl+Del。右键点击图层7缩略图,选择混合选项,添加如下效果

Photoshop绘制立体时尚的创意钟表效果

Photoshop绘制立体时尚的创意钟表效果

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
How do I use Photoshop for creating social media graphics?How do I use Photoshop for creating social media graphics?Mar 18, 2025 pm 01:41 PM

The article details using Photoshop for social media graphics, covering setup, design tools, and optimization techniques. It emphasizes efficiency and quality in graphic creation.

How do I prepare images for web use in Photoshop (file size, resolution, color space)?How do I prepare images for web use in Photoshop (file size, resolution, color space)?Mar 13, 2025 pm 07:28 PM

Article discusses preparing images for web use in Photoshop, focusing on optimizing file size, resolution, and color space. Main issue is balancing image quality with quick loading times.

How do I use Photoshop's Content-Aware Fill and Content-Aware Move tools effectively?How do I use Photoshop's Content-Aware Fill and Content-Aware Move tools effectively?Mar 13, 2025 pm 07:35 PM

Article discusses using Photoshop's Content-Aware Fill and Move tools effectively, offering tips on selecting source areas, avoiding mistakes, and adjusting settings for optimal results.

How do I use Photoshop's video editing capabilities?How do I use Photoshop's video editing capabilities?Mar 18, 2025 pm 01:37 PM

The article explains how to use Photoshop for video editing, detailing steps to import, edit, and export videos, and highlighting key features like the Timeline panel, video layers, and effects.

How do I calibrate my monitor for accurate color in Photoshop?How do I calibrate my monitor for accurate color in Photoshop?Mar 13, 2025 pm 07:31 PM

Article discusses calibrating monitors for accurate color in Photoshop, tools for calibration, effects of improper calibration, and recalibration frequency. Main issue is ensuring color accuracy.

How do I prepare images for web using Photoshop (optimize file size, resolution)?How do I prepare images for web using Photoshop (optimize file size, resolution)?Mar 18, 2025 pm 01:35 PM

Article discusses optimizing images for web using Photoshop, focusing on file size and resolution. Main issue is balancing quality and load times.

How do I create animated GIFs in Photoshop?How do I create animated GIFs in Photoshop?Mar 18, 2025 pm 01:38 PM

Article discusses creating and optimizing animated GIFs in Photoshop, including adding frames to existing GIFs. Main focus is on balancing quality and file size.

How do I prepare images for print using Photoshop (resolution, color profiles)?How do I prepare images for print using Photoshop (resolution, color profiles)?Mar 18, 2025 pm 01:36 PM

The article guides on preparing images for print in Photoshop, focusing on resolution, color profiles, and sharpness. It argues that 300 PPI and CMYK profiles are essential for quality prints.

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

Hot Tools

Dreamweaver Mac version

Dreamweaver Mac version

Visual web development tools

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Integrate Eclipse with SAP NetWeaver application server.

Atom editor mac version download

Atom editor mac version download

The most popular open source editor

VSCode Windows 64-bit Download

VSCode Windows 64-bit Download

A free and powerful IDE editor launched by Microsoft

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use