NC.GOV. Creating Assets & Pages GUIDELINES
|
|
- Emil Goodman
- 5 years ago
- Views:
Transcription
1 NC.GOV Creating Assets & Pages GUIDELINES
2 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 quick guidelines to help you understand how content is structured for your website. Consistency is key and we want to give you the directions necessary when determining how to present your content. While these guidelines will touch base on a lot of components and how they are used, they are only a small portion of the entire visual library. To learn more about the entire library, we suggest viewing the online digital style guide. It covers the same information here, as well as other documentation that ll help you get your content structured the right way.
3 Branding - Colors Core Palette BLACK BLUE GRAY LIGHT GRAY OFF-WHITE WHITE Accent Palette COOL GRAY WARM GRAY LIGHT BLUE BLUE INDIGO DEEP PURPLE PURPLE RED ORANGE OLIVE GREEN TURQUOISE
4 Web Page Structure Figure A web page is broken up into multiple bands. Each band contains a section title (optional) and multiple blocks (required). Bands can display their blocks in various columns, typically ranging from 1-4 columns. Each block contains specific information. Information displayed will depend on the type of component used inside a block.
5 Example Web Page
6 Content Visibility Figure Web content can vary in form depending on how much attention you want it to grab from your users. Text is the default form for your web content. Icons are great to help support your content, but in some cases can be challenging to find a suitable icon to best represent your information. Photographs or graphic illustrations also help support your content, but in a more prominent form. This form also can run into the same challenges as icons in which it may be difficult to find a graphic suitable. Keep these guidelines in mind when wanting to visually represent your content. PHOTO/GRAPHIC HIGH VISIBILITY ICON MEDIUM VISIBILITY TEXT Heart LOW VISIBILITY
7 Content Visiblity BANNER GRAPHIC Figure Elements and components can be used to change how much visibility your content gets. The higher the visiblity, the more likely a user will not overlook it. Some components have additional requirements in order to display the content correctly. HIGH VISIBILITY CARD MEDIUM VISIBILITY BUTTON LOW VISIBILITY TEXT
8 Banner Graphics FULL-WIDTH, WIDESCREEN This banner graphic will span edge to edge of the computer monitor. It is not constrained by the content container. Content will be displayed on top of the image, to the left. When creating images, be sure to place the focal point of the image to the right side. CONTAINER, WIDESCREEN This banner graphic is constrained by the content container, but still maintains a widescreen aspect ratio. Content will be displayed on top of the image, to the left. When creating images, be sure to place the focal point of the image to the right side. CONTAINER, LETTERBOX This banner graphic is constrained by the content container. Content will be displayed to the left of the image and doesn t overlap. These images use letterbox ratios as opposed to widescreen and the focal point can be safely placed anywhere, ideally in the center.
9 Banner Graphics CONTENT AREA CONTENT AREA IMAGE FOCAL POINT
10 Band Types EXAMPLE - GRAPHIC This is an example of a band where the header and blocks are using 2-columns. The second column is omitted and permits display for a background image. EXAMPLE - MULTI-CONTENT This is an example of a band where the header is omitted and the blocks are using 3-columns. CTA Cards are placed in each column. The band uses the default white background color without a background image.
11 Band Structure AVAILABLE THEMES: OPTIONAL PHOTO: PHOTO (MINIMUM): PADDING AREA HEADER AREA (OPTIONAL) PHOTO (MAXIMUM): BLOCKS AREA PADDING AREA NONE SMALL MEDIUM LARGE DEFAULT* 0PX 30PX 60PX 120PX 60PX 0PX 30PX 60PX 120PX 0PX **Other variations available.
12 Band Stacking PADDING AREA HEADER AREA (OPTIONAL) BLOCKS AREA A SCENARIO #1: IF [A] AND [B] S ARE WHITE*: THEN VISUAL GAP = 60PX PADDING AREA PADDING AREA VISUAL GAP SCENARIO #2: IF ONLY [A] OR [B] S ARE WHITE*: THEN VISUAL GAP = 180PX HEADER AREA (OPTIONAL) SCENARIO #3: BLOCKS AREA B IF [A] AND [B] S ARE NOT WHITE*: THEN VISUAL GAP = 240PX PADDING AREA Figure When stacking bands on a page, be mindful of the visual gap. All bands by default are white backgrounds. Visual gap size will vary depending on specific situations (see above). To ensure optimal consistency, please follow the guidelines for each of the scenarios as you build out pages. Visual gap includes padding from both the top band and the bottom band, so the combinations may vary. Just be sure the sum total equals to the value specified in that particular scenario.
13 Band Content Figure Both header and block areas of bands can be configured to display content in multiple columns. They can use configurations independently from one another. Configurations range from 1 column to 4 columns. PADDING AREA HEADER AREA (OPTIONAL) BLOCKS AREA PADDING AREA 1 COLUMN 2 COLUMNS 3 COLUMNS 4 COLUMNS
14 Band Stacking DO THIS. BALANCED. DON T DO THIS. TOO HEAVY. Figure Bands will naturally stack as you build your pages. But visual balance is important to your users and the eye flow. By using a combination of white bands and colored bands, you can make your content more attractive. However, use colored bands sparingly. Using them too much can be overwhelming and will frustrate users. Also, break up the content with cards in bands to help the eyes have resting areas. These areas help the eyes reset before scanning to the next colored band.
15 Card Image Dimensions SQ LB WS SQUARE 1:1 RATIO LETTERBOX 4:3 RATIO WIDESCREEN 16:9 RATIO Figure Cards that allow the display of an image can come in 3 different sizes. This flexibility allows you to display groups of cards in different ways. It s important to remember to use the same size when displaying a group of cards. While groups can differ from one another, the cards within a specific group should use the same image size for consistency. Also, certain cards will display elements on top of the image, such as a video play button or an event date. You do not need to place these elements in the image itself. The website will generate those for you.
16 Card Types PREVIEW PREVIEW PREVIEW ARTICLE CARD This is a photo card that is used to display a news article. Articles should be timestamped and can have categories. Requirements: Photo, Title, Date Photo Recommendations: Widescreen, Letterbox WS LB CTA CARD This is an icon card that is used to display a call-to-action (CTA). Icons help support/represent the subject. The textured background can change to match any of the branded colors. Requirements: Icon, Title, Description Configurations: Icon, Background Theme Color Note: The background texture is automatically generated, however, you are allowed to change the color of the texture to one of the approved core or accent colors. EVENT CARD This is a photo card that is used to display an upcoming event. Events should be timestamped and can have categories. Requirements: Photo, Title, Location, Date Photo Recommendations: Widescreen, Letterbox WS LB Note: You do not need to add the date to the image. The system will auto-generate that.
17 Card Types PREVIEW PREVIEW PREVIEW GOVERNMENT CARD MEDIA CARD PERSON CARD This is a photo card that is used to display a government entity. It allows for both title and subtitles. Requirements: Photo, Title, Subtitle Photo Recommendations: Widescreen, Letterbox This is a photo card that is used to display creative work, such as a photo album. Requirements: Photo, Title Recommended Aspect Ratios: Square WS LB SQ This is a photo card that is used to display a specific person. Typically is used in a group setting and links off to a specific person s bio. Requirements: Photo, Full Name, Job Title Recommended Aspect Ratios: Letterbox LB
18 Card Types PREVIEW PREVIEW PREVIEW SERVICE CARD This banner graphic is constrained by the content container. Content will be displayed to the left of the image and doesn t overlap. These images use letterbox ratios as opposed to widescreen and the focal point can be safely placed anywhere, ideally in the center. STAT CARD This banner graphic is constrained by the content container. Content will be displayed to the left of the image and doesn t overlap. These images use letterbox ratios as opposed to widescreen and the focal point can be safely placed anywhere, ideally in the center. VIDEO CARD This banner graphic is constrained by the content container. Content will be displayed to the left of the image and doesn t overlap. These images use letterbox ratios as opposed to widescreen and the focal point can be safely placed anywhere, ideally in the center. Recommended Aspect Ratios: not applicable (uses an icon/glyph) Recommended Aspect Ratios: not applicable (text-only) Recommended Aspect Ratios: Widescreen Letterbox WS LB Note: You do not need to add the date to the image. The system will auto-generate that.
19 Illustrations Figure Illustration examples. Illustrations used for the website should help support the content. To remain consistent with branding, illustrations should be simple and clean that doesn t rely on shadows or gradients. Stick with a flat visual style. Try to incorporate the brand colors into the illustration as you can, and make sure it can be placed in a band with different themes. Illustrations can be used as background images for bands or for thumbnails for cards (if applicable).
20 Photography
21 Photography 7 Simple Rules to Great Photography SUPPORT THE CONTENT QUALITY MATTERS RULE OF THIRDS GOOD FOCAL POINT The most important role of the image is to help support the content. When choosing photography, be mindful of the content. This will help establish a connection with the user. Make sure your image is large enough to ensure optimal quality. Your images will adjust as users view them on different devices. Follow our guidelines for correct sizes. Be sure to choose a high enough resolution to prevent pixelation from occurring. This is a general guideline, but critical when choosing imagery for a banner graphic. Because content will be layered on top of the image, it is important to have your focal point beside the content and not behind it. General rule is to find focal points that are on the lastthird of an image. Choose imagery that has a specific focal point. This could be a person, an object, etc. Images that use blurring effects help the users distinguish the focal point. DON T LOOK AT ME! DON T PHOTOMERGE ACT NATURAL Try to minimize photography that has a person looking directly at you. In some cases it is acceptable, but it s best to find people in the action/moment. They are looking away and are going about their normal lives. These are more compelling and convincing to the users. Don t take multiple photos and merge them together into one. In some rare cases it is acceptable, but it is recommended to be done by a professional. Take the time to look for photography that helps support the content and the dimensions without compromises. Choose imagery that looks very natural. Avoid imagery that uses oversaturated colors or tones. These will stand out too much and won t blend in with the rest of the site s theme or site s content.
The original image. The final rainbow effect.
ADD A realistic rainbow to a photo In this Photoshop photo effects tutorial, we re going to learn how to easily add a rainbow, even a double rainbow, to a photo. Of course, as with most photo effects,
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 informationBRUSHES AND LAYERS We will learn how to use brushes and illustration tools to make a simple composition. Introduction to using layers.
Brushes BRUSHES AND LAYERS We will learn how to use brushes and illustration tools to make a simple composition. Introduction to using layers. WHAT IS A BRUSH? A brush is a type of tool in Photoshop used
More informationHow to Create Fake Shadows
TIP SHEET #8 How to Create Fake Shadows As well as the colour, it s the shadows in a picture that help to give it mood and atmosphere so in this tutorial I want to show you how you can add in extra shadows.
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 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 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 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 informationProject 25 Page 1 ` JAZZ POSTCARD
Project 25 Page 1 ` JAZZ POSTCARD Reset all tools! Create the Background 1. Create a new RGB document, 4.25 in. wide by 5.75 in. high at 100 dpi with a white background. 2. Click the foreground color swatch
More informationITEC185 INTRODUCTION TO DIGITAL MEDIA
1 ITEC185 INTRODUCTION TO DIGITAL MEDIA ADOBE PHOTOSHOP ITEC185 - Introduction to Digital Media ITEC185 - Introduction to Digital Media 2 What is Adobe Photoshop? Photoshop is the leading professional
More informationVaris PhotoMedia Tutorials
Varis PhotoMedia Tutorials 2002, Lee Varis Welcome This tutorial has been prepared for the photographer who is striving to learn digital imaging. I make an effort to supply current information about digital
More informationPASS4TEST. IT Certification Guaranteed, The Easy Way! We offer free update service for one year
PASS4TEST IT Certification Guaranteed, The Easy Way! \ We offer free update service for one year Exam : 9A0-125 Title : Adobe Photoshop Lightroom 2 ACE Exam Vendors : Adobe Version : DEMO Get Latest &
More informationTOPAZ LENS EFFECTS QUICK START GUIDE
TOPAZ LENS EFFECTS QUICK START GUIDE Introduction Topaz Lens Effects is designed to give you the power to direct and focus your viewer s eyes where you want them. With Lens Effects, you get advanced technology
More informationUndress a Giraffe in Photoshop
Undress a Giraffe in Photoshop By: Alexandra Fomicheva Have you ever wanted to know what a Giraffe looks like without its spots? If so, this tutorial is for you, you pervert! Today, we will demonstrate
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 informationXXXX - ILLUSTRATING FROM SKETCHES IN PHOTOSHOP 1 N/08/08
INTRODUCTION TO GRAPHICS Illustrating from sketches in Photoshop Information Sheet No. XXXX Creating illustrations from existing photography is an excellent method to create bold and sharp works of art
More informationThe original photo. The final result.
giving a photo painted edges In this Adobe Photoshop tutorial, we re going to combine a couple of different effects. First, we ll give the photo easy-tocreate painted edges, and then we ll make it look
More informationADDING RAIN TO A PHOTO
ADDING RAIN TO A PHOTO Most of us would prefer to avoid being caught in the rain if possible, especially if we have our cameras with us. But what if you re one of a large number of people who enjoy taking
More informationSKIFT BRAND IDENTITY BRAND GUIDELINES Design Rocket
SKIFT BRAND IDENTITY BRAND GUIDELINES 08.12.2016 Design Rocket SKIFT BELIEFS The travel industry should be transparent, accessible, and forward-thinking. The future of travel is at the intersection of
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 informationDigital Design and Communication Teaching (DiDACT) University of Sheffield Department of Landscape. Adobe Photoshop CS5 INTRODUCTION WORKSHOPS
Adobe INTRODUCTION WORKSHOPS WORKSHOP 1 - what is Photoshop + what does it do? Outcomes: What is Photoshop? Opening, importing and creating images. Basic knowledge of Photoshop tools. Examples of work.
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 informationA 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 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 informationIntroduction to Photoshop
Introduction to Photoshop Instructional Services at KU Libraries A Division of Information Services www.lib.ku.edu/instruction Abstract: This course covers the basics of Photoshop, including common tools
More informationSoftware 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 informationHow to combine images in Photoshop
How to combine images in Photoshop In Photoshop, you can use multiple layers to combine images, but there are two other ways to create a single image from mulitple images. Create a panoramic image with
More informationCreating a Watercolor Painting From a Photo. Open the photo you want to appear to be a watercolor painting. I am using the photo below:
Creating a Watercolor Painting From a Photo Open the photo you want to appear to be a watercolor painting. I am using the photo below: Make any adjustments as needed like cropping the photo before preceding
More informationCOLORIZE A PHOTO WITH MULTIPLE COLORS
COLORIZE A PHOTO WITH MULTIPLE COLORS In this Photoshop photo effects tutorial, we re going to learn how to colorize a photo using multiple colors. It s an effect I ve seen used quite a bit in ads for
More informationReveal 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 informationphotoshop 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 informationCOLORIZING 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 informationThe 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 informationPOLAROID EMULATION INCREASED CONTRAST, SATURATION & CLARITY
POLAROID EMULATION The Polaroid SX-70 Camera was a sensational tool. It took photographs in real time. But just the color balance of the film and they way it developed had a unique look. Here are some
More informationColorizing A Photo With Multiple Colors In Photoshop
Colorizing A Photo With Multiple Colors In Photoshop Written by Steve Patterson. In this Photoshop Effects tutorial, we re going to learn how to colorize a photo using multiple colors. It s an effect I
More informationPhotoshop CS part 2. Workshop Objective. Getting Started Quit all open applications Single click Adobe Photoshop from the Dock
pg. 1 Photoshop CS part 2 Photoshop is the premier digital photo editor application used for photo retouching, creating web images, film/video compositing, and other pixel/vector-based imagery. Workshop
More informationMEDIAKIT Version 02
MEDIAKIT 2018 Version 02 LOGO APTIM BRAND STYLE GUIDELINES LOGO 2 Our logo, with its strong modern design and bold APTIM Orange and Blue, symbolizes who we are, what we do, and how we do it. The following
More informationIntroduction to Photoshop Elements
John W. Jacobs Technology Center 450 Exton Square Parkway Exton, PA 19341 610.280.2666 ccljtc@ccls.org www.ccls.org Facebook.com/ChesterCountyLibrary Introduction to Photoshop Elements Chester County Library
More informationHow useful would it be if you had the ability to make unimportant things suddenly
c h a p t e r 3 TRANSPARENCY NOW YOU SEE IT, NOW YOU DON T How useful would it be if you had the ability to make unimportant things suddenly disappear? By one touch, any undesirable thing in your life
More informationThis Photoshop Tutorial 2012 Steve Patterson, Photoshop Essentials.com. Not To Be Reproduced Or Redistributed Without Permission.
How To Replace The Sky In A Photo In this Photoshop tutorial, we ll learn how to easily replace the sky in a photo! We ll use a basic selection tool and a layer mask to separate the sky from the area below
More informationAdobe Photoshop CC 2018 Tutorial
Adobe Photoshop CC 2018 Tutorial GETTING STARTED Adobe Photoshop CC 2018 is a popular image editing software that provides a work environment consistent with Adobe Illustrator, Adobe InDesign, Adobe Photoshop,
More informationPainted-paper illustrations
5 Painted-paper illustrations ADOBE PHOTOSHOP CS CREATIVE STUDIO 43 Techniques for digital artists Some illustrators use a method of collage that requires making many sheets of painted paper. e paper is
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 informationPart 2: Spot Color Lessons
Why White? The importance of white in color printing is often overlooked. The foundation of color printing is based on applying Cyan, Magenta, Yellow and Black (CMYK) onto white paper. The paper s white
More informationEMPHASIS STILL LIFE. Milito Art II
EMPHASIS STILL LIFE Milito Art II OBJECTIVES SWBAT / I CAN: Understand the ways in which artists create emphasis, & contrast in artwork Draw a realistic still life from reference & observation creating
More informationChallenge Image: Blur the Background
Challenge Image: Blur the Background Challenge Image: Blur the Background In this lesson, we re going to work on a challenge image that was submitted by a Masters Academy member. The image features a little
More informationONYX White Paper DESIGNING WITH WHITE & SPECIALTY INK
ONYX White Paper DESIGNING WITH WHITE & SPECIALTY INK ONYX White Paper Designing with Specialty Ink OCT 2012 This document is intended to assist in the setup for files with specialty ink data in a digital
More informationPainting Special Effects on Photographs
TUTORIAL 7 Painting Special Effects on Photographs In this tutorial you will learn how to transform a photo into a striking color composition with paintbrushes, masks, blending modes, color, and paper
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 informationFLAMING 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 informationPerspective 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 informationColor and More. Color basics
Color and More In this lesson, you'll evaluate an image in terms of its overall tonal range (lightness, darkness, and contrast), its overall balance of color, and its overall appearance for areas that
More informationStep 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 informationClipping 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 informationThe 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 informationMarla. Dear Fellow Artist,
Dear Fellow Artist, Working from life is unquestionably the optimal way to work, but it s not always possible. Weather, mobility, time constraints, among other things makes painting from life impractical
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 informationA 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 informationDesigning with White and Specialty Ink
ONYX WHITE PAPER 03/29/2013 Designing with White and Specialty Ink This document is intended to assist in the setup for files with specialty ink data in a digital print environment. This covers designing
More informationCombine Black-and-White and Color
Combine Black-and-White and Color Contributor: Seán Duggan n Specialty: Fine Art Primary Tool Used: Smart Objects Combining color and black-and-white in the same image is a technique that has been around
More informationPhotoshop CC: Essentials
Photoshop CC: Essentials Summary Workspace Overview... 2 Exercise Files... 2 Selection Tools... 3 Select All, Deselect, And Reselect... 3 Adding, Subtracting, and Intersecting... 3 Working with Layers...
More informationUSING 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 informationADOBE PHOTOSHOP CS 3 QUICK REFERENCE
ADOBE PHOTOSHOP CS 3 QUICK REFERENCE INTRODUCTION Adobe PhotoShop CS 3 is a powerful software environment for editing, manipulating and creating images and other graphics. This reference guide provides
More information4 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 information2Click the Symbol XX
Adjustment Layers, Channels and Layer Masks 2Click the Symbol XX ( Adjustment Layer ) and choose Channel Mixer. 3Check the box Monochrome and choose the values R=30, G=60, B=10. Thus you ll get a grayscale
More informationIMAGE CORRECTION. You can find this and more information with video tutorials at
IMAGE CORRECTION You can find this and more information with video tutorials at http://www.adobe.com/support/photoshop/ P H O T O S H O P T O O L S CLONE STAMP TOOL The Clone Stamp tool paints one part
More informationDiscover the Fine Art of the Black and White Photograph
The Speaker s Notes that follow are to accompany a lecture presented at the 2011 Summer Conference Discover the Fine Art of the Black and White Photograph Presented by Janice Wendt from Nik Software Warning:
More informationTEXT 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 information11 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 informationAdobe Illustrator. Mountain Sunset
Adobe Illustrator Mountain Sunset Adobe Illustrator Mountain Sunset Introduction Today we re going to be doing a very simple yet very appealing mountain sunset tutorial. You can see the finished product
More informationBRAND GUIDELINES California College of the Arts
October 2016 BRAND GUIDELINES A LOGO. A TYPEFACE. A PHOTO. A VOICE. Together these tools can paint a picture of California College of the Arts that is accurate, aspirational, and as awesome as we are.
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 informationDigitizing Film Using the D850 and ES-2 Negative Digitizer
JULY 23, 2018 INTERMEDIATE Digitizing Film Using the D850 and ES-2 Negative Digitizer The ES 2 can be used with both strip film and mounted slides. Digitizing film is the process of creating digital data
More informationPHOTOSHOP1 15 / WORKSPACE
MassArt Studio Foundation: Visual Language Digital Media Cookbook, Fall 2013 PHOTOSHOP1 15 / WORKSPACE Imaging software, just like our computers, relies on metaphors from the physical world for their design.
More informationADDING A RAINBOW TO A PHOTOGRAPH
ADDING A RAINBOW TO A PHOTOGRAPH This assignment will cover how to add a simple rainbow (or if you want to go crazy, a double rainbow) to any photograph. This will give us some great work with gradients,
More informationWORN, 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 informationhttp://blog.spoongraphics.co.uk/tutorials/how-to-intensify-your-landscape-photos-in-photoshop This post was originally published in 2011 THE TIPS AND TECHNIQUES EXPLAINED MAY BE OUTDATED. The post-processing
More informationAdobe 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 informationAdobe Photoshop CS5 Tutorial
Adobe Photoshop CS5 Tutorial GETTING STARTED Adobe Photoshop CS5 is a popular image editing software that provides a work environment consistent with Adobe Illustrator, Adobe InDesign, Adobe Photoshop
More informationTransforming Your Photographs with Photoshop
Transforming Your Photographs with Photoshop Jesús Ramirez PhotoshopTrainingChannel.com Contents Introduction 2 About the Instructor 2 Lab Project Files 2 Lab Objectives 2 Lab Description 2 Removing Distracting
More informationBasic Digital Dark Room
Basic Digital Dark Room When I took a good photograph I almost always trying to improve it using Photoshop: exposure, depth of field, black and white, duotones, blur and sharpness or even replace washed
More informationAdobe Photoshop CS2 Workshop
COMMUNITY TECHNICAL SUPPORT Adobe Photoshop CS2 Workshop Photoshop CS2 Help For more technical assistance, open Photoshop CS2 and press the F1 key, or go to Help > Photoshop Help. Selection Tools - The
More informationColor Palettes. Colors Palette
mid-gray. For presenting work I often change this to a charcoal gray. If you wish to stay with the mid-gray just ignore the following step and choose OK. 3 In the Palettes and UI Window click on Window
More informationTURN A PHOTO INTO A PATTERN OF COLORED DOTS (CS6)
TURN A PHOTO INTO A PATTERN OF COLORED DOTS (CS6) In this photo effects tutorial, we ll learn how to turn a photo into a pattern of solid-colored dots! As we ll see, all it takes to create the effect is
More informationThe 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 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 informationExtreme Makeovers: Photoshop Retouching Techniques
Extreme Makeovers: Table of Contents About the Workshop... 1 Workshop Objectives... 1 Getting Started... 1 Photoshop Workspace... 1 Retouching Tools... 2 General Steps... 2 Resolution and image size...
More informationPHOTOGRAPHY GUIDELINES FOR BBC PICTURES AND IPLAYER
.08.27 PHOTOGRAPHY GUIDELINES FOR BBC PICTURES AND IPLAYER .08.27 INTRODUCTION Great pictures are essential for driving an audience to your programme. They must be eye-catching to sell the primary qualities
More informationOrganizing 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 informationINTRO TO LAYERS (PART 2)
Adobe Photoshop Elements INTRO TO LAYERS (PART 2) By Dave Cross In Part 1, we talked about the main concept behind layers and why they re so important. Now we ll take it a step further and show how to
More informationHOW 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 informationExample: Leaf. Cut out the shape using scissors, and carefully use the template to place your sampling outlines evenly around the drawing paper.
Colored Pencil Samplings Because of the technical skills required to successfully manipulate colored pencils, you must first practice some of the basic techniques involved with drawing colored pencil compositions.
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 informationBOOK BUILDING. for beginners. Lightroom Tutorial by Mark Galer
BOOK BUILDING for beginners Lightroom Tutorial by Mark Galer Contents Part One: Preparing the Book Part Two: Page Layout Design Ideas Create a Collection Choose your Images Sequence your Images Title your
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 informationAnimated Snowman. Image size: 11 w x 17 h 300 dpi
Animated Snowman Image size: 11 w x 17 h 300 dpi Step 1 First of all, you ll need the texture on my website. Now open a new document. I usually work on really big documents because I can work on the details
More informationCHM 152 Lab 1: Plotting with Excel updated: May 2011
CHM 152 Lab 1: Plotting with Excel updated: May 2011 Introduction In this course, many of our labs will involve plotting data. While many students are nerds already quite proficient at using Excel to plot
More informationGuidance on Using Scanning Software: Part 5. Epson Scan
Guidance on Using Scanning Software: Part 5. Epson Scan Version of 4/29/2012 Epson Scan comes with Epson scanners and has simple manual adjustments, but requires vigilance to control the default settings
More informationPhotoshop: a Beginner s course. by: Charina Ong Centre for Development of Teaching and Learning National University of Singapore
Photoshop: a Beginner s course by: Charina Ong Centre for Development of Teaching and Learning National University of Singapore Table of Contents About the Workshop... 1 Prerequisites... 1 Workshop Objectives...
More informationCHAPTER 7 - HISTOGRAMS
CHAPTER 7 - HISTOGRAMS In the field, the histogram is the single most important tool you use to evaluate image exposure. With the histogram, you can be certain that your image has no important areas that
More information