Leads for Friday July 11, 2011
Healthy Living Blog Header
First Leads for B-Net
 |
| Chosen Image |
Very first live leads for Bnet. The takeaway on this project is adding the edge (layer mask) over the top and erasing out the sections that overlap the border such as her hands and the roosters tail.
 |
| Alternate |
Oversized Postcard Draft 1
 |
| 11 x 5.5 Horizontal Postcard Design |
 |
| 11 x 5.5 Horizontal Post Card Design |
Cause of the Month Ads
 |
| 300 x 280 Animated Gif |
 |
| 320 x 280 Static Ad (Not Flash) |
 |
| 728 Animated Gif |
These were approved quickly by B & S - but for the future to reduce the pixelation around the edges, possibly cut back on gradient uses, special effects. Also "static" when listed on eventum means make it animated unless it's flash.
Doormat Tests
Critiques on Instructions Project
1. Very text document like
There are occasions for that but this being the
first thing they see when they open the box, should be a little more
exciting and attention grabbing. I wanted it to be immediately
identifiable as instructions.
2. Layout should immediately convey... first step1, then step 2. Its very important when designing
to think of what the piece is supposed to do, and how can it best covey that. Another thing that just didn't feel right about the first one wasthe phones. They felt as though they were just used to quickly fill a
hole rather than used as a part of the whole design. Notice on the new one how the phones have the rich diffused shadow that gives they the feel of really being physical objects, and how the phone breaks out of the border. Anytime I have a project to be printed in house with no bleed, I try to think of a way to make that work for me rather than against.
3. I often see big differences in designers styles when
creating in ID or PS. It usually becomes flatter and more Word Doc like.
And that is because InDesign is just MS Word on steroids. It is
essentially just a page layout and text editing tool. I always use it
(or Illustrator) for my final export to get nice reliable vector text,
but I always design it in photoshop first. Trying to design in InDesign
limits you and because of the differences in how they work you
subconsciously even don't do things you would do if you were in
photoshop.
There are occasions for that but this being the
first thing they see when they open the box, should be a little more
exciting and attention grabbing. I wanted it to be immediately
identifiable as instructions.
2. Layout should immediately convey... first step1, then step 2. Its very important when designing
to think of what the piece is supposed to do, and how can it best covey that. Another thing that just didn't feel right about the first one wasthe phones. They felt as though they were just used to quickly fill a
hole rather than used as a part of the whole design. Notice on the new one how the phones have the rich diffused shadow that gives they the feel of really being physical objects, and how the phone breaks out of the border. Anytime I have a project to be printed in house with no bleed, I try to think of a way to make that work for me rather than against.
3. I often see big differences in designers styles when
creating in ID or PS. It usually becomes flatter and more Word Doc like.
And that is because InDesign is just MS Word on steroids. It is
essentially just a page layout and text editing tool. I always use it
(or Illustrator) for my final export to get nice reliable vector text,
but I always design it in photoshop first. Trying to design in InDesign
limits you and because of the differences in how they work you
subconsciously even don't do things you would do if you were in
photoshop.
Welcome Letter - Half Page A4
 |
| Tom's Version (mostly photoshop) |
 |
| Leslie Version (indesign) |
Condition Center Leads
Linking Images
Absolute vs. Relative
An is if the URL and file name can be found from anywhere on the Web, not just from a single Web site. An absolute link specifies a fully-qualified URL; the protocol must be present in addition to a domain name, and often a file name must be included as well.
A specifies the name of the file to be linked to only as it is related to the current document
This link will be valid only from within the same directory that is saved in.
For example the absolute link for the files I work from are...
http://www.affinity4.com/misc/email/a4-email/2011.7.5_ConsumerNews
(for the consumer news letter).
Paste the path and before the slash add the a4 info.
Or whatever server you work from.
An is if the URL and file name can be found from anywhere on the Web, not just from a single Web site. An absolute link specifies a fully-qualified URL; the protocol must be present in addition to a domain name, and often a file name must be included as well.
A specifies the name of the file to be linked to only as it is related to the current document
This link will be valid only from within the same directory that is saved in.
For example the absolute link for the files I work from are...
http://www.affinity4.com/misc/email/a4-email/2011.7.5_ConsumerNews
(for the consumer news letter).
Paste the path and before the slash add the a4 info.
Or whatever server you work from.
A4 Book Drive June 2011
Emails - January-May 2011
Direct Bill - May 2011
 |
