Home Web Front-end PS Tutorial Photoshop绘制绚丽凉爽发光的球体图标

Photoshop绘制绚丽凉爽发光的球体图标

Jun 01, 2016 pm 02:30 PM
glow icon

在这个Photoshop教程中,我们将尝试使用图层样式,创造一个凉爽发光的球体效果 先看看效果图

Photoshop绘制绚丽凉爽发光的球体图标

  1.新建文件大小540×400 72dpi,#1a1a1c到#040404的径向渐变背景。
  新建一个图层,创建一个大小390×390大小的圆形填充#2f343a。对齐使用居中对齐。

Photoshop绘制绚丽凉爽发光的球体图标

  2.创建图层样式具体参数请看下图。

Photoshop绘制绚丽凉爽发光的球体图标
Photoshop绘制绚丽凉爽发光的球体图标
Photoshop绘制绚丽凉爽发光的球体图标
Photoshop绘制绚丽凉爽发光的球体图标
Photoshop绘制绚丽凉爽发光的球体图标
Photoshop绘制绚丽凉爽发光的球体图标
Photoshop绘制绚丽凉爽发光的球体图标

  3.如果你按照上边的做了,应该如下图所示。

Photoshop绘制绚丽凉爽发光的球体图标

  4.创建一个新的图层,在该层中创建332×332的圆,填充你想要的任何颜色(设置填充为0%,这样颜色就不重要了),然后选择>修改>收缩,10个象素,Delete删除,取消选区。然后是用对齐工具对齐中心点 。

Photoshop绘制绚丽凉爽发光的球体图标

  5.对该层创建如下图层样式。

Photoshop绘制绚丽凉爽发光的球体图标
Photoshop绘制绚丽凉爽发光的球体图标
Photoshop绘制绚丽凉爽发光的球体图标

  6.创建一个400×14的圆角矩形,填充#808080。

Photoshop绘制绚丽凉爽发光的球体图标

  7.创建一个408×25的椭圆选区,椭圆下方顶点,对齐中心点,Delete删除圆角矩形上半部分。

Photoshop绘制绚丽凉爽发光的球体图标

  8.重复上一步,以椭圆上方顶点对齐中心点,Delete删除圆角矩形下半部分。

Photoshop绘制绚丽凉爽发光的球体图标

  9.ctrl+J复制图层,然后ctrl+T旋转图层30度,重复3次。

Photoshop绘制绚丽凉爽发光的球体图标

  10.选择4个图层合并,创建如下图层样式。

Photoshop绘制绚丽凉爽发光的球体图标
Photoshop绘制绚丽凉爽发光的球体图标

   11.调整不透明度80%。

Photoshop绘制绚丽凉爽发光的球体图标

  12.创建3像素高的矩形选区,调整角度为7.5度或-7.5度,使用前边的方法扑满一周。

Photoshop绘制绚丽凉爽发光的球体图标

  13.创建剪贴蒙板(Alt+Ctrl+G)。

Photoshop绘制绚丽凉爽发光的球体图标

  14.调整该图层的填充不透明度为0,添加图层样式。

Photoshop绘制绚丽凉爽发光的球体图标
Photoshop绘制绚丽凉爽发光的球体图标

  15.创建一个285×285大小的圆,填充#fB9F0E,对齐中心点。

Photoshop绘制绚丽凉爽发光的球体图标

  16.对黄色圆形使用如下图层样式。

Photoshop绘制绚丽凉爽发光的球体图标
Photoshop绘制绚丽凉爽发光的球体图标
Photoshop绘制绚丽凉爽发光的球体图标
Photoshop绘制绚丽凉爽发光的球体图标
Photoshop绘制绚丽凉爽发光的球体图标
Photoshop绘制绚丽凉爽发光的球体图标

  17.如果你完全正确,你的球应该是这个样子。

Photoshop绘制绚丽凉爽发光的球体图标

  18.使用一些画笔工具,这里我增加了两个层,修改一层的不透明度为50%二层为55%,然后使用创建剪贴蒙板(Alt+Ctrl+G),这样看起来使我们的球产生了一些变化。

Photoshop绘制绚丽凉爽发光的球体图标

  19.创建一个灯光层,使用白色软边花笔100像素,不透明度20%。图层模式该为叠加。

Photoshop绘制绚丽凉爽发光的球体图标

  20.选择黄色球体,ctrl+鼠标左建,创建一个选取,新建图层,使用描边5个像素,填充#5A5756颜色。

Photoshop绘制绚丽凉爽发光的球体图标

  21.降低填充不透明度到40%,添加如下图层样式。

Photoshop绘制绚丽凉爽发光的球体图标
Photoshop绘制绚丽凉爽发光的球体图标
Photoshop绘制绚丽凉爽发光的球体图标

  22.效果就是这样。

Photoshop绘制绚丽凉爽发光的球体图标

  23.最后我增加了文字效果,和金属面板,使用了一些简单的渐变和发光。

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
1664
14
PHP Tutorial
1268
29
C# Tutorial
1246
24
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 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 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

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 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 save desktop icon position layout in Windows 11 How to save desktop icon position layout in Windows 11 Aug 23, 2023 pm 09:53 PM

Windows 11 brings a lot to the table in terms of user experience, but the iteration isn't entirely error-proof. Users run into issues from time to time, and changes to icon positioning are common. So how to save desktop layout in Windows 11? There are built-in and third-party solutions for this task, whether it's saving the screen resolution of the current window or the arrangement of desktop icons. This becomes even more important for users who have a bunch of icons on their desktop. Read on to learn how to save desktop icon locations in Windows 11. Why doesn't Windows 11 save icon layout positions? Here are the main reasons why Windows 11 does not save desktop icon layout: Changes to display settings: Typically, when you modify display settings, the configured customizations

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.

See all articles