Home Web Front-end PS Tutorial Photoshop 简单的音乐图标制作

Photoshop 简单的音乐图标制作

Jun 01, 2016 pm 02:36 PM

最终效果
Photoshop 简单的音乐图标制作
1、新建一个600 * 600 像素的文件,选择黑白渐变拉出下图所示的径向渐变色。
Photoshop 简单的音乐图标制作
<图1>  2、新建一个图层,用钢笔工具勾出图2所示的选区,填充黑色,效果如图3。
Photoshop 简单的音乐图标制作
<图2>
Photoshop 简单的音乐图标制作
<图3>
3、开始制作顶部效果。用钢笔勾出图3所示的选区,按Ctrl + J 把选区部分复制到新的图层,并命名为“顶部”。
Photoshop 简单的音乐图标制作
<图4>  4、新建一个图层,用钢笔工具勾出下图所示的选区,选择渐变工具,颜色设置如图6,拉出图7所示的线性渐变,拉好渐变后不要取消选区,新建一个图层把左上角部分涂上白色高光,效果如图8。
Photoshop 简单的音乐图标制作
<图5>
Photoshop 简单的音乐图标制作
<图6>
Photoshop 简单的音乐图标制作
<图7>
Photoshop 简单的音乐图标制作
<图8>  5、在刚才操作的图层下面新建一个图层,用钢笔勾出下图所示的选区,并拉上渐变色。
Photoshop 简单的音乐图标制作
<图9>
6、同样的方法勾出最上面矩形的选区,并拉上渐变色。大致效果如图11。
Photoshop 简单的音乐图标制作
<图10>
Photoshop 简单的音乐图标制作
<图11>
7、新建一个图层,用钢笔勾出高光选区如图12,填充白色,效果如图13。
Photoshop 简单的音乐图标制作
<图12>
Photoshop 简单的音乐图标制作
<图13>  8、下部分的制作方法大致相同,效果如下图。
Photoshop 简单的音乐图标制作
<图14>


    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 do I use Photoshop for creating social media graphics? How do I use Photoshop for creating social media graphics? Mar 18, 2025 pm 01:41 PM

    The article details using Photoshop for social media graphics, covering setup, design tools, and optimization techniques. It emphasizes efficiency and quality in graphic creation.

    How do I prepare images for web use in Photoshop (file size, resolution, color space)? How do I prepare images for web use in Photoshop (file size, resolution, color space)? Mar 13, 2025 pm 07:28 PM

    Article discusses preparing images for web use in Photoshop, focusing on optimizing file size, resolution, and color space. Main issue is balancing image quality with quick loading times.

    How do I use Photoshop's Content-Aware Fill and Content-Aware Move tools effectively? How do I use Photoshop's Content-Aware Fill and Content-Aware Move tools effectively? Mar 13, 2025 pm 07:35 PM

    Article discusses using Photoshop's Content-Aware Fill and Move tools effectively, offering tips on selecting source areas, avoiding mistakes, and adjusting settings for optimal results.

    How do I calibrate my monitor for accurate color in Photoshop? How do I calibrate my monitor for accurate color in Photoshop? Mar 13, 2025 pm 07:31 PM

    Article discusses calibrating monitors for accurate color in Photoshop, tools for calibration, effects of improper calibration, and recalibration frequency. Main issue is ensuring color accuracy.

    How do I use Photoshop's video editing capabilities? How do I use Photoshop's video editing capabilities? Mar 18, 2025 pm 01:37 PM

    The article explains how to use Photoshop for video editing, detailing steps to import, edit, and export videos, and highlighting key features like the Timeline panel, video layers, and effects.

    How do I prepare images for web using Photoshop (optimize file size, resolution)? How do I prepare images for web using Photoshop (optimize file size, resolution)? Mar 18, 2025 pm 01:35 PM

    Article discusses optimizing images for web using Photoshop, focusing on file size and resolution. Main issue is balancing quality and load times.

    How do I create animated GIFs in Photoshop? How do I create animated GIFs in Photoshop? Mar 18, 2025 pm 01:38 PM

    Article discusses creating and optimizing animated GIFs in Photoshop, including adding frames to existing GIFs. Main focus is on balancing quality and file size.

    How do I prepare images for print using Photoshop (resolution, color profiles)? How do I prepare images for print using Photoshop (resolution, color profiles)? Mar 18, 2025 pm 01:36 PM

    The article guides on preparing images for print in Photoshop, focusing on resolution, color profiles, and sharpness. It argues that 300 PPI and CMYK profiles are essential for quality prints.

    See all articles