Expression design 4-Chapter 5 teaches you how to use a self-built Starter Brush to make design effects within 5 minutes

Source: Internet
Author: User

This chapter will teach you how to use brushes and simple lines to make a sense of design in 5 minutes.

The final diagram of the examples in this chapter:

Start ~!

01

First, pull out four squares with a width and height of 10px on the screen.

For example, the four blocks are #000000, # a1a1a1, # 4d4d4d, and # d6d6d6 respectively from top to bottom.

Next, use the self-built brush method learned in the previous chapter to change the image into a brush.

02

Use line (shortcut key \) to pull out a line segment,

Set fill to none, and stroke to # ff0000

And the width of the self-built brush set to 10px.

The effect of applying a brush is as follows:

Use the same method to create another line segment and set stroke to #006d78

03

Then use the pen tool shortcut key (p) to make the two line segments feel stacked up and down

Between the online segment and line segment, add several nodes such as the sample image

04

Use scissors (shortcut C) to remove the line segments between nodes, and pull the separated line segments to the appropriate seats.

This looks like the overlap of the two lines in this area. The green line is above.

05

Let's add a shadow effect.

Drag a square with the width and height equal to 10px and opacity60 %

Fill uses gradient layer effects: (from bottom to bottom)

1. Color Order position 0%, #000000, stop Alpha 100%

2. Color Order position 51%, #585858, stop Alpha 61%

3. Color Order position 100%, # ffffff, stop Alpha 0%

Multiple vertex workers are placed on the intersection, such

Is this more effective?

In the same way, place a shadow effect on multiple meeting points ~!

Attached example:

If you can use design, it will bring you twice the result with half the effort!

This is the teaching of this article.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.