search
HomeWeb Front-endPS TutorialPS鼠绘质感红色铅笔图标

这篇教程PS鼠绘学习者们使用PS鼠绘质感铅笔图标,教程绘制出来的铅笔图标个人还挺喜欢的,教程的原创作找不到了,这个教程有一个难点就是PS的界面是英文的,学习起来不太方便,大家可以对照中文版的看一下, 效果图吧:PS鼠绘质感红色铅笔图标 啊神:在本教程中,我会告诉你利用PS如何绘制精致的铅笔图标。
具体的绘制步骤如下:

第一步
创建新文档 950 像素宽 600 像素高度、 分辨率设置为 300 像素/英寸和白色的背景。使一个矩形选区与风格的固定的大小,宽度为 400 像素和高度的 100 px。
PS鼠绘质感红色铅笔图标
第二步
拖动参考线并对齐选区的所有边缘和垂直中心。
PS鼠绘质感红色铅笔图标  

第三步
打开渐变编辑器,选择预设菜单中的"金属"。如果您无法看到列表中的预设,请单击以右,然后选择"金属"从列表中的三角形按钮。单击添加。创建一个新图层并将其命名"笔身"。填充所选内容从底部到顶部的渐变。
PS鼠绘质感红色铅笔图标  

第四步
使用曲线命令,参数按照下面设置,打造一个光滑的渐变效果~!
PS鼠绘质感红色铅笔图标  

使用曲线命令,参数按照上面设置,打造一个光滑的渐变效果~!
第五步

选区于活动状态时,创建一个新图层填充所选内容的颜色#d60005,然后将该图层的不透明度设置为60%。新图层名称"颜色"。
PS鼠绘质感红色铅笔图标  

第六步
创建一条新的参考线,详情看下图所示。将"笔身"图层复制一份。其命名为"金属",并将它移动到图层的顶部。选择矩形选框工具,请按照如下图绘制,然后点击Delete键将其删除。
PS鼠绘质感红色铅笔图标
第七步
选择椭圆选框工具,按住Alt和Shift键在参考线正中拉出一个正圆。鼠标右键单击选择变换选区,然后水平缩放设置为50%(W),按Enter确定。(会呈现一个椭圆形)
ps:这个圆是需要反复使用的,所以我们将需要右键存储选区。
PS鼠绘质感红色铅笔图标  

第八步
仍处于活动状态的矩形选框工具(就是那个蚂蚁线),拖动所选内容向右边缘"金属"图层。并增加一个垂直参考线,直到它对齐到所选内容的中心。
PS鼠绘质感红色铅笔图标  

第九步
选择矩形选框工具,然后在按住 Shift 键,同时做出选择,如下所示。然后按ctrl+shift+I做一个反向命令,将其多余的按Delete键删掉。
PS鼠绘质感红色铅笔图标  

第十步
复制金属图层,然后按crtl鼠标左键单击图层,载入金属的选区,然后向右移动3-4像素,按Delete删掉多余的,这样就会得出一个圆环!再把圆环复制一下,3个一组.
PS鼠绘质感红色铅笔图标  

第十一步
小圆环的图层样式参数如下:
PS鼠绘质感红色铅笔图标  

第十二步
复制"圆环"图层,并向右移动6个像素为单位。重复此步骤,再做一组。选择这3个图层,并将它们合并在一组,或者合并在一起都可以~!
PS鼠绘质感红色铅笔图标  

第十三步
复制"金属"图层,重命名为"橡皮擦"。移动"橡皮擦"图层约60像素。转至图像 > 调整 > 色相/饱和度 (ctrl+U)参数如下图。
PS鼠绘质感红色铅笔图标
第十四步
创建一个新图层并将其命名"笔尖"。使用多边形套索工具进行选择,如图所示。填充淡黄色橙色的所选内容。把图层移动到背景的上方。按ctrl+D取消选区~!
PS鼠绘质感红色铅笔图标
第十五步
将"笔身"图层复制一份。并命名为"笔尖渐变效果"。将此图层移动到"笔尖"的上方。按ctrl+T变换选区,然后设置的比例为下图所示。然后使用色相饱和度ctrl+U,色相设置为33、饱和度设置为53、 明度设置为37,着色记得勾选上,然后确定。
PS鼠绘质感红色铅笔图标  

第十六步
选择"笔尖渐变效果"这个图层,然后按ctrl+alt+G,做个剪切蒙版。
PS鼠绘质感红色铅笔图标
第十七步
选择"笔尖渐变效果"图层,按ctrl+T自由变换,效果如下:
PS鼠绘质感红色铅笔图标  

第十八步
把之前存储的圆形选区再一次拿出来使用,位置所示如下,然后从"笔身"和"颜色"的图层中删除所选的区域。
PS鼠绘质感红色铅笔图标  

第十九步
选择矩形选框工具,在笔尖的地方做一个选区,然后创建一个新图层并将其命名为"木"。使用白色填充图层,然后转到滤镜 > 渲染 > 纤维。对于滤镜的两个参数都使用10。crtl+T,旋转 90 度逆时针,并扩展它,如下所示。

PS鼠绘质感红色铅笔图标
第二十步
ctrl+T自由变换,如图所示。混合模式为柔和的灯光和不透明度设置为 60%。
PS鼠绘质感红色铅笔图标  