| Doublesided Letter - Trifold |
 |
| Doublesided Letter - Trifold |
 |
| Doublesided Letter - Trifold |
 |
| Doublesided Letter - Trifold |
Most Inspiring Pieces July 2011
I'm posting a little out of order (these were finished in late June). When the lead went live on BNet, unfortunately the final file looked very blurry and fuzzy, in the future I will save for "web" and other devices, vs. the standard jpg save.
 |
| 650 x 250 Lead |
 |
| 400 x 300 gallery lead |
 |
| 300 x 250 Ad |
Static House Ads - Draft 1
 |
| 300 x 250 Inspired Faith House Ads |
 |
| 300 x 250 Inspired Faith House Ad |
 |
| 300 x 250 Inspired Faith House Ad |
 |
| 180 x 200 Love & Family House Ad |
 | |
|
 | |
|
 | |
|
Notes from EPAC Interview
CMS =Content management system, allows content creators to submit content without requiring any technical knowledge of html. (example = joomla).
HTML = building block of all websites, allows image & objects to be embedded and can be used to create interactive forms
CSS = Cascading style sheets = define the layout and appearance of text and other materials
Make efforts to memorize these.
HTML = building block of all websites, allows image & objects to be embedded and can be used to create interactive forms
CSS = Cascading style sheets = define the layout and appearance of text and other materials
Make efforts to memorize these.
Stationery in Word
- View - header & footer
- Insert - picture from file
- Double click on file in front of text
- Make files png.
Buttons & Verticals
Buttons
If you do fancy bevels/drop shadows for website >it has to be made into a piece of art> so it is best to minimalize amount of work on objects that are repeting.
Verticals
The outer edges need to be matching solids so the graphic will be portable (ex. Andy Andrews).
All about click generating.
If you do fancy bevels/drop shadows for website >it has to be made into a piece of art> so it is best to minimalize amount of work on objects that are repeting.
Verticals
The outer edges need to be matching solids so the graphic will be portable (ex. Andy Andrews).
All about click generating.
HTML in the beginning
HTML = Content
CSS = Design
Start with New CSS & New HTML file
Padding is inside the box.
Margins are outside the box.
Padding goes bottom, left, right, top (0)
Margin left = Auto (0)
Margin right = Auto - this centers it in the screen.
(leslie scan your picture and add it here).
Header = H1 tags
Span asks what to define something as.
Like for example half red text half black text.
Headlines don't get class.
Class = many different types of formats for a single HTML tag.
The CLASS attribute specifies the element to be a member of one or more classes. Classes allow authors to define specific kinds of a given element.
Change one page -
You can't do rollovers in emails (can't set rollover colors)
You can do animated gif's in emails.
(leslie wrangle your notes and put them here)
CSS = Design
Start with New CSS & New HTML file
Save everything in one folder.
Make image folder, make background.
Padding is inside the box.
Margins are outside the box.
Padding goes bottom, left, right, top (0)
Margin left = Auto (0)
Margin right = Auto - this centers it in the screen.
(leslie scan your picture and add it here).
Header = H1 tags
Span asks what to define something as.
Like for example half red text half black text.
Headlines don't get class.
Class = many different types of formats for a single HTML tag.
The CLASS attribute specifies the element to be a member of one or more classes. Classes allow authors to define specific kinds of a given element.
Change one page -
You can't do rollovers in emails (can't set rollover colors)
You can do animated gif's in emails.
(leslie wrangle your notes and put them here)
Reflection on computer/tv screen
To set up shortcuts (these will help with any action you do repetively)
Preferences > Over 100 history states
Window
Workspace > keyboard shortcuts & menus > application menus (be careful)
Reflection
Split > b > move tool
copy
fix vertical > touch > complex reflections
Use marquee select where reflection the touch
Apple t> command
Command d > select
Shift click to turn mask off
(leslie scan notebook page to understand this)
Preferences > Over 100 history states
Window
Workspace > keyboard shortcuts & menus > application menus (be careful)
Reflection
- Make solid color larger.
- Make shape with gradient mask (white - transparent foreground).
- Keep more than you will need.
Split > b > move tool
copy
fix vertical > touch > complex reflections
Use marquee select where reflection the touch
Apple t> command
Command d > select
Shift click to turn mask off
(leslie scan notebook page to understand this)