Category Archives: DES 220 2-d Imaging

Adobe Illustrator Celebrity Portrait

Serigraphy

A print made by the silk-screen process.

Silk–Screen Process

A print made using a stencil process in which an image or design is superimposed on a very fine mesh screen and printing ink is squeegeed onto the printing surface through the area of the screen that is not covered by the stencil. Each imprint, or application of color, is printed above its previous layer. Separate artwork is generated and applied to individual screens, each carrying their own unique color blend. Typically flat, and opaque color is represented and specified through the Pantone Matching System (PMS). Unlike professional offset printing, silk screen inks lay flat and offer no transparent blending of color.


Project Three: Part One

| Project Three: Part One

Project 3: Reductive Portrait
Illustrator Project —1.1

Appropriating The Master Appropriator

Overview
Pulling from his background in skateboarding graphics, Shepard Fairey is a modern master of reductive design-based art. Using a similar process throughout his body of work, he has managed to create an impactful and recognizable style that has found a home in areas ranging from street art and graffiti to presidential campaigns. We will be using his work as a base of inspiration for this assignment.

Your first task is to seek out a relatively high resolution photograph of a famous person to use as reference. You will be working on an 11”x 17” layout (portrait, not landscape), so plan to crop/resize your image to fit. Much like Fairey’s famous Obama poster (the HOPE poster), you will reduce your image to four (4) color planes. Each color plane should exist on its own layer in the ILL file. Place the photo on the bottom layer, so you can see it as you trace over it. For an added challenge, you can incorporate a small amount of text into your final portrait.

You will be turning in TWO final files. The first is the original drawing. The second is the original drawing with textures and effects applied to it. This will be introduced further in Project 3 Part 2. 
We’ll look critically at both.

IMAGE PROCESS:
Work in layers. Since you are using only 4 color fields, make sure each color field is on its own layer. Remove the original image from the file for turn-in, but be sure to turn it in together (just not as a flattened layer).

Resources:

www.obeygiant.com/archives
http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-self-portrait-in-a-geometric-style/
Great
Alternate Tutorial; for thinking about, and working with, Vector portraits

Adobe Illustrator: Celebrity Portrait

| Project Three: Part Two

Project 3: Alternate Textures
and Patterns
Illustrator Project —1.2

Pattern & Texture alternative

For Project Three Part Two you will be examining the use of texture and pattering to effect and alter your current portrait. Illustrator has strong editing tolls. Adding textures from alternative sources can change your designs quickly. Adding raster based PSD files into illustrator files can create supper dynamic richly texture images. Knowing how, and when, to use what file type is essential. You will be looking through the graphic collections offered by Media Militia to alter your design by adding texture and pattern.

You will be turning in TWO final files. The first is the original drawing. The second is the original drawing with textures and effects applied to it. We’ll look critically at both.

PROCESS
Examine several of the Media Militia artwork collections. Determine which is appropriate, and with its addition, can enhance your portraits. Download any of the collections (or all of them for future usage)

  • Examine what type of media files contained in the collection. There can be; eps- AI file type, vector AI file type, png-PSD raster images, often in black and white or RGB, these files most often have transparent backgrounds; JPEG files.
  • Both vector and EPS files can be used directly in Adobe Ill. You can change the color, weight, and scale proportions freely.
  • PNG, JPEG and other image files can be manipulated with limed editing possibilities in AI, or…
  • PNG, JPEG files can be opened and altered in PSD for greater control.
  • Files can be turned into greyscale, then converted to monochromatic bitmap files types; lastly, saved as a TIFF file, which allows greater color control within AI.

Use existing outlines and color shapes as clipping masks and layer the new artwork in/onto your existing artwork.

  • Copy outlines or main color fields
  • Add a layer;
  • Place your new artwork
  • commnd– “F” or ‘paste-in-place’ your outline, which will shortly become a vector clipping mask for the placed imagery
  • Select both the outline & the image
  • Choose Object >clipping path – your image is now inset into the artwork.
  • Under layers you can access the clipping mask, and/or the placed image independent from each other
  • Use color to create subtle color shift, white to reverse out from main artwork
  • Examine transparency or layering blending for subtle color shifts
