Home Web Front-end PS Tutorial Photoshop绘制逼真的蓝色运动鞋鞋带教程

Photoshop绘制逼真的蓝色运动鞋鞋带教程

Jun 01, 2016 pm 02:31 PM
White blue

今天给大家带了一篇非常有特色的教程——利用Photoshop创建逼真的鞋带。 今天给大家带了一篇非常有特色的教程——利用Photoshop创建逼真的鞋带。通过本教程你不仅可以掌握利用路径描边的方法,还能学习到图片的后期处理技巧。好了,我们开始吧。
先看看效果图
Photoshop绘制逼真的蓝色运动鞋鞋带教程
第1步:
新建画布,我选择的尺寸为1100×600px,你可以根据自己的情况来定义尺寸。
Photoshop绘制逼真的蓝色运动鞋鞋带教程
第2步:
建立一些参考线。我认为这样很有用,当然你可以根据自己的习惯选择是否使用参考线。使用钢笔工具创建如下的形状图层,颜色选择#34526d。将形状复制一层,Ctrl+T,点击右键垂直翻转。
Photoshop绘制逼真的蓝色运动鞋鞋带教程
第3步:
在下方新建一层,填充颜色#534741。
第4步:
在Photoshop中打开素材中的粗布纹理,选择菜单编辑>定义图案。
Photoshop绘制逼真的蓝色运动鞋鞋带教程
第5步:
双击第3步建立的图层,打开图层样式窗口,为图层添加图案叠加样式。将混合模式设置为明度。
Photoshop绘制逼真的蓝色运动鞋鞋带教程
第6步:
将蓝色鞋面复制一层,在图层上点击右键选择栅格化。按住Ctrl键点击图层缩略图建立选区,将图层填充为黑色。然后执行滤镜>模糊>高斯模糊,参数设置如下。将此图层命名为蓝色鞋面-阴影,将其拖动到蓝色鞋面图层下方。
Photoshop绘制逼真的蓝色运动鞋鞋带教程
用同样方法为下面的鞋面创建阴影图层或将上面的阴影图层复制一层,垂直翻转后移动到合适位置即可。
Photoshop绘制逼真的蓝色运动鞋鞋带教程
第7步:
利用钢笔工具创建比蓝色鞋面略大的形状,颜色选择#ff9600,然后将其栅格化。
Photoshop绘制逼真的蓝色运动鞋鞋带教程
按住Ctrl键点击蓝色鞋面图层缩略图,在新创建的图层中删掉选区内容。这样我们就创建出一条与鞋面形状相同的边线。
Photoshop绘制逼真的蓝色运动鞋鞋带教程
Photoshop绘制逼真的蓝色运动鞋鞋带教程
第8步:
双击黄色线条图层,打开图层样式窗口,为其添加投影。
Photoshop绘制逼真的蓝色运动鞋鞋带教程
然后添加斜面和浮雕样式。
Photoshop绘制逼真的蓝色运动鞋鞋带教程
再添加图案叠加图层样式,此处图案为“厚织物”。混合模式设置为颜色减淡。
Photoshop绘制逼真的蓝色运动鞋鞋带教程
第9步:
为蓝色鞋面添加纹理,双击图层打开图层样式窗口,选择图案叠加,为其添加我们自定义的纹理图案。
Photoshop绘制逼真的蓝色运动鞋鞋带教程
第10步:
接下来我们来创建用于穿鞋带的孔洞。选择自定义形状工具,在其中找到圆环,在合适位置绘制。
Photoshop绘制逼真的蓝色运动鞋鞋带教程
第11步:
为圆环添加投影样式。
Photoshop绘制逼真的蓝色运动鞋鞋带教程
然后添加斜面和浮雕样式(注意此处光泽等高线的选择):
Photoshop绘制逼真的蓝色运动鞋鞋带教程
为斜面和浮雕添加等高线:
Photoshop绘制逼真的蓝色运动鞋鞋带教程
接下来添加描边样式:
Photoshop绘制逼真的蓝色运动鞋鞋带教程
第12步:
按住Alt键拖动圆环,复制出多个圆环。选择移动工具,点击工具栏上的水平居中分布,使圆环排列整齐。然后将七个圆环图层选中,复制到下方。将所有圆环选中Ctrl+G建立组,命名为孔洞。
Photoshop绘制逼真的蓝色运动鞋鞋带教程
第13步:
用椭圆工具在圆环下方新建一个黑色的圆形图层,作为圆环穿透鞋面后的阴影,为图层添加图案叠加样式。
Photoshop绘制逼真的蓝色运动鞋鞋带教程
第14步:
下载并安装针脚画笔。选择合适的形状后设置画笔参数如下:
Photoshop绘制逼真的蓝色运动鞋鞋带教程
第15步:
新建一个图层,将前景色设置为#4e9bdf。用钢笔工具在鞋面内侧创建一条路径,在路径上点击右键,选择描边路径,工具选择画笔(画笔大小在上一步根据自己的喜好设置)。
Photoshop绘制逼真的蓝色运动鞋鞋带教程
Photoshop绘制逼真的蓝色运动鞋鞋带教程
利用相同的方法创建出其他针脚,结果如下图。
Photoshop绘制逼真的蓝色运动鞋鞋带教程
第16步:
为针脚图层添加斜面和浮雕样式。
Photoshop绘制逼真的蓝色运动鞋鞋带教程
第17步:
新建一层,选择圆形画笔,画笔硬度设为100%,大小与圆环大小相似,颜色为白色。在一个圆环中心使用画笔点击,按住Shift键在下方对应的圆环上点击,即可创建出一条直线。利用这种方法创建出所有的鞋带。
Photoshop绘制逼真的蓝色运动鞋鞋带教程
第18步:
为鞋带添加投影。
Photoshop绘制逼真的蓝色运动鞋鞋带教程
接下来添加纹理(此处图案为粗麻布):
Photoshop绘制逼真的蓝色运动鞋鞋带教程
将图层样式复制粘贴到所有鞋带图层。
Photoshop绘制逼真的蓝色运动鞋鞋带教程
第19步:
接下来利用钢笔工具创建鞋面右侧的白色橡胶。
Photoshop绘制逼真的蓝色运动鞋鞋带教程
为白色橡胶添加斜面和浮雕图层样式:
Photoshop绘制逼真的蓝色运动鞋鞋带教程
然后添加描边样式:
Photoshop绘制逼真的蓝色运动鞋鞋带教程
再添加投影样式:
Photoshop绘制逼真的蓝色运动鞋鞋带教程
此时整个鞋面就创建好了。来张预览图:
Photoshop绘制逼真的蓝色运动鞋鞋带教程
第20步:
最后下载脏抹布纹理、裂纹和污渍。调整其混合模式,利用图层蒙版便可作出最终效果。
Photoshop绘制逼真的蓝色运动鞋鞋带教程

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)

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

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

See all articles