Home Web Front-end PS Tutorial Photoshop设计制作出精致的时空穿梭图标

Photoshop设计制作出精致的时空穿梭图标

Jun 01, 2016 pm 02:33 PM

效果图制作包括两个大的部分:首先是金属边框部分,用到了几个不同大小的正圆,分别添加了不同的图层样式来渲染质感。然后是中间的漩涡及放射效果制作,这些需要用不同的滤镜来完成。 最终效果

Photoshop设计制作出精致的时空穿梭图标

1、新建,背景填充深灰色,新建图层,选择椭圆工具(U)在图层B上创建一个白色圆圈这里名为B。

Photoshop设计制作出精致的时空穿梭图标

Photoshop设计制作出精致的时空穿梭图标
 
2、创建两个红色和绿色的圆圈,在图层B上。重新命名为M圈(红色)和S圆(绿色)。

Photoshop设计制作出精致的时空穿梭图标

3、选择B圈图层,双击图层打开图层样式对话框,设置如图。

Photoshop设计制作出精致的时空穿梭图标

Photoshop设计制作出精致的时空穿梭图标
 
4、复制B圈图层,再设置图层样式,设置如下。

Photoshop设计制作出精致的时空穿梭图标

Photoshop设计制作出精致的时空穿梭图标

5、选择M圆圈添加图层样式,设置如下。

Photoshop设计制作出精致的时空穿梭图标

Photoshop设计制作出精致的时空穿梭图标
 
6、设置好以上4个圆圈,就得到以下效果。

Photoshop设计制作出精致的时空穿梭图标

Photoshop设计制作出精致的时空穿梭图标

7、在其他圈中,新建一个圆圈,渐变如下。

Photoshop设计制作出精致的时空穿梭图标

8、新建图层,首先确定背景和前景是黑色和白色。滤镜>渲染>云彩,混合模式为叠加。Ctrl键+(鼠标)点击云彩图层。确保云层被选中,图层>图层蒙版>显示选区。

9、复制云彩图层,混合模式为颜色减淡,Ctrl键+(鼠标)点击云彩图层3,然后滤镜>扭曲>旋转扭曲 角度这里是845 也可自定。确定。在滤镜>液化,并选择折叠工具(S)。使它的屏幕尺寸和改变100的密度和压力,并率60。这将给更深入的漩涡。

Photoshop设计制作出精致的时空穿梭图标

Photoshop设计制作出精致的时空穿梭图标

Photoshop设计制作出精致的时空穿梭图标
 
10、选择橡皮擦工具(e)选择一个30像素的直径和0%硬度圆刷。抹去的旋转扭曲层的某些部分,大多在边缘。

Photoshop设计制作出精致的时空穿梭图标

11、新建图层名填充为黑色,混合模式为颜色减淡。之后滤镜>像素化>铜版雕刻,使用该类型的粒状点。 滤镜>模糊>径向模糊。数量90 模糊方法缩放,品质最好。

Photoshop设计制作出精致的时空穿梭图标

Photoshop设计制作出精致的时空穿梭图标
 
12、新建图层,混合模式为颜色减淡。 笔刷设置如下。

Photoshop设计制作出精致的时空穿梭图标

Photoshop设计制作出精致的时空穿梭图标

Photoshop设计制作出精致的时空穿梭图标

13、在上一个图层上面用刚刚设置好的笔刷 ,画点小圆圈 效果如下。重复第11步 滤镜>模糊>径向模糊。数量50左右。

Photoshop设计制作出精致的时空穿梭图标
 
14、新建图层选择椭圆选框工具(L),在图层里弄一个小点的圈 然后去图层>图层蒙版>显示选区。调整渐变叠加的位置,并改变图层不透明度为40%。效果如下。

Photoshop设计制作出精致的时空穿梭图标

Photoshop设计制作出精致的时空穿梭图标

15、新建图层,创建小圆圈 重复步骤1和2。然后图层样式 设置如下。

Photoshop设计制作出精致的时空穿梭图标

Photoshop设计制作出精致的时空穿梭图标
 
16、复制图层放好位置 按CTRL+T 旋转90°选择4圈,重复一遍,旋转45°。你可以通过按住Alt + Shift的同时旋转。

Photoshop设计制作出精致的时空穿梭图标

Photoshop设计制作出精致的时空穿梭图标

最终效果:

Photoshop设计制作出精致的时空穿梭图标


以上就是Photoshop设计制作出精致的时空穿梭图标的内容,更多相关内容请关注PHP中文网(www.php.cn)!


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)

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

What are the permanently free photoshopcs5 serial numbers? What are the permanently free photoshopcs5 serial numbers? Jul 06, 2023 am 10:00 AM

The permanently free photoshopcs5 serial numbers are: 1. 1330-1440-1602-3671-9749-7897; 2. 1330-1191-2998-6712-2520-5424; 3. 1330-1367-4285-4928-0630-3107; 4. 1330-1570-9599-9499-8092-8237; 5. 1330-1028-1662-3206-1688-5114, etc.

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

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

Solution: Fix keyboard shortcuts not working in Photoshop Solution: Fix keyboard shortcuts not working in Photoshop Sep 22, 2023 pm 03:17 PM

Adobe Photoshop is the industry standard for digital design, loved and used every day by the online community. However, when keyboard shortcuts stutter or fail entirely, it can significantly slow down any project or your overall productivity on Windows 11. Whether you're an experienced designer or just dabbling in photo editing, these glitches are more than just minor annoyances in Photoshop and Photoshop CC. First, let's look at the common reasons why custom or default shortcuts stop working. Why don't my shortcuts work in Photoshop? Customize workspace settings: Sometimes, adjusting or switching between workspace settings can reset keyboard shortcuts. Sticky Keys: This accessibility feature

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

See all articles