1) The document provides step-by-step instructions for creating continuum diagrams and matrices using Adobe Illustrator and InDesign. It describes how to lay out the visual elements, insert and adjust images, and add labels and formatting.
2) Examples shown include a continuum diagram presenting the range of storefront transparency and a matrix evaluating health infrastructure activities.
3) The document demonstrates how to construct the visuals, guide the reader through the process, and provide templates to replicate the diagrams.
Photoshop is often used to design websites, but there are many reasons that make its vector-based cousin, Adobe Illustrator, a tool of choice. In this session, we’ll cover the differences between working with Photoshop and Illustrator. We’ll explain what vector art is and the advantages of a vector-first mindset when it comes to the ability to iterate quickly, provide multiple design options, design responsively and to keep visuals consistent across a variety of media. We’ll also cover some basic how-to items.
Corel Draw Beginner Tutorial: How to Make a New Product FlyerFlyer Tutor
Recreate this New Product Flyer while learning how to use the Corel Draw Interface with this step by step illustrated tutorial. Perform document setup, delete nodes, mirror image, convert to bitmap, gaussian blur, gradient, text on a path, crop images, fountain fill, line spacing and more.
In this presentation I breakdown the how and why for adobe dimension. You will be introduced to the fundamentals of the softwares workspace, and dive into a tutorial project highlighting the key features in the software.
\\
You can download the project file // https://www.dropbox.com/s/74svvnwv4xaleb4/Intro_to_dimension_Projectfile.dn?dl=0
For more of my work visit me over on instagram //
www.instagram.com/alex_hornak/
Adobe Illustrator: 6 Essential Tips and ToolsNguyet Minh
Adobe Illustrator allows full control and editing of an artwork. Since it is so customizable, many potentials of what you can do with just simple tools are not so obvious. Let's go through the 6 tools in Illustrator you might not know.
Adobe Illustrator CS6 was used to demonstrate.
Photoshop is often used to design websites, but there are many reasons that make its vector-based cousin, Adobe Illustrator, a tool of choice. In this session, we’ll cover the differences between working with Photoshop and Illustrator. We’ll explain what vector art is and the advantages of a vector-first mindset when it comes to the ability to iterate quickly, provide multiple design options, design responsively and to keep visuals consistent across a variety of media. We’ll also cover some basic how-to items.
Corel Draw Beginner Tutorial: How to Make a New Product FlyerFlyer Tutor
Recreate this New Product Flyer while learning how to use the Corel Draw Interface with this step by step illustrated tutorial. Perform document setup, delete nodes, mirror image, convert to bitmap, gaussian blur, gradient, text on a path, crop images, fountain fill, line spacing and more.
In this presentation I breakdown the how and why for adobe dimension. You will be introduced to the fundamentals of the softwares workspace, and dive into a tutorial project highlighting the key features in the software.
\\
You can download the project file // https://www.dropbox.com/s/74svvnwv4xaleb4/Intro_to_dimension_Projectfile.dn?dl=0
For more of my work visit me over on instagram //
www.instagram.com/alex_hornak/
Adobe Illustrator: 6 Essential Tips and ToolsNguyet Minh
Adobe Illustrator allows full control and editing of an artwork. Since it is so customizable, many potentials of what you can do with just simple tools are not so obvious. Let's go through the 6 tools in Illustrator you might not know.
Adobe Illustrator CS6 was used to demonstrate.
The idea behind the infographic is simple; combine text, graphics and statistics to harness engaging information delivery. For small business, however, executing an infographic can be a bit daunting when you don’t have a graphic designer on staff. Here are three tech options that can help you put the graphic in infographics without hurting your budget.
Here are some simple tips/hacks which are very helpful in designing a presentation. These hacks do not need any special knowledge. All material required for the hack is included in the presentation itself.
1. session SESSION 4 demo:
4 DEMO:
continuum CONTINUUM diagrams DIAGRAMS and matrices
AND MATRIXES
PLAN601E Verbal VERBAL and AND visual: VISUAL: Information INFORMATION Graphics GRAPHICS (session (SESSION 4)
4)
3. Let’s make a continuum diagram that presents a range of ground
floor transparency in East Village storefronts.
creating a continuum
diagram with illustrator
4. 1) Draw a line with arrowheads on both ends; 2) Use the Type tool
to make labels for either maximum.
creating a continuum
diagram with illustrator
1 type
2
5. Steps: 3) flatten and crop images.
3
CREATING A CONTINUUM
DIAGRAM WITH ILLUSTRATOR
3) Flatten and crop images in Photoshop.
creating a continuum
diagram with illustrator
6. Steps: 4) adjust brightness with autocolor.
4
CREATING A CONTINUUM
DIAGRAM WITH ILLUSTRATOR
4) Adjust brightness and contrast with Auto Tone/Contrast/Color.
creating a continuum
diagram with illustrator
7. Steps: 5) adjust levels and save as .jpeg.
5
CREATING A CONTINUUM
DIAGRAM WITH ILLUSTRATOR
LEVELS
5) Adjust levels as necessary and save as .jpg.
creating a continuum
diagram with illustrator
levels
8. 7) Create graphic conventions for displaying photos, aerials, and
labels; use pathfinder to create talk-box.
creating a continuum
diagram with illustrator
7
7
7
7
9. 8) Copy photo box and relink images with the links palette
(alternative to placing each image individually).
creating a continuum
diagram with illustrator
8
8
LINKS
10. 9) Key photos into the arrow by adjusting anchors on the box
utilizing the direct selection tool.
9
9
creating a continuum
diagram with illustrator
11. 10) Add descriptive labels with the type tool.
creating a continuum
diagram with illustrator
10
12. 11) Convert the arrow into a polygon by selecting Object>Flatten
Transparency.
creating a continuum
diagram with illustrator
11
13. 12) Create a compound path with the pathfinder.
creating a continuum
diagram with illustrator
12
14. 13) Establish your color palette. Add your colors to the gradient
palette by dragging the color from the fill.
creating a continuum
diagram with illustrator
13
15. 14) Create a new polygon with the gradient fill and then use the
eyedropper to color the arrow.
14
creating a continuum
diagram with illustrator
14
16. Let’s try out another convention for displaying the
photo documentation.
creating a continuum
diagram with illustrator
17. Steps: 15) open image in photoshop, create layer
background by double-clicking “background.”
15
CREATING A CONTINUUM
DIAGRAM WITH ILLUSTRATOR
LAYERS
15) Open image in Photoshop, create layer
from background by double-clicking ‘background.’
creating a continuum
diagram with illustrator
layers
18. Steps: 16) select an area of the image with the lasso tool,
then select the inverse.
CREATING A CONTINUUM
DIAGRAM WITH ILLUSTRATOR
LAYERS
16) Select an area of the image with the lasso tool, then select the
inverse.
creating a continuum
diagram with illustrator
16
16
layers
19. Steps: 17) press “delete” to delete the inverse area.
CREATING A CONTINUUM
DIAGRAM WITH ILLUSTRATOR
17) Press ‘delete’ to delete the inverse area.
creating a continuum
diagram with illustrator
20. 18) Change the Image Mode to Grayscale.
creating a continuum
diagram with illustrator
18
21. 19) Save as a .psd or a .png
creating a continuum
diagram with illustrator
22. 20) Replace photos with greyscale images; create new graphic
convention for key map.
20
20
creating a continuum
diagram with illustrator
23. 21) Key images with the arrow.
21
creating a continuum
diagram with illustrator
26. HEALTH INFRASTRUCTURE IN ALPHABET CITY
Let’s make a matrix that evaluates the contribution of activites
in the East Village to ‘health infrastructure.’
creating a matrix
with adobe indesign
PROMOTES
ACTIVITY
FRESH
FOOD
COMMUNITY
SPACE
HEALTH
SERVICES
PUBLIC
ACCESS
HEALTH INFRASTRUCTURE IN ALPHABET CITY
IMPACT IMPACT IMPACT
No need to make an export because the diagram is
already in Indesign!
CREATING A MATRIX
WITH ADOBE ILLUSTRATOR
PROMOTES
ACTIVITY
FRESH
FOOD
COMMUNITY
SPACE
HEALTH
SERVICES
PUBLIC
ACCESS
POSITIVE IMPACT NO IMPACT NEGATIVE IMPACT
27. 1) Use document grid as guide for setting up a grid of lines with
the Line tool.
view
1
1
creating a matrix
with adobe indesign
28. 2) Place an image in the document, adjust frame and with
selection tool, adjust size with direct selection tool.
2
creating a matrix
with adobe indesign
29. 3
3
3) Copy image and then use the Relink button in Links palette to
switch out images.
creating a matrix
with adobe indesign
LINKS
30. 4
4) Copy / paste icons from Illustrator; use icons to define
categories for each matrix cell.
creating a matrix
with adobe indesign
31. 5) Create labels for the matrix cells using text tool; clean up using
align palette.
5
creating a matrix
with adobe indesign
align
32. 6) Fill in matrix cells with symbol icons.
6
creating a matrix
with adobe indesign
33. 7
7
creating a matrix
with adobe indesign
7) Add background fills utlizing the rectangle tool.
34. 8
8
8
creating a matrix
with adobe indesign
colors
8) Modify line styles, icon and text colors; make photos greyscale
in Photoshop.
stroke
35. 9
creating a matrix
with adobe indesign
9) Add a title and key with text tool.
36. HEALTH INFRASTRUCTURE IN ALPHABET CITY
No need to make an export because the diagram is already in
InDesign!
creating a matrix
with adobe indesign
ACTIVITY
FOOD
SPACE
SERVICES
ACCESS
HEALTH INFRASTRUCTURE IN ALPHABET CITY
IMPACT IMPACT
No need to make an export because the diagram is
already in Indesign!
CREATING A MATRIX
WITH ADOBE ILLUSTRATOR
PROMOTES
ACTIVITY
FRESH
FOOD
COMMUNITY
SPACE
HEALTH
SERVICES
PUBLIC
ACCESS
POSITIVE IMPACT NO IMPACT NEGATIVE IMPACT
37. PDF, 7.5”x10”
Title slide; Previous slides (Assignments 1, 2 & 3)
Message of this slide/ category
of data documented on this page
Title of your
presentation
Assignment 4: A continuum diagram, network diagram, or matrix
HEALTH INFRASTRUCTURE IN ALPHABET CITY
Intertitle; Sketches, notes, precedents and revisions for Assignment 4;
All previous sketches, notes, precedents and revisions.
Sketches, notes,
precedents
and revisions
assignment 3
JPEG
From some part of Assignment 4
Headline tells me the
message of this slide
ACTIVITY
FOOD
SPACE
SERVICES
ACCESS
HEALTH INFRASTRUCTURE IN ALPHABET CITY
POSITIVE IMPACT NO IMPACT NEGATIVE IMPACT
No need to make an export because the diagram is
already in Indesign!
CREATING A MATRIX
WITH ADOBE ILLUSTRATOR
PROMOTES
ACTIVITY
FRESH
FOOD
COMMUNITY
SPACE
HEALTH
SERVICES
PUBLIC
ACCESS
IMPACT IMPACT IMPACT
HEALTH INFRASTRUCTURE IN ALPHABET CITY
ACTIVITY
FOOD
SPACE
SERVICES
ACCESS
HEALTH INFRASTRUCTURE IN ALPHABET CITY
POSITIVE IMPACT NO IMPACT NEGATIVE IMPACT
No need to make an export because the diagram is
already in Indesign!
CREATING A MATRIX
WITH ADOBE ILLUSTRATOR
PROMOTES
ACTIVITY
FRESH
FOOD
COMMUNITY
SPACE
HEALTH
SERVICES
PUBLIC
ACCESS
IMPACT IMPACT IMPACT