Tuesday, May 19, 2015

Week 18 - Event Program Booklet project

Week 18 - Event Program Booklet project
(Senior Final Project - ALL SENIORS MUST COMPLETE BOTH TASKS BY WEDNESDAY, MAY 20th FOR CREDIT)

This week students will research reference for and design two potential versions of an invitation and event program to a fictitious art gallery show opening on the campus of Crenshaw High School.


TASK 2 create two invitations and two event program brochures
Document Requirements:
1.)  The Invitation - height 5 inches x width 7 inches, single-sided.  Must include the event Title, Date, Time, Location, with event sponsors listed.  One version of the invitation should be colorful and dynamic, the other simple in tone.  Both must appear formal.

2.)  The Event Program - a tri-fold brochure (US Letter) width 8.5 inches x height 11 inches.  Also must include the event title, date, time, location, event sponsors, as well as the event host, and list/show genres of art that will be on display at the event.  For this assignment your event programs can be single-sided as well, but in most real world applications it would be double-sided.
      
Event Details:  The Crenshaw Universal Arts Gallery Grand Opening will take place on Friday, May 29th, from 6:30pm to 9:30pm in the S-Building, on the first floor.  The event will be catered by the New Orleans Bistro & Catering company, and their name should appear on the front of the event program, as well as on the invitation.  The Crenshaw High School logo that you designed for Week 17's task should also appear on both documents.  DeShaun Grattis will be the event host/emcee, and the Crenshaw ballet troupe will perform at the 7pm reception.

                                                           Designing the Invitation!




                                                                       Product!!

















































Week 18 - Event Program Booklet project


Week 18 - Event Program Booklet project

(Senior Final Project - ALL SENIORS MUST COMPLETE BOTH TASKS BY WEDNESDAY, MAY 20th FOR CREDIT)

This week students will research reference for and design two potential versions of an invitation and event program to a fictitious art gallery show opening on the campus of Crenshaw High School.

TASK 2 create two invitations and two event program brochures      

Event Details:  The Crenshaw Universal Arts Gallery Grand Opening will take place on Friday, May 29th, from 6:30pm to 9:30pm in the S-Building, on the first floor.  The event will be catered by the New Orleans Bistro & Catering company, and their name should appear on the front of the event program, as well as on the invitation.  The Crenshaw High School logo that you designed for Week 17's task should also appear on both documents.  DeShaun Grattis will be the event host/emcee, and the Crenshaw ballet troupe will perform at the 7pm reception.

                                                      Creating The Brochure!



                                                                          Product!!







Monday, May 18, 2015

Week 18 - Event Program Booklet project

Week 18 - Event Program Booklet project

(Senior Final Project - ALL SENIORS MUST COMPLETE BOTH TASKS BY WEDNESDAY, MAY 20th FOR CREDIT)

This week students will research reference for and design two potential versions of an invitation and event program to a fictitious art gallery show opening on the campus of Crenshaw High School.

Task 1 - Assembly of Research Materials.
Collect color palettes, photos and artwork that have an intriguing and positive connection to our school, and genres of art to be put on display. 
The genres of art include Digital Art (Vector Illustration, Conceptual Painting, Computer Animation, Motion Graphics, Visual Effects, and Image Manipulations), and Traditional Art (Figure Sculpting, Drawing, Collage and Fine Scale Diorama)
       
    

  Resultado de imagen para gallery Vector Illustrations


Thursday, May 14, 2015

Week 8 - Vector Portrait Illustration

               Week 8 - Vector Portrait Illustration

Vector Illustration Design is an important genre of Commercial Graphic Design because it has an immediately stunning effect, with its vibrant colors and simplified forms.  Generally speaking, vector illustrations have a distinct appearance and yet a high level of re-useability...meaning, you can draw a vector form once, and use it again and again in later designs with only a few minor tweaks needed. 

This week you will follow one tutorial for designing a VECTOR PORTRAIT and create two original designs.  Please complete all tasks in the order in which they appear, and submit your work in the manner described with each.














Tuesday, April 21, 2015

