Step-by-Step Banner Creation Guide

Slides:

Advertisements

Similar presentations

DREAMWEAVER Welcome to our website!

Advertisements

Inserting a Table Screen Shots Inserting a table is a function of the FCK editor. You can use tables in many ways.

Microsoft Expression Web-Illustrated Unit C: Adding Text and Links.

Add Images to Improve Your Presentation Day 8. You will learn to Understand Graphics Formats Find Graphics Create Your Own Images Insert an Image on Your.

“To make my meal in a box taste better, I decided to tweak the logo, rather than the ingredients. ” -Jarod Kintz ILLUSTRATOR.

Parts From: Learning Media Design with Adobe CS3 Exercise 34.

Adobe Photoshop Elements 2.0 Creating A Button For Your Website.

1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.

Introduction to Raster Graphics Resize an image until it is pixelated.

Photo Editing Basics Photojournalism. IMPORTANT! ALWAYS make a copy before editing. Never work on your original.

Getting Started with Adobe Photoshop CS6

Hand-Coloring in Photoshop! Go to Layer > Duplicate Layer to make a copy of your image Go to image > Adjustments > Black and White on your “background.

Creating A Simple Web Page. Step 1- Open Dreamweaver & Create A New Page (File New) and blank.

Creating A Site Using A Template In Dreamweaver CS6 Cakes R Us!

Unit 14 - Desktop Publishing Part 2 Desktop Publishing Photoshop Skills Lesson 2

Importing/Exporting between Fireworks and Dreamweaver For Buttons, Navigation Bar and Animated Banners.

CIS 205—Web Design & Development Fireworks Chapter 1.

Add an Image. index.html about.html contact. html contact. html.

Adobe CC: Graphic Design Portfolio Portfolio Project 1: International Symbols Setting up the Workspace Drawing Basic Shapes.

Microsoft Expression Web-Illustrated Unit E: Working with Pictures.

Evaluating web graphics Unit 21 – AO1. Your evaluation must include At least one advertising banner At least one set of navigation buttons At least one.

Teacher Web Page Creation Eileen Musselman. Log on to Muhlenberg’s Intranet Click Submit button.

Unit A Getting Started with Adobe Photoshop. What is Adobe Photoshop? Adobe Photoshop delivers powerful, industry-standard image-editing tools for designers.

Art for New Media 1 - Photoshop and Animation … Intro sample files in shared folder background images, transparent background Save for web and.

Photoshop Image Slicing. Reasons to Image Slide To create links out of sliced images To optimise different areas. (flat areas of colour, such as logos,

Chapter 1 Getting Started with Adobe Photoshop CS4.

A STEP BY STEP GUIDE TO ORGANIZING YOUR PAPERLESS NOTEBOOK FOR COLLABORATION Setting Up Your Digital Binder in OneNote.

Grade 4 Science.  -Click Start  -Click Programs  -Click IHMC Cmap Tools  -Click Cmap Tools.

PhotoShop Basics Start > All Programs > Adobe Master Collection CS5> Adobe PhotoShop CS5.

Open the index.html Open this PowerPoint from the S Drive IDT folder Chapman Images.ppt.

1 Place Your Photo AND Logo on Your Home Page Website Manager Tutorials.

1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.

CHOOSE 1 OF THESE.

Name: Unit21 A01 - Research. Website 1 Name: Website: Target Audience:

Teacher: Kenji Tachibana Digital Photography I. Scale (resize) to 640 x slides Copyright © Kenji Tachibana.

WEB SII | Manual Banner SII 1.- Open Photoshop 2.- Open the template document “Banner-Template.psd” 3.- Open the image to use (select) and copy it. 4.-

Digital painting flower. Find a line drawing of a flower Save it to your computer Make sure it is a large, clear image!!!

Basic Web Design Week 3 - Graphics UVICELL. Web Graphics Concepts for Week 3 Selecting the right format for your image Creating a name banner for your.

Getting Started with Adobe Photoshop CS5

On each booth you will find 4 to 6 banners

2 At the top of the zone in which you want to add the Web Part, click Add a Web Part. In the Add Web Parts to [zone] dialog box, select the check box of.

On each booth you will find 4 to 6 banners

2 At the top of the zone in which you want to add the Web Part, click Add a Web Part. In the Add Web Parts to [zone] dialog box, select the check box of.

How to use this SPARKlab Authoring Template (PowerPoint 2008 for Mac)

Getting Started with Adobe Photoshop CS6

On each booth you will find 4 to 6 banners

On each booth you will find 4 to 6 banners

On each booth you will find 4 to 6 banners

On each booth you will find 4 to 6 banners

Logo Designs Banner Designs.

CREATING POWERPOINT PRESENTATIONS

Directions For How To Use This Template

Save for Web and Devices in PS

Insert Text / Image Insert Text / Image Your Name Here Your Name Here

Your Name Here Your Name Here Your Name Here Your Name Here

Prepare your folder with your images before you begin images

Adobe Photoshop Elements 2.0

A guide on using the Cool Math Graphing Calculator AND taking screenshots to insert into our office tools.

How to add a page… You will need to add new pages to your website depending on the brief. You do this by: Click on the Add new page button Write the new.

Using PowerPoint for Poster Design

Making a website.

To insert a hyperlink ( a web page address, URL) using text

Write down 3 things you know about website banners.

Step 1:. Open Microsoft FrontPage application.

What do you think is different between these two images?

Photoshop: Image size and resolution

This PowerPoint template is set to size for Facebook Newsfeed Image 104 x 125mm (472 x 394 pixels). It’s part of Elan Communications blog: ‘Make.

Your Name Here Your Name Here Your Name Here Your Name Here

The Web Collection Standard CS3 Revealed

Your Name Here Your Name Here Your Name Here Your Name Here

Presentation transcript:

Step-by-Step Banner Creation Guide

How to Create a Banner 1. Open Adobe Photoshop and click File New 3. Add the logo or suitable image 2. Set the width to 1024 pixels and the height to 250 pixels 4. Right click on the layers on the right and choose flatten image option

How to Create a Banner Save the file using Save for Web and Devices option

How to Create a Banner Choose PNG-24 as the option and press SAVE to save your file.

How to Add The Banner to Your Web Page 1. Make sure your cursor is in the box where you want the banner to be inserted. 2. Click on Insert then Image and choose the banner image from where you saved it. 3. Your banner should now be in your web page.