search
HomeWeb Front-endPS TutorialPhotoshop设计制作时尚的矢量插画

Photoshop设计制作时尚的矢量插画

Jun 01, 2016 pm 02:32 PM
illustrationVector

在这个教程中,我将设计一个时尚的矢量插画,先在AI中绘制出来然后拖入PS中作为智能对象。我也将解释怎样来创建和应用纹理到我们绘制的角色上。
Photoshop设计制作时尚的矢量插画
作为智能对象导入的意识是你能在PS中增加特效,而不会改变原本的文件,如果你返回AI中,你还可以改变图形的外观,而PS中的图片也会随之自动改变。这是一种省时又省力的工作方式,我非常喜欢。
Photoshop设计制作时尚的矢量插画
01 首先呢,绘制你的想法。在这步我时常找些意象的图片,来定位情感基调和色彩搭配。你需要怎样感觉的插画,那么找些这样感觉的图片吧。这里,我用了我朋友拍的照片。它有着不错的色彩和外形,并且这图片很容易给我带来一些灵感。
Photoshop设计制作时尚的矢量插画
02 当你有灵感了,将这些颜色提取出来放在色版上。把图片直接拖入AI,用吸管工具提取一些主要颜色搭配,然后新建一个色版保存。
Photoshop设计制作时尚的矢量插画
03 你可以开始在AI中绘制你的图形了,我用wacom将剪影绘制出来,铅笔工具为0.75pt的描边。
Photoshop设计制作时尚的矢量插画
04 你可以用我们给你提供的文件(AmyMartino_FashionIllustration.ai)中的一些剪影元素。我给她绘制了一些内衣裤所以她不会觉得那么不好意思(xD)。如图设置一下铅笔工具选项。
Photoshop设计制作时尚的矢量插画


05 在AI中,绘制两条曲线来做混合效果(混合工具)。记得要去对象的下拉菜单中找到混合选项,然后设置步骤数。数值越高越好,或者按照你电脑配置来衡量,不过至少要200步,才会出现你想要的效果。拥有良好效果的关键是在你的混合中插入深色和浅色来让你的混合图形出现渐变的效果。
Photoshop设计制作时尚的矢量插画
06 当你对插画比较满意了,你就可以复制然后粘贴到PS中了。在弹出的对话空中选择,作为智能对象导入。
Photoshop设计制作时尚的矢量插画
07 现在应该给你的插画加入特效了。在图层面板中,点选最下方FX按钮。加入一个颜色叠加(黄色正片叠底 19%),渐变叠加(彩虹色叠加 18),内投影(正片叠底 16%)。这样我们的插画就有层次感了。你个试着调整一些数值知道你觉得满意为止。
Photoshop设计制作时尚的矢量插画
08 下面,选择一种背景色。我将整个插画的样式作为叠加于背景画布上面。
Photoshop设计制作时尚的矢量插画
09 现在使用纹理来让你的插画更加个性。在资源文件中有两个文件可以使用,一个叫AmyMartino_GrainTexture.jpg和另外一种扫描水彩画的素材文件AmyMartino_Watercolors.jpg。
Photoshop设计制作时尚的矢量插画
10 这里,我们将了解到智能对象的工作方式。在图层面板,双击插画的智能对象图层。他会自动的打开一个ai里面是能够修改的矢量文件。让我来说明下这个教程的目的:如果你决定增加更多的细节,比如圆圈或者别的什么。你只需要在这里加上然后点击保存就OK了。
Photoshop设计制作时尚的矢量插画
11 当你已经保存了插画,回到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
Using Photoshop for Graphic Design: Branding and MoreUsing Photoshop for Graphic Design: Branding and MoreApr 16, 2025 am 12:02 AM

The steps to using Photoshop for brand design include: 1. Use the Pen tool to draw basic shapes, 2. Add shadows and highlights through layer styles, 3. Adjust colors and details, 4. Use smart objects and actions to automatically generate different versions of the design. Photoshop helps designers create and optimize brand elements with the flexibility of layers and masks, ensuring consistency and professionalism of designs, from simple logos to complex branding guides.

Photoshop's Subscription Model: What You Get for Your MoneyPhotoshop's Subscription Model: What You Get for Your MoneyApr 15, 2025 am 12:17 AM

Photoshop's subscription model is worth buying. 1) Users can access the latest version and use across devices at any time. 2) The subscription fee is low, and continuous updates and technical support are provided. 3) Advanced functions such as neural filters can be used for complex image processing. Despite the high long-term costs, its convenience and feature updates are valuable to professional users.

Photoshop: Investigating Free Trials and Discount OptionsPhotoshop: Investigating Free Trials and Discount OptionsApr 14, 2025 am 12:06 AM

You can get the access to Photoshop in the most economical way: 1. Experience the software features with a 7-day free trial; 2. Find student or teacher discounts, as well as seasonal promotions; 3. Use coupons on third-party websites; 4. Subscribe to Adobe CreativeCloud's monthly or annual plan.

Photoshop for Designers: Creating Visual ConceptsPhotoshop for Designers: Creating Visual ConceptsApr 13, 2025 am 12:09 AM

Creating visual concepts in Photoshop can be achieved through the following steps: 1. Create a new document, 2. Add a background layer, 3. Use the brush tool to draw basic shapes, 4. Adjust colors and brightness, 5. Add text and graphics, 6. Use masks for local editing, 7. Apply filter effects, these steps help designers build a complete visual work from scratch.

Is Photoshop Free? Understanding Subscription PlansIs Photoshop Free? Understanding Subscription PlansApr 12, 2025 am 12:11 AM

Photoshop is not free, but there are several ways to use it at low cost or free: 1. The free trial period is 7 days, and you can experience all functions during this period; 2. Student and teacher discounts can cut costs by half, and school proof is required; 3. The CreativeCloud package is suitable for professional users and includes a variety of Adobe tools; 4. PhotoshopElements and Lightroom are low-cost alternatives, with fewer functions but lower prices.

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.

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)
4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Chat Commands and How to Use Them
4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌

Hot Tools

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Integrate Eclipse with SAP NetWeaver application server.

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

EditPlus Chinese cracked version

EditPlus Chinese cracked version

Small size, syntax highlighting, does not support code prompt function

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.