Getting started with Web Design

A new folder has been added to the N drive.  There are 3 start-up assignments that we will be working on to get started with a basic website.  As soon as you finish the Agenda Cover, start working on the 1st assignment.

When we return, we will be looking at examples of website that students have created for this assignment.

Agenda Covers

We will be looking at the last of the covers today. 

Covers will be due in the N drive folder and printed in color with your name on the back by tomorrow.

Programs and Layout

Your agenda design is a tool that students can with them throughout the day.  What would be cool or interesting to you and your classmates?

Use Adobe Illustrator, Photoshop or both.

Dimensions: 5” wide & 8” tall

Use guidelines to create a ¼” extra space.  The area within the guideline will fit the cover.  The purpose of the “bleed area” is to accommodate the rounded corners of the agenda cover.

This is a full color design.

It should have layers to create depth.  Find texture and paint brushes online to create visual interest.

Design dimensions are as follows:

·         300 dot resolution (155 lines)

·         5” x 8” (pull in margins)

Agenda Cover

                      Agenda Cover  

To do first:

-View actual examples of agenda covers from over the years at Lincoln, and those from other school. 

-Research designs online.

-Create 10 sketches for the agenda design.  These designs should be icon/image and font based.  Include The Lincoln High School and the year at minimum.  You can also include quotes, images and designs.  The sketches should be basic, mostly showing the placement or layout of important design elements.
-Get feedback 

-The design can be based on Lincoln, Lincoln High School or visually exciting design.  Design something you would want to use.

-Keep the 10% rule or use original photographs or drawing for your work.

-Be clever and think out of the box and off of the line.

POS-Getting started in Photoshop

-Document Size>300 x 500 pixels w/ transparent background

-Can use photographs you take around LHS

-Can use Illustrator and/or Photoshop for your final design

Things to consider:

-Full color using the styles

-Lots of Layers

-Change the opacity

-Photography

-Interesting textures either as backgrounds or in letters

-paint brushes to create interesting designs and textures
-paint brushes can be download from Brusheesy.com or other websites with free photoshop brushes.  Make sure that they can be use with CS6.

Your tutorial exercises can be turn in in the POS folder.  It is called Photoshop exercise turn-in.

Program of Studies

10 sketches are required for this assignment.  This includes getting 9 pieces of feedback between 3 classmates.

Sketches must include the following:

-Educational or school spirit related imagery

-Lincoln High School

-Program of Studies

-2014-2015

Things to consider:

-Full color 

-Photography

-Interesting textures either as backgrounds or in letters

Monday

Let the photoshop experience flow!

Nice work on the tutorials! These tutorials are meant to help you to learn new possibilities for enhancing your text or shapes in your designs.

We today we are trying out the brush tool in Photoshop. There are a lot of interesting brushes, and many ways to change how they look.

Upcoming projects:

1. Program of Studies for the web

2. 2015-2016 Agenda Cover

3. Website Design

Other Projects:

-Jerry Marshall Program

Past Due Assignments:
-POS
-State Cross Country T-shirt (several people did not turn in sketches, so they only earned half credit for working on the design.)