Week 14b - Print-ready Designs, INVITATIONS


Week 14b - Print-ready Designs, INVITATIONS

Mr. Webb's Demonstration: Setting up multiple ARTBOARDS
(Pages)

TASK 1 RESEARCHING MATERIAL
Find one example event invitations for each of the following :
Graduation, prom, and a birthday party. 
Graduation Invitation


Prom Invitation

Birthday Party

Monday, April 20, 2015

Week 14a- Print Ready Design-Layout Terms

Print layout terms.
Find a definition and picture online for each of the following layout terms.
font (serif & sans-serif),
margin,
guide (illustrator guides),
bleed,
CMYK,
image resolution,
proof copy,
artboard,
registration mark,
Layout border,
Layout dimensions

Font (serif & sans-serif); is a small line attached to the end of a stroke in a letter or symbol,[1] such as when handwriting is separated into distinct units for a typewriter or typesetter. A typeface with serifs is called aserif typeface (or serifed typeface).


Margin


noun
1.
the space around the printed or written matter on a page.




Guide
(illustrator guides)
A guide id basically a person that leads you to one place to another but in this case Guides in graphic design is kind of the same thing, Guides help you align text and graphic objects. You can create ruler guides (straight vertical or horizontal lines) and guide objects (vector objects that you convert to guides). Like the grid, guides do not print.

Bleed;
                 Bleeds allow you to run artwork to the edge of a page. On a press, the artwork is printed on a large sheet of paper and then trimmed down to size. If you do not allow for a 1/8 of an inch bleed, any misalignment while cutting will result with the artwork not running to the edge of the paper. Bleeds ensure you get the results you need.



CMYK; Whereas the RGB model depends on a light source to create color, the CMYK model is based on the light-absorbing quality of ink printed on paper. As white light strikes translucent inks, a portion of the spectrum is absorbed. Color that is not absorbed is reflected back to your eye.





Image resolution is the detail an image holds. The term applies to raster digital images, film images, and other types of images. Higher resolution means more image detail.
Image resolution can be measured in various ways. Basically, resolution quantifies how close lines can be to each other and still be visibly resolved. Resolution units can be tied to physical sizes (e.g. lines per mm, lines per inch), to the overall size of a picture (lines per picture height, also known simply as lines, TV lines, or TVL), or to angular subtenant. Line pairs are often used instead of lines; a line pair comprises a dark line and an adjacent light line. A line is either a dark line or a light line. A resolution of 10 lines per millimeter means 5 dark lines alternating with 5 light lines, or 5 line pairs per millimeter (5 LP/mm). Photographic lens and film resolution are most often quoted in line pairs per millimeter.



Proof copya copy of (a book, story, etc) made from trial impressions made from composed type, or print-outs (from a laser printer, etc) for the correction of errors   ⇒ She sent me a proof copy of her latest short story.




Artboard,  Artboards represent the regions that can contain printable artwork. You resize and set the orientation for your artwork by choosing settings in the Artboard Options dialog box. (In Illustrator CS3 and earlier, you use the Document Setup dialog box to change the document size and orientation.)



Registration Marks
Small targets outside the page area for aligning the different separations in a color document.





BorderLayout is a LayoutManager that provides the means to lay out components along the edges of a container. It divides the container into five regions, named North, East, South, West, and Center. Normally you won't call the LayoutManager's methods yourself. When you add() aComponent to a Container, the Container calls the addLayoutComponent() method of its LayoutManager.





A linear dimension is a measurement of distance between two points (represented by a line). To create a linear dimension between two points:









Thursday, April 16, 2015

Week 13c - Print Ready Designs, Part 2 Campus Flags & Livery

Campus Flags
Businesses and institutions that value the public's perception will often invest lots of time and effort into shaping those perceptions through branding.  Branding is the concept of repeatedly using graphic arts to associate the most positive, idealistic and stable attributes with the entity being branded, so that people form positive opinions about the entity.
TASK2:  Design a Crenshaw High School themed campus flag.
























