Home Web Front-end PS Tutorial Photoshop制作逼真的清爽浅蓝色漱口杯图标

Photoshop制作逼真的清爽浅蓝色漱口杯图标

Jun 01, 2016 pm 02:26 PM
icon

制作之前,我们需要把效果图分解一下(杯子、牙刷、牙膏等都由好几个部分构成),然后逐一去完成,把握好整体和细节等即可。
最终效果

Photoshop制作逼真的清爽浅蓝色漱口杯图标


一、先画出杯子的杯身部分:

新建612 * 612(分辨率72)的画布大小,选用圆角矩形工具,点击空白画布,在弹出框输入以下参数绘制一个160 * 308大小且左上角圆角弧度为10像素的圆角矩形,并填充颜色:#6dc8e4,如左下图所示。

然后用直接选择工具,选中左下角的节点。并按住Shift键配合键盘的方向键向右点击7次也就是70像素。

Photoshop制作逼真的清爽浅蓝色漱口杯图标

Photoshop制作逼真的清爽浅蓝色漱口杯图标
 到目前为止杯身的左半边就大概画出雏形了,现在我们只要把左边复制一份再水平镜像变换一次,对称放置在右侧就可以得到一个完整的杯身了。

Photoshop制作逼真的清爽浅蓝色漱口杯图标

好,现在杯身的部分完成了,接下来我们来给这个杯身添加一些图层样式来增强立体感。

Photoshop制作逼真的清爽浅蓝色漱口杯图标

再接着是画出杯口的厚度。

Photoshop制作逼真的清爽浅蓝色漱口杯图标

再接着也要给这个部分赋予一些图层样式。

Photoshop制作逼真的清爽浅蓝色漱口杯图标

Photoshop制作逼真的清爽浅蓝色漱口杯图标
 二、画出杯子的把手部分:

新建的把手部分要放置在杯身的图层下面哦,如图所示。

Photoshop制作逼真的清爽浅蓝色漱口杯图标

把手部分分解图,如图所示。

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

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)
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Repo: How To Revive Teammates
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

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)

How to disable taskbar thumbnail preview in Win11? Turn off the taskbar icon display thumbnail technique by moving the mouse How to disable taskbar thumbnail preview in Win11? Turn off the taskbar icon display thumbnail technique by moving the mouse Feb 29, 2024 pm 03:20 PM

This article will introduce how to turn off the thumbnail function displayed when the mouse moves the taskbar icon in Win11 system. This feature is turned on by default and displays a thumbnail of the application's current window when the user hovers the mouse pointer over an application icon on the taskbar. However, some users may find this feature less useful or disruptive to their experience and want to turn it off. Taskbar thumbnails can be fun, but they can also be distracting or annoying. Considering how often you hover over this area, you may have inadvertently closed important windows a few times. Another drawback is that it uses more system resources, so if you've been looking for a way to be more resource efficient, we'll show you how to disable it. but

Download the phone settings icon to the desktop 'Know in seconds: Steps to change icons for apps on Android phones' Download the phone settings icon to the desktop 'Know in seconds: Steps to change icons for apps on Android phones' Feb 06, 2024 pm 04:27 PM

In order to beautify their desktop, many users like to change their desktop themes regularly to keep them fresh. However, changing the theme will not change the icon of the third-party APP, and the personalized beautification is not thorough enough. If you're tired of the same app icons, replace them. Theoretically, if you want to change the icon for a mobile app, you usually need a ROOT system and some tools to unpack and replace the icon. But since the vast majority of mobile phones no longer support the ROOT system, we need to find other methods to achieve it. For example, some specific applications may offer the option to customize the icon, or personalize the icon through a third-party launcher. In addition, some mobile phone brands have also launched special theme and icon stores for users to choose and change icons. In major app stores,

What do the 5G UC and 5G UW icons on your T-mobile smartphone mean? What do the 5G UC and 5G UW icons on your T-mobile smartphone mean? Feb 24, 2024 pm 06:10 PM