第二十一步
选择椭圆选框工具进行选择,如下所示。选择"木"的图层,按Delete删掉。选择"笔尖渐变效果"的图层,运用色相饱和度ctrl+U,然后设置为-100的饱和度。再运用命令ctrl+L,参数如下。这将使笔尖更加像铅的效果。
PS鼠绘质感红色铅笔图标
第二十二步
我们现在就快要完成了。按ctrl+alt+shift+E盖印图层命令,将会得到一个独立的铅笔图层。然后再复制2个,一个为黑影,一个为反射。(记得做之前要先隐藏背景图层,不然不是透明的)
PS鼠绘质感红色铅笔图标  

第二十三步
选择这三个图层,然后按ctrl+T自由变换,-30°。
PS鼠绘质感红色铅笔图标  

第二十四步
选择"反射"图层,滤镜 > 模糊 > 高斯模糊,半径为 3,将不透明度设置为60。选择的"影子"图层,然后转到滤镜 > 模糊 > 高斯模糊,半径为 7,将不透明度设置为 80。
PS鼠绘质感红色铅笔图标  

第二十五步
选择"反射"图层,添加图层蒙版,使用添加图层蒙版按钮,位于图层面板的底部。蒙版填充渐变工具,从黑色到白色。
PS鼠绘质感红色铅笔图标
第二十六步
选中"铅笔"图层,应用渐变叠加使用这些设置。
PS鼠绘质感红色铅笔图标
最终完成图
PS鼠绘质感红色铅笔图标

Statement
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
Photoshop's Value: Weighing the Cost Against Its FeaturesPhotoshop's Value: Weighing the Cost Against Its FeaturesApr 11, 2025 am 12:02 AM

Photoshop is worth the investment because it provides powerful features and a wide range of application scenarios. 1) Core functions include image editing, layer management, special effects production and color adjustment. 2) Suitable for professional designers and photographers, but amateurs may consider alternatives such as GIMP. 3) Subscribe to AdobeCreativeCloud can be used as needed to avoid high one-time spending.

The Core Purpose of Photoshop: Creative Image DesignThe Core Purpose of Photoshop: Creative Image DesignApr 10, 2025 am 09:29 AM

Photoshop’s core use in creative image design is its powerful functionality and flexibility. 1) It allows designers to transform creativity into visual reality through layers, masks and filters. 2) Basic usages include cropping, resizing and color correction. 3) Advanced usages such as layer styles, blend modes and smart objects can create complex effects. 4) Common mistakes include improper layer management and excessive use of filters, which can be solved by organizing layers and using filters reasonably. 5) Performance optimization and best practices include rational use of layers, regular saving of files, and using shortcut keys.

Photoshop for Web Design: Advanced Techniques for UI/UXPhotoshop for Web Design: Advanced Techniques for UI/UXApr 08, 2025 am 12:19 AM

Photoshop can be used in web design to create high-fidelity prototypes, design UI elements, and simulate user interactions. 1. Use layers, masks and smart objects for basic design. 2. Simulate user interaction through animation and timeline functions. 3. Use scripts to automate the design process and improve efficiency.

Newbie's article: Use the ps brush to add crack effects to the font (share)Newbie's article: Use the ps brush to add crack effects to the font (share)Apr 07, 2025 am 06:21 AM

In the previous article "Teaching you step by step to add printing effects to plate images using ps (Favorites)", I introduced a small trick to use ps to add printing effects to plate images using ps. The following article will introduce to you how to use the ps brush to add crack effects to the font. Let’s take a look at how to do it.

Photoshop Advanced Typography: Creating Stunning Text EffectsPhotoshop Advanced Typography: Creating Stunning Text EffectsApr 07, 2025 am 12:15 AM

In Photoshop, you can create text effects through layer styles and filters. 1. Create a new document and add text. 2. Apply layer styles such as shadows and outer glow. 3. Use filters such as wave effects and add bevel and relief effects. 4. Use masks to adjust the effect range and intensity to optimize the visual impact of the text effect.

How to cut picturesHow to cut picturesApr 06, 2025 pm 10:27 PM

Cutting is the process of removing the background part in the image and leaving the subject behind. Common cutout methods include: manual cutout: use image editing software to manually outline the edge of the subject. Automatic cutout: Use software to automatically identify the subject and separate it from the background. Use third-party cutout tools: use special tools to cut out images. Channel cutout: Use the channel of the image to segment and select channels with obvious differences from the subject color for operation.

How to get watermarks from PSHow to get watermarks from PSApr 06, 2025 pm 10:24 PM

You can use online tools, image editing software, video editing software, and watermark removal applications. Specific methods include: using online tools, using cloning stamp tools, copying stamp tools and repairing brush tools, using blur tools, cropping tools and content-aware fill tools, and using watermark removal applications. Make sure you have the right to do so before removing the watermark.

How to merge layers in psHow to merge layers in psApr 06, 2025 pm 10:21 PM

How to merge layers? You can merge layers by selecting the layer to merge in the Layers panel. Use Layers > Merge Layers in the menu bar or press Ctrl E (Windows) or Cmd E (Mac) to perform the merge operation. Creates elements that contain the original layer.

See all articles

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

Hot Tools

DVWA

DVWA

Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

MantisBT

MantisBT

Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.