COLUMN GUIDELINES - IT CAN WAIT

Size: px
Start display at page:

Download "COLUMN GUIDELINES - IT CAN WAIT"

Transcription

1 COLUMN GUIDELINES - IT CAN WAIT 100% #067AB4 COLUMN PRIMARY COLOR 505px 55px 140pt (AND GROWS) #0972A8 GRADIENT USES COLUMN S PRIMARY COLOR #067AB4 ON TOP OF A WHITE BACKGROUND 3450px 2775px #0972A8 117pt #0972A8 505px 28pt 2120px NOTE: - TITLE AND DESCRIPTION TEXT BOX IS CENTERED VERTICALLY IN THE CIRCLE - BUTTON COPY IN THESE RENDERINGS IS FPO 10%

2 COLUMN GUIDELINES - ASPIRE 100% COLUMN PRIMARY COLOR 505px 55px 140pt (AND GROWS) #9ACA3A GRADIENT USES COLUMN S PRIMARY COLOR ON TOP OF A WHITE BACKGROUND 3450px 2775px #9ACA3A 117pt #9ACA3A 505px 28pt 2120px NOTE: - TITLE AND DESCRIPTION TEXT BOX IS CENTERED VERTICALLY IN THE CIRCLE - BUTTON COPY IN THESE RENDERINGS IS FPO 10%

3 COLUMN GUIDELINES - DISASTER RECOVERY 100% COLUMN PRIMARY COLOR 505px 55px 140pt (AND GROWS) #4C9A44 GRADIENT USES COLUMN S PRIMARY COLOR ON TOP OF A WHITE BACKGROUND 3450px 2775px #4C9A44 117pt #4C9A44 505px 28pt 2120px NOTE: - TITLE AND DESCRIPTION TEXT BOX IS CENTERED VERTICALLY IN THE CIRCLE - BUTTON COPY IN THESE RENDERINGS IS FPO 10%

4 COLUMN GUIDELINES - CROWDSOURCING INNOVATION 100% #EF6F00 COLUMN PRIMARY COLOR 505px 55px 140pt (AND GROWS) #EB6723 GRADIENT USES COLUMN S PRIMARY COLOR #EF6F00 ON TOP OF A WHITE BACKGROUND 3450px 2775px #EB pt #EB px 28pt 2120px NOTE: - TITLE AND DESCRIPTION TEXT BOX IS CENTERED VERTICALLY IN THE CIRCLE - BUTTON COPY IN THESE RENDERINGS IS FPO 10%

5 COLUMN GUIDELINES - WOMEN IN TECH 100% #81017E COLUMN PRIMARY COLOR 505px 55px GRADIENT USES COLUMN S PRIMARY COLOR #81017E ON TOP OF A WHITE BACKGROUND 3450px 2775px 140pt (AND GROWS) #722A71 117pt #722A71 505px #722A71 28pt 2120px NOTE: - TITLE AND DESCRIPTION TEXT BOX IS CENTERED VERTICALLY IN THE CIRCLE - BUTTON COPY IN THESE RENDERINGS IS FPO 10%

6 COLUMN GUIDELINES - MENU (IT CAN WAIT) #067AB4 (COLUMN PRIMARY COLOR) 28pt #064B6F #067AB4 (COLUMN PRIMARY COLOR) 42pt 36pt 117pt COPY CENTERED HOR. IN AVAILABLE SPACE 4032px (70% OF COLUMN) CENTERED VERTICALLY 2200px ARROW FPO WILL BE ANIMATED (REFER TO ANIMATION VIDEO) NOTE: - TITLE AND DESCRIPTION TEXT BOX IS CENTERED VERTICALLY AND HORIZONTALLY IN THE CIRCLE 920px 160px 756px (70% OF COLUMN) 102px 60px - BUTTON COPY IN THESE RENDERINGS IS FPO - TEXT IS ANIMATED, REFER TO ANIMATION VIDEO

7 COLUMN GUIDELINES - TAKE THE PLEDGE ClearviewATT (BOLD) 120pt 90pt 560px 28pt #067AB4 102pt #067AB4 Omnes_ATT II (BOLD ITALIC) 42pt AUTO LEADING 21pt 50% OPACITY #48C6F3 5pt STROKE INSIDE HAND 75% OPACITY #067AB4 #067AB4 #48C6F3 48pt #48C6F3 Calvin (REGULAR) 88pt Omnes_ATT II (BOLD) 68pt #067AB4 2120px STEP 1: - COUNTER REPRESENTS HOW MANY PEOPLE HAVE TAKEN THE PLEDGE IN THE STORE ONLY - THIS MESSAGE IS VISIBLE FOR 5 SECONDS THEN MOVES TO THE NEXT STEP - THE NUMBERS START AT ZERO AND QUICKLY TICK UP TO THE STORE TOTAL STEP 2: - WHEN THE USER PLACES THEIR HAND ON THE SCREEN, IT TRANSITIONS INTO STEP 3 STEP 3: - THE HAND SHAPE FILLS AND GLOWS - A CHARGING RING ANIMATES AROUND THE CIRCLE (CLOCKWISE) - AFTER 2-3 SECONDS, IT MOVES TO STEP 4 STEP 4: - HAND MOVES UP AND A NUMBER IS PUT ON IT - A CONGRADULATION MESSAGE APPEARS - AFTER 2-3 SECONDS, THE BOX GOES AWAY, LEAVING YOUR HAND TO MINGLE WITH THE OTHERS

8 COLUMN GUIDELINES - TAKE THE PLEDGE (TYPE CHANGES) #067AB4 #48C6F3 5pt STROKE INSIDE HAND 75% OPACITY Omnes_ATT II (BOLD ITALIC) 42pt AUTO LEADING 21pt 50% OPACITY

9 COLUMN GUIDELINES - TAKE THE PLEDGE (CONTINUED) #48C6F3 #077AB3 # # Calvin (REGULAR) 130pt Calvin (REGULAR) 100pt Calvin (REGULAR) 80pt Calvin (REGULAR) 70pt ClearviewATT (BOLD) 120pt 560px 90pt #067AB4 2120px HAND ROTATION: - HANDS CAN BE RANDOMLY ROTATED BETWEEN HAND SCALE: - HANDS CAN BE RANDOMLY SCALED BETWEEN 350px (H) - 450px (H)

