Home Web Front-end PS Tutorial Photoshop 一个半透明的立体图标

Photoshop 一个半透明的立体图标

Jun 01, 2016 pm 02:37 PM
photoshop 3D icon

本教程介绍立体图标的制作方法。基本思路先把需要立体化的图形简单透视化,然后把立体的几个面做出来,最后就是调整反光及各面的色彩层次。 最终效果 1、利用钢笔工具绘制图标路径。 2、创建新图层,并命名为“顶层”。打开路径面板, 来源:网络 作者:令彬
本教程介绍立体图标的制作方法。基本思路先把需要立体化的图形简单透视化,然后把立体的几个面做出来,最后就是调整反光及各面的色彩层次。
最终效果

1、利用钢笔工具绘制图标路径。

2、创建新图层,并命名为“顶层”。打开路径面板,通过路径建立选区,返回图层面版,用#497923填充选区。
  #p# 3、隐藏顶层,并在顶层下方创建新图层,重复步骤 2,改用#4AC1FF填充,图层不透明度设为“50%”。

4、全选(Ctrl + A),按下Ctrl + Alt + T,并点击向下箭头一次,按下回车;重复按下Ctrl + Alt + Shift + T得到如下效果。

5、显示顶层,并将图层混合模式设为“叠加”,图层不透明度设为“50%”;设置图层样式,外发光,混合模式为“变亮”,不透明度“100%”,大小5px,颜色#FFFFFF。
  #p# 6、创建新图层,并命名为底层,将其置于上述两层下方;重复步骤 2,使用#00F5FF填充,并调整图像到如下位置。

7、复制底层,并命名为阴影层,将阴影层置于底层下方;滤镜 >> 模糊 >> 高斯模糊,模糊半径设为10。

8、在所有层上方创建图层,并使用椭圆选框工具建立如下选区,使用300px柔角笔刷在圆形选区底部轻轻扫过,图层不透明度“60%”。
  #p# 9、采用与步骤 8类似的方法为箭头添加高光效果。

10、创建新图层,绘制如下两个矩形,图层不透明度设为“30%”。

11、同步骤 10完成另两个矩形高光区的制作。

可选步骤、使用十字星光笔刷添加装饰效果。。

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)
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: How To Unlock Everything In MyRise
3 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)

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.

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 deal with blurred scanned documents How to deal with blurred scanned documents Jan 05, 2021 pm 03:09 PM

Processing method: 1. Open the scanned image to be processed in the PS software; 2. Click "Filter" - "Sharpening" - "Smart Sharpening" on the top toolbar; 3. In the pop-up window, select according to your needs Sharpen the radius and click "OK"; 4. Click "File" - "Save As" and save it as a file.

Which company does photoshop belong to? Which company does photoshop belong to? Jul 20, 2022 am 11:47 AM

photoshop is owned by Adobe. Photoshop is an image processing software developed and distributed by Adobe. It mainly processes digital images composed of pixels. Adobe is an American computer software company headquartered in San Jose, California. It is mainly engaged in the development of multimedia production software; its customers include enterprises, knowledge workers, creative people and designers, OEM partners, and developers around the world.

Adobe Photoshop official web version AI generated fill and generate extended image tools Adobe Photoshop official web version AI generated fill and generate extended image tools Sep 29, 2023 pm 10:13 PM

Adobe's Photoshop web service (an online web version) is now generally available. The web version of Photoshop will soon support the AI-generated fill and generate extended image tools, which were recently released for the desktop version of Photoshop. Powered by the Adobe Firefly generative AI model, these features are commercially available and allow users to quickly add, remove, or expand images using text-based descriptions in more than 100 languages ​​while matching the lighting conditions and perspective of the original image. The web version of Photoshop also provides many of the most commonly used tools from the desktop version, but with a redesigned layout to provide a more "simplified" user experience for new Photoshop users. This includes early this year

Which company developed photoshop? Which company developed photoshop? Jul 08, 2022 am 11:34 AM

Photoshop was developed by Adobe Systems; Photoshop is a graphics processing software developed and distributed by "Adobe Systems", which mainly processes digital images composed of pixels. Adobe Systems is an American multinational computer software company headquartered in San Jose, California.

What tools do you use to draw paths in photoshop What tools do you use to draw paths in photoshop Mar 19, 2021 pm 05:11 PM

In photoshop, you can use the "pen tool" to draw paths. The pen tool is a tool used to create paths. After creating a path, you can edit it again. The pen tool is a vector drawing tool. Its advantage is that it can draw smooth curves and maintain a smooth effect after scaling or deformation.

How to set Huawei three-dimensional icon How to set Huawei three-dimensional icon Sep 26, 2023 pm 03:34 PM

Huawei three-dimensional icons can be set by entering the home screen settings, selecting the icon style, selecting the three-dimensional icon, selecting the application icon, setting the icon style, saving the settings and viewing the three-dimensional icon. Detailed introduction: 1. Enter the home screen settings and find the "Desktop Settings" option by long pressing a blank space on the home screen or sliding the navigation bar at the bottom of the screen; 2. Select the icon style and click to enter the icon style setting interface; 3. Select the three-dimensional icon. Swipe the screen to browse down, find the three-dimensional icon option and click to enter; 4. Select the application icon and so on.

See all articles