Style Guide CFMWS Website. Style Guide CFMWS Website October
|
|
- Lucas Lucas
- 5 years ago
- Views:
Transcription
1 Style Guide CFMWS Website Style Guide CFMWS Website October
2 Style Guide CFMWS Website Colours Consistent use of colours throughout the site helps users navigate and also promotes brand/site awareness. The interaction of colours across sites will further solidify and deliver brand and corporate messages. Primary Colours Colour #1 Dark Grey RGB: # Use: Menu tabs L1 and L2 when mouse roll over and click on it Background Photo Caption in landing pages Menu Links Menu Links Arrow Colour #2 Medium Grey RGB: #80868a Use: Menu tabs in L1 that are not selected Colour #3 Light Grey RGB: #d1d2d3 Use: Background Menu tabs L1 Background Headlines articles on landing pages Style Guide CFMWS Website October
3 Secondary Colours Colour #4 Dark Brown RGB: #8a7e70 Use: Photo Caption background in content pages Table Heading 1 background Colour #5 Light Brown RGB: #cdbeaa Use: Background Headlines articles and on content pages Background right hand column Table Heading 3 background Colour #6 Red RGB: #b31218 Use: Headings 1 background Links Menu Links Arrow Colour #7 Black RGB: # Use: All text content, including headings Separates top banner with Menu tabs from main content area Style Guide CFMWS Website October
4 Colour #8 White RGB: #ffffff Use: Background for all content Background for Search Button and all other form fields Typography The two primary fonts used for CFMWS website are: Arial Standard ABCDEFGHIJKLMNOPQRSTUVXZ abcdefghijklmnopqrstuvxz Arial Bold The fonts for Menu Tabs and Buttons are listed on a priority base. The top priority font is Verdana. If the user s system doesn t support Verdana, then the second font (Geneva) will be automatically uploaded. If the system doesn t support both Verdana and Geneva, then the third font (Helvetica) will be automatically uploaded, etc. 1. Verdana ABCDEFGHIJKLMNOPQRSTUVXZ abcdefghijklmnopqrstuvxz !@#$%^&*() 2. Geneva ABCDEFGHIJKLMNOPQRSTUVXZ abcdefghijklmnopqrstuvxz !@#$%^&*() Style Guide CFMWS Website October
5 3. Helvetica ABCDEFGHIJKLMNOPQRSTUVXZ abcdefghijklmnopqrstuvxz 4. Arial ABCDEFGHIJKLMNOPQRSTUVXZ abcdefghijklmnopqrstuvxz Font Usage Body Text: - Content on all pages - Colour #7 Black - Arial Standard, 12 pts Heading 1 - Main Page Title - Colour #8 White - Arial Bold, 20pts/21pts - Maxim 45 characters including spaces - Background Colour #6 Red Heading 2 - Secondary Page Title - Colour #7 Black - Arial Bold, 16pts Heading 3 - Table Titles - Colour #7 Black - Arial Bold, 12pts Style Guide CFMWS Website October
6 Breadcrumbs - Colour #8 White - Arial Standard, 10 pts - Colour #6 Red when mouse over - Background Colour #7 Black Buttons Buttons will be used in the following situations: - L1 and L2 Menu Tabs - Search - Submit - Reset - Continue - Review Payment Details - Start Over - Photo Gallery (previous/next) - More Menu Tabs L1 Menu Tab L1 Menu Tab when mouse over Button width: 105 pixels Button height: 33 pixels Button colour: Colour #2 Medium Grey Font: Fortis, 14 pts Button width: 105 pixels Button height: 33 pixels Button colour: Colour #1 Dark Grey Font: Fortis, 14 pts Style Guide CFMWS Website October
7 L2 Menu Tab Box width: 343 pixels Box height: 193 pixels (without L1 Menu Tab) Background Colour: Colour #8 White/ Colour #3 Light Grey Gradient Tab Name Text Font: Arial Bold, 18 pts, all Caps Text Colour: Colour #6 Red L2 Menu (3 columns x 3 items high) Text Font: Arial Standard, 12 pts Text Colour: Colour #7 Black Style Guide CFMWS Website October
8 Splash Page Background Box Button width: 343 pixels Button height: 110 pixels Button colour: Colour #5 Light Brown Font: Fortis, 14 pts Buttons Home Page Button Home Page Button when mouse over Search Button Search Button when mouse over Button width: 34 pixels (43 pixels with shadow) Button height: 34 pixels (43 pixels with shadow) Background Colour: Colour #2 Medium Grey/ Colour #3 Light Grey Gradient Image Colour: Colour #7 Black Search Box Box width: 194 pixels Box height: 33 pixels Style Guide CFMWS Website October
9 Submit Button Submit Button when mouse over Submit Button Submit Button when mouse over Button width: 58 pixels (67 pixels with shadow) Button height: 25 pixels (35 pixels with shadow) Background Colour: Colour #2 Medium Grey/ Colour #3 Light Grey Gradient Text Font: Fortis, 12 pts Text Font colour: Colour #7 Black Continue Button Continue Button when mouse over Button width: 81 pixels (89 pixels with shadow) Button height: 25 pixels (34 pixels with shadow) Background Colour: Colour #2 Medium Grey/ Colour #3 Light Grey Gradient Text Font: Fortis, 12 pts Text Font colour: Colour #7 Black Clear Form Button Clear Form Button when mouse over Button width: 95 pixels (102 pixels with shadow) Button height: 25 pixels (33 pixels with shadow) Background Colour: Colour #2 Medium Grey/ Colour #3 Light Grey Gradient Text Font: Fortis, 12 pts Text Font colour: Colour #7 Black Style Guide CFMWS Website October
10 Review Payment Details Button Review Payment Details Button when mouse over Button width: 175 pixels (184 pixels with shadow) Button height: 25 pixels (34 pixels with shadow) Background Colour: Colour #2 Medium Grey/ Colour #3 Light Grey Gradient Text Font: Fortis, 12 pts Text Font colour: Colour #7 Black Splash Page Go Button Button width: 42 pixels (50 pixels with shadow) Button height: 25 pixels (33 pixels with shadow) Background Colour: Colour #2 Medium Grey/ Colour #3 Light Grey Gradient Text Font: Fortis, 12 pts Text Font colour: Colour #7 Black Splash Page Aller Button Button width: 59 pixels (67 pixels with shadow) Button height: 25 pixels (33 pixels with shadow) Background Colour: Colour #2 Medium Grey/ Colour #3 Light Grey Gradient Text Font: Fortis, 12 pts Text Font colour: Colour #7 Black Left Arrow Photo Caption Right Arrow Photo Caption Button width: 20 pixels (28 pixels with shadow) Button height: 20 pixels (28 pixels with shadow) Style Guide CFMWS Website October
11 Left Arrow Photo Gallery Right Arrow Photo Gallery Button width: 20 pixels (28 pixels with shadow) Button height: 20 pixels (28 pixels with shadow) Menu Links Grey Arrow Button width: 9 pixels Button height: 12 pixels Colour: #1 Dark Grey Menu Links Red Arrow Button width: 12 pixels Button height: 9 pixels Colour: #6 Red Forms Text all fields: Arial Bold, 12 pts Required field are marked with a red asterisk. * First Name Text box 1 short line Maximum Box width: 160 pixels Box height: 20 pixels Box font: Arial Regular, 12 pts Background Colour: Colour #8 White Text Colour: Colour #7 Black Text box 1 long line Maximum Box width: 360 pixels Box height: 20 pixels Box font: Arial Regular, 12 pts Background Colour: Colour #8 White Text Colour: Colour #7 Black Style Guide CFMWS Website October
12 Text box multiple lines Maximum Box width: 360 pixels Maximum Box height: 200 pixels Box font: Arial Regular, 12 pts Background Colour: Colour #8 White Text Colour: Colour #7 Black Drop down box Box width: 160 pixels Box height: 20 pixels Box font: Arial Regular, 12 pts Background Colour: Colour #8 White Text Colour: Colour #7 Black Error Message Error Box width: 250 pixels Error Box height: depends on message length Style Guide CFMWS Website October
13 Error Box font: Arial Regular, 12 pts Text Colour: Colour #6 Red Radio buttons Button shape: round Button diameter: 18 pixels Button colour: Colour #3 Light Grey Button colour when selected: Colour #1 Dark Grey Links There are two types of links: (1) links within content or list of links and (2) Menu links (1) Link font: Arial Regular, underline Text colour: Colour #6 Red Link when roll over: Arial Bold, Colour #6 Red, underline When links are in a list, the bullet points are in Colour #6 Red Soldier On Blog 1 Soldier On Blog 2 Soldier On Blog 3 (2) Menu Links will be represented with the sign (if there are submenu links or not) and (if the menu link is open). Links font: Arial Regular, 11 pts, Colour #1 Dark Grey Links when mouse over: Arial Bold, 11 pts, Colour #6 Red Icons Icon width: 16 pixels Icon height: 16 pixels File size in brackets ( ) Style Guide CFMWS Website October
14 Tables Table title: Font: Heading 1 Background Colour #4 Dark Brown Table column titles: Font: Heading 3 Background Colour #5 Light Brown Content: Body Text Colour #7 Black Background Colour # 8 White Style Guide CFMWS Website October
15 Layouts 1. Splash Page Login Header Width: 960 pixels Height: 16 pixels Top Image with CFMWS Logo Width: 920 pixels Height: 330 pixels Spacing Bar Width: 960 pixels Height: 20 pixels Logos Bar Width: 920 pixels Height: 150 pixels Spacing Bar Width: 960 pixels Height: 20 pixels Design Bar Width: 960 pixels Height: 30 pixels Drop down box Width: 215 pixels Width: 88 pixels Menu box Width: 342 pixels Height: 110 pixels Width: 100 pixels Width: 88 pixels Drop down box Width: 215 pixels Style Guide CFMWS Website October
16 2. Home Page Dates are Arial 12pts All Caps Spacing Bar Height: 26 pixels Titles are Arial Bold 18pts Colour #6 Red All Caps Story Type 1 Width: 294 pixels Height: 316 pixels Text is Arial 14pts Text is Arial 14pts Colour #6 Red All Caps Space between Promo Height: 7 pixels Story Type 2 Width: 294 pixels Height: 104 pixels Side Bar Width: 20 pixels Height: Any Photo size Width: 255 pixels Height: 144 pixels Space between Promo Width: 19 pixels Side Bar Width: 20 pixels Height: Any Style Guide CFMWS Website October
17 3. Landing Page Vote Button Width: 82 pixels Height: 19 pixels Button Colour #6 Red Arial Bold 12pts Colour #8 White All caps Spacing Bar Height: 26 pixels Story Type 2 Width: 360 pixels Height: 122 pixels Space between Promo Height: 8 pixels Space between Promo Height: 12 pixels Height: 25 pixels Calendar Title Bar Width: 221 pixels Height: 35 pixels Background Colour #6 Red Arial Bold 16pts Colour #8 White Month Bar Width: 221 pixels Height: 25 pixels Background Colour #7 Black Arial Bold 18pts Colour #8 White All Caps Story Type 3 Width: 221 pixels Height: 211 pixels Calendar Box Width: 221 pixels Height: 151 pixels 4 pixels border Colour #7 Black Story Type 1 (Title and Photo caption) Width: 149 pixels Height: 250 pixels Photo size Width: 401 pixels Height: 275 pixels Vote Button Width: 82 pixels Height: 19 pixels Button Colour #6 Red Arial Bold 12pts Colour #8 White All caps Space between Promo Width: 13 pixels Answers are Arial 12 pts Colour #7 Black View results is Arial 12 pts Colour #6 Red Check box Width: 16 pixels Height: 16 pixels Style Guide CFMWS Website October
18 4. Landing Page with Quick Vote Results Days numbers are Arial 15pts Colour #7 Black Week Days are Arial Bold 15pts Colour #7 Black Results Box Width: 221 pixels Height: 176 pixels Background Colour #3 Light Grey Selected Day (rollover) Width: 20 pixels Height: 20 pixels 1pt Stroke Colour #6 Red Background Colour #3 Light Grey Arial Bold 15pts Colour #7 Black Height: 22 pixels Results Title Bar Width: 221 pixels Height: 35 pixels Background Colour #6 Red Arial Bold 16pts Colour #8 White Height: 21 pixels Height: 5 pixels Answers are Arial 12 pts Colour #7 Black Results Box Width: 221 pixels Height: 176 pixels Background Colour #3 Light Grey Today s Date Width: 20 pixels Height: 20 pixels Background Colour #6 Red Arial 15pts Colour #8 White Selected Day (rollover) Width: 20 pixels Height: 20 pixels 1pt Stroke Colour #6 Red Background Colour #3 Light Grey Arial Bold 15pts Colour #7 Black Day with events Arial Bold underline 15pts Colour #6 Red Answers Graphs Width: Variable Height: 20 pixels Background Gradient Colour #2 Medium Grey to Colour #3 Light Grey 1pt Stroke Colour #7 Black Arial Bold 16pts Colour #8 White or Colour #7 Black if outside the graph Style Guide CFMWS Website October
19 5. Article with no photo Width: 35 pixels Logo zone Width: 159 pixels Messaging box Width: 429 pixels Page Width: 960 pixels Gradient Width: 49 pixels Photo (adjustable & rotating images) Width: 303 pixels Height: 91 pixels Language Header Width: 960 pixels Height: 16 pixels Top Banner Width: 920 pixels Height: 91 pixels Level 1 (L1) Bar Width: 920 pixels Height: 40 pixels Heading 1 Bar Width: 730 pixels Height: 40 pixels Breadcrumbs Bar Width: 960 pixels Height: 16 pixels Footer Height: 31 pixels Width: 36 pixels Content Box Width: 730 pixels Height: Any Centered Column Width: 190 pixels Height: Any Side Bar Width: 20 pixels Height: Any Side Bar Width: 20 pixels Height: Any Width: 36 pixels Style Guide CFMWS Website October
20 6. Article with one photo Style Guide CFMWS Website October
21 7. Article with photos Photo Large Width: 550 pixels Height: 330 pixels Photo Caption Side Bar Width: 180 pixels Height: 190 pixels Thumbnail Width: 120 pixels Height: 120 pixels Spacing under thumbnail Width: 180 pixels Height: 20 pixels Spacing left and right thumbnail Width: 30 pixels Style Guide CFMWS Website October
22 8. Article with promo boxes Space above promo Height: 10 pixels Promo Type 1 Width: 170 pixels Height: 170 pixels Space between promo Height: 10 pixels Promo Type 2 Width: 170 pixels Height: 340 pixels Side space promo Width: 30 pixels Height: Any Style Guide CFMWS Website October
23 9. Listing Page with Links Links are Arial 12pts Colour #6 Red Space before and after Paragraph: 12pts Link become Colour #6 Red when mouse over Space before Heading: 18pts Style Guide CFMWS Website October
24 10. Photo Gallery Thumbnail selected Frame Width: 3 pixels Frame colour: Colour #7 Black Space between thumbnails Width: 15 pixels Space above thumbnail Width: 730 pixels Height: 10 pixels Thumbnail Width: 70 pixels Height: 70 pixels Space below thumbnail Height: 10 pixels Photo size Width: proportional with the photo height, centered Height: 310 pixels Style Guide CFMWS Website October
25 11. Page with Table Table Header 1 Width: 730 pixels Height: 40 pixels Table Header 3 Width: 730 pixels Height: 30 pixels 12. Table Space between columns Width: 5 pixels Height: Any Style Guide CFMWS Website October
26 12. Page with Form Form Width: 465 pixels Height: Any Style Guide CFMWS Website October
27 13. Page with Menu L2 Tab names are Arial Bold 18pts Colour #6 Red All Caps L2 items are Arial 12pts Colour #7 Black Menu box Width: 511 pixels Height: 193 pixels Style Guide CFMWS Website October
28 14. Page with Calendar of events Days numbers are Arial 12pts Colour #7 Black Week Days are Arial Bold 12pts Colour #7 Black Calendar Title Bar Width: 170 pixels Height: 27 pixels Month Bar Background Colour #6 Red Width: 170 pixels Arial Bold 12pts Colour #8 White Height: 23 pixels Background Colour #7 Black Arial Bold 14pts Colour #8 White All Caps Calendar Box Width: 170 pixels Height: 116 pixels 4 pixels Border Colour #7 Black Selected Day (rollover) Width: 16 pixels Height: 16 pixels 1pt Stroke Colour #6 Red Background Colour #3 Light Grey Arial Bold 12pts Colour #7 Black Day with events Arial Bold underline 12pts Colour #6 Red Today s Date Width: 16 pixels Height: 16 pixels Background Colour #6 Red Arial 12pts Colour #8 White Style Guide CFMWS Website October
A Guide to Using the Generic Flyer Template
A Guide to Using the Generic Flyer Template The purpose of this document is to demonstrate the creative uses of the Generic Flyer Template as well as providing a style guide for the successful application
More informationWe are diligent in keeping the Truck-Lite brand clean and standardized. We created these guidelines to ensure that all parties use our brand elements
We are diligent in keeping the Truck-Lite brand clean and standardized. We created these guidelines to ensure that all parties use our brand elements consistently. Contents 2, 3 4, 5 6, 7 8, 9 10 15 10,
More informationBrand Guidelines v1.0
Brand Guidelines 2019 v1.0 Overview Ticketek is New Zealand's gateway to the live entertainment experience. Using innovative technology, we ve become New Zealand's leading platform for connecting millions
More informationTECHNOTravel. 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 informationExploring 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 informationVisual Style Guide. April 2016
Visual Style Guide April 2016 Contents Introduction to the Logo 3 Safe Area and Size 4 Incorrect Usage 5 Color Palette 6 Other Brand Elelments 7 Typography 8 Tone and Style of Photography 9 Print Examples
More informationGO! with Microsoft PowerPoint 2016 Comprehensive
GO! with Microsoft PowerPoint 2016 Comprehensive First Edition Chapter 2 Formatting PowerPoint Presentations Learning Objectives Format Numbered and Bulleted Lists Insert Online Pictures Insert Text Boxes
More informationInfographics: Display Data for Easy Interpretation
Infographics: Display Data for Easy Interpretation Course objectives: Create new infographics Customise layouts Edit content using text, images, media, charts and maps Publish, Present and Print Student
More informationTHE LOGO 4 COLOR PALETTE 6 LOGO USAGE 7 THE TYPEFACE 8 GENERAL GUIDELINES 10 TYPOGRAPHY USAGE 11 SUPPLEMENTAL ICONS 12
BRAND GUIDELINES THE LOGO 4 Clear Area Alternate Logo Versions COLOR PALETTE 6 Color Options LOGO USAGE 7 THE TYPEFACE 8 Suggested Uses GENERAL GUIDELINES 10 TYPOGRAPHY USAGE 11 SUPPLEMENTAL ICONS 12
More informationdigitization station DIGITAL SCRAPBOOKING 120 West 14th Street
digitization station DIGITAL SCRAPBOOKING 120 West 14th Street www.nvcl.ca techconnect@cnv.org DIGITAL SCRAPBOOKING With MyMemories Suite 6 The MyMemories Digital Scrapbooking software allows you to create
More informationUsing the logo. About the logo. Elements. The seal. The logotype. Third party logo use
Style guide 218 Using the logo About the logo Jimmy is at the heart of everything we do as a charity and this is reflected by his name being at the foundation of our actions. The various elements of the
More informationPhotoshop: 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 informationCorporate Brand Guidelines....your local connection
Corporate Brand Guidelines Content Description of the whl.travel Logo 2 Explanation of the whl.travel Logo 3 Isolation Area 4 Typography 5 Minimum Size 6 Colour 7 Colour Reproduction 8 Incorrect Uses of
More informationIDENTITY GUIDELINES AND GRAPHIC STANDARDS MANUAL SPRING 2017
IDENTITY GUIDELINES AND GRAPHIC STANDARDS MANUAL SPRING 2017 THE IMPORTANCE OF GRAPHIC STANDARDS The United Mail logo is our unique graphic signature. It is one of the most visible aspects of the company
More informationB B M L O G O U S A G E G U I D E L I N E S Draft Aug 2, 2013
B B M L O G O U S A G E G U I D E L I N E S Draft Aug 2, 2013 Let s send the right message. As one of the most recognized (and recognizable) BlackBerry icons, BBM has a look and feel of its own. Which
More information12. 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 informationIn Photoshop you can change the size of an image by going to:
Change an images size In Photoshop you can change the size of an image by going to: Image Image Size and change the dimensions of the pictures in pixels. Once you adjust the top number the bottom number
More informationCHAPTER 5: MICROSOFT OFFICE: POWERPOINT 2010
CHAPTER 5: MICROSOFT OFFICE: POWERPOINT 2010 Quick Summary Microsoft PowerPoint 2010 is software that can be used to effectively present information to an audience. The following objects are parts of the
More informationMaking Standard Note Blocks and Placing the Bracket in a Drawing Border
C h a p t e r 12 Making Standard Note Blocks and Placing the Bracket in a Drawing Border In this chapter, you will learn the following to World Class standards: Making standard mechanical notes Using the
More informationUser Guide. Version 1.2. Copyright Favor Software. Revised:
User Guide Version 1.2 Copyright 2009-2010 Favor Software Revised: 2010.05.18 Table of Contents Introduction...4 Installation on Windows...5 Installation on Macintosh...6 Registering Intwined Pattern Studio...7
More informationPosterArtist Quick Guide
PosterArtist Quick Guide Create posters in four easy steps STEP STEP STEP STEP Use Auto Design to Create Posters Simply select a poster type and a design image to automatically create high-quality posters.
More informationUser Guide. Version 1.4. Copyright Favor Software. Revised:
User Guide Version 1.4 Copyright 2009-2012 Favor Software Revised: 2012.02.06 Table of Contents Introduction... 4 Installation on Windows... 5 Installation on Macintosh... 6 Registering Intwined Pattern
More informationSpreadsheets 3: Charts and Graphs
Spreadsheets 3: Charts and Graphs Name: Main: When you have finished this handout, you should have the following skills: Setting up data correctly Labeling axes, legend, scale, title Editing symbols, colors,
More informationIT Skills. September Examination Paper. Time: 2 hours
IT Skills September 05 Examination Paper Answer ALL questions. All answers should be produced on your PC and printed as directed in the paper. Time: hours The maximum mark for this paper is 00. Any reference
More informationOzE Field Modules. OzE School. Quick reference pages OzE Main Opening Screen OzE Process Data OzE Order Entry OzE Preview School Promotion Checklist
1 OzE Field Modules OzE School Quick reference pages OzE Main Opening Screen OzE Process Data OzE Order Entry OzE Preview School Promotion Checklist OzESchool System Features Field unit for preparing all
More informationPhotoFiltre 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 informationThe ExCeL logo. ExCeL London brand guidelines V2
10 The ExCeL logo 11 ExCeL logo ExCeL London and The ADNEC GROUP tab have been given more space to breathe, they are now separate elements that work together. This gives the structure of the organisation
More informationA guide to our Brand A guide to our Brand
A guide to our Brand WHITE SPACE White space is important to our brand, in order to achieve maximum impact within an advertorial piece maintaining minimum white space requirements are essential. Please
More informationMid_Term_Review_PhotoShop_Design Test B Name
Mid_Term_Review_PhotoShop_Design Test B Name Multiple Choice Identify the choice that best completes the statement or answers the question. 1. Photoshop uses a mathematical process called when it changes
More informationLearn 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 informationKEEPING SCORE: HOW TO USE SCORES, LIVES AND HEALTH
KEEPING SCORE: HOW TO USE SCORES, LIVES AND HEALTH A game isn t much of a game unless you can measure how well you re doing. How well players are doing in a game is often measure by their score, how many
More information10.2. Scanning Document Camera Scoring. Page 1 of 5. How do I score answer sheets using a document camera? STEP 1
Step by Step How do I score answer sheets using a document camera? STEP 1 Click on the Assessment icon in the top navigation bar. STEP 2 To locate your assessment in an assessment list, first select the
More informationManaging images with NewZapp
Managing images with NewZapp This guide is for anyone using the NewZapp Fixed editor as opposed to the Drag and Drop editor. The Image Manager is where images are uploaded and stored in your NewZapp account
More informationBrand identity toolkit
Our visual identity Brand identity toolkit Typography Photography Lyon Display Medium ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 Akkurat Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
More informationPhoto 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 informationNo Tech Genius Required: Your Guide to Photo Editing with Photoshop Unless you re a graphic designer, it s likely that when you hear the word Photoshop your heart starts pumping fast and your brain shuts
More informationVeco User Guides. Property Photos & Images
Introduction Veco User Guides Property Photos & Images Veco-onesystem allows images to be attached to each property. Once recorded against each property, these images can be categorised into order of priority
More informationPhotoshop: 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 informationHow to create a survey with SurveyMonkey
How to create a survey with SurveyMonkey Click the green +Create Survey button from the My Surveys page or from the top-right corner from wherever you are on the Survey Monkey website. You will see 3 options:
More informationTable of contents. Table of contents 2 Introduction 4 Overview 4
Tiling v1.2 TABLE OF CONTENTS Table of contents Table of contents 2 Introduction 4 Overview 4 Global setup 6 Poster size 6 Format 6 Width and Height 7 Margins 8 Frame 8 Scale 9 Tile setup 9 Tile size 10
More informationPhotoshop: 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 informationweb MASTERBRAND MARK GUIDELINES
02.2013 web MASTERBRAND MARK GUIDELINES The Masterbrand Mark The Carestream Masterbrand Mark is more than just our logo. It s the foundation on which our powerful brand communications are built. Our Masterbrand
More informationWelcome to JigsawBox!! How to Get Started Quickly...
Welcome to JigsawBox!! How to Get Started Quickly... Welcome to JigsawBox Support! Firstly, we want to let you know that you are NOT alone. Our JigsawBox Customer Support is on hand Monday to Friday to
More informationIntroduction to Photoshop CS6
Introduction to Photoshop CS6 Copyright 2016, Faculty and Staff Training, West Chester University. A member of the Pennsylvania State System of Higher Education. No portion of this document may be reproduced
More informationOOo Switch: 501 Things You Wanted to Know About Switching to OpenOffice.org from Microsoft Office
OOo Switch: 501 Things You Wanted to Know About Switching to OpenOffice.org from Microsoft Office Tamar E. Granor Hentzenwerke Publishing ii Table of Contents Our Contract with You, The Reader Acknowledgements
More informationDRAFT Solid Edge ST4 Update Training Draft
DRAFT Solid Edge ST4 Update Training Draft Presented by: Steve Webb Topics Parts List Table Titles Column Headers Headers Merging Header Rotate Cell Aspect Ratio Cell Formatting Overriding Disabled Cells
More informationHow 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 informationThis guide should be read by anyone involved in creating communications for One You.
This guide should be read by anyone involved in creating communications for One You. It explains the thinking behind our look and how easy it is to execute. Please take the time to read the following pages.
More informationStarting Family Tree: Navigating, adding, standardizing, printing
Starting Family Tree: Navigating, adding, standardizing, printing The FamilySearch logo on the upper left is a functioning icon. Clicking on this takes you back to the home page for the website. The website
More informationPhotoshop CS2. Step by Step Instructions Using Layers. Adobe. About Layers:
About Layers: Layers allow you to work on one element of an image without disturbing the others. Think of layers as sheets of acetate stacked one on top of the other. You can see through transparent areas
More informationC&L WARD BRAND GUIDE 1
CONTENTS 2 The Logo 3 Formats 4 Correct Usage 5 Incorrect Usage 6 Alternate Logos 7 The Tagline 8 Color Palette 9 Fonts 10 Complimentary Fonts 11 Photography Styles 12 Photography to Avoid C&L WARD BRAND
More informationPhotoshop CS6 Basics. Using Layers to Create a Magazine Cover
Photoshop CS6 Basics Using Layers to Create a Magazine Cover If you re using Photoshop Elements to do this project, the steps I cover in this tutorial will hopefully be useful to you as a guide Photoshop
More informationPhotoshop Elements Hints by Steve Miller
2015 Elements 13 A brief tutorial for basic photo file processing To begin, click on the Elements 13 icon, click on Photo Editor in the first box that appears. We will not be discussing the Organizer portion
More informationAfter you have completed the tutorial, you will be given an initial knowledge check by ALEKS to determine what topics you already know so ALEKS can
How ALEKS Works After you have registered in ALEKS, you will get a brief introduction to ALEKS and then you will be given a quick tutorial on how to enter answers in ALEKS: After you have completed the
More informationBRAND GUIDELINES MASTERBRAND MARK. The Masterbrand Mark
MASTERBRAND MARK The Masterbrand Mark The Masterbrand Mark is made up of custom letter forms and spacing joined together to create a unique and ownable brand mark. The Masterbrand Mark should: ONLY be
More informationInstructions for Finding and Inserting Photos into Documents
Instructions for Finding and Inserting Photos into Documents To find and use project photos for documents and presentation, the easiest way is to use the Photoshop Album. The Photoshop Album must be accessed
More informationDESN2270 Final Project Plan
DESN2270 Final Project Plan Contents Website Content... 1 Theme... 1 Narrative... 1 Intended Audience... 2 Audio/ Animation Sequences... 2 Banner... 2 Main Story... 2 Interactive Elements... 4 Game...
More informationReviewing Your Tax Return In Your Portal
Reviewing Your Tax Return In Your Portal 1. Go to our website www.franklinincpa.com and click on the link at the bottom left of the screen for Client Connect. a. This link will take you to the login screen
More informationLine Art Directions. Link to line art coloring pages. Ctrl + Click to access the link. Coloring pages - Coloring Book
Line Art Directions Link to line art coloring pages Ctrl + Click to access the link Coloring pages - Coloring Book www.coloring-book.info/coloring/ More than 5.000 printable coloring sheets. Free coloring
More informationGo Daddy Online Photo Filer
Getting Started and User Guide Discover an easier way to share, print and manage your photos online! Online Photo Filer gives you an online photo album site for sharing photos, as well as easy-to-use editing
More informationEntering Checkpoint Data
Entering Checkpoint Data How do I change which Checkpoint Period I m viewing? To change the period from one to another, here are the steps: On the right side of the screen, click the grey drop-down "Change
More informationg. Click once on the left vertical line of the rectangle.
This drawing will require you to a model of a truck as a Solidworks Part. Please be sure to read the directions carefully before constructing the truck in Solidworks. Before submitting you will be required
More informationCreating Digital Stories for the Classroom
Using Photo Story 3 to Create a Digital Story Creating Digital Stories for the Classroom When you open Photo Story 3 you have a few options. To begin a new story select the option Begin a New Story and
More informationStyle guide. November 2015 v1.0; CC BY 4.0.
Style guide November 2015 v1.0; CC BY 4.0 http://creativecommons.org/licenses/by/4.0/ Introduction Our visual identity is a core part of our user experience, so it s important to us that it be used correctly.
More informationMETAL 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 informationName: Jessica Denny Date: April 7, Multimedia Flowchart
Name: Jessica Denny Email: jldenny@vt.edu Multimedia Flowchart Notes: Demo/Simulation slides first present content as a demonstration, then use an interactive software simulation to give students opportunities
More informationDavis Art Images: Create and Share Slideshows
Davis Art Images: Create and Share Slideshows Davis Art Images, you can create and curate custom sets of images to use in your art room with Tags. Your Tagged Image Sets can then be viewed and presented
More informationWeb 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 informationITEC 715: WEEK 03 IN-CLASS EXERCISE: CREATING AN INSTRUCTIONAL COMIC WITH PHOTOSHOP STEP 1: GET IMAGES STEP 2: PLAN YOUR LAYOUT
ITEC 715: WEEK 03 IN-CLASS EXERCISE: CREATING AN Here's the finished comic you will create: INSTRUCTIONAL COMIC WITH PHOTOSHOP STEP 1: GET IMAGES If you can draw (and want to), that's fine, but it's not
More informationShare My Design Space Project to Facebook or Pinterest?
How Do I Share My Design Space Project to Facebook or Pinterest? We love it when our members share the projects they create daily with their Cricut machines, materials, and accessories. Design Space was
More informationBrand Guidelines Version 3.1
Brand Guidelines Version 3.1 Our Mission At Checkout 51 our mission is to help millions of families save money, and use their purchase data to revolutionize marketing. We partner with the world s leading
More informationBranding guide. Ocean Harvest
Branding guide Ocean Harvest Delivering results through responsible operations in a sustainable sea Contents Introduction.... 4 Vision and values.... 5 Logo.... 6 Colors.... 8 Photography.... 10 Illustrations....
More informationAll Creative Suite Design documents are saved in the same way. Click the Save or Save As (if saving for the first time) command on the File menu to
1 The Application bar is new in the CS4 applications. It combines the menu bar with control buttons that allow you to perform tasks such as arranging multiple documents or changing the workspace view.
More informationIntroduction At Photobookshop, it s our aim to go that extra mile to deliver excellent service, products and quality. Our fresh, dynamic and flexible culture enables us to stand above the rest and produce
More informationBrand Guidelines 12 December 2014
Brand Guidelines 12 December 2014 Our brand Introduction A distinctive new approach to the transport infrastructure of Edinburgh deserves a bold new look. A whole new brand platform has been developed
More informationStep 1: Set up the variables AB Design. Use the top cells to label the variables that will be displayed on the X and Y axes of the graph
Step 1: Set up the variables AB Design Use the top cells to label the variables that will be displayed on the X and Y axes of the graph Step 1: Set up the variables X axis for AB Design Enter X axis label
More informationFacebook Collage Functionality
Intro - Table of Contents Facebook Collage Functionality Page 2 Splash Page 3 Collage Step 1 Page 4 Collage Step 2 Page 5 Collage Step 3 Page 6 View Order Page 7 Photo Prints Page 8 Tagged Images Page
More informationPhotoshop 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 informationB R A N D I D E N T I T Y G U I D E L I N E S
B R A N D I D E N T I T Y G U I D E L I N E S About Pointwise/Pointwise Logos 3 The Pointwise Corporate Logo 5 The Pointwise Product Logo 9 The Let s Talk Meshing Logo 13 The Pointwise Support Team Logo
More informationSoftware Manual. Doc ver
Software Manual Product: Color Planner 4.0 / Stand-alone Language: English Doc ver. 1.13 2 Document History Tekijä Kuvaus Päivämäärä Document Versio Customer Service First release 1.6.2011 1.0 Customer
More informationiphoto Objective Course Outline
iphoto Objective In this class participants will learn how iphoto creates a photo center for photo organization by using rolls and albums. Participants will also learn the built-in editing tools. Participants
More informationBranding guide. Estremar
Branding guide Delivering results through responsible operations in a sustainable sea Contents Introduction.... 4 Vision and values.... 5 Logo.... 6 Colors.... 8 Photography.... 10 Illustrations.... 12
More informationBrand Identity & Design Standards
Brand Identity & Design Standards Copyright 2014 by the Tahoe Truckee Community Foundation All rights reserved Originally developed for use by the Tahoe Truckee Community Foundation December 2014 Information
More informationLogo Usage Guidelines
Logo Usage Guidelines Index Introduction... 03 ICM 2018... 04 Signature Logos... 05 - Basic standards... 06 - Minimum size and buffer space... 08 - Application on backgrounds... 09 - Chromatic variations...
More informationRoll Back Malaria Partnership. Brand Guidelines
Roll Back Malaria Partnership Brand Guidelines How to use these guidelines Our identity is not just a logo. It is a design scheme composed of a number of core elements that come together to create a distinctive
More informationClick on design to start creating your ad
Designing your ad in Pictavo Go to www.carolinayearbooks.com, click on top toolbar for senior ads Find your school and click at the bottom select It will then ask you again to find your school, write It
More informationSwitching to Sub Category and Collapsible Skins
Switching to Sub Category and Collapsible Skins New programming enhancements and features are not compatible with the older Q-Net skins. If you are using either the original Drop Down skin or the Standard
More informationConsiderations. image solid color for tracing make sure your traced shapes are a single solid color - Black RGB 0,0,0 or #000000
2D Design Object Description Form Fit and Function (FFF) Design for laser cut elements.bmp or.jpg border at least 300 dpi allow 1/8 margin for boarder of the material image solid color for tracing make
More informationNational 4/5 Administration and I.T.
National 4/5 Administration and I.T. Personal Learning Plan Name: This document has been produced to help you track your learning within Administration and I.T. Your teacher will tell you when you should
More informationPASS Sample Size Software. These options specify the characteristics of the lines, labels, and tick marks along the X and Y axes.
Chapter 940 Introduction This section describes the options that are available for the appearance of a scatter plot. A set of all these options can be stored as a template file which can be retrieved later.
More informationIntroduction.
Introduction At Photobooks Express, it s our aim to go that extra mile to deliver excellent service, products and quality. Our fresh, dynamic and flexible culture enables us to stand above the rest and
More informationStep 1: Open A Photo To Place Inside Your Text
Place A Photo Or Image In Text In Photoshop In this Photoshop tutorial, we re going to learn how to place a photo or image inside text, a very popular thing to do in Photoshop, and also a very easy thing
More informationMIDDLE GEORGIA STATE UNIVERSITY - GRAPHIC STANDARDS, USAGE AND STYLE GUIDE
MIDDLE GEORGIA STATE UNIVERSITY - GRAPHIC STANDARDS, USAGE AND STYLE GUIDE TABLE OF CONTENTS: 30. CHAPTER THREE: ATHLETIC IDENTITY 31. Primary Logo: Athletics 32. Alternate Primary Logo: Athletics Primary
More informationUsing 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 informationRevised Graphic Standards Guidelines
Revised 9.17 Graphic Standards Guidelines Building a New Brand Identity 1 Why We Value Our Brand Identity Our brand identity distinguishes us as an institution. It is a promise of the kind of experience
More informationSMART Survey Camera Settings Guide
SMART Survey Camera Settings Guide etech Technical Support Mon-Fri 9am-5.30pm: 0333 1234 288 support@etech.net 2 SMART Survey Camera Settings Guide Camera Settings Colour Saturation As many images with
More informationSAVING, 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 informationLesson 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 informationCOMPUTING 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 informationAdobe 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