0 Yuan Expression Design 4-chapter 5 teaches you how to make a design sensation in 5 minutes with a homemade brush

Source: Internet
Author: User

Original: 0 yuan Expression Design 4-chapter 5 teaches you how to make a design sensation in 5 minutes with a homemade brush

This chapter will teach you how to use a brush and a simple line, as long as 5 minutes, you can make a design effect

?

This chapter will teach you how to use a brush and a simple line, as long as 5 minutes, you can make a design effect

?

?

The final diagram of the example in this chapter:

?

?

Let's get started!

?

01

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

?

For example, four blocks from top to bottom colors are #000000, #A1A1A1, #4D4D4D, #D6D6D6

?

Then use the self-made brush method learned in the previous chapter to turn the graphic into a brush

?

02

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

?

Set fill to none no fill color, stroke to #ff0000

?

And a freshly made brush, width set to 10px

The effect of the brush applied as

?

Using the same method, make another line segment and set the stroke to #006d78

?

03

Then use the Pen tool shortcut key (P) to make the two segments have a feeling of overlapping between the upper and lower lines.

?

Add a number of nodes, such as sample pictures, between the line segment and the segment

?

04

Use scissors (shortcut C) to subtract the segments between nodes and pull the separated segments to the appropriate seats

?

It would look like the overlap of two lines in this area, the Green Line.

?

05

Let's add a little shadow effect.

Drag out a square, the width is 10px, opacity60%

Fill uses the gradient effect: (from bottom to top, respectively)

1. Color scale position 0%, #000000, Stop Alpha 100%

2. Color scale position 51%, #585858, Stop Alpha 61%

3. Color scale position 100%, #FFFFFF, Stop Alpha 0%

?

Copy multiple, placed on the intersection, as

?

Is this more effective?

In the same way, in a number of rendezvous points are put on the Shadow effect bar ~!

?

?

Attached Sample project:

?

If you can use design, you will have a more effective Silverlight design work with a multiplier effect Oh!

?

?

?

This is the teaching of this article.

?

?

?

(if there is any mistake, please predecessors or friends can feel free, the young woman will be open-minded to accept; If you like my teaching, please give me some encouragement, thank you. )

Step-by-step towards the path of HIE

Like my article please push me or give me a response, your encouragement will give me unlimited motivation!

If you have other questions or special needs, please leave a message in the article response, I will reply you as soon as possible

0 Yuan Expression Design 4-chapter 5 teaches you how to make a design sensation in 5 minutes with a homemade brush

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.