Week 13c - Print Ready Designs, Part 2 Campus Flags & Livery


TASK 1:                      Find a definition for the term LIVERY, and write it in your own abbreviated form on your blog (citing the url address from which you obtained the definition).

Monday, April 13, 2015

Week 13a - Accelerated Vector Workflow (Monday)


TASK:
Use Image Trace to make all 10 of the following vectors from photographs, and post them to your blog.
Type a caption under each photo that describes the image, and lists the "SOURCE" web address that you copied the picture from.
Categories of photos to vectorize - Make one color and one black & white example for each:
(1) Family car (Coup, sedan, station wagon)
(2) Fishing boat
(3) Motorhome
(4) Domesticated Dog (Poodle, Doberman, etc.)
(5) Big Cat (Cougar, Tiger, Leopard, etc.)
                                                                     Family car




                                                                      Fishing boat           







Motorhome




          Domesticated Dog
 


                                                                      Big Cat






Monday, March 23, 2015

Week 11 - Reflection Writing & Anthropomorphic Vector Illustration




TASK 1 - Google Doodle Emily Noether

Read the Google Doodle article about Emily Noether's accomplishments on her 133rd birthday, and write one paragraph describing a challenge that you've had to face in order to achieve a goal.  Compare a specific instance in your life to a difficulty Noether must have been confronted with, and argue why you will also succeed in your pursuits.


    Well, one of thousands experiences I've gone right through this stroke of time, I have learned many valuable lessons at the same time like know how to overcome these challenges. One of these experiences was when I had to finish a presentation for my class physiology and eventually I had shortened time to get it done and my partner for this project with whom I had to do my presentation didn't even get anything done, and I felt very depressed, but depression didn't controlled myself and emotions and i started to control it back so, I began to dominate it and make every effort to do excellent work, the end result was very successful because I could've finish the presentation on time and at the end I could got my complete credits for doing my job famously!

                                                                                                 I didn't know exactly 
what the assignment was 
because my english is not 
 that good but i tried my best!

Tuesday, March 17, 2015

Week 5a - Multi-layered Vector Graphics

Monday's TASK 1 (20pts)
1.) Redraw the shape below.
2.) Set the Fill color to (this hex code value #3A55A5), and the Stroke to (this hex code value #FFDE73)





         
 

Career Pictogram

                          Career Pictogram


     

Week 5a - Multi-layered Vector Graphics

TASK 2 (20pts)
1.) Use the Pen Tool to redraw this "CRENSHAW" logo.
2.) Change the fill color to Crenshaw High School's official gold color.
SOURCE - http://www.trademarkia.com/logo-images/asghedom/crenshaw-85217470.jpg
3.) Use the Type Tool (T) to add the following text beneath, "HIGH SCHOOL," and centered under that text also add, "EVERY COUGAR COLLEGE BOUND!"
4.) Save and email your Adobe Illustrator (.ai) file to teacher.jwebb@gmail.com.  Include your full name, class period, and title of the assignment within your email.
5.) Export an image (.png) and publish your finished version of the re-drawn logo with Crenshaw's official school colors.




                           

Week 3b - Pictogram Design for CHS School Policies

(2) Design a LEGAL-SIZED poster containing pictograms to represent each one of our school ESLRs.
School ESLRs (Expected School wide Learning Results)  <the link will take you to Crenshaw's Official ESLRs page.






          

Week 7a Illustrator Extended Practice




TASK 1
Complete BOTH of the following tutorials in separate documents: 
(1) Drawing a Moon Illustration - 
http://www.wikihow.com/Draw-a-Moon-in-Adobe-Illustrator

(2) Designing a Business Card - http://www.wikihow.com/Make-a-Business-Card-on-Adobe-Illustrator
- Submit your Adobe Illustrator file via email to: teacher.jwebb@gmail.com
- Export an image file from Illustrator to upload onto your blog.

       






Week 2 - Signs & Visual Communication, Part 2b- Designing custom Rebus, Pictograms, Re-Introduction to Adobe Photoshop CS6


