Home Web Front-end PS Tutorial PS制作一个精致的蓝色六边形水晶图标教程

PS制作一个精致的蓝色六边形水晶图标教程

Jun 01, 2016 pm 02:28 PM
ps hexagon icon blue

本篇教程是向脚本之家的朋友介绍利用PS制作一个精致的蓝色六边形水晶图标过程,教程制作出来的图标还是很漂亮的,方法不是很难,新手可以过来学习制作思路,推荐到脚本之家,喜欢的朋友一起来学习吧

这篇教程是向脚本之家的朋友介绍PS制作一个精致的蓝色六边形水晶图标方法,教程制作出来的图标还是蛮不错的,而且作者把制作思路介绍的很详细,教程实用性挺高的,推荐过来,希望大家喜欢本教程!

效果图为比较简单的图形图标,制作过程:先用路径或形状工具画出想要的图形,然后用图层样式等加上质感和纹理,顶部再添加一些小的文字或图形等即可。最终效果

PS制作一个精致的蓝色六边形水晶图标教程

一、首先我们将整个图标分解开来,共有四部分组成,然后我们分层制作。

PS制作一个精致的蓝色六边形水晶图标教程

二、先在画布上绘制一个圆角六边形,然后添加下图所示的图层样式。

PS制作一个精致的蓝色六边形水晶图标教程 

PS制作一个精致的蓝色六边形水晶图标教程 

PS制作一个精致的蓝色六边形水晶图标教程 

PS制作一个精致的蓝色六边形水晶图标教程 

三、将之前那个圆角六边形复制一层然后缩小,放在“底层”的上方。

PS制作一个精致的蓝色六边形水晶图标教程 

PS制作一个精致的蓝色六边形水晶图标教程 

PS制作一个精致的蓝色六边形水晶图标教程

四、新建一个3 * 3的画布,然后将画布放到最大,使用矩形工具绘制三个正方形,成倾斜45度角排放,隐藏背景层,然后再执行:编辑 > 定义图层,按住Ctrl + 凹陷层会出现选区,在上方新建图层,并填充图案,将此层模式改为“叠加”,不透明度:34%。

PS制作一个精致的蓝色六边形水晶图标教程

五、大家可以把自己设计的符号放到这个图标中去,然后添加一些图层样式即可。

PS制作一个精致的蓝色六边形水晶图标教程

六、大的光面是用选区填充的白色,然后再调整不透明度,小的高光是在图标的边缘用钢笔工具勾勒出来,然后再执行描边路径即可。

PS制作一个精致的蓝色六边形水晶图标教程

最终效果:

PS制作一个精致的蓝色六边形水晶图标教程

教程结束,以上就是PS制作一个精致的蓝色六边形水晶图标教程,希望大家喜欢本教程!

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 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.

How to Undo Delete from Home Screen in iPhone How to Undo Delete from Home Screen in iPhone Apr 17, 2024 pm 07:37 PM

Deleted something important from your home screen and trying to get it back? You can put app icons back on the screen in a variety of ways. We have discussed all the methods you can follow and put the app icon back on the home screen. How to Undo Remove from Home Screen in iPhone As we mentioned before, there are several ways to restore this change on iPhone. Method 1 – Replace App Icon in App Library You can place an app icon on your home screen directly from the App Library. Step 1 – Swipe sideways to find all apps in the app library. Step 2 – Find the app icon you deleted earlier. Step 3 – Simply drag the app icon from the main library to the correct location on the home screen. This is the application diagram

What should I do if the Win10 input method icon is missing? How to retrieve the Win10 input method icon after it is lost? What should I do if the Win10 input method icon is missing? How to retrieve the Win10 input method icon after it is lost? Feb 29, 2024 am 11:52 AM

After the Win10 input method icon is lost, many users don’t know how to retrieve it. This article will introduce simple methods to help users retrieve the Win10 input method icon, allowing you to easily switch input methods and improve work efficiency. 1. Reasons for missing input method 1. Keyboard layout problem: If you accidentally switch the keyboard layout, such as switching from Chinese to English or other languages, the input method may temporarily disappear. 2. Input method setting problem: In the system settings, we can customize the display mode of the input method. Improper settings may result in the input method being unable to be displayed or hidden. 3. Input method errors or crashes: The input method software itself may have errors or crashes, causing the input method to fail to display properly. 2. How to call up the input method Method 1: 1. Press [Win+

How to change Kali Linux default whisker menu icon? How to change Kali Linux default whisker menu icon? Jan 04, 2024 am 09:05 AM

How to change the icon of the whisker menu button in KaliLinux? Today we will take a look at the tutorial on changing the icon of the whisker menu button in Linux system. 1. The default whisker menu icon is as shown in the figure below. 2. Right-click on the whisperer menu icon and select [Properties]. 3. Switch to the [Panel Button] tab, find the [Icon] option and click it. 4. In the new window, click the icon you like. 5. After completing the selection, click [Close] to exit the settings. 6. Then you can see the newly changed whisker menu button icon.

See all articles