10 COLUMN GUIDELINES - VIDEO CAROUSEL (IT CAN WAIT) 36pt #064B6F ClearviewATT (BOLD) 120pt 90pt 560px BLURRY STILL TAKEN FROM THE VIDEO THAT IS CURRENTLY HIGHLIGHTED ClearviewATT (BOLD) 120pt 90pt 560px BLURRY STILL TAKEN FROM THE VIDEO THAT IS CURRENTLY HIGHLIGHTED OPACITY: 0% LOCATION: 100% COLOR: 117pt ARROW FPO WILL BE ANIMATED (REFER TO ANIMATION VIDEO) 2200px COPY CENTERED HOR. IN AVAILABLE SPACE 920px 160px 2238px 450px 48pt 36pt 800px 80px 60px PLAY BUTTON FADES IN ALONG WITH DESCRIPTION COPY 48pt 576px 2112px 1024px OPACITY: 100% LOCATION: 75% COLOR: GRADIENT IS CENTERED VERT. ON THE VIDEO OPACITY: 100% LOCATION: 25% COLOR: 1076px OPACITY: 0% LOCATION: 0% COLOR:

11 COLUMN GUIDELINES - VIDEO (SUBTITLE DETAIL) WHITE WHEN VIDEO FIRST LOADS APPROX. 50px FROM TOP OF SCREEN 90px 40% OPACITY IF TAPPED (SUBTITLES ON) 36pt ICON DISAPPEARS AFTER 15 SECONDS AFTER VIDEO STARTS PLAYING. COMES BACK IF VIDEO IS PAUSED.

12 COLUMN GUIDELINES - MAP EXPERIENCE (DISASTER RECOVERY) ClearviewATT (BOLD) 120pt 120pt LEADING 560px 1016px 90pt -25 TRACKING 200px 90px 58px # pt # pt 46px x 46px 2px Omnes_ATT II (BOLD - ITALIC) 88pt 130px 870px 80px GRAPHIC - DOESN T SCROLL

13 COLUMN GUIDELINES - MAP EXPERIENCE (ASPIRE) ClearviewATT (BOLD) 120pt 120pt LEADING 560px 1016px 90pt -25 TRACKING 200px 90px 58px # pt # pt 46px x 46px 2px Omnes_ATT II (BOLD - ITALIC) 88pt 130px 870px 80px GRAPHIC - DOESN T SCROLL

14 COLUMN GUIDELINES - TEXT EXPERIENCE (WOMEN IN TECH) 2015 TWENTY FO U R px #81017E 80px 920px ClearviewATT (BOLD) 120pt 120pt LEADING 90pt -25 TRACKING 200px 90px #81017E LETTER WILL BE PROVIDED AS FULL-SCALE BITMAP IMAGE GRAPHIC - DOESN T SCROLL 80px

15 COLUMN GUIDELINES - TEXT EXPERIENCE (DISASTER RECOVERY) 2015 TWENTY FO U R px 80px ClearviewATT (BOLD) 120pt 120pt LEADING 90pt -25 TRACKING 920px Omnes_ATT II (BOLD ITALIC) 72pt 72pt LEADING 80px 28pt 545px(H) x 432px(W) 80px 80px # Omnes_ATT II (BOOK ITALIC) 16pt 200px 90px EXPANDED Omnes_ATT II (BOLD ITALIC) 60pt Omnes_ATT II (LIGHT) 22pt 28pt LEADING Omnes_ATT II (BOLD ITALIC) 28pt Omnes_ATT II (LIGHT) 22pt 28pt LEADING QUESTIONS WILL BE AN ACCORDION STYLE MENU - ARROW ROTATES TO SHOW EXPANDED AND COLLAPSED COLLAPSED GRAPHIC - DOESN T SCROLL

16 COLUMN GUIDELINES - I ASPIRE TO... (ASPIRE) #D6E756 (LIGHTER) ClearviewATT (BOLD) 120pt 120pt LEADING 80pt AUTO LEADING Omnes_ATT II (BOLD ITALIC) 60pt AUTO LEADING #88942A (DARKER) 400px 80% OPACITY #1B1B1B #1B1B1B MOON FLOWER (B) 150pt 160pt LEADING #88942A 60pt AUTO LEADING 200px 90px 624px 80% OPACITY (COLUMN COLOR) # E8E8E8 90pt -25 TRACKING #C6C6C6 36pt 2015 TWENTY FO U R 7 #777777

17 COLUMN GUIDELINES - WHAT S OUT THERE? (WOMEN IN TECH) ClearviewATT (BOLD) 120pt 120pt LEADING 90pt -25 TRACKING 86px #81017E Omnes_ATT II (BOLD ITALIC) 100pt 90pt LEADING #81017E 40pt APPROX. 50px BETWEEN WORDS COMPATABLE ICONS STAY FULL COLOR SELECTED ICON HAS A SUBTLE STROKE #C6C6C6 # pt AUTO LEADING 160px # #C6C6C6 #F1F1F1 # Omnes_ATT II (BOLD ITALIC) 50pt AUTO LEADING 35% OPACITY # pt AUTO LEADING 652px TRANSPARENT BACKGROUND IS A MOVING PATTERN OF ICONS USED IN THE EXPERIENCE

18 COLUMN GUIDELINES - WHAT S OUT THERE? (WOMEN IN TECH) ClearviewATT (BOLD) 120pt 120pt LEADING 90pt -25 TRACKING #81017E Omnes_ATT II (BOLD ITALIC) 100pt 90pt LEADING 86px # Omnes_ATT II (BOLD ITALIC) 36pt # #F1F1F1 #81017E 40pt APPROX. 50px BETWEEN WORDS # pt AUTO LEADING # pt AUTO LEADING Omnes_ATT II (BOLD) # Omnes_ATT II (BOLD ITALIC) 36pt AUTO LEADING 50px # pt AUTO LEADING BACKGROUND TBD (WILL BE A PATTERN SIMILAR TO THIS WITH MIXER ICONS) 50px

19 COLUMN GUIDELINES - WHAT S OUT THERE? (WOMEN IN TECH) STEP 1 INTEREST ICONS ARE SHOWN AND INSTRUCTIONS TELL THE USER HOW TO GET STARTED STEP 2 USER TAPS AN INTEREST AND RELATABLE INTERESTS WILL STAY HIGHLIGHTED (THE REST FADE) SELECTED INTEREST IS DUPLICATED, SCALED, AND MOVED TO THE MIDDLE OF THE MIXING AREA TITLE OF INTEREST IS ADDED BELOW THE ICON STEP 3 USER SELECTS A SECOND INTEREST AND IT IS ALSO ADDED TO THE MIXING AREA. THE TWO ICONS REMAIN FOR A MOMENT BEFORE MIXING (STEP 4). ICONS ADJUST TO STILL BE CENTERED AS A GROUP STEP 4 ICONS ANIMATE TO SMASH INTO EACH OTHER PARTICLE EFFECT OCCURS (SOMETHING LIKE THIS STYLE? MAYBE IT S JUST PURPLE CIRCLES?) INTEREST ICONS DISAPEAR (BEHIND PARTICLES) AND THE CAREERS THOSE INTERESTS MADE ARE REVEALED STEP 5 UP TO 2 CAREERS CAN BE CREATED WITH ONE MIXTURE MIXTURE THAT CREATED THIS RESULT ARE DISPLAYED (ICONS ONLY) DISCRIPTIONS OF DIFFERENT CAREERS WITH EXAMPLES ARE CREATED SUB HEADER TEXT CHANGES (CROSS FADE TRANSITION) RELOAD BUTTON RESETS THE MIXING AREA, CLEARING THE RESUTS AND GOING BACK TO STEP 1.

20 COLUMN GUIDELINES - WHAT S OUT THERE? (WOMEN IN TECH) 2015 TWENTY FO U R 7 FILM COMPUTERS SPACE ART CHEMISTRY ROBOTS PROGRAMMING BEAUTY FASHION POLITICS GAMING SPORTS MUSIC MECHANICS BIOLOGY SOCIAL SCIENCE ENGINEERING ANIMALS MATHEMATICS

21 COLUMN GUIDELINES - HEADERS 1080px ClearviewATT (BOLD) 120pt 120pt LEADING 90pt -25 TRACKING It Can Wait Take the Pledge 50px CENTER VERT. 560px

22 COLUMN GUIDELINES - HEADERS (CONTINUED) IT CAN WAIT It Can Wait Take the Pledge It Can Wait Park Your Conversation It Can Wait Watch CROWDSOURCING INNOVATION Crowdsourcing Innovation The Innovation Pipeline Crowdsourcing Innovation TIP in Action Crowdsourcing Innovation Do One Thing Crowdsourcing Innovation Hackathon Survival Guide Crowdsourcing Innovation Watch DISASTER RECOVERY Disaster Recovery Blackout in NYC Disaster Recovery Saving Lives with a Text Disaster Recovery Always There Disaster Recovery Be Prepared Disaster Recovery Watch WOMEN IN TECH Women in Tech Dear Young Women Women in Tech A New Age Women in Tech Girls Who Code Women in Tech Watch Women in Tech What s out there? #81017E ASPIRE Aspire The Dropout Crisis Aspire Take Action Aspire Watch Aspire I aspire to...

23 COLUMN GUIDELINES - EXIT BUTTON COLORS IT CAN WAIT TAKE THE PLEDGE PARK YOUR CONVERSATION WATCH CROWDSOURCING INNOVATION THE INNOVATION PIPELINE TIP IN ACTION DO ONE THING HACKATHON SURVIVAL GUIDE WATCH DISASTER RECOVERY BLACKOUT IN NYC SAVING LIVES WITH A TEXT ALWAYS THERE BE PREPARED WATCH WOMEN IN TECH DEAR YOUNG WOMEN A NEW AGE GIRLS WHO CODE WHAT S OUT THERE? WATCH ASPIRE THE DROPOUT CRISIS TAKE ACTION DREAM BIG WATCH

24 COLUMN GUIDELINES - COLORS ASPIRE IT CAN WAIT DISASTER RECOVERY CROWDSOURCING INNOVATION WOMEN IN TECH PRIMARY COLOR #067AB4 #EF6F00 #81017E BUTTON/TITLE (ATTRACT) #9ACA3A #0972A8 #4C9A44 #EB6723 #722A71 MENU BACKGROUND # #064B6F # # #491C4B

Photo Within A Photo - Photoshop

Photo Within A Photo - Photoshop Photo Within A Photo - Photoshop Here s the image I ll be starting with: The original image. And here s what the final "photo within a photo" effect will look like: The final result. Let s get started!

More information

Adobe PhotoShop Elements

Adobe PhotoShop Elements Adobe PhotoShop Elements North Lake College DCCCD 2006 1 When you open Adobe PhotoShop Elements, you will see this welcome screen. You can open any of the specialized areas. We will talk about 4 of them:

More information

Photoshop Backgrounds: Turn Any Photo Into A Background

Photoshop Backgrounds: Turn Any Photo Into A Background Photoshop Backgrounds: Turn Any Photo Into A Background Step 1: Duplicate The Background Layer As always, we want to avoid doing any work on our original image, so before we do anything else, we need to

More information

How to Create Website Banners

How to Create Website Banners How to Create Website Banners In the following instructions you will be creating banners in Adobe Photoshop Elements 6.0, using different images and fonts. The instructions will consist of finding images,

More information

4 layer BASiCS lesson overview 104

4 layer BASiCS lesson overview   104 4 layer basics Lesson overview In this lesson, you ll learn how to do the following: Organize artwork on layers. Create, view, hide, and select layers. Rearrange layers to change the stacking order of

More information

Digital Photography 1

Digital Photography 1 Digital Photography 1 Photoshop Lesson 1 Photoshop Workspace & Layers Name Date Default Photoshop workspace A. Document window B. Dock of panels collapsed to icons C. Panel title bar D. Menu bar E. Options

More information

4 LAYER BASICS. Lesson overview

4 LAYER BASICS. Lesson overview 4 LAYER BASICS Lesson overview In this lesson, you ll learn how to do the following: Organize artwork on layers. Create, view, hide, and select layers. Rearrange layers to change the stacking order of

More information

Silhouette Connect Layout... 4 The Preview Window... 5 Undo/Redo... 5 Navigational Zoom Tools... 5 Cut Options... 6

Silhouette Connect Layout... 4 The Preview Window... 5 Undo/Redo... 5 Navigational Zoom Tools... 5 Cut Options... 6 user s manual Table of Contents Introduction... 3 Sending Designs to Silhouette Connect... 3 Sending a Design to Silhouette Connect from Adobe Illustrator... 3 Sending a Design to Silhouette Connect from

More information

12. Creating a Product Mockup in Perspective

12. Creating a Product Mockup in Perspective 12. Creating a Product Mockup in Perspective Lesson overview In this lesson, you ll learn how to do the following: Understand perspective drawing. Use grid presets. Adjust the perspective grid. Draw and

More information

Create new drawing. Select Collection. Manage graphs. Collection Name. Graphs preview

Create new drawing. Select Collection. Manage graphs. Collection Name. Graphs preview Create new drawing Select Collection Collection Name Manage graphs Graphs preview Duplicate selection Move selection Delete selection Select All drawings Exit Share selection Selected graphs Add new Collection

More information

Create A Briefcase Icon

Create A Briefcase Icon Create A Briefcase Icon In this tutorial, I will show you how to create a briefcase icon with rectangles, ellipses, and gradients. This briefcase icon is great for web designs and user interfaces. Moreover,

More information

TECHNOTravel. For Microsoft Word & PowerPoint 2010 Student Workbook. TECHNOeBooks Project-based Computer Curriculum ebooks.

TECHNOTravel. For Microsoft Word & PowerPoint 2010 Student Workbook. TECHNOeBooks Project-based Computer Curriculum ebooks. TECHNOTravel For Microsoft Word & PowerPoint 2010 Student Workbook TECHNOeBooks Project-based Computer Curriculum ebooks www.bepublishing.com Copyright 1993 2010. TechnoKids Inc. in partnership with B.E.

More information

HOW TO CREATE A SUPER SHINY PENCIL ICON

HOW TO CREATE A SUPER SHINY PENCIL ICON HOW TO CREATE A SUPER SHINY PENCIL ICON Tutorial from http://psd.tutsplus.com/ Compiled by INTRODUCTION The Pencil is one of the visual metaphors most used to express creativity. In this tutorial,

More information

WORN, TORN PHOTO EDGES EFFECT

WORN, TORN PHOTO EDGES EFFECT Photo Effects: CC - Worn, Torn Photo Edges Effect WORN, TORN PHOTO EDGES EFFECT In this Photoshop tutorial, we ll learn how to take the normally sharp, straight edges of an image and make them look all

More information

Create a Cute Furry Vector Monster in Illustrator

Create a Cute Furry Vector Monster in Illustrator Create a Cute Furry Vector Monster in Illustrator Other labs from this author can be found at http://www.blog.spoongraphics.co.uk/tutorials/create-a-cute-furry-vector-monster-inillustrator Follow these

More information

Using layer masks to remove backgrounds with Photoshop CS5 and CS6

Using layer masks to remove backgrounds with Photoshop CS5 and CS6 Using layer masks to remove backgrounds with Photoshop CS5 and CS6 Use layer masks to combine these pictures into this You will learn: 1. Layers and layer masks 2. Brushes 3. Layer styles 4. Type tool

More information

How to Create Animated Vector Icons in Adobe Illustrator and Photoshop

How to Create Animated Vector Icons in Adobe Illustrator and Photoshop How to Create Animated Vector Icons in Adobe Illustrator and Photoshop by Mary Winkler (Illustrator CC) What You'll Be Creating Animating vector icons and designs is made easy with Adobe Illustrator and

More information

Create a Stylized GPS Icon

Create a Stylized GPS Icon Home About Resources Contact Shop Tutorials Tips and Tricks Interviews Inspiration Create a Stylized GPS Icon Tutorials July 9th, 2009 Location based software and peripherals are very popular these days.

More information

Software Club 402: Create THREAD VELVET Embroidery

Software Club 402: Create THREAD VELVET Embroidery Software Club 402: Create THREAD VELVET Embroidery By Janie Lantz, Embroidery Software Specialist Create THREAD VELVET embroidery with its unique velvety plush texture, using 5D Design Creator in the 5D

More information

Getting Started with Osmo Coding Jam. Updated

Getting Started with Osmo Coding Jam. Updated Updated 8.1.17 1.1.0 What s Included Each set contains 23 magnetic coding blocks. Snap them together in coding sequences to create an endless variety of musical compositions! Walk Quantity: 3 Repeat Quantity:

More information

Style Guide CFMWS Website. Style Guide CFMWS Website October

Style Guide CFMWS Website. Style Guide CFMWS Website October Style Guide CFMWS Website Style Guide CFMWS Website October 2013 1 Style Guide CFMWS Website Colours Consistent use of colours throughout the site helps users navigate and also promotes brand/site awareness.

More information

Inventor-Parts-Tutorial By: Dor Ashur

Inventor-Parts-Tutorial By: Dor Ashur Inventor-Parts-Tutorial By: Dor Ashur For Assignment: http://www.maelabs.ucsd.edu/mae3/assignments/cad/inventor_parts.pdf Open Autodesk Inventor: Start-> All Programs -> Autodesk -> Autodesk Inventor 2010

More information

FLAMING HOT FIRE TEXT

FLAMING HOT FIRE TEXT FLAMING HOT FIRE TEXT In this Photoshop text effects tutorial, we re going to learn how to create a fire text effect, engulfing our letters in burning hot flames. We ll be using Photoshop s powerful Liquify

More information

Cricut Design Space App for ipad User Manual

Cricut Design Space App for ipad User Manual Cricut Design Space App for ipad User Manual Cricut Explore design-and-cut system From inspiration to creation in just a few taps! Cricut Design Space App for ipad 1. ipad Setup A. Setting up the app B.

More information

ADD A SPARKLE TRAIL TO A PHOTO

ADD A SPARKLE TRAIL TO A PHOTO ADD A SPARKLE TRAIL TO A PHOTO In this Adobe Photoshop tutorial, we re going to learn how to add a sparkle trail to a photo, using a custom Photoshop brush we ll be creating. I got the idea for this tutorial

More information

A Basic Guide to Photoshop CS Adjustment Layers

A Basic Guide to Photoshop CS Adjustment Layers A Basic Guide to Photoshop CS Adjustment Layers Alvaro Guzman Photoshop CS4 has a new Panel named Adjustments, based on the Adjustment Layers of previous versions. These adjustments can be used for non-destructive

More information

SAVING, LOADING AND REUSING LAYER STYLES

SAVING, LOADING AND REUSING LAYER STYLES SAVING, LOADING AND REUSING LAYER STYLES In this Photoshop tutorial, we re going to learn how to save, load and reuse layer styles! Layer styles are a great way to create fun and interesting photo effects

More information

The original image. Let s get started! The final rainbow effect. The photo sits on the Background layer in the Layers panel.

The original image. Let s get started! The final rainbow effect. The photo sits on the Background layer in the Layers panel. Add A Realistic Rainbow To A Photo In this Photoshop photo effects tutorial, we ll learn how to easily add a rainbow, and even a double rainbow, to a photo! As we ll see, Photoshop ships with a ready-made

More information

LESSON 02: GET STRONGER FOR PS USERS COMPANION BOOK. Digital Scrapbook Academy. February 2018: Lesson 02 Get Stronger for Photoshop Users

LESSON 02: GET STRONGER FOR PS USERS COMPANION BOOK. Digital Scrapbook Academy. February 2018: Lesson 02 Get Stronger for Photoshop Users Digital Scrapbook Academy February 2018: Lesson 02 LESSON 02: GET STRONGER FOR PS USERS COMPANION BOOK Page 1 of 19 Table of Contents Table of Contents 2 Welcome to Lesson 02 for Photoshop Users 4 1: Add

More information

Clipping Masks And Type Placing An Image In Text With Photoshop

Clipping Masks And Type Placing An Image In Text With Photoshop Clipping Masks And Type Placing An Image In Text With Photoshop Written by Steve Patterson. In a previous tutorial, we learned the basics and essentials of using clipping masks in Photoshop to hide unwanted

More information

Organizing artwork on layers

Organizing artwork on layers 3 Layer Basics Both Adobe Photoshop and Adobe ImageReady let you isolate different parts of an image on layers. Each layer can then be edited as discrete artwork, allowing unlimited flexibility in composing

More information

PhotoFiltre DEPARTMENT OF EDUCATION

PhotoFiltre DEPARTMENT OF EDUCATION DEPARTMENT OF EDUCATION PhotoFiltre Updated on 20 February 2010 This resource is part of the resource collection available through the ecentre for teachers. www.ecentre.education.tas.gov.au PhotoFiltre

More information

Perspective Shadow Text Effect In Photoshop

Perspective Shadow Text Effect In Photoshop Perspective Shadow Text Effect In Photoshop Written by Steve Patterson. In this Photoshop text effects tutorial, we ll learn how to create a popular, classic effect by giving text a perspective shadow

More information

A Basic Guide to Photoshop Adjustment Layers

A Basic Guide to Photoshop Adjustment Layers A Basic Guide to Photoshop Adjustment Layers Photoshop has a Panel named Adjustments, based on the Adjustment Layers of previous versions. These adjustments can be used for non-destructive editing, can

More information

Photoshop: Manipulating Photos

Photoshop: Manipulating Photos Photoshop: Manipulating Photos All Labs must be uploaded to the University s web server and permissions set properly. In this lab we will be manipulating photos using a very small subset of all of Photoshop

More information

TEXT PERSPECTIVE SHADOW EFFECT

TEXT PERSPECTIVE SHADOW EFFECT TEXT PERSPECTIVE SHADOW EFFECT In this Photoshop text effects tutorial, we ll learn how to create a popular, classic effect by giving text a perspective shadow as if a light source behind the text was

More information

Exploring Photoshop Tutorial

Exploring Photoshop Tutorial Exploring Photoshop Tutorial Objective: In this tutorial we will create a poster composed of three distinct elements: a Bokeh, an image and title text. The Bokeh is an effect which is sometimes seen in

More information

METAL TEXT EFFECT. Step 1: Create A New Document. Step 2: Fill The Background With Black

METAL TEXT EFFECT. Step 1: Create A New Document. Step 2: Fill The Background With Black METAL TEXT EFFECT In this text effects tutorial, we ll learn how to easily create metal text, a popular effect widely used in video games and movie posters! It may seem like there s a lot of steps involved,

More information

GIMP (GNU Image Manipulation Program) MANUAL

GIMP (GNU Image Manipulation Program) MANUAL Selection Tools Icon Tool Name Function Select Rectangle Select Ellipse Select Hand-drawn area (lasso tool) Select Contiguous Region (magic wand) Selects a rectangular area, drawn from upper left (or lower

More information

An Idiot's Guide to Photoshop. Part II Azamat Bohed E. TrueKolor.net

An Idiot's Guide to Photoshop. Part II Azamat Bohed E. TrueKolor.net An Idiot's Guide to Photoshop Part II Azamat Bohed E. TrueKolor.net Table of Contents 1.Introduction 3 2. Opening a Digital Image/Photo in Photoshop 3 3. Changing/removing the Background 4 3.1 Using the

More information

ART JOURNALING with TIFFANY TILLMAN-EMANUEL COMPANION BOOK. Companion Book. December 2017: Art Journaling with Tiffany Tillman Emanuel

ART JOURNALING with TIFFANY TILLMAN-EMANUEL COMPANION BOOK. Companion Book. December 2017: Art Journaling with Tiffany Tillman Emanuel Companion Book with Tiffany Tillman Emanuel ART JOURNALING with TIFFANY TILLMAN-EMANUEL COMPANION BOOK Page 1 of 10 Table of Contents Table of Contents 2 Welcome to Art Journaling Made Easy 3 Lesson 1:

More information

Photoshop & Illustrator

Photoshop & Illustrator Week 6 Lesson 6 : Utilize Filters Effect Applying filters Creating and editing Smart Filters Hiding, copying, and deleting Smart Filters Working with the Smart Filter mask More filter techniques Photoshop

More information

Table of Contents. Vizit s Carousel Menu Gallery Play Favorite Remove Rotate Fill Screen Friends Block Lock Screen Settings Reply Share

Table of Contents. Vizit s Carousel Menu Gallery Play Favorite Remove Rotate Fill Screen Friends Block Lock Screen Settings Reply Share User Guide Table of Contents VIZIT, VIZITME.COM, VIZIT SEE.TOUCH.FEEL, and the Vizit logo are trademarks and/or registered trademarks of Isabella Products, Inc. Other marks are owned by their respective

More information

Web Graphics Chapter 7 Review

Web Graphics Chapter 7 Review Web Graphics Chapter 7 Review Name Date 1. The Add Layer Mask button is located on/in the. a. Toolbox b. Layers palette c. Mask palette d. History palette 2. How many color adjustments commands are available

More information

Reveal the mystery of the mask

Reveal the mystery of the mask Reveal the mystery of the mask Imagine you're participating in a group brainstorming session to generate new ideas for the design phase of a new project. The facilitator starts the brainstorming session

More information

CSCI Lab 6. Part I: Simple Image Editing with Paint. Introduction to Personal Computing University of Georgia. Multimedia/Image Processing

CSCI Lab 6. Part I: Simple Image Editing with Paint. Introduction to Personal Computing University of Georgia. Multimedia/Image Processing CSCI-1100 Introduction to Personal Computing University of Georgia Lab 6 Multimedia/Image Processing Purpose: The purpose of this lab is for you to gain experience performing image processing using some

More information

BCC Glow Filter Glow Channels menu RGB Channels, Luminance, Lightness, Brightness, Red Green Blue Alpha RGB Channels

BCC Glow Filter Glow Channels menu RGB Channels, Luminance, Lightness, Brightness, Red Green Blue Alpha RGB Channels BCC Glow Filter The Glow filter uses a blur to create a glowing effect, highlighting the edges in the chosen channel. This filter is different from the Glow filter included in earlier versions of BCC;

More information

High Speed Motion Trail Effect With Photoshop

High Speed Motion Trail Effect With Photoshop High Speed Motion Trail Effect With Photoshop Written by Steve Patterson. In this Photo Effects tutorial, we'll learn how to add a sense of speed to an object using an easy to create motion blur effect!

More information

Create a Simple Storefront Icon

Create a Simple Storefront Icon Create a Simple Storefront Icon In this tutorial I will show you how to create a simple storefront icon using some rectangles, Illustrator Effects, and gradients. This icon is great for use in e-commerce

More information

GIMP Layers. Creating a Blank Image

GIMP Layers. Creating a Blank Image GIMP Layers One of the most powerful features of modern imaging software is the ability to work with layers. If an image is made of layers, we can work on the part that is in one layer without affecting

More information

Introduction to Parametric Modeling AEROPLANE. Design & Communication Graphics 1

Introduction to Parametric Modeling AEROPLANE. Design & Communication Graphics 1 AEROPLANE Design & Communication Graphics 1 Object Analysis sheet Design & Communication Graphics 2 Aeroplane Assembly The part files for this assembly are saved in the folder titled Aeroplane. Open an

More information

11 Advanced Layer Techniques

11 Advanced Layer Techniques 11 Advanced Layer Techniques After you ve learned basic layer techniques, you can create more complex effects in your artwork using layer masks, path groups, filters, adjustment layers, and more style

More information

Apple Photos Quick Start Guide

Apple Photos Quick Start Guide Apple Photos Quick Start Guide Photos is Apple s replacement for iphoto. It is a photograph organizational tool that allows users to view and make basic changes to photos, create slideshows, albums, photo

More information

Learn PowerPoint 2010

Learn PowerPoint 2010 Table of Contents Chapter 1 Introduction Introduction...4 Chapter 2 PowerPoint 2010 Basics Introduction to PowerPoint 2010 Basics...5 Start and Exit...6 PowerPoint 2010 Window...7 The Ribbon...9 The Backstage:

More information

I can create an outline animation effect for an image (character) using advance masking effects.

I can create an outline animation effect for an image (character) using advance masking effects. Advanced Web Page Design STANDARD 5 The student will use commercial animation software (for example: Flash, Alice, Anim8, Ulead) to create graphics/web page. Student Learning Objectives: Objective 1: Draw,

More information

Drawing the Red Christmas Bell

Drawing the Red Christmas Bell Vector 3D Christmas Bells Thinking of drawing some Christmas bells for this Christmas? Read this illustrator tutorial to learn how to draw 5 different styles of vector Christmas bells using the 3D Revolve

More information

Digital Image Manipulation 2014

Digital Image Manipulation 2014 Week 4 Advanced Type Techniques- create special effect type Step 1 Create a new 1024 x 768 px document. Set the document background color to light pink or follow my colour (#f8cece) Create the text using

More information

Numicon Software for the Interactive Whiteboard v2.0 Getting Started Guide

Numicon Software for the Interactive Whiteboard v2.0 Getting Started Guide Numicon Software for the Interactive Whiteboard v2.0 Getting Started Guide Introduction 2 Getting Started 3 4 Resources 10 2 Getting Started Guide page 2 of 10 Introduction Thank you for choosing the Numicon

More information

SUGAR fx. LightPack 3 User Manual

SUGAR fx. LightPack 3 User Manual SUGAR fx LightPack 3 User Manual Contents Installation 4 Installing SUGARfx 4 What is LightPack? 5 Using LightPack 6 Lens Flare 7 Filter Parameters 7 Main Setup 8 Glow 11 Custom Flares 13 Random Flares

More information

Colorful Glowing Mask Photoshop Tutorial Photoshop TUTfactory The best Photoshop tutorials in one place

Colorful Glowing Mask Photoshop Tutorial Photoshop TUTfactory The best Photoshop tutorials in one place Step 1: To start, create new canvas sized at 994 1312 pixels, and fill it with black. Next, create a new layer, and go to Filter->Render->Clouds. Duplicate this layer, and then merge the two layers. Set

More information

photoshop filters kelly ludwig assistant professor

photoshop filters kelly ludwig assistant professor photoshop filters kelly ludwig assistant professor sharpening images reducing noise correcting distortions in images practical filters There are over 100 filters that ship with Photoshop and they're all

More information

Introduction Installation Switch Skills 1 Windows Auto-run CDs My Computer Setup.exe Apple Macintosh Switch Skills 1

Introduction Installation Switch Skills 1 Windows Auto-run CDs My Computer Setup.exe Apple Macintosh Switch Skills 1 Introduction This collection of easy switch timing activities is fun for all ages. The activities have traditional video game themes, to motivate students who understand cause and effect to learn to press

More information

Introduction to: Microsoft Photo Story 3. for Windows. Brevard County, Florida

Introduction to: Microsoft Photo Story 3. for Windows. Brevard County, Florida Introduction to: Microsoft Photo Story 3 for Windows Brevard County, Florida 1 Table of Contents Introduction... 3 Downloading Photo Story 3... 4 Adding Pictures to Your PC... 7 Launching Photo Story 3...

More information

Using Adobe Photoshop

Using Adobe Photoshop Using Adobe Photoshop 6 One of the most useful features of applications like Photoshop is the ability to work with layers. allow you to have several pieces of images in the same file, which can be arranged

More information

Step 1. Facebook Twitter Google+ Find us on Facebook. Vectortuts+ How to Create a Curious Owl in Illustrator CS4 Vectortuts+

Step 1. Facebook Twitter Google+ Find us on Facebook. Vectortuts+ How to Create a Curious Owl in Illustrator CS4 Vectortuts+ Joomla developers needed - Long term potential in India Copywriter Email Campaigns Wordpress Creative design Social media in UK More Freelance Jobs... Facebook Twitter Google+ Find us on Facebook Step

More information

Photo Editing in Mac and ipad and iphone

Photo Editing in Mac and ipad and iphone Page 1 Photo Editing in Mac and ipad and iphone Switching to Edit mode in Photos for Mac To edit a photo you ll first need to double-click its thumbnail to open it for viewing, and then click the Edit

More information

c) Save the document as taller3p1_tunombre

c) Save the document as taller3p1_tunombre WORKSHOP# 3 DRAW WITH INKSCAPE Preparing the page 1. Enter Inkscape and from the File menu, go to Document Properties. 2. Prepare a page with the following characteristics: a) Format A4 (millimeters as

More information

Photoshop CC 2018 Essential Skills

Photoshop CC 2018 Essential Skills Photoshop CC 2018 Essential Skills Adobe Photoshop Creative Cloud 2018 University Information Technology Services Learning Technology, Training, Audiovisual and Outreach Copyright 2018 KSU Division of

More information

Kodu Game Programming

Kodu Game Programming Kodu Game Programming Have you ever played a game on your computer or gaming console and wondered how the game was actually made? And have you ever played a game and then wondered whether you could make

More information

This Photoshop Tutorial 2011 Steve Patterson, Photoshop Essentials.com. Not To Be Reproduced Or Redistributed Without Permission. The original image.

This Photoshop Tutorial 2011 Steve Patterson, Photoshop Essentials.com. Not To Be Reproduced Or Redistributed Without Permission. The original image. Layer Opacity VS FIll One of the most common questions I receive from Photoshop users, and not just beginners, is What the heck is the difference between the Opacity and Fill options in the Layers panel?

More information

NC.GOV. Creating Assets & Pages GUIDELINES

NC.GOV. Creating Assets & Pages GUIDELINES NC.GOV Creating Assets & Pages GUIDELINES Introduction Providing meaningful, fascinating content to your users is essential. It can also be challenging. We understand that. That s why we put together some

More information

Perspective Guides. Perspective Contextual Toolbar. 1-Point Perspective

Perspective Guides. Perspective Contextual Toolbar. 1-Point Perspective WHAT S NEW 1. Perspective Guides 2. Flipbook Animation 3. Gradient Flood Fills 4. Layer Workflow Enhancements - Layer Grouping - Extended Blending Modes - Background Color - Multi-Layer Select 5. Distort

More information

USING BRUSHES TO CREATE A POSTER

USING BRUSHES TO CREATE A POSTER 11 USING BRUSHES TO CREATE A POSTER Lesson overview In this lesson, you ll learn how to do the following: Use four brush types: Calligraphic, Art, Bristle, and Pattern. Apply brushes to paths. Paint and

More information

Introduction to Circular Pattern Flower Pot

Introduction to Circular Pattern Flower Pot Prerequisite Knowledge Previous knowledge of the sketching commands Line, Circle, Add Relations, Smart Dimension is required to complete this lesson. Previous examples of Revolved Boss/Base, Cut Extrude,

More information

Lesson 16 Text, Layer Effects, & Filters

Lesson 16 Text, Layer Effects, & Filters Lesson 16 Text, Layer Effects, & Filters Digital Media I Susan M. Raymond West High School In this tutorial, you will: Create a Type Layer Add and Format Type within a Type Layer Apply Layer Effects Apply

More information

The original image. As I said, we ll be looking at a few different variations on the effect. Here s the first one we ll be working towards:

The original image. As I said, we ll be looking at a few different variations on the effect. Here s the first one we ll be working towards: DIGITAL PIXEL EFFECT In this Photoshop tutorial, we re going to look at how to create a digital pixel effect, which is often used in ads that sell anything to do with digital. We re going to first pixelate

More information

1. Reference Guide and Glossary

1. Reference Guide and Glossary 1. Reference Guide and Glossary Design Panel New Click the New Icon at any time to create a new project from scratch. Projects Browse, select, and cut projects from the Projects Tab. This includes your

More information

Key Terms. Where is it Located Start > All Programs > Adobe Design Premium CS5> Adobe Photoshop CS5. Description

Key Terms. Where is it Located Start > All Programs > Adobe Design Premium CS5> Adobe Photoshop CS5. Description Adobe Adobe Creative Suite (CS) is collection of video editing, graphic design, and web developing applications made by Adobe Systems. It includes Photoshop, InDesign, and Acrobat among other programs.

More information

Advanced Photography. Topic 3 - Photoshop Filters. Learning Outcomes

Advanced Photography. Topic 3 - Photoshop Filters. Learning Outcomes Topic 3 - Photoshop Filters Learning Outcomes In this lesson, we're going to take a look at some techniques that make use of some of the more practical filters. We are also going to learn how to convert

More information

PUZZLE EFFECTS 2D Photoshop actions For Photoshop CC, CS6, CS5, CS4

PUZZLE EFFECTS 2D Photoshop actions For Photoshop CC, CS6, CS5, CS4 PUZZLE EFFECTS 2D Photoshop actions For Photoshop CC, CS6, CS5, CS4 User Guide CONTENTS 1. THE BASICS... 1 1.1. About the actions... 1 1.2. How the actions are organized... 1 1.3. The Classic effects (examples)...

More information

The Beauty and Joy of Computing Lab Exercise 10: Shall we play a game? Objectives. Background (Pre-Lab Reading)

The Beauty and Joy of Computing Lab Exercise 10: Shall we play a game? Objectives. Background (Pre-Lab Reading) The Beauty and Joy of Computing Lab Exercise 10: Shall we play a game? [Note: This lab isn t as complete as the others we have done in this class. There are no self-assessment questions and no post-lab

More information

WORD ART - CHANGING LETTERING SPACING

WORD ART - CHANGING LETTERING SPACING CHANGING LETTERING SIZE Enter single letters or words and use the icon to rescale the motif. When the Maintaining Proportions (lock) icon is outlined in white, the design will be resized proportionately.

More information

The original image. Let s get started! The final effect.

The original image. Let s get started! The final effect. Non-Destructive Infrared Glow Effect In this Photoshop tutorial, we ll learn how to quickly and easily add a dream-like infrared glow effect to an image, and we ll do it non-destructively using Smart Filters

More information

COLORIZING IMAGES WITH GRADIENT MAPS

COLORIZING IMAGES WITH GRADIENT MAPS COLORIZING IMAGES WITH GRADIENT MAPS In this Photoshop tutorial, we ll learn how to add complex colorizing effects to images using custom gradients! Specifically, we ll look at the Gradient Map image adjustment

More information

BCC Displacement Map Filter

BCC Displacement Map Filter BCC Displacement Map Filter The Displacement Map filter uses the luminance or color information from an alternate video or still image track (the Map Layer) to displace the pixels in the source image horizontally

More information

Mathematic puzzle for mental calculation

Mathematic puzzle for mental calculation Mathematic puzzle for mental calculation Presentation This software is intended to elementary school children, who are learning calculation. Thanks to it they will be able to work and play with the mental

More information

Ad Specifications July, 2016

Ad Specifications July, 2016 Ad Specifications 2016 July, 2016 Advertising Specifications General Spil Games Requirements 1. All final campaign assets must be received according to spec 3 business days in advance in order to guarantee

More information

Direct Printing from PictBridge-compatible Printers

Direct Printing from PictBridge-compatible Printers Direct Printing from PictBridge-compatible Printers This camera is compatible with PictBridge for direct printing with PictBridge-compatible printers. Connect the camera to a PictBridge-compatible printer

More information

Adobe Photoshop CS5 Layers and Masks

Adobe Photoshop CS5 Layers and Masks Adobe Photoshop CS5 Layers and Masks Email: training@health.ufl.edu Web Page: http://training.health.ufl.edu Adobe Photoshop CS5: Layers and Masks 2.0 Hours The workshop will cover creating and manipulating

More information

How to Create a Curious Owl in Illustrator

How to Create a Curious Owl in Illustrator How to Create a Curious Owl in Illustrator Tutorial Details Program: Adobe Illustrator Difficulty: Intermediate Estimated Completion Time: 1.5 hours Take a look at what we're aiming for, an inquisitive

More information

Using Adobe Photoshop

Using Adobe Photoshop Using Adobe Photoshop 4 Colour is important in most art forms. For example, a painter needs to know how to select and mix colours to produce the right tones in a picture. A Photographer needs to understand

More information

COMPUTING CURRICULUM TOOLKIT

COMPUTING CURRICULUM TOOLKIT COMPUTING CURRICULUM TOOLKIT Pong Tutorial Beginners Guide to Fusion 2.5 Learn the basics of Logic and Loops Use Graphics Library to add existing Objects to a game Add Scores and Lives to a game Use Collisions

More information

Custom Brushes. Custom Brushes make the trip a lot more enjoyable and help you make

Custom Brushes. Custom Brushes make the trip a lot more enjoyable and help you make Custom Brushes make the trip a lot more enjoyable and help you make Custom your Brushes Lava Castle images unique Kim Taylor, X-Men 3 artist, shares the importance of custom brushes and how they can help

More information

Digital Art Requirements for Submission

Digital Art Requirements for Submission Requirements for Submission Contents 1. Overview What Is Digital Art? Types of Digital Art: Scans and Computer-Based Drawings 3 3 3 2. Image Resolution for Continuous-Tone Scans Continuous-Tone or Bi-tonal?

More information

Photoshop: Manipulating Photos

Photoshop: Manipulating Photos Photoshop: Manipulating Photos All Labs must be uploaded to the University s web server and permissions set properly. In this lab we will be manipulating photos using a very small subset of all of Photoshop

More information

Reviewing the Person Information

Reviewing the Person Information Goal 2.1 - The Person Summary Card 1. While moving around on your different Tree views, and then clicking on a name, you will see a "Person Summary Card" popup. 2. This card contains all the basic information

More information

PUZZLE EFFECTS 3D User guide JIGSAW PUZZLES 3D. Photoshop CC actions. User Guide

PUZZLE EFFECTS 3D User guide JIGSAW PUZZLES 3D. Photoshop CC actions. User Guide JIGSAW PUZZLES 3D Photoshop CC actions User Guide CONTENTS 1. THE BASICS...1 1.1. About the actions... 1 1.2. How the actions are organized... 1 1.3. The Classic effects (examples)... 3 1.4. The Special

More information

4 PHOTOSHOP SPECIAL EFFECTS HACKS FROM SCOTT KELBY

4 PHOTOSHOP SPECIAL EFFECTS HACKS FROM SCOTT KELBY 4 PHOTOSHOP SPECIAL EFFECTS HACKS FROM SCOTT KELBY You can do some pretty cool stuff in Photoshop, with most tiny tweaks taking no time at all. However, for some of us (myself included) it s hard to know

More information

Black and White Photoshop Conversion Techniques

Black and White Photoshop Conversion Techniques Black and White Photoshop Conversion Techniques Andrew Gibson on Jan 27th 2011 Final Product What You'll Be Creating A quick glance through any photography or fashion magazine, or at the photos on social

More information

Main screen of ipocket Draw

Main screen of ipocket Draw Main screen of ipocket Draw The tools of "management" Informations on the drawing and the softaware Display/Hide and settings of the grid (with a 2x tap) Drawing tools and adjustment tools The tools with..

More information