Finley Road Post Card Designs



Animated Gif

Open Photoshop

Screen Shot 2016-09-07 at 9.14.26 AM.png

Go to File – Scripts – Load Files into Stack

Screen Shot 2016-09-07 at 9.14.33 AM.png

In the Load Layers Panel Click on Browse

Screen Shot 2016-09-07 at 9.14.42 AM.png

Screen Shot 2016-09-07 at 9.14.48 AM.png

Navigate in your computer to all your photos you would like to be in the slide show.

Screen Shot 2016-09-07 at 9.14.57 AM.png

Holding Shift select all the photos.

Screen Shot 2016-09-07 at 9.15.12 AM.png

Click Open

Screen Shot 2016-09-07 at 9.15.21 AM.png

Your layer palette should look like this.

Screen Shot 2016-09-07 at 9.17.25 AM.png

Label all the photos with your text

Screen Shot 2016-09-07 at 9.24.08 AM.png

Go to Window – Timeline

Screen Shot 2016-09-07 at 9.17.32 AM.png

Once it is open you will see a button click the little arrow on the right for the drop down menu.

Screen Shot 2016-09-07 at 9.17.59 AM.png

Choose Create Frame Animation and Click on the Create Frame Animation button.

Screen Shot 2016-09-07 at 9.18.04 AM.png

Your timeline should look like this.

Screen Shot 2016-09-07 at 9.18.17 AM.png

Click on the timeline fly out menu on the top right.

Screen Shot 2016-09-07 at 9.18.34 AM.png

Choose Make Frames from Layers

Screen Shot 2016-09-07 at 9.18.25 AM.png

Your timeline should look like this.

Screen Shot 2016-09-07 at 9.18.38 AM.png

Change the display time from 0 sec’s to 5.o sec. for each frame

Screen Shot 2016-09-07 at 9.18.55 AM.png

Your timeline should look like this.

Screen Shot 2016-09-07 at 9.24.18 AM.png

Change the loop from Once to Forever.

Screen Shot 2016-09-07 at 9.24.27 AM.png

Save your file as a photoshop document just in case you need to edit it again.

Screen Shot 2016-09-07 at 9.24.41 AM.png

Screen Shot 2016-09-07 at 9.24.59 AM.png


Now save your file as a GIF by going to Export  – Save for WebScreen Shot 2016-09-07 at 9.26.11 AM.png

Make sure your settings are set to a GIF

Screen Shot 2016-09-07 at 9.26.19 AM.pngScreen Shot 2016-09-07 at 9.26.25 AM.png

Click Save

Screen Shot 2016-09-07 at 9.26.31 AM.png


When finished turn in your assignment in canvas with a paragraph in the comments section about what you learned in this project.


Final Presentation

Color Theory / Image Trace

You need to know the following Color Theory Terms.

  1. color-theory-for-designers.jpg
  2. ccdzn-color-theory-wallpaper2560.pngKuler – s a free web application that can help e-commerce site designers select beautiful and communicative color palettes.
  1. Color Theory – color theoryis a body of practical guidance to color mixing and the visual effects of a specific color combination
  1. RGB – (red, green, and blue) refers to a system for representing the colors to be used on a computer display
  1. CMYK – color model (process color, four color) is a subtractive color model, used in color printing, and is also used to describe the printing process itself. CMYKrefers to the four inks used in some color printing: cyan, magenta, yellow, and key (black).
  1. Subtractive – model explains the mixing of a limited set of dyes, inks, paint pigments or natural colorants to create a wider range ofcolors, each the result of partially or completely subtracting (that is, absorbing) some wavelengths of light and not others.
  1. Additive Color- is colorcreated by mixing light of two or more differentcolors. Red, green, and blue are the additive primary colors normally used in additive color
  1. Primary Colors- any of a group of colors from which all other colors can be obtained by mixing.
  1. Secondary Colors- a color resulting from the mixing of two primary colors.
  1. Tertiary – are the resulting colorformed when an equal amount of a primary and a secondary color are mixed
  1. Complimentary – colors directly opposite each other in the color spectrum, such as red and green or blue and orange, that when combined in the right proportions, produce white light.
  1. Monochromatic – are all the colors(tints, tones, and shades) of a single hue
  1. Vector Graphics – is the use of geometrical primitives such as points, lines, curves, and shapes or polygons—all of which are based on mathematical expressions—to represent images in computer graphics
  1. Raster Graphics – are digital images created or captured (for example, by scanning in a photo) as a set of samples of a given space
  1. Image Trace – Convert bitmap images(for example, photos or scanned designs) into vector artwork that you can modify and use in Adobe Illustrator
  1. Live Paint Bucket – feature allows the artist to flow paintinto areas created by the intersection of shapes and paths
  1. Color Guide – panel is a useful way to create color variations in your artwork


We are going to apply some of these terms to a coloring page. Go to the internet and find an adult coloring book page. Save the image to your desktop.


Go to File New in Illustrator – Create a letter size – portrait document

Go to File – Place

Screen Shot 2016-04-27 at 9.08.52 AM.png

Screen Shot 2016-04-27 at 9.09.00 AM.png

With the image selected

Choose the button for Image Trace

