EMP2 04: INDESIGN + PROJECT

Desktop Publishing
Aldus to Adobe
Adobe Killer
Out of the ashes
A shift
What size????

Interactive PDF and forms
Object Styles
Packaging in all its glory
Instructional tutorial from Adobe

IN CLASS:
Take some time to organize all the assets.
What are you creating? What is your brand?
What type of interactivity?
Sketch a rough series of ideas for the project.
Give a short preview in class.

Assignment:
Create an e magazine, e- book, or interactive publication incorporating your Illustrator work, Photoshop design elements, and InDesign to format and publish. Your final should be:
– interactive
– include audio or video
– optimized for electronic delivery (on any platform – phone, laptop, pad, desktop)

DH 03: Mini Project #1 – Presentations

Presentations!

Deliverables:
– Written answers (#1, 2 above) should be turned in as a PDF file (if you are
working in pairs, please put BOTH names on the answer file)
– Your presentation should include visuals such as slides, images, videos, art, etc.
Visuals will be projected from the computer.
– Please turn in slides/presentations

Map
1. Motivation
2. Media
3. Process
4. Context

DESN200-MinorProject

WDS 02: HTML – Semantics to Tables 01/29/18

INTRO:
Read Chapter 1,2
Code Work: Review 1, 2 – Practice (create several HTML files)
Try the W3 HTML Tutorial
Create a splash page for your web site (use anything you want) with an image and a link. Example?

How to organize your HW

READING REVIEW:
Talk about Version Control
HTML is a hierarchy.
Attributes
HTML Summary
All the tags
HTML Summary 2
Good resource
Looking Ahead:
Read: 4, 5, and 6.
HTML: Try out all the code samples: 4, and 5 and 6. I want to see tables in particular.

Links
– HTML link attributes
– Ch4 – Examples,
HTML is depends on file paths pg. 11
Path demo. Should end up at this LINK. You can also download the files
E-mail link magic
Images
Tables
– Tables: Basic
– Tables: Colspan, Rowspan
Table: Photoshop Demo
HTML and the background image
Tables: background attribute

Studio 02: HTML Tables
Read: 4, 5, and 6.
HTML: Try out all the code samples: 4, and 5 and 6.

Class Project:
1. Read the chapters above
2. Create the following:
– At least 3 HTML pages set up in Parent, Child, and Grandchild directories.
– Use the “id” attribute, to link to “top”
– Use the “id” attribute to link to a specific section on another page
– Use the link attribute, to generate a new page (link to a new page or tab)
– Mount a large image in an HTML table using Photoshop. Next, put text over the image as demonstrated in class.

DH 02: The Human Spark 01/26/18

Primitive to say the least…
VIDEO: Tools, v2.0
READ: Old Caves
READ/LISTEN: NPR – Oldest painters
VIDEO: Lascaux is it Art?
READ: Beads
READ: Cave Jottings – Writing on the wall
Petro
READ(3): A very Foxy Gene
Pictures to Pictographs.
“A” for the bulls
I have an idea
More abstract
Egyptian pictures = history
Gimme some of that Vinca
Proto-Sinaitic script = Alphabet?
And that is just the start, folks. Hebrew, Arabic, Greek, and our very own Roman alphabet
BREAK:
VIDEO: Watch the following Documentary

ASSIGNMENT:
VIDEO: Cave of Forgotten Dreams by Werner Herzog
DESN200-MinorProject

EMP2 02: Illustrator


e magazine example
31 years old
Differences?
Bitmap vs Vector
Getting “Photoshopped”
FNC and VC
What file should I use?

PRACTICE:
Round Corners
Shape Builder, several resources
Pixel Grid in parts

IN CLASS:
Create something in illustrator using:
– Rounded Corners
– and using the shape Builder techniques
– Pay attention to your FNC as mentioned above
– If you are not feeling creative, here are some FREE Vector files
Upload file (PDF, JPG, PNG) to Google Drive and share with me (jparada@uarts.edu). We will review at the end of class

HOMEWORK:
Based on your class work, Create a polished Brand or Logo.
We will Critique next week

WDS 01: Introduction 01/22/18

Introduction:
Review Syllabus:

Book:
HTML and CSS: Design and Build Websites. John Wiley & Sons. 2011.
…and companion Site.

HW assignments – Example 1

Mid-term:
Mid
Mid
Mid
A bit much

Prototype: Example

Sample Work:
1- Sample Student Website
2 – Sample
3 – Sample
4 – Sample

WordPress
WP as a Final

Storage:
– USB Drive/ external Drive
– Pad or notebook + pen/pencil

Software:
Editors – BBEdit, TextWrangler
Brackets
My new favorite
FTP

Practice:
Real-time editor
W3
HTML Elements
HTML Attributes
– Setting up a development environment
– Testing code
– Version control
– Introduction to HTML

Studio 01: Set up and Intro to HTML
Read Chapter 1,2
Code Work: Review 1, 2 – Practice (create several HTML files)
Try the W3 HTML Tutorial
Create a splash page for your web site (use anything you want) with an image and a link. Example?
We will review at the end of class.

DH 01: Introduction 01/19/18

Intro:
Review Syllabus
Are you a designer?
AUDIO/READ: Animal design or sheer luck?
VIDEO: Kanzi – What about designing tools?
READ: The missing link?
Makers?
3M years ago
READ: The hand Ax
READ: I give you, Fire!
Not that easy
Before clothes…
Modern art
Narrative and virtual space
All over the place
And by Design…

ASSIGNMENT:
AUDIO/READ: Animal design or sheer luck?
VIDEO: Kanzi – What about designing tools?
READ: The missing link?
READ: The hand Ax
READ: I give you, Fire!