Alternatively — you can add or create AI patterns of icons or other graphic elements to inlay into your portraits. For example: you could create a vector peace sign and apply it as a pattern.

Resources:

MEDIA MILITIA
Media Militia is an online resource of patterns, textures, PSD brushes, AI (vector) illustrations. Each library contain different file types which can be used to enhance and change your portrait. Several of the libraries are more versatile than others; some more stylistic. Ultimately it is up to you to use them in subtle ways, and retain creative control without taking too many of the borrowed visual properties.

Media Militia — Freebies

http://mediamilitia.com/category/freebies/

 

Advertisements

Spring DES220 Lesson Two Album Covers

DES220 Introduction to 2–D Digital Imaging

Lesson Two

DESCRIPTION —
Photoshop Image Manipulation
Randomized Search: Album Covers

Bone Creek

  • Bone Creek — This Is The Real Deal

SP14_DES220_LES_02_album_dallas-hood

  • Dallas Hood — Wouldn’t Seem So Wonderful At All

SP14_DES220_LES_02_album_mr-medicine

  • Mr. Medicine — Good Sense & Reason

SP14_DES220_LES_02_album_richard-breneham

  • Richard Baneham — Desolating the Country
  1. A Young Axe
  2. Reparation Without Satisfaction
  3. A Peacefully Meditative Gnu
  4. Objectionable and Oppressive
  5. Each Is All Three
Image Resources:

‪Bone Creek‬
© All rights reserved by Red Beetle

Mr. Medicine‬
© All rights reserved by rocket2722
© All rights reserved by Cutter55

Richard Baneham
© All rights reserved by Trevor Kemp
© Some rights reserved by mollyblock
© All rights reserved by xperiane (Extremely Ultimately busy)

•••  —  —  —  •••

Assignment Description/Process

ASSIGNMENT: several years ago, there was a album cover artwork generation phenomena on Facebook.

Lesson Two: Random Album Covers project brief

To Do This —

  1. Go to Wikipedia. Hit “random” or  —
click http://en.wikipedia.org/wiki/Special:Random

    The first random Wikipedia article you get is the name of your band.
  2. Go to Quotations Page and select “random quotations” or  —
click http://www.quotationspage.com/random.php3

    The last four or five words of the very last quote on the page is the title of your first album.
  3. Go to Flickr and click on “explore the last seven days” or  —
click http://www.flickr.com/explore/interesting/7days

    Third picture, no matter what it is, will be your album cover.
  • Use Photoshop to put it all together, including the typography.
  • Repeat this process three (3) times to generate three different album concepts
— The second time you MUST compose two (2) images into your cover design; the third, you must find three (3) images to collage into your album concept.This is a total of six (6) images.

You also must look through, and search three resources for free typeface.
Links: da Font | Lost Type Co-op | Chank Fonts • FREE

Full Set(s) of Album Covers

Fig. 05**

Resolution 72ppi

Resolution and pixel depth

Fig. 01; 72 dpi, w: 180pxl h: 180pxl, w: 2.5” h: 2.5”, Res: 72ppi

Fig. 02; 150 dpi, w: 350pxl h: 350pxl, w: 2.5” h: 2.5”, Res: 150ppi

Fig. 03; 300 dpi, w: 750pxl h: 750pxl, w: 2.5” h: 2.5”, Res: 300ppi

Fig. 04; 1200 dpi, w: 500pxl h: 500pxl, w: 7.0” h: 7.0”, Res: 72ppi

Each image was sub-sampled (resized), up and/or down to WEB standards; each forced to w: 500ppi h: 500ppi.

Note: examine the size variation and amount of pixel resolution distortion. The graphics were the same exact size, starting with the larger resolution (300 dpi) in each of the three studies.

* Fig. 04 was exported from Adobe Illustrator as a 72dpi jpeg file. Save for web and devices… resized to 500×500. Fig. 04 shows the letterform “O” as editable font, outlined font, and its vector control points.
** Fig. 05 depicts all four layers combined, multiplyed, and colored upon each artwork file.

Dwell Magazine Article Archive

DES220 — Introduction to 2–D Digital Imaging
InDesign