COMPOSING A REBUS - Drawn on paper, then photographed using the Photo Booth app
Using symbols or pictures that represent sound to encode meaning in imagery that the viewer has to think about to discern










   

Week 5a - Multi-layered Vector Graphics

EXTRA CREDIT TASK - Requires that you fully complete Tasks 1 & 2 prior, to earn credit)
Redraw and color Mr. Webb's line art as a vector illustration, in Adobe Illustrator.  Use at least 2 colors in the final design, and submit your (.ai) Illustrator file via email, and publish an exported version to your blog.
(Worth an additional 40 points)









Monday, March 9, 2015

Week 4b - Vector drawing continued

TASK 1:  Complete the following tutorial.
(b) Save your document as an Adobe Illustrator file (.ai)- with the title in this format
firstname_lastname-week4b.ai  and email to teacher.jwebb@gmail.com
(c) Export your final image as a .png, and post to your blog.






Thursday, February 26, 2015

Week 7a Illustrator Extended Practice



Let's begin.


TASK 1
Complete BOTH of the following tutorials in separate documents: 
(1) Drawing a Moon Illustration - http://www.wikihow.com/Draw-a-Moon-in-Adobe-Illustrator





Tuesday, February 17, 2015

Week 6 - Practical Design Projects



(1) 
TASK 1 Design Terminology - Define the following design terms and locate at least two example images from the Internet that illustrate the term.  Please properly site and attribute the url source in the caption of each photo.

- Contrast (Size contrast, shape contrast, texture/color contrast)


verb (used with object)

1.
to compare in order to show unlikeness or differences; note the opposite natures, purposes, etc., of:
Contrast the political rights of Romans and Greeks.

Contrast tree wallpaper
http://www.superbwallpapers.com/digital-art/contrast-tree-8958/




Emphasis


noun
plural emphases 
 [em-fuh-seez] (Show IPA)

1.
special stress laid upon, or importance attached to, anything:
The president's statement gave emphasis to the budgetary crisis.


https://stifmister22001.files.wordpress.com/2013/08/emphasis.jpg




- Balance (informal balance, and formal balance)

noun

1.
a state of equilibrium or equipoise; equal distribution of weight, amount, etc.
informal balance, is more complex and difficult to envisage. It involves placement of objects in a way that will allow objects of varying visual weight to balance one another around a fulcrum point. This can be best imagined by envisioning a literal balance scale that can represent the visual "weights" that can be imagined in a two dimensional composition. For example, it is possible to balance a heavy weight with a cluster of lighter weights on equal sides of a fulcrum; in a picture, this might be a cluster of small objects balanced by a large objectSymmetrical balance can be described as having equal "weight" on equal sides of a centrally placed fulcrum. It may also be referred to as formal balance. When the elements are arranged equally on either side of a central axis, the result is Bilateral symmetry. This axis may be horizontal or vertical. It is also possible to build formal balance by arranging elements equally around a central point , resulting in radial symmetry.
                  (Informal Balance)                                                    
Resultado de imagen para informal balance     

                    (Formal Balance)
  Resultado de imagen para formal balance
1-http://38ccda.medialib.glogster.com/media/14277099ea7a3c36fd0d265cb6a536b0a39887d29895bd66f5cca7bcb4c48241/informal-balance.png

2-       http://images.dpchallenge.com/images_challenge/0-999/236/1200/Copyrighted_Image_Reuse_Prohibited_91906.jpg




Proportion
noun
1.
comparative relation between things or magnitudes as to size, quantity, number, etc.; ratio.

Resultado de imagen para proportion
http://www.mathsisfun.com/algebra/images/proportion-1a.gif







Perspective


noun

1.
a technique of depicting volumes and spatial relationships on a flat surface.
2.
a picture employing this technique, especially one in which it is prominent:
an architect's perspective of a house.
3.
a visible scene, especially one extending to a distance; vista:
a perspective on the main axis of an estate.


                          Resultado de imagen para perspective definition
 http://mhsart1.wikispaces.com/file/view/two-point-perspective.jpg/228625250/two-point-perspective.jpg