1

00:00:00.04 --> 00:00:01.08

- [Voiceover] In this

movie, I'll demonstrate



2

00:00:01.08 --> 00:00:04.02

how to work with the Zig Zag filter,



3

00:00:04.02 --> 00:00:06.04

and you may recall we first saw Zig Zag



4

00:00:06.04 --> 00:00:09.03

when I was showing you how to

add a kind of grassy effect



5

00:00:09.03 --> 00:00:12.03

to the Angry Bird graphic

back in chapter 23,



6

00:00:12.03 --> 00:00:14.02

and we ended up going with Roughen,



7

00:00:14.02 --> 00:00:17.03

but we saw Zig Zag on the

way, and so this time around



8

00:00:17.03 --> 00:00:19.07

we're gonna use it to

spike the flower petals



9

00:00:19.07 --> 00:00:22.05

in order to create this

kind of Origami effect,



10

00:00:22.05 --> 00:00:24.02

and I just love this part of the project.



11

00:00:24.02 --> 00:00:25.04

I think you will too.



12

00:00:25.04 --> 00:00:27.01

All right, so the first thing I'm gonna do



13

00:00:27.01 --> 00:00:29.05

is click out here in the petals



14

00:00:29.05 --> 00:00:32.06

in order to select the

rear of the two circle,



15

00:00:32.06 --> 00:00:33.09

and you can tell it's the rear one



16

00:00:33.09 --> 00:00:36.05

because it has a total

of eight anchor points,



17

00:00:36.05 --> 00:00:38.07

you might be able to just

barely make that out,



18

00:00:38.07 --> 00:00:41.07

and it has a ton of fills here

inside the Appearance panel,



19

00:00:41.07 --> 00:00:43.07

so make sure the Path is selected



20

00:00:43.07 --> 00:00:45.08

and you can go ahead and twirl close



21

00:00:45.08 --> 00:00:47.08

any fills that are open by the way,



22

00:00:47.08 --> 00:00:49.07

and then go up to the Effect menu,



23

00:00:49.07 --> 00:00:53.05

choose Distort & Transform,

and choose Zig Zag,



24

00:00:53.05 --> 00:00:56.02

and then you can go ahead and

turn on the Preview checkbox



25

00:00:56.02 --> 00:00:59.07

in order to see just the

absolute wonderful mess



26

00:00:59.07 --> 00:01:02.00

that it makes of this graphic.



27

00:01:02.00 --> 00:01:05.04

Now you can select from either

Corner or Smooth by the way,



28

00:01:05.04 --> 00:01:07.04

and if you go with Smooth,

you're gonna create



29

00:01:07.04 --> 00:01:09.05

virtual smooth points on the fly,



30

00:01:09.05 --> 00:01:10.09

whereas if you go with Corner,



31

00:01:10.09 --> 00:01:12.07

you're gonna get nothing but corner points



32

00:01:12.07 --> 00:01:14.08

connected by straight segments.



33

00:01:14.08 --> 00:01:17.05

All right now, I'm gonna

click on the size value here,



34

00:01:17.05 --> 00:01:19.05

and I'm gonna press the down arrow key



35

00:01:19.05 --> 00:01:21.09

in order to reduce the

size, and you can see



36

00:01:21.09 --> 00:01:25.06

that just small modifications

make big differences



37

00:01:25.06 --> 00:01:27.06

where this effect is concerned,



38

00:01:27.06 --> 00:01:30.04

and in the end I took the

size value down to 2 pt,



39

00:01:30.04 --> 00:01:33.01

and by the way notice

that Absolute is selected.



40

00:01:33.01 --> 00:01:36.00

If you select Relative instead,

then the value's gonna be



41

00:01:36.00 --> 00:01:39.06

measured as a percent

of the existing segments



42

00:01:39.06 --> 00:01:41.09

inside the shape, but I want Absolute



43

00:01:41.09 --> 00:01:44.00

so again I'll go ahead

and switch back to it,



44

00:01:44.00 --> 00:01:46.07

and then you can also

determine how many ridges



45

00:01:46.07 --> 00:01:50.03

per segment you have, and

in this case I'm taking



46

00:01:50.03 --> 00:01:53.05

the number of ridges down

as you might be able to see



47

00:01:53.05 --> 00:01:55.01

and at one we get this more or less



48

00:01:55.01 --> 00:01:58.00

continuous effect right here,

which is very interesting



49

00:01:58.00 --> 00:02:00.01

but not really what I

want, so I'll go ahead



