Exercise 18 - Preparing a Portfolio Web Site

100 Points
25 points - hand drawing of your design
75 points - Photoshop mockup (period#_lastname_firstname_18x)


Class,
After you return from Thanksgiving we will begin to make a Portfolio Website.

However, before you begin to create the website, I want you to create the "landing page" or "home page" for your portfolio website.  This is a project you will use Photoshop and hand drawn sheet of what you want -- before you choose pre made templates.

This is a website about you!  About your work, your photography, your drawings, your Photoshop work you made, what ever you want to show employers, colleges or others who you are as an artist.

Here are some examples of portfolio website home pages

1.  Hand Drawn page design

Use the template sheet given to you.

In order to create a website, designers begin with pencil and paper and draw out their ideas before they commit to the computer.  Try thinking about making your own design by hand so you are not forced into a design just because Apple made a template a certain way!

Remember that you might help yourself by creating a grid or some kind of measurement system.

Here are some examples of hand drawn web pages.

The idea is to get the idea out on paper...don't waste time trying to make software do what you want to express an idea.  Start with some simple words that describe the purpose of the site, maybe some thoughts about what you want and do not want on the page(s).  Some sketches are very rough and some much more illustrated in order to draw out the exact logos you want.   2.  Photoshop Mock-up
Use the template found in the Shared Folder in the 960 Grid System folder for Photoshop.  Choose the 12, 16 or 24 grid.  

Exercise 17 - Design your own iPhone App

Due: November 21

100 Points

Today you will design an icon for an app that you create!

Requirements:

1.  Use the Photoshop template found in the Mr. Komar Shared Folder for Exercise 17.

2.  Make an App Icon.

3.  Type a 1 paragraph description of the app and what it will do in Microsoft Word.

4.  Save the photoshop file and the Word document to a FOLDER called period#_lastname_firstname_17x.

Steps:

1.  Look for 2 files in the Mr. Komar Shared Folder under Ex 17:

      a.  App Icon Template [3.3].atn

      b.  App Icon Template [3.3].psd

2.  Copy both to your computer.

3.  Open Photoshop.

4.  Open the .psd template file and then go and double click on the 1st file, App Icon Template [3.3].atn.  The .atn file is what makes the necessary "action" which you will use later to export the different sized graphics.

5.  Draw a design in Illustrator and bring in image, or import image you already made this semester, or import a photo...you decide.  

6.  Look in the Layers panel.  See the layer that says, "Edit me and ..."?  Double click on the graphic on that layer box...yes the little graphic.  

7.  You then get a BIG version of the box to put in your design...I put in a Whale Shark.

8.  When you are happy with the design, go to File > Save..., then close the file and your original template will update with your design.  

9.  If you want to export the different icon sizes to show your friends and family, go to Window > Actions...

See the one that says "Icon Export"?  Click on one of those and press the button that looks like a triangle.

10.  A Window comes up confirming the settings...just go with the ones preselected.

11.  Save them to FOLDER called period#_lastname_firstname_17x along with the original photoshop file.

12.  Open up Microsoft Word in your Applications > Microsoft Office folder.

13.  Type at least 1 paragraph describing what you app will do.

14.  Save the file to the same folder above and turn it all in!

Exercise 16 : A Collage

Exercise 13
Due November 20
100 Points

The next project is for you to make a collage.  That is a collection of images that combine to make a new image.  Use Photoshop (and Illustrator if you need to draw something or make special font shapes of text) to make a collage "painting".

Still Life, Le Corbusier, 1920

Pablo Picasso, Compotier avec fruits, violon et verre,1912

You must AT LEAST include the following:
1.  A portrait (or the portrait you drew 1st Quarter) of someone
2.  Text
3.  At least 1 building (or landscape object)

You may include any number of items.

Try to use opacity changes on a layer or two in order to see through objects.

The image must be 4" x 6" at 200 PPI 

The image must be saved as a JPEG

Save the image as period#_lastname_firstname_16x

Previous Examples

Exercise 15: Repair an Old Photo

Class:

Due November 15
100 Points

You have been asked by a "client" to restore 1 photo.  In the Shared folder you will find a collection of photos that our poor client gave to us to restore.

Choose 1 broken photo in the Shared Folder and fix it.

Follow the  presentation in the Shared Folder.

Name the fixed photo as period#_lastname_firstname_15x.psd

Recommendation:

Try using the Clone stamp tool, selection tool, the blur tool and possibly some paint brushes...

Download the Presentation

Update to Graphic Gallery

Basic Rules of Photo Composition...

See All Additional Galleries 

Exercise 14 - Architecture Competition: Redesign THMS Courtyard

Due November 7

100 Points

You have been chosen to design a new courtyard for Tucson High School.  


 2014 Winning Entry 2013 Winning Entry

The school is in need of a new landscape to be created inside the property between the school buildings.  You must come up with a design that not only creates a more welcoming space for students, faculty and staff but one that pleasingly displays the natural beauty Tucson has to offer.  

Your design can include art works, fountains, flora, (animals?), and anything else you think the school needs to elevate the experience of going to school.  Your design might include areas for students to find peace and quiet, areas to congregate, and areas that tie into the natural surrounding (or at least try).  You are also encouraged to design a space that the neighborhood might be able to also enjoy when school is not in session.

Assignment:  You will use photographs provided in the class Shared Folder as a basis for your designs.  Use Photoshop to ACCURATELY show what you imagine the courtyard could become.

You must have:

1.   Use Photoshop to create your design.  (However, you could use Sketchup or Illustrator to design / draw part of your work.)

2.  Save the file as period#_lastname_firstname_14x

The top 3 entries will be printed out for all classes to see.

Good Luck!

To see great interior courtyards from a Mexican modernist, Luis Barragan:

http://www.barragan-foundation.org/

To see modern architecture and how projects use Photoshop to present their designs:

http://archinect.com/news

To see a local modern architect projects:

http://robpaulus.com/projects/timeline/

To see a great Landscape architect, Peter Hargraves, visit:

http://www.hargreaves.com/projects/Academic/