Creating a button in Photoshop 7.0

Slides:

Advertisements

Similar presentations

Microsoft FrontPage Monday January 28, The Basic FrontPage Setup.

Advertisements

Learning the Basics – Lesson 1

Adobe Photoshop Elements photo editing software licensed for use on DEC computers can be purchased for home use by DEC staff Company name Name of.

Computer Information Technology Section 7-2

Presented by: Benefits Systems Support. Getting Started ê Open Powerpoint, create a blank presentation. ê Select a style for your first slide from the.

FrontPage 2002 taught by: Alan B. Weaver

Technology In The Classroom Series Computer Presentations.

Slide Transitions Slide Show, Slide Transition opens Slide Transition task pane Practice each option setting to select the transition style, its speed,

® Microsoft Office 2010 PowerPoint Tutorial 2: Adding and Modifying Text and Graphic Objects.

PowerPoint Tutorial Pt 2 J.Kellow Images - Images - Can be photos, clip art or own art from paint or other drawing program If necessary remove the white.

1 ADVANCED MICROSOFT POWERPOINT Lesson 7 – Working with Visual and Sound Objects Microsoft Office 2003: Advanced.

 Open Photoshop  File>open>choose a picture  Go to filter>choose an effect.  Either save your image or use the snipping tool to copy and paste it into.

Pasewark & Pasewark 1 Word Lesson 6 Working with Graphics Microsoft Office 2007: Introductory.

Microsoft Office 2007: Introductory 1 Word Lesson 6 Working with Graphics Computer Applications 1.

Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.

Microsoft Excel 2000 Adding Visual Elements and Managing Files.

Web Technologies Website Development Trade & Industrial Education

Creating Integrated Web-based Projects using Microsoft Word.

Appleworks Draw Let’s get started…. With the drawing program, you can create… Mathematically calculated objects Mathematically calculated objects Each.

 street/ street/  Type text & download sign. (or use snipit)

DEVELOP YOUR OWN LAGAN WEBSITE. 89% WE have to think the way THEY think  89% of young people accessed the internet on mobile devices in The use.

Website Development with Dreamweaver

Drawing Objects…. This lesson will cover: What Can You Draw? How to … Add Graphics to your worksheet Draw and Format AutoShapes Draw and Format Text Boxes.

Basic Shapes and Colors Web Design Section 5-8 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I”

Presented by the Virginia 4-H Science and Technology Committee.

INTRODUCTION TO PHOTOSHOP. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Work Area Work Area.

How to use Microsoft Word. Where can I find Microsoft Word? How to select, copy and paste information Go to the document from which you wish to copy the.

Beginning PowerPoint Part 2 Graphics Inserting Graphics  Click Insert on the Menu Bar.  Then Picture.  Options include: –Clip Art –From File –AutoShapes.

Power Point Presentations “A how to primer”. Start with a “blank presentation” Instructions 1. Launch (or open) power point. 2. Close the office assistant,

Welcome to the PowerPoint on how to use PowerPoint 2007 Neil Hecht Instructional Technology Facilitator Onslow County Schools.

Saturday, September 16, 2006 By: April M. Bowser Photoshop 7 Session 1.

Project #1: Layers & Styles This lesson offers a step-by- step example that will help you master the art of layers. The power and flexibility of Photoshop.

PowerPoint Basics Tutorial 4: Interactivity & Media PowerPoint can communicate with the outside world by linking to different applications, managing different.

Copyright 2007, Paradigm Publishing Inc. EXCEL 2007 Chapter 8 BACKNEXTEND 8-1 LINKS TO OBJECTIVES Save a Workbook as a Web Page Save a Workbook as a Web.

1.Click on “Start” menu 2.Click on “ 1. Choose a different layout for your slide.

Click your mouse for next slide Adding Text Click in any text box Type in your text OR.

Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.

Know your computer Make a Folder Copy from Word to Composer Format the Font Change the Alignment Format the Background Format the Colors Insert a Picture.

Note:- You can unpin it any time you wish to…..

Introduction to Layers GIMP User Manual. What is a Layer? Every image in GIMP is made by combining one or more images called Layers laid on top of each.

Adobe ® Photoshop ® CS6 Chapter 1 Editing a Photo.

PowerPoint Helper Deleting Text Boxes WordArt Editing WordArt Adding Slides Deleting Slides Moving Slides Font color Backgrounds Shapes ClipArt Editing.

FrontPage 2003 taught by: Alan B. Weaver

Adobe Photoshop CS5.

2.01 Understand Digital Raster Graphics

PowerPoint Presentations

2.01 Understand Digital Raster Graphics

Learning the Basics – Lesson 1

Tabs, Line & Paragraph Spacing, and working with lists

Online Photo Editing with Picnik

Your First & Last Name (Make sure you capitalize your first and last name!) Follow these instructions: 1. Center your name on the slide (use the “Centered”

Chapter 1 Editing a Photo

Introduction & Getting ready to work

PowerPoint Quick Tips Bad Ischl, Nov

The Microsoft Office suite provides themes to ensure consistent formatting both within and across documents and thus helps you create documents with a.

2.01 Understand Digital Raster Graphics

Using the Multiple Choice Template

Adobe Photoshop Elements 2.0 Creating Buttons For Websites

Microsoft Word Text Basics.

Embedding Graphics in Web Pages

Using Photoshop for IED

Technology ICT Core: PowerPoint.

Using Layers in Photoshop Elements 8

Technology – Using freebibleimages.org

Introduction & Getting ready to work

Adobe Photoshop Elements 2.0 Creating Buttons For Websites

You will need to click the login button here

Making a non-linear slide show

PowerPoint Practice Exercise

Use a Large Bold Type for the Main Title (80 pt):

Presentation transcript:

Creating a button in Photoshop 7.0 Graphic buttons are a great way to put in some visual pizzazz in a website. These are based on Photoshop 7.0. The instructions herein should work with other versions. If you wish to purchase the program and you are a student, an excellent source is campustech.com. Go to their website and you will find a toll-free # as well as an on-line catalog. Open Photoshop Select a background color in the toolbar. Click on File, New and set defaults as shown at right. As you don’t want the button to be too large, choose a size that is appropriate (it can be resized on the web page but it is best to set it up at the proper size when creating it). If you don’t like the color in it, recolor by changing the foreground color. Click on the paint bucket tool. Click inside the shape and it will be recolored.

1. Click in here to choose a new color 2. Click in here to get the paint bucket. If it is not there, click and hold down and make the choice from the drop down menu. 3. Click in the object or layer that you wish to recolor and it will be changed. 4. When creating a text box for the website that you will be using for links, it is best to create the LONGEST one first to make sure they are sized properly. (of course you can put text on several lines such as: Home Page After clicking on the “T”, insert mouse in area and draw a rectangle. Choose font size and style on above menu. Insert the text that you wish in the text box.

Adding text The example shown above consists of two layers, the text and the green background. When a Photoshop document is saved, it has .PSD extension which is useless for a website. You may wish to keep the original files (which are memory hogs) so that you can edit. (click on File, Save to do this) However, to make them work on the website, they need to be saved as .JPG files. To create a .JPG file for the Internet, click on File, Save for Web Click on the selection that you prefer….it shows different qualities and sizes of files. Give the file a specific file name. Note: the .jpg file will consist of ONLY one layer and cannot be modified. The .psd file CAN be modified. The psd file is 30.5 kb and the .jpg file is 2.05 kb. Try to keep your images as small as possible in memory…if their size is too large, they will take a very long time to download if someone has dial-up.