Creative Quick Tips Flashcards

1
Q

How do you create rounded corners with 2 squared corners in Illustrator?

A
  • Draw rounded rectangle and add a square rectangle
  • Shape builder will merge together

OR

  • Round corners, draw radius
  • Object, expand appearance, shape builder to merge shapes together
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

How can you quickly convert to black + white and adjust lightness + darkness in Photoshop?

A
  • Convert image to smart object
  • Open filter / Camera Raw
  • Add exposure, change contrast, highlight, shadow, white or black point, add clarity, increase vibrancy and reduce noise
  • Therefor, Camera Raw lives on smart filter which adjust anytime
  • Mask in or out selection, non destructively
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

How do you easily add or subtract points in a star?

A

By pressing UP or DOWN arrow / or ALT

DOUBLE-CLICK to form closed shape

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Why / How do you use the shapebuilder in Illustrator?

A
  • It allows you to combine shapes without combining them
  • Shift + M on keyboard
  • Select ALT + click to subtract
  • Just select to add
  • Shapebuilder Tool Options
    • Cursor Swatch Preview
    • Select Color Swatches
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

How would you create a square, circle, within octagon, within circle, within star?

A
  1. Select a square and circle
  2. Align to selection and key object
  3. Align to artboard
  4. Pick octagon and circle, align to center
  5. The key object has blue line which is thicker
  6. Move layers FRONT and BACK with CTRL + [
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

How would you import colors from Kuler into artwork?

A
  1. Adobe CC is Adobe Kuler
  2. Just “love” or “heart shape” your favorite color
  3. Window / Kuler / Refresh
  4. Click each swatch from Kuler on Fill Swatches
  5. Drop swatches from fill not Kuler
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

What reveals the temporary files while you draw in Illustrator?

A

~

Tilde Key

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

How would you quickly create complex patterns like squiggles and faded boxes that looks like skinning?

A

When you hold down ~ (TILDE) key while you draw any shape it will reveal temporary files on screen

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Name 2 ways to easily change color of artboard

A
  1. Fill document with color + Ctrl + Z to look it down
  2. Doc Setup / Simulate Color Paper / Click on white box which represent artboard, pick color from COLORS PANEL
  3. You are not going to see this when you print it
  4. Good for web design
  5. Assumes color of paper will be green
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

How do you reset bounding box? And why?

A
  1. Pick shapes, use UP or DOWN to add or subtract sides on shape
  2. SHIFT + DRAG to constrain proportions
  3. Ensure shapes look exactely the way you want them to be resetting bounding box after rotated or destored object
  4. Reset / Bounding Box
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

What does RGBA stand for?

A

R = Red

G = Green

B = Blue

A = Alpha

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

IN 2014:

What is one way to BRIDGE GAP between designers & developers so things run more smoothly?

A
  1. Designers can COPY + PASTE CSS Properties by RIGHT CLICK - LAYER and select COPY CSS
  2. Or you can wear developer hat, and use SELECTION OF CSS CODE to CALL OUT CSS in HTML through CSS DECLARATION
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

What would be easiest way to create multiple LOGIN or HOME buttons with scalable rounded rectangles?

A
  1. Scalable objects using LIVE EFFECTS and something called 9-slice scaling
  2. Through converting your live effect via STYLIZE / ROUNDED CORNERS
  3. Drag + drop into symbols panels
  4. Symbols options
    1. NAME: Btn
    2. TYPE: Graphic
    3. ENABLE GUIDES FOR 9-SLICE SCALING
    4. ADD BTN
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

What shortcut will FILL your foreground on canvas?

A

ALT + BACKSPACE

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

How would you change color of text without grabbing text tool?

A

Press OPT key + DELETE or BACKSPACE to change color of text

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

How would you easily remove any objects from photo without grabbing the tool?

A
  1. Fill / Use: Content-Aware
  2. Shift + Backspace to fill
  3. Content-Aware
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

How would you create a consistent, well-spaced out element, inside of web design mockups?

A
  1. Use preferences (CTRL+K)
  2. Change increments to spacing you need (1PX, 5PX, 15PX and 30PX)
  3. Nudge up an edge
  4. Tap 1 or tap 2 spaces (depending on setting)
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

Can you list 10 WordPress Plugins to use for your blogpost? What do they do?

A
  1. W3 Total Cache - Speed Issue
  2. Better WP Security - Malware
  3. WordPress SEO - Improve SEO
  4. WPThumb - Image resize
  5. Easy Digi Down - Sell digital
  6. Advanced Custom Fields - Callouts to fronted
  7. Wordpress.com into Wordpress.org - Jetpack
  8. Backup Buddy - Backups Database
  9. Gravity Forms - Form Building Program
  10. Pippin’s Plugin - Sell membership with restrict content
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

Which websites provides plugins for WordPress with restriction on content?

A
  1. Pippin’s Plugins sells membership or restrict content behind pay wall
  2. Plugin is called Restrict Content Pro designed by Pippin Williamson, putting certain content behind a way to ensure only certain members to see it
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

What plugins provide premium membership for contact forms, quizzes and questionnaires? Also, backup for database and full restore or migrate to your new server.

A
  1. Backup Buddy in iThemes
  2. Sent to Amazon, Dropbox
  3. Take locally develop suite to a production environment live on internet
  4. Gravity forms is form building programs by Rocket Genuis
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

Which plugins will help you with following for Wordpress?

  1. Speed issues
  2. Malware
  3. Improve SEO
  4. Image resize + cropping
  5. Sell digital goods
  6. Callouts to front
  7. Wordpress.org becomes Wordpress.com
A
  1. W3 Total Cache - “Snapshot of website” and store it as caching
  2. Better WP Security - Malware Attack
  3. Wordpress SEO by Yoast
  4. WPThumb
  5. Easy Digital Download
  6. Advanced Custom Fields
  7. Get WordPress.com features into WordPress.org
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

How would you quickly unlock layers in Photoshop?

____

What are some quick ways to use shortcuts to change opacity?

A
  1. Double click to unlock it
  2. Opacity - # press nr 1-9 to lower opacity
  3. COMBINE - 75%
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q

How can I embed social media icons into website mockups?

A

Through FONT AWESOME, iconic font designed by BOOTSTRAP which you load through TYPEKIT in Windows/Type/Glyphs and you do not have to type in a code like before

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
24
Q

How would you create a MULTI-STATE FLEXIBLE BUTTON like BUY NOW (blue) and BUY NOW (pink)

A
  1. Draw buttons
  2. Add 3 fills from Appearance Panels
  3. Text fill is the button - 1st fill
  • Fill: One normal state - 2nd fill
  • Fill 2: One hover state - 3rd fill
  1. Hold SHIFT to bring up ALTERNATE color to change COLOR of STATES
  2. Convert to shapes - rounded rectangle
  3. Shape option: Absolute + Relative, 4px radius
  4. Graphic Style Panel
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
Q

How would you quickly LOCK and UNLOCK artwork in Illustrator?

A
  • Ctrl + 2 = Lock artwork
  • Alt + Ctrl + 2 = Unlock artwork
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
26
Q

Which 5 free fonts does Justin Seely recommend to use for sub-headings for magazines, signage on billboard, real-estate sales office, musician flyer

A
  1. Arenq
  2. BDRG
  3. Homizio Nova
  4. Redressed
  5. Adam
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
27
Q

How can you improve SEO for website on muse?

A
  1. You can change name of website by double clicking on masterpages
  2. Go to page menu/page proporties/metadata/page title/preferences
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
28
Q

What would be shortcut to fitting content to frames?

A
  1. CTRL + D = Place
  2. SHIFT + ALT + CTRL + E = Fit Content Proportionally
  3. SHIFT + ALT + CTRL + C = Fit Frame Proportionally
  4. CTRL + ALT + C = Fit Frame To Content
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
29
Q

How can you automate your workflow to increase efficiency with data entry in In Design?

A
  1. Come up with your own shorthand which can complete sentences via Auto Correct for you
  2. Abbreviations like AHD for Anel Henning Design which include any hypens or special characters
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
30
Q

How would you quickly draw complex shapes without pen or pencil tool such as YIN-YANG symbol?

A
  1. Create complex artwork drawing proportionally shape using ALT+DRAG or SHIFT+DRAG
  2. Copy + paste bring to front (CTRL + C / CTRL + F)
  3. Shrink with SHIFT KEY + ALT
  4. SHIFT + M = SHAPEBUILDER
  5. Change alignment of stroke: OUTSIDE, INSIDE or CENTER
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
31
Q

How can you create multi versions of files by quickly duplicating it in Photoshop?

A
  1. History / “capture snapshots”
  2. You can save snapshots out as ‘separate files’ so you can back them up as reference, when you want them
  3. Use snapshot to capture in History Panel when you need to go further than 20 steps in history
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
32
Q

How would you create quick small - large size product comps for your mockups for web + UI client presentations + large displays?

A
  1. Free small downloads on www.PLACEIT.com for free 0, small 0, normal $8, high $10, super high $100 and monthly for $12
  2. Website templates on www.GraphicRiver.net for $1 graphic stock
  3. Up to 315,807 selection
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
33
Q

How would you create a non-destructive vector art that scales, rotates, manipulates anyways you want without penalty?

A
  1. Draw basic shape like triangle
  2. Shift + drag (constrain) to duplicate triangle
  3. Alt + drag (shrink)
  4. Effects/Distort + Transform / Transform
  5. Rotate: 7-10 degrees
  6. Copies: 34
  7. Preview (Shows shape before you release it)
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
34
Q

Name 5 tools that can help building wireframe + mockups?

A
  1. MOQUPS - Online editor, mockups, real-time collaboration. Standrad 10p for $99
  2. BALSAMIQ - Personal monthly $12 / 2-3 users for $158 - $237
  3. INVISION - 3 Active projects for $15 month / $22 mo/ annually
  4. UXPIN - Unlimited project storage per revision, $14.99 monthly for collaboration
  5. ILLUSTRATOR + CLOUD - Upgrade team monthly
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
35
Q

How would you create a short movie to use on TUMBLR blog to create MEME effect?

A
  1. File/Import/Video frames to layers
  2. Open .mov and import
  3. Scrub through video; clip or trim video on control
  4. The lower frames, the smoother the animation, the higher file size
  5. Save as GIF restrictive
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
36
Q

What would be a way to create extra security with 2-way authenticator or WordPress?

A

Google authenticator plugin is part of Google Authenticator app which has a TIMER on Google Authenticator that expires

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
37
Q

How can you analyze the speed of your website to make sure you deliver optimal user experience?

A
  1. Go to GOOGLE DEVELOPERS at http://developers.google.com/speed it will rate your page speed for iPhone and desktop will suggest changes to each page
  2. Fast and optimal
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
38
Q

What does fast and optimized pages lead to?

A
  1. You could use GOOGLE DEVELOPER
  2. Higher visitor engagement (page speed tools), retention and conversion
  3. Implement web performance best practices after identify performance issues
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
39
Q

How would you create beveled text with your own custom stroke + shadow affects NOT using non-destructive effects.

A
  1. Objects / path / offset path
  2. Offset path / milter limit / 4
  3. Shift + Ctrl + G
  4. Smart Guides
  5. Draw in lines / Pathfinder / Divide
  6. Pathfinder / Ungroup / Unite / Custom
40
Q

How would you draw a logo, white outlined with grey for shadows, to appear transparent where white outlines appear.

A
  1. Start with HIPSTER SCRIPT and outline it
  2. White aligned stroke / ALIGN STROKE TO OUTSIDE
  3. Copy + paste behind itself - CTRL + B
  4. Light grey outline, nudge selection by pressing arrow keys
  5. Object / Path / Outline Stroke
  6. Shift + M
  7. Ctrl + Click
  8. Clean Up
41
Q

What steps could you take to automate your workflow in Photoshop?

A
  1. Customize your own shortcuts (CTRL + K)
  2. For ex. Levels (CTRL + L) and Curves (CTRL + M)
  3. Workflow will get faster the more shortcuts you add to common tools you use often
42
Q

How can you streamline your process in In Design?

A
  1. Right click on ruler OR Info Panel to change measurements
  2. Object + Layout / Transform
  3. Add / Subtract / Multiple in Transform
  4. Live corners becomes rounded corners
43
Q

How would you quickly create flattened PSD of comp in Photoshop?

A
  1. SHIFT + ALT + CTRL + E
  2. Merge PSD to JPG
  3. Save for web
44
Q

How would you quickly create documents for variety of devices, websites or any operating systems?

A
  1. New / Web / Mobile Devices
  2. New document presets /
    • Preset name:
      • iPad - 1536 x 2048px
      • iPad Mini - 1024 x 768px
      • iPhone 5 - 640 x 1136px
      • KindleFire HD - 800 x 1280 px
45
Q

Your customer lives abroad and he wants to do color exploration himself.

Name 6 color schemes you would send for him as a foundation, before he starts.

A
  1. Monochrome
  2. Light grey + dark
  3. Analogic + compliment
  4. Compliment
  5. Triad
  6. Quad
46
Q

You found a color you like from desktop image.

Which website can you visit to help you immediately pick your color with mouse?

A

www.colourco.de

You can pick your color with mouse or combine with 3-4 other colors.

47
Q

List 5 new lightweight, flexible fonts that is SANS-SERIF, perfect BODY COPY in Typekit.

A
  1. Omnes Pro - Hairline 100 weight
  2. Proxima Nova Alt - Thin 100 weight
  3. Azo Sans - Thin 200 weight
  4. Brandon Grotesque - Thin 100 weight (web only)
  5. Aktiv Grotesk STD - Hairline 200 weight
48
Q
  1. How should you sync up with Creative Cloud profile?
  2. What other features + abilities do you have on Cloud profile?
A
  1. Get 20GB free storage when you sign up
  2. Sync desktop settings with profile
  3. Sync all brushes, symbols / preferences for all your APPS
  4. Access to Creative Cloud WORKSPACE to download VECTOR art
  5. Update Adobe Programs
  6. Update Typekit fonts
49
Q

Name 5 resources you would use to print 3D models or download and design yourself.

A
  1. MakerBot Techniques - Remix 3D things or Open Platform
  2. 3D Warehouse Sketchup - Search models under keyword, download sketchup 7 mode, Google earth, Kluz
  3. Grab CAD - Help mechanical engineers
  4. 3D Content Central - Mechanical 3D types of models
  5. 3D Thin - Digital playground
50
Q

How would you create a quick thumbnail sketch for templates?

A
  1. Thumbnail size of 5x4 shape with 1.5 x 1.5 rectangle for desciption underneath
  2. Ctrl + D and Ctrl + G to fill up page
  3. Align to selection
  4. Horizontal Align Center
  5. Vertical distribute center to space evenly
  6. Align to artboard
  7. Print with SLUG at bottom with
    • Project: ________
    • Client: ________
    • Date: _________
51
Q

Please list 5 text editors for web developers to use in November 2014 for either PC/MAC. List their prices.

A
  1. Sublime text - Cross Platform
  2. VIM.org - Free / open source
  3. Textmate - MAC / Transmit - $50
  4. Coda 2 - MAC / $79
  5. Notepad ++ / PC / Free
52
Q

How would you describe the ‘new’ LIBRARIES PANEL which launched October 2014 at MAX conference.

A
  1. You save everything you want into your profile
  2. List includes: Adobe color correction, fonts, photos, etc
  3. You sync it to all programs
  4. You can access it, anytime, basically as it doesn’t live on server
53
Q

How do you sync your assets, communicate with your team, search + locate artwork for Behance and save to your desktop?

A

Through “Creative Cloud” app that sync all apps in Illustrator, In Design and Photoshop. Assests opens up to a community of resources to you.

54
Q

Can you name the mobile apps for Illustrator, Photoshop or Lightroom, Premier? Also, what did Creative Cloud launch in October 2014 for mobile app community?

HINT: It helped pick elements from the environment.

A
  1. AI: Illustrator Draw, Illustrator Line
  2. PS + LR: Photoshop Sketch, Mix and Lightroom Mobile
  3. PR: Premier Clip
  4. CAPTURE: Adobe Color, Brush and Shape launched in October 2014
55
Q

Can you describe the new connected workflow for Illustrators? It launched October 2014.

A
  1. Adobe SHAPE + ILLUSTRATOR DRAW
  2. TOUCHSLIDE (ruler) + DRAW (iPad) + INK (Pen)
  3. The connected workflow is when you take a photo of type you like with Adobe Shape, move into Adobe Draw on iPad.
  4. Use TOUCHSLIDE to draw straight lines or circles
  5. Use ADOBE INK as a pen + draw iPad
56
Q

What mobile app can create very natural looking apps that can create powerful drawings or paintings?

A

ADOBE SKETCH is a new drawing app that works with brushes like pencils, pens, markers but no charcoal brush. If you take a photo of charcoal with ADOBE BRUSH, it will load into ADOBE SKETCH.

57
Q

Can you tell me a connected workflow where you make a new brush, create drawing, illustrate a face and edit vectors for large scale mural?

A

Connected workflow - from BRUSHES to PHOTOSHOP to SKETCH to ILLUSTRATOR.

Photography charcoal in brushes, load in Photoshop, take to sketch to draw illustrations and finalize drawing.

58
Q

Why is iPhone now digital sampling for modern world?

A

Because you can shoot video in PREMIERE CLIP, jump to iPad, open up in PREMIERE PRO. You can make own brushes from photos for illustrations and take a photo to vectorize a shape, load into SKETCH, mix, clip and draw or line.

59
Q

What are some of the new things you can do with video editing on iPad + iPhone?

A

Connected creativity with access to profile

60
Q

What can you do in Acrobat XI?

A
  1. Create PDF documents to create, manage, edit, assemble or search
  2. PDF forms
  3. Collaborative Reviews
  4. Legalize
  5. Prepare professional printing
61
Q

What does P-D-F stand for?

A

Portable Document Format

62
Q

What does government use Acrobat for?

A
  1. Automate documents
  2. Create PDF forms to comply with standards
  3. Classify + protect legal documents
  4. Document security + education
63
Q

What does educational professors use Acrobat for?

A
  1. Create + combine multiple documents into one PDF
  2. Polished PDF portfolio for slideshow with powerful commenting + annotation of tools.
  3. Create advance editing in Word, Excel, PPT, Sharepoint, Office 365
64
Q

What service does Adobe’s Acrobat have on www.acrobat.com

A
  1. Create PDF
  2. Echo Sign
  3. Export PDF
  4. Forms Central
  5. Send No
  6. Workspace
  7. All within cloud + Acrobat Touch
65
Q

Can you explain how a banner ad works in Flash?

A
  1. It is usually 15 seconds, 40-50 kb
  2. Simple banner ads on front home page
  3. Flash animation
  4. Text fades in without audio
  5. Doesn’t expand
  6. Strong call to action with button
  7. Number of clicks track carefully
  8. SHOP NOW - click here, shop now
66
Q

Can you explain how a VIDEO AD works?

A
  1. Normally 15-30 second longs
  2. Video not animation
  3. At end of video, message very clear
  4. Call to action: watch again or click elsewhere to learn more
  5. Should be VERY SIMPLE
67
Q

What is EXPANDABLE ADS on the web?

A
  1. Expandable ads leaves room for users to interact
  2. Simple animation + clear call to action @ bottom to see more
  3. When you roll over, it EXPANDS, and becomes INTERACTIVE
68
Q

What type of interactivity can you add to expandable banner ad?

A
  1. ROLL OVER, EXPAND, audio plays
  2. SCROLL-DOWN (read a recipe)
  3. Form Submit Email
  4. CLICK AT BOTTOW (read a recipe)
  5. -OR- Click on person to read BIO
  6. Click SHARE BUTTON to share with friends on social media
  7. Facebook, Twitter, Email
  8. Therefore, it will pre-populate links
  9. Close button
69
Q

What is takeover ads and how do they differ from expandable?

A
  1. These ads take over most of USER SCREEN for immersive experience
  2. Expandable ads that are already expandable with transparent background
  3. Expandable using JAVASCRIPT + TRANSPARENCY for content show
  4. Then, opens up, interactive experience like DROP DOWN MENUS
70
Q

What are some of the USER NAVIGATION you can experience with TAKE OVER ads?

A

After the ‘takeover’ animation with transparent content to show content below, you can do the following:

  1. Find a gift
  2. Send to a friend
  3. Create saved list for myself
  4. Send email as reminder for gifts to buy it
71
Q

Can you give me an example of expanded ads that plays video?

A

Expandable dimensions reveal themselves as ad plays like cockroach creeping across type of website, growing in size with pop-ups. You looking at me? text across screen.

Close button with top + bottom text that animates in. It doesn’t re-expands when done, just play video.

72
Q

Why is the ‘peel down’ page ad considered unusual? What are they called?

A

It is already an expandable ad which interacts with user without rolling over it.

Take over ads: they aren’t allowed on a lot of sites because they are so disruptive to a user. Users may not see ad at all.

73
Q

What are sync ads or blocked ad technologies?

A

Two ads that appear next to each other on screen sync up and interact. BANNER ad and SQUARE ad.

74
Q

What are more complex options for sync ads or block ads technology?

A

Video banner ad with a nice end to show product in sync with another ad. Normally the video banner ad is very compelling. The sync ad that follows is not expandable with minimal animation.

75
Q

What are some user interactivity you can have with simple, 15-sec animation banner, ad lead in or to video with interactivity options?

A

BANNER ad with video roll on/off

Scroll Bar + Video (accordion fold)

76
Q

How would you describe a banner, turns into video with panels to view photos, games etc. from movie.

A

Starts off with intro animation less than 15 seconds, video starts on its own, video has no sound. Once you rollover, it expands, with video you can watch, put sound on/off. Panels to click to gallery, for images, click to see games, open game to website. Enter site button on expandable ad or enter ZIP code to buy tickets.

77
Q

What is “POLITE” download?

A

A “polite” download is when each ad uses ‘panels’ and it might even be it’s own .swf file. The 1st part of an ad maybe 40kb, containing initial animation, downloaded embedded ad. Once the rest of the page has downloaded, more of ad can start loading in background. It is ready for use when user ask for it.

78
Q

Can you list 4 best practises to design an ad so it’s in line with best practises + development?

A
  1. Describe an ad so it’s in line with achieving objective of campaign, view + click, user engage to build brand time
  2. Stick to publisher requirements, stick to LCD or lowest common denominator
  3. Keep optimization in mind: limit # of images in creative concepts, crop bitmaps down to include parts you need
  4. Optimize images in Photoshop, Fireworks or Flash
79
Q

What does it mean when user builds brand time?

A

When an user does more than view + click an ad, like engage or interact with it, somehow.

80
Q

Name 11 steps on how to optimize what you need with images?

A
  1. Keep ‘flow’ going
  2. Design ad by limit # images in creative
  3. Crop bitmaps down to included needed
  4. Optimize images in PSD, Fireworks or Flash
  5. Avoid zooming or panning bitmap
  6. Use vector instead of bitmap to enage user
  7. Use simple Arial fonts for MAX hotspots
  8. Put bitmapped or file-size-heavy visuals into parts of ad that are loaded after load
  9. Make sure call to action is clear + prominent
  10. CTA: Drives users to engage and actionable item
  11. Have CTA immediately - use border
81
Q

What should be ‘ideal’ user interaction for web banners?

A

Ideally, the entire surface area of the ad should be hot to max your hot spot area for interactivity.

82
Q

What is the limitation of the surface area for banner ad and it’s hot spot which triggers an expansion?

A

No more than 25-33% of ad’s surface area

83
Q

What will help to keep the flow going for ads that expand with multiple panels?

A

All panels should be accesible

In addition, on horizontal banners, hotspots for call to action should appear horizontally or adjacent, NOT ON TOP OF ONE ANOTHER. Vertical banners - hotspots should appear on top of one another, not adjacent.

84
Q

How would you plan to keep users engaged?

A

Expanded ads, individual need some activity for user to perform with clear call to action to tell user what to do like CLICK, FILL OUT FORM, VIDEO VIEW.

Whatever required action, users should be MINIMAL ENOUGH to complete it.

85
Q

What are some REQUIREMENTS for CLOSE BUTTONS?

A
  1. Don’t let viewers get frustrated by ads they can’t close
  2. Required on expanded panel
  3. Shouldn’t overlap expansion hit area reexpanding user area
  4. Expand / collapse methods to match
  5. All ads should stop videos + sound
  6. Resolve ads to endframe graphic
86
Q

What are the top 13 best practices for shooting a video?

A
  1. Have a purpose
  2. Publisher’s requirements and length matters
  3. 15-30 sec slots
  4. Call out to action
  5. Play button
  6. Speak up: set video to autoplay for rollover VS click to play
  7. Make video user friendly
  8. Finish strong, end on final video frame or static art card
  9. Call to action: Replay or CLICK BUY NOW
  10. Multiple videos, one ad
  11. Frame rate
  12. Shoot for internet
  13. Prepare your video
87
Q

What does it mean to have a ‘purpose’ for using video in your work?

A
  1. Does it engage the user?
  2. Make sure it enhances your ad and doesn’t take away from it
  3. Will it stand out enough on page?
88
Q

What is the standard length for video for publisher’s requirements? How can yuo help along engagement with video?

A
  • 15-30 second spots
  • Set on autoplay for loop; not click to play with clear CALL 2 ACTION
89
Q

What does it mean to make video user friendly?

A
  1. Hide video controls, if allowed
  2. Include leading message that appears as video streams in so users with slower connections will know the video is coming
  3. Video player controls pause, play, mute, replay and volumne scrubber
90
Q

What is the common frame rate for North American implementation?

A

24 frames per second to coordinate things that happen in Flash piece with CUE points in video.

Shoot for internet.

91
Q

What type of advertisement campaigns run on broadcast TV like www.ABC.com, www.Discovery.com to help drive up user interaction?

A

Two ads that run together in sync or tandem.

HD or high definition quality video

92
Q

How would you spend your time to prep your videos?

A

Have any placards unwanted house titles and end cards removed before converting video into end formats.

Consider the following:

  • Compression requirements
  • Make sure proper aspect ration so it doesn’t improperly stretch
93
Q

IN BANNER DESIGN:

What is Publisher? What is an advertiser? How do they define their goals?

A
  1. A company or entity who want advertise
  2. They define what goals for ad to achieve and content goes into all
  3. An advertiser pays the publisher for privledge of having their ad appear on site
  4. The publisher - type of content + amount of traffic is high - attracts audience
94
Q

What are AD NETWORKS and some examples?

A
  1. Conglomeration of sites
  2. Act as brokers between advertisers and publisher sites
  3. Yahoo advertising, double click on Google, MSN advertising
  4. 24/7 real media
  5. Netshelter
95
Q

If you have the following paced artwork in After Effects.

How would you organize it?

  1. AI
  2. 2 Compositions (1 video, 1 PSD)
  3. PSD
  4. Quicktime
A
  1. Output comp folder: these are compositions you will be rendering out from
  2. Graphics folder: all original graphics (AI, PSD)
  3. Other comps (not output comps)
  4. Video footage (Quicktime)
96
Q
A