julianna kunstler logo
FINAL -2

Adv. Computer Graphics
Instagram icon

by JuliannaKunstler.com

Exit ticket. Final project for Advanced Computer Graphics.  Adobe Photoshop and Illustrator. Includes tips and steps.

Before you start working on this project - complete all previous assignments . You will need them to use as part of this project. Especially the vector images that you created.

Exit ticket is a showcase of what you've done in this class.

Go through your Photoshop assignments. Pick your favorite or favorites.

You can combine them into one file if you want to.

Follow the steps and tips below.

GALLERY

exit ticket example

STEPS

Open a new file in Adobe Illustrator.

Document size: 8" x 5"

Rectangle 7" x 3.5"

exit ticket in Illustrator

Circle D=0.75"

Turn on Smart Guides (View > Smart Guides)

Center the circle with the rectangle corner.

exit ticket in Illustrator

Duplicate the circles.

Select all shapes.

exit ticket in Illustrator

Cut out the corners by using Pathfinder.

exit ticket in Illustrator

Insert a rectangle with rounded corners.

exit ticket in Illustrator

Align the shapes

Set "Align To" option to "artboard".

Select background. Align horizontal and vertical. It will place it in the center of the artboard.

Select the second rectangle. Position it as shown. Then align vertical.

Move Background shape to a separate layer. Lock it for now.

Back to your main layer.

exit ticket in Illustrator

Open the folder where you keep your files for this class.

Drag your Photoshop (or JPG) file onto the artboard.

Resize the image.

This image is now linked to your original file. If you do any changes to the original file - it will be reflected here.

If you remove the original file from the folder (or rename it) - it will not show here (the link would be broken).

But!!!!

The Illustrator file is smaller this way.

exit ticket in Illustrator

With the image selected:

Object > Arrange > Send Backward

That will place it behind the rectangle.

exit ticket in Illustrator

You are going to use the rectangle as a clipping object.

But first: Copy the rectangle.

Now select both - the image and the rectangle.

Object > Clipping Mask > Make

exit ticket in Illustrator

This will hide the parts of the image that are outside the clipping rectangle.

Rectangle's appearance qualities as a shape (stroke and fill color) are gone now.

That's why we copied the rectangle before we applied the clipping mask action.

exit ticket in Illustrator

Edit > Paste in Front (Command/Ctrl F)

Set fill to "no fill"

Set stroke to a thicker one.

exit ticket in Illustrator

You can select the image and move it and resize.

Use Direct Selection tool to click on it.

Position it to your liking. Direct Selection tool allows you to edit just the image (or just the clipping object) without moving or resizing the whole group.

exit ticket Final

Now the fun part.

Unlock the background layer.

Pick a color for fill and stroke. Decide on stroke weight.

Stroke weight and color should be consistent for background and rectangle border.

exit ticket Final

Start adding your vector images to the artboard.

Place them as you like.

Have some of them in front of the image....

exit ticket Final

And some of them can be behind the image.

Use Object > Arrange > .... commands to place your images in the order you want.

Have some of vector images go off the ticket background.

Next step will be to crop them to fit inside the outline.

exit ticket Final

Copy background shape.

Lock background layer.

Select everything on your main layer.

Edit > Paste in Front (Command/Ctrl F)

exit ticket Final

Select everything in this layer.

exit ticket Final

Object > Clipping Mask > Make

Lock the layer.

exit ticket Final

Add a blank layer for the text.

exit ticket Final

Add the words: EXIT TICKET

and

write your name.

Experiment with fonts and colors.

exit ticket Final

Unlock the background shape and select it.

Apply a Drop Shadow effect to it.

Effect > Stylize > Drop Shadow

Check Preview button.

Experiment with the settings.

Save.

File > Save for Web

Save it as PNG or JPG file.

Email it to me.

Congratulations !

You are done!.

...