50

00:02:00.01 --> 00:02:04.03

and take that value back

up until I get to five,



51

00:02:04.03 --> 00:02:07.06

and you can see just again

very small modifications



52

00:02:07.06 --> 00:02:10.05

make huge differences in the final effects



53

00:02:10.05 --> 00:02:12.04

so definitely play around with this one,



54

00:02:12.04 --> 00:02:16.08

but again I landed on a value

of five ridges per segment



55

00:02:16.08 --> 00:02:20.00

at which point I'll click

OK to accept that change,



56

00:02:20.00 --> 00:02:21.09

and by the way you wanna make sure Zig Zag



57

00:02:21.09 --> 00:02:24.01

is applied after Pucker & Bloat,



58

00:02:24.01 --> 00:02:26.05

so again can't emphasize this enough,



59

00:02:26.05 --> 00:02:28.09

we're seeing the effects from the top-down



60

00:02:28.09 --> 00:02:32.00

in terms of their order so

Transform is applied first,



61

00:02:32.00 --> 00:02:34.01

then Pucker & Bloat, and then Zig Zag.



62

00:02:34.01 --> 00:02:36.06

If you were to move Zig

Zag above Pucker & Bloat,



63

00:02:36.06 --> 00:02:39.07

you would get this very

different effect right here,



64

00:02:39.07 --> 00:02:42.07

which is still amazing

but not what I want,



65

00:02:42.07 --> 00:02:44.01

so I'll just go ahead and press Ctrl + Z,



66

00:02:44.01 --> 00:02:47.02

or Cmd + Z on the Mac,

to undo that change.



67

00:02:47.02 --> 00:02:48.03

All right, now what we wanna do



68

00:02:48.03 --> 00:02:50.06

is modify the Pucker & Bloat effect



69

00:02:50.06 --> 00:02:52.07

by clicking on the words Pucker & Bloat



70

00:02:52.07 --> 00:02:54.02

here inside the Appearance panel



71

00:02:54.02 --> 00:02:56.08

and then of course turn

on the Preview checkbox



72

00:02:56.08 --> 00:02:59.00

and click inside that value there



73

00:02:59.00 --> 00:03:01.07

and press the down arrow

key, and you'll see



74

00:03:01.07 --> 00:03:04.04

that the effect is beginning

to more or less merge



75

00:03:04.04 --> 00:03:08.02

at about 20% right there, but I decided



76

00:03:08.02 --> 00:03:12.02

to keep reducing that

value, and at about 12%



77

00:03:12.02 --> 00:03:14.06

it struck me that it looked

like an Origami effect



78

00:03:14.06 --> 00:03:16.09

because we have these

little bits of folded paper.



79

00:03:16.09 --> 00:03:19.01

The problem is, every

other one of these guys



80

00:03:19.01 --> 00:03:22.03

has the wrong color inside of

it, and that's just a function



81

00:03:22.03 --> 00:03:25.01

of how the effect is put

together, and so I went ahead



82

00:03:25.01 --> 00:03:27.04

and took that value down even further



83

00:03:27.04 --> 00:03:30.02

to finally 8%, although you can



84

00:03:30.02 --> 00:03:31.09

definitely go further if you want to.



85

00:03:31.09 --> 00:03:35.06

You can even go into Pucker

territory if you want



86

00:03:35.06 --> 00:03:38.02

and notice how well just a moment ago



87

00:03:38.02 --> 00:03:40.01

things aligned with each other



88

00:03:40.01 --> 00:03:43.03

when the value was set to just 0%.



89

00:03:43.03 --> 00:03:45.06

We end up getting this perfect Zig Zag.



90

00:03:45.06 --> 00:03:47.00

Not what I want though so I'll go ahead



91

00:03:47.00 --> 00:03:49.02

and take it up to 8% once again,



92

00:03:49.02 --> 00:03:53.05

and then I'll click OK in

order to accept that change.



93

00:03:53.05 --> 00:03:55.01

All right, now I'll press

Control + Shift + A,



94

00:03:55.01 --> 00:03:56.03

or Cmd + Shift + A on the Mac,



95

00:03:56.03 --> 00:03:58.01

in order to deselect my artwork,



96

00:03:58.01 --> 00:04:00.06

and that is how you create

a kind of folded paper



97

00:04:00.06 --> 00:04:03.08

Origami effect using the Zig Zag filter



98

00:04:03.08 --> 00:04:08.00

combined with Pucker & Bloat

here inside Illustrator.