T-Mobile users have started noticing that the network icon on their phone screens sometimes reads 5GUC, while other carriers read 5GUW. This is not a typo, but represents a different type of 5G network. In fact, operators are constantly expanding their 5G network coverage. In this topic, we will take a look at the meaning of the 5GUC and 5GUW icons displayed on T-Mobile smartphones. The two logos represent different 5G technologies, each with its own unique characteristics and advantages. By understanding what these signs mean, users can better understand the type of 5G network they are connected to so they can choose the network service that best suits their needs. 5GUCVS5GUW icon in T

How to remove icons in Ubuntu start menu? How to remove icons in Ubuntu start menu? Jan 13, 2024 am 10:45 AM

There are many software icons listed in the Ubuntu system start menu. There are many uncommon icons. If you want to delete them, how should you delete them? Let’s take a look at the detailed tutorial below. 1. First enter the ubuntu desktop and click on the start menu under the left panel. 2. You can find a text editor icon inside, we need to delete it. 3. Now we return to the desktop and right-click the mouse to open the terminal. 4. Use the command to open the application list directory. sudonautilus/usr/share/applicationssudonautilus~/.local/share/applications5. Find the corresponding text editor icon inside. 6. Then go straight

How do I get the system tray icon to appear on all my Windows 11 monitors? How do I get the system tray icon to appear on all my Windows 11 monitors? Sep 22, 2023 pm 03:21 PM

When using a multi-monitor setup, users want to display the tray icon on all monitors in order to keep up with the latest notifications or access certain applications. This can be very useful, and in today's guide we'll show you how to enable this feature correctly. How to show tray icon on all monitors in Windows 11? 1. Use the display fusion software to visit the DisplayFusion website and download the software. After downloading the software, run the setup file and install it. Start the software and configure it as needed. On the second screen, right-click the taskbar, select Multi-monitor Taskbar, and then select System Tray. Finally, check Show/Hide Icons. Once this is done, you should get your system on both monitors on Windows 11

How to turn off the case prompt icon in Win11 How to turn off the case prompt icon in Win11 Jun 29, 2023 pm 01:00 PM

How to turn off the uppercase and lowercase icons in Win11? When our computer is switching between upper and lower case, a prompt icon will appear on the computer screen of some users. Some users want to turn off the icon, so how should they do it? In fact, the method is very simple. The editor below will demonstrate how to turn off the uppercase and lowercase icons in Win11. I hope the following tutorial will be helpful to you. How to turn off the case prompt icon in Win11 The solution is very simple, that is, open the Task Manager and end the Thisutilitycontrolsspecialkeyboard process. In short, just close the XXXXXUtility process in the process. If it is a Lenovo computer, just

How to insert excel icons into PPT slides How to insert excel icons into PPT slides Mar 26, 2024 pm 05:40 PM

1. Open the PPT and turn the page to the page where you need to insert the excel icon. Click the Insert tab. 2. Click [Object]. 3. The following dialog box will pop up. 4. Click [Create from file] and click [Browse]. 5. Select the excel table to be inserted. 6. Click OK and the following page will pop up. 7. Check [Show as icon]. 8. Click OK.

What should I do if the icon in the lower right corner of win11 does not respond when I click it? What should I do if the icon in the lower right corner of win11 does not respond when I click it? Jun 29, 2023 pm 01:54 PM

What should I do if the icon in the lower right corner of win11 does not respond when I click it? The shortcut icon for the currently running task can be displayed in the lower right corner of the computer. Just click on the icon to continue running the task, which is very convenient. However, many users find that the task icon shortcut key in the lower right corner of the win11 system does not respond after clicking it. What is going on? Today, the editor will give you a tutorial on how to solve the problem of clicking the shortcut in the lower right corner of win11. Users in need should quickly take a look. What should I do if the icon in the lower right corner of win11 does not respond? 1. First, press the "win" button on the keyboard, and then click "Settings". 2. Then click "About" under system settings. 3. Then find the blue font "Advanced system settings" under the device specifications.

See all articles