Project Three

DESCRIPTION —

Objectives:

  • To develop an understanding and be able to utilize the tools of Adobe InDesign.
  • To explore design, creativity and composition by composing a 4-page magazine spread.

Dwell Magazine four page publication design sample

Fig. 01 — Dwell Magazine cover design sample

13_DIG_PRO4_InDesign_PRE_Dwell_brochure_03-3

 Fig. 02 — Dwell Magazine back cover design sample

Assignment:
Redesign a Dwell Magazine Article, which can be found here – www.dwell.com

  • Design a Four page magazine style spread using Adobe InDesign. Choose an article from the archived magazines that they have listed.
  • Many of the articles come with a slide show, in which you must use the images for your design spread. Choose an article that has at least several paragraphs in it so that you have some text in which to work with. Choose a slide show with a minimum of seven (7) images
  • The magazine page size is (8.5” x 11.0”). Feel free to use a physical Dwell Magazine (glossies) as a sample and inspiration for your layouts. Copy and paste text and images from Dwell.com, adding them in to your project file and place them into InDesign. You will need to develop, create, and upload a four page magazine spread in PDF format to the dropbox.
  • The specifics: layout needs to include a minimum of 6 images to relate to the idea you are presenting, and at least 5 bodies of text, titles, and/ or other text based information of various size fonts. You may need to use Adobe Illustrator, and/or Adobe Photoshop along with the skills you developed on the previous two projects, for all of your imagery.

Dwell Magaizne Article, multi-page publication [PDF File]

Your Final spread needs to have:

  • Minimum 6 images for the layout.
  • Text overlapping an image or object,
  • Text around an object or image.
  • Utilize a grid and columns within the spread.
  • Sidebar
  • Call-outs

Optional:

  • Cut-out
  • Opacity
  • Folio headers

Dwell Magazine article Double page design sample

Fig. 03 — Dwell Magazine article Double page design sample

Design Development:

  • Two (2) different sketched solutions for the 4 page layouts. Meet with instructor to choose the best idea.
  • Spreads need to utilize appropriate imagery that is bitmapped and/or vector based.
  • Use text from an article at Dwell.com for the article.
  • Pages do not need to be numbered.

Album Covers

DES220 Introduction to 2–D Digital Imaging
Not Assigned

Lesson Two

DESCRIPTION —
Photoshop Image Manipulation

Randomized Search: Album Covers

SP13_DES220_IDE_compile_album_01

  • Uncle Sam’s Farm‬ — Don’t Ever Apologize For Anything

SP13_DES220_IDE_compile_album_02

  • Vigna Mungo‬ — My Misery is Your Pleasure

SP13_DES220_IDE_compile_album_03

  • Thessaliotida‬ — The Risk it Took to Blossom
  1. Requires Greater Courage
  2. Preserve Inner Freedom
  3. One’s inward journey
  4. Stand defiantly
  5. Easier to play the martyr
  6. Rash in battle
  7. Civilized warfare
  8. A man knows the law
  9. Imprisoned soul in an Elysium
  10. Enchantments of Spring or Autumn
  11. Liberate and intoxicate
  12. Delicious songs and verses
  13. The secret cannot be kept
  14. Fives and tens and fifties

• • •

ASSIGNMENT: several years ago, there was a album cover artwork generation phenomena on Facebook.

Lesson Two: Random Album Covers project brief

To Do This —

Go to Wikipedia. Hit “random” or  —
click http://en.wikipedia.org/wiki/Special:Random
The first random Wikipedia article you get is the name of your band.

Go to Quotations Page and select “random quotations” or  —
click http://www.quotationspage.com/random.php3
The last four or five words of the very last quote on the page is the title of your first album.

Go to Flickr and click on “explore the last seven days” or  —
click http://www.flickr.com/explore/interesting/7days
Third picture, no matter what it is, will be your album cover.

  • Use Photoshop to put it all together, including the typography.
  • Repeat this process three (3) times to generate three different album concepts
    The second time you MUST compose two (2) images into your cover design; the third, you must find three (3) images to collage into your album concept.This is a total of six (6) images.

You also must look through, and search three resources for free typeface.

Links: