Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Filling the edge with a custom gradient

From: Designs dekeConstructed: Animating a Mind-Bending Illusion

Video: Filling the edge with a custom gradient

In this movie,

Filling the edge with a custom gradient

In this movie, we're going to fill this first edge of the triangle with a custom gradient. So, the first thing I want you to do, is press the V key in order to switch to the Black Arrow tool, up here at the top of the tool box. And then click on that edge in order to select the entire thing, including all six of its anchor points. Then go up here to the second swatch in the control panel, click on it, and change it to None in order to get rid of the stroke. Now, you want to go up to the Window menu and choose the Gradient command in order to bring up the Gradient panel.

And if all you see is a gradient slider like so, then go ahead and click on this double arrow icon a couple of times in order to expand the panel. Then, make sure the fill is selected in the top left-hand corner of the gradient panel, and click on the gradient slider in order to fill that shape with a gradient. Now, this doesn't happen to actually be the gradient I'm looking for, but we need the default gradient in order to get started. So now I'll go ahead and scroll down, using the scroll wheel on my mouse, and I'll double click on this black slider triangle in order to bring up this color panel, make sure that the first icon, color, is selected.

And then click on the fly out menu icon in the upper right corner of this pop-up panel and choose RGB Color. And then, assuming you want to get the same results as me, dial in 50 for the red value, 60 for the green value, and 70 for the blue value in order to create a dull blue, like so. Now, go ahead and double-click on the white color stop. The very first one. Switch it to RGB as well. And this time around we want to dial in a very dark color. So set the red value to 0, set the green value to 10, and then take the blue value down to 20, in order to achieve this effect here.

Alright, now I want to add a little bit of a highlight, and I'll do that by Alt or Option dragging this right-hand color stop to about this location right there. And because you have the Alt or Option key down, you'll create a copy of that color stop. Next, go ahead and change the location value at the bottom of the panel to 75%. And then double click on that color stop to once again bring up the RGB sliders. And this time we just want to add 100 to each one of these values. So set the red value to 150.

The green value to 160, and the blue value to 170 in order to achieve this effect. Then, you can press the Enter key or the Return key on a Mac in order to apply that change. Now, we need to modify the direction and the length of the gradient. And you can do that using the Gradient tool which you can also get by pressing the G key. Then, go ahead and drag from this top anchor point, down, along the edges of the hexagons, like so, until you exceed the edges a little bit, so that you're roughly perpendicular from this final anchor point, and that should happen at about this location right there.

So just go ahead to try to match what you see inside the video. And then release to create that gradient. And just to confirm that we're getting the same results, go to this angle value here inside the gradient panel and change it to negative 60 degrees. And then, you can press the Enter key or the Return key on a Mac to accept that change and then press the V key to switch to the Black Arrow tool. And now I'll go ahead and center my zoom once again by pressing Ctrl+0 or Cmd+0 on a Mac. And that's how you assign the custom gradient that we'll be using throughout our impossible triangle here inside Illustrator.

Show transcript

This video is part of

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ .

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Designs dekeConstructed: Animating a Mind-Bending Illusion.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member ?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferences from the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.