Home Web Front-end PS Tutorial Photoshop打造透明效果的玻璃文件夹图标

Photoshop打造透明效果的玻璃文件夹图标

Jun 01, 2016 pm 02:34 PM
icon folder Glass

本教程介绍透明图标的制作方法。过程可能不太复杂,不过制作的时候需要非常细心,需要把图标的各个层面的高光部分都渲染出来,做出高透明效果 。 最终效果

Photoshop打造透明效果的玻璃文件夹图标

1、新建一个600 * 300像素的文档,背景拉上下图所示的绿色线性渐变。

Photoshop打造透明效果的玻璃文件夹图标

Photoshop打造透明效果的玻璃文件夹图标
 
2、新建一个图层,命名为“云彩”,进入通道面板,新建一个Alpha通道,执行:滤镜 > 渲染 > 云彩,可以按Ctrl + F 多测试几次,选出自己满意的效果。

Photoshop打造透明效果的玻璃文件夹图标

3、按Ctrl + L 调整色阶,参数及效果如下图。

Photoshop打造透明效果的玻璃文件夹图标
 
4、执行:选择 > 色彩范围,用吸管工具吸取白色部分,调出选区,再转换到图层面板,填充白色,效果如下图。

Photoshop打造透明效果的玻璃文件夹图标

5、在云层图层下新建一个图层,命名为蓝色背景,并为其填充蓝色渐变,效果如下图。

Photoshop打造透明效果的玻璃文件夹图标
 
6、按Ctrl + E 合并云彩和背景图层得到云彩图层,使用圆角矩形工具,半径设置为5,拉出选区,按Ctrl + C 复制,按Ctrl + V 粘贴,得到图层1,再新建一个图层,命名为“描边”。

Photoshop打造透明效果的玻璃文件夹图标

7、调出图层1的选区,选择描边图层,执行:编辑 > 描边,设置描边宽带为3像素,颜色为浅蓝色,位置居外,效果如下图。

Photoshop打造透明效果的玻璃文件夹图标

8、设置图1的不透明度为50%,并为这层添加图层蒙版,拉出黑白渐变使其过渡自然。

Photoshop打造透明效果的玻璃文件夹图标
 
9、新建一个图层,用钢笔工具勾出路径,并填充白色,设置不透明度为:50%,按住Alt键为其添加剪切蒙版,用同样的方法制作其它高光部分。

Photoshop打造透明效果的玻璃文件夹图标

10、合并所有图层命名为文件夹前,再复制一层命名为文件夹后,按Ctrl + T 对其进行斜切自由变换处理,效果如下图。

Photoshop打造透明效果的玻璃文件夹图标

11、用同样的方法去制作其它高光部分,效果如下图。

Photoshop打造透明效果的玻璃文件夹图标
 
12、在文件后上新建一个图层,命名为文件,使用圆角矩形工具,半径设置为5像素,拉出选区,并填充白色,效果如下图。

Photoshop打造透明效果的玻璃文件夹图标

13、使用椭圆选框工具绘制正圆,新建三个空白图层分别命名为红,绿,蓝,并为其填充颜色,设置图层的不透明度为70%,效果如下图。

Photoshop打造透明效果的玻璃文件夹图标
 
14、复制文件夹后得到图层副本,对文件夹后按Ctrl + T 进行扭曲变换处理,再为其添加图层蒙版,处理下细节。

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

Repo: How To Revive Teammates
1 months ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
1 months 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

How to have files automatically copied to another folder on Windows 11/10 How to have files automatically copied to another folder on Windows 11/10 Feb 19, 2024 am 11:24 AM

In this article, we will show you how to automatically copy files to another folder on Windows 11/10. Creating backups is necessary to avoid data loss. Data loss can occur due to many reasons such as hard drive corruption, malware attack, etc. You can back up your data manually by using copy and paste method or using third-party tools. Did you know you can automatically back up data on your Windows computer? We'll show you how to do this in this article. How to have files automatically copied to another folder on Windows 11/10 How to use Task Scheduler to automatically copy files and folders to another destination folder on Windows 11/10? This article will provide you with detailed guidance. please

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,

How to set password for win11 computer folder How to set password for win11 computer folder Jan 12, 2024 pm 02:27 PM

After updating to the latest win11 system, most friends don't know how to encrypt their folders to protect privacy, so we have brought you a method. Let's take a look at how to set a password for a win11 computer folder. How to set a password for a win11 computer folder: 1. First find the folder you want to encrypt. 2. Then right-click the folder and select "Properties". 3. Click "Advanced" under Properties. 4. Check "Encrypt content to protect data" in the menu and click OK. 5. Finally, return to the properties of the folder and click "OK" in the pop-up window.

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

One or more items in the folder you synced do not match Outlook error One or more items in the folder you synced do not match Outlook error Mar 18, 2024 am 09:46 AM

When you find that one or more items in your sync folder do not match the error message in Outlook, it may be because you updated or canceled meeting items. In this case, you will see an error message saying that your local version of the data conflicts with the remote copy. This situation usually happens in Outlook desktop application. One or more items in the folder you synced do not match. To resolve the conflict, open the projects and try the operation again. Fix One or more items in synced folders do not match Outlook error In Outlook desktop version, you may encounter issues when local calendar items conflict with the server copy. Fortunately, though, there are some simple ways to help

Find the default folder path and sharing details of win11 wallpapers Find the default folder path and sharing details of win11 wallpapers Jan 30, 2024 pm 03:15 PM

Many users change wallpapers when using their computers. I believe many users are also asking which folder the win11 wallpapers are in? The wallpapers that come with the system are in Wallpaper under the C drive, and the wallpapers saved by users are in the Themes folder of the C drive. Let this site carefully introduce the win11 default wallpaper path sharing for users. Share win11 default wallpaper path 1. The system comes with wallpaper: 1. First enter my computer, and then open the path: C: Windows Web Wallpaper. 2. User-saved wallpapers: 1. Wallpapers installed by users will be saved in: C: Users (user) xx (current user name) AppDataLocalM

See all articles