Screen Shot 2016-04-27 at 9.09.06 AM.png

Then open the image trace panelScreen Shot 2016-04-27 at 9.09.22 AM.png

It can be found next to the View Tracing Result button

Screen Shot 2016-04-27 at 9.09.17 AM.png

It should open a panel that looks like this.

Screen Shot 2016-04-27 at 9.09.30 AM.png

Everyones settings will be different depending on the look you are going for and what image you choose. Mess with the settings until you get the look you are going for. To raise the level of black outline raise the Threshold level.

Screen Shot 2016-04-27 at 9.11.02 AM.png

When finished click Expand

Screen Shot 2016-04-27 at 9.11.12 AM.png

Screen Shot 2016-04-27 at 9.11.18 AM.png

You have now very quickly made a vector image.

Using the live paint bucket tool Screen Shot 2016-04-27 at 9.11.31 AM.png  Screen Shot 2016-04-27 at 9.11.53 AM.png

You will color the vector image. In your fill color Screen Shot 2016-04-27 at 9.45.41 AM.pngchoose your favorite color

In your Color Guide Panel – that can be found under Window – Color Guide

Screen Shot 2016-04-27 at 9.12.38 AM.png

Choose a monochromatic color scheme.

When you move the live paint bucket over your image traced image it will give you this notice “Click to make a Live Paint Group”

Screen Shot 2016-04-27 at 9.13.09 AM.png

Go crazy, color all your shapes with the live paint bucket monochromatic color scheme.

If you have too many leaks or gaps you can fill some of the GAPSScreen Shot 2016-04-27 at 9.49.37 AM.png.

That little button is found to the right of the EXPAND button.

Screen Shot 2016-04-27 at 9.13.24 AM.png

It opens a panel

Screen Shot 2016-04-27 at 9.13.31 AM.png

My image detected 5 small gaps. You can close the GAPs with paths

Screen Shot 2016-04-27 at 9.13.40 AM.png

You can also close larger gaps or medium gaps.Screen Shot 2016-04-27 at 9.17.00 AM.png


You should color your entire image with a monochromatic color scheme and a second color scheme of your choice.

Screen Shot 2016-04-27 at 9.35.03 AM.png

Be sure to label what color schemes you chose in canvas.

When finished upload your 2 finished pieces.

One Monochromatic

One labeled Color scheme of your choice.




History of Graphic Design



Shigeo Fukuda (1932-2009) 'Victory 1945', poster

Shigeo Fukuda (1932-2009)
‘Victory 1945’, poster

In order to have an appreciation of what is good in graphic design it is necessary to study the work of the best graphic designers from the past and present.

The following is a list of links to some of those who have achieved international fame:

(USA) – Saul Bass, Robert Brownjohn, David Carson, Seymour Chwast, Milton Glaser, Reid Miles, Paul Rand, Stefan Sagmeister, Paula Scher.

(UK) – Jonathan Barnbrook, Neville Brody, Alan Fletcher, Abram Games, Edward McKnight Kauffer, William Morris, Peter Saville, Si Scott, Storm Thorgerson.

(Switzerland) – Josef Müller-Brockmann, Erik Nitsche, Niklaus Troxler, Wolfgang Weingart.

(Japan) – Shigeo Fukuda, Yusaku Kamekura, Ikko Tanaka.

(Italy) – Armando Milani, Massimo Vignelli

(Holland) – M.C. Escher, Irma Boom, 75B

(France) – Philippe Apeloig, A.M. Cassandre

(Spain) – Oscar Marine Brandi, Bernardo Rivavelardi

(Germany) – Lucian Bernhard, Holger Matthies

(Russia) – Alexey Brodovitch

(Israel) – Dan Reisinger

(Iran) – Reza Abedini

(Australia) – Ken Cato

(China) – Xiao Yong




'The Creation of Adam', (1513) by Michelangelo Buonarroti.

Logo design: ‘I Love New York’ (1977) by Milton Glaser.

CD/DVD Cover and Duplication

You need to design the CD/DVD and the cover artwork including an index of the contents. You may either choose a CD or a DVD, you don’t need to do both.

You also need a quote for duplication. Assume that you will need 1000 copies made. Duplication is the process of recording or “burning” onto blank CD or blank DVD discs. This process is very similar to burning discs on your computer CD or DVD drive, just on a much larger scale. In Duplication, multi-disc duplicators are used to simultaneously burn several discs at once.

Click on the link for the template for designing a CD or DVD.




By michelleesoto Posted in VCOM388

Banners, Posters, Tickets

Stock Photography –

Banners – Banners are pretty straight forward, they are just a rectangle and whatever size the client wishes. With Banners you have to think of what you are going to hang it on (mount) and consider the wind. Your sign maker will usually take care of all of these things. They will ask you if you want grommets or what type of frame you want to display it on.images.jpgimgres.jpgCLOTHES-HORSE-HANGING.png



Posters are really the same idea as a banner but in a smaller size, just like a billboard a poster has to have quick take a way information. It is not often that someone will read the small print. Sometimes they have little pull away tags at the bottom to take more information.



We will learn in class how barcodes work and how to make repeating numbers.


Student Examples:


By michelleesoto Posted in VCOM388