Home Web Front-end PS Tutorial Photoshop绘制立体时尚的创意钟表效果

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

Jun 01, 2016 pm 02:29 PM
photoshop

本教程主要使用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 of this Website
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

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

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Hot Topics

Java Tutorial
1663
14
PHP Tutorial
1266
29
C# Tutorial
1239
24
Photoshop's Value: Weighing the Cost Against Its Features Photoshop's Value: Weighing the Cost Against Its Features Apr 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.

Advanced Photoshop Tutorial: Master Retouching & Compositing Advanced Photoshop Tutorial: Master Retouching & Compositing Apr 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.

Photoshop for Web Design: Advanced Techniques for UI/UX Photoshop for Web Design: Advanced Techniques for UI/UX Apr 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.

Photoshop's Key Features: A Deep Dive Photoshop's Key Features: A Deep Dive Apr 19, 2025 am 12:08 AM

Key features of Photoshop include layers and masks, adjustment tools, filters and effects. 1. Layers and masks allow independent editing of image parts. 2. Adjust tools such as brightness/contrast can modify image tone and brightness. 3. Filters and effects can quickly add visual effects. Mastering these features can help creative professionals achieve their creative vision.

Is Photoshop Free? Understanding Subscription Plans Is Photoshop Free? Understanding Subscription Plans Apr 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.

Using Photoshop: Creative Possibilities and Practical Uses Using Photoshop: Creative Possibilities and Practical Uses Apr 22, 2025 am 12:09 AM

Photoshop is very practical and creative in practical applications. 1) It provides basic editing, repairing and synthesis functions, suitable for beginners and professionals. 2) Advanced features such as content recognition fill and layer style can improve image effects. 3) Mastering shortcut keys and optimizing layer structure can improve work efficiency.

The Core Purpose of Photoshop: Creative Image Design The Core Purpose of Photoshop: Creative Image Design Apr 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: Investigating Free Trials and Discount Options Photoshop: Investigating Free Trials and Discount Options Apr 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.

See all articles