Introduction & Getting ready to work

Slides:



Advertisements
Similar presentations
CHS GRAPHICS GDP UNIT 01 FILE FORMATS Understanding File Formats.
Advertisements

Macromedia Fireworks. Understanding Fireworks What can you do in Fireworks MX? –Work with vector objects and bitmap images –Add JavaScript-enabled interactivity.
Graphic Fun with Photoshop and Dreamweaver Presented by Roger L. Runquist, WIU.
Create a new document and import files Learn about the Macromedia Fireworks window Work with bitmap and vector images Create and modify text Unit Lessons.
ETT 429 Spring 2007 Digital Photography/Scanners.
2.01 Understand Digital Raster Graphics
@Ms. Masihi.  Adobe Creative Suite is comprised of several separate applications – Bridge, Version Cue, Photoshop, Fireworks, Flash, InDesign, Illustrator,
BFTAW BDPA Workshop Introduction to GIMP Chris
BFTAW BDPA Workshop Introduction to GIMP Chris
SOFTWARE TYPES Word processing Page layout Paint Draw.
TYPES OF GRAPHICS TECHNOLOGICAL DESIGN. GRAPHIC DESIGN DEFINITION Visual problem solving that utilizes shapes, images, text, color, etc. to communicate.
INTRODUCTION TO PHOTOSHOP. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Work Area Work Area.
Learningcomputer.com Introduction to Microsoft Word 2007 New Look and Feel.
CIS 205—Web Design & Development Fireworks Chapter 1.
Photoshop Learn the terms now for quick navigation and better editing Fill in definitions on your handout.
PhotoshopPhotoshop. Photoshop What is Photoshop? An image editing program used to create and modify digital images What is a digital image? – A picture.
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.
Adobe/Macromedia Fireworks JAOIT 8. Fireworks – what is it? Adobe Fireworks (formerly Macromedia Fireworks) is a bitmap and vector graphics editor. It.
Adobe InDesign CS5 - Illustrated Unit A: Getting Started with InDesign CS5.
Study Guide for ACA exam
Study Guide for ACA exam
Unit A Getting Started with Adobe Photoshop. What is Adobe Photoshop? Adobe Photoshop delivers powerful, industry-standard image-editing tools for designers.
Adobe photoshop digital image making. the basics Adobe PhotoShop is an image-editing program that lets you create and edit digital images. ◦PhotoShop.
Photoshop. Photoshop is a program used largely for the purpose of manipulating, altering or editing images.
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,
Banner Tutorial Module 4: Working with Images LESSONS 11 & 12.
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.
Adobe Photoshop CS5 Chapter 1 Editing a Photo. Start Photoshop and customize the Photoshop workspace Open a photo Identify parts of the Photoshop workspace.
March 10,   Review for Photoshop Certification Exam. Ojective.
HTML5 and CSS3 Illustrated Unit F: Inserting and Working with Images.
Adobe ® Photoshop ® CS6 Chapter 1 Editing a Photo.
Unit 14 - Desktop Publishing Part 2 Desktop Publishing InDesign – Front Cover Task
Adobe Photoshop CS5.
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Chapter 1 Editing a Photo
Types of Graphics Technological Design.
Setting Defaults in Microsoft Word for Accessibility
Using Photoshop to edit Images
OVERVIEW Objectives Follow a design document to prepare images for inclusion in a Web page Run a batch process to prepare multiple images in one step Use.
Creating & Working with Clipping Masks
LESSONS 11 & 12 Module 4: Working with Images Banner Tutorial.
Study Guide for ACA exam
2.01 Understand Digital Raster Graphics
How to Make a Simple Poster in Adobe Photoshop CS4
Learning the Basics – Lesson 1
Using Brushes and Shapes to create Artwork in Photoshop
Chapter Lessons Start Adobe Photoshop CS
Introduction To Photo Editing SHIELA MAE A. AQUINO SRNHS.
Introduction to Basic Interface of
Creating a button in Photoshop 7.0
Creating Accessible PDFs from Word Docs
INTRODUCTION TO ADOBE ILLUSTRATOR
IMAGE SIZE AND RESOLUTION
Gimp Guide Mr Hall.
Illustrator Interface
Live Trace & Live Color Adobe Illustrator.
Chapter 1 Multimedia Authoring - Photoshop
Chapter 1 Editing a Photo
Saving your Animations
2.01 Understand Digital Raster Graphics
Adobe Visual Design 5.00 Apply procedures to publish digital images using Adobe Photoshop (2%) Apply procedures to publish illustrations using Adobe.
Terms 1 Terms 2 Terms 3 Terms 4 Terms 5 1pt 1 pt 1 pt 1pt 1 pt 2 pt
Adobe Visual Design Understanding Adobe InDesign interface (2%)
2.01 Understand Digital Raster Graphics
Introduction & Getting ready to work
PRODUCTION PHASES CHANGES
Graphics Basics.
Welcome To Microsoft Word 2016
Presentation transcript:

Introduction & Getting ready to work Photoshop

Class Overview Photoshop Interface Creating a New File Resetting the Interface Creating a New File File Types that can be created & color types Saving Files in Photoshop The differences between ‘working file (psd)’(…’ and ‘published file’ jpg, png)

Interface Controls & Layout Photoshop

So what is Photoshop? Just to recap – Photoshop is a pixel based design environment that allows designers to create and manipulate graphics Pixel Also known as picture elements – these small ‘dots’ combine together to create images on a screen.

Base Interface of PS

Base Interface of PS This is the main work space – Files are displayed here and this is the main area where editing will occur.

Base Interface of PS Panels – Each of the panels shown control different aspects of PS projects. In this view you can see the layers panel which is one of the integral panels in PS. The smaller icons on the left are collapsed panels that can be expanded when clicked on.

Base Interface of PS Toolbar – All the necessary tools to work with in PS. These tools cover everything from selections to healing photos to creating text and shapes. NOTE: While there will be variation – the toolbar is common across all three programs we will be working with.

Base Interface of PS Property Bar – Depending upon what tool is active, this bar will change the displayed options to relevant options to the specific tool that is currently active. Pay attention to this!

Resetting the Interface PS offers different pre-defined layouts for different purposes. If by accident you close a panel: Use the upper right drop down and select ‘Reset Essentials’ This will return you to the default panel layout for Essentials

Base Working Interface of PS Here we see a new document open – Notice how the Layers Panel has changed to reflect the Background Layer of the File.

Creating a New Document in PS Knowing which type of file & measurements to use when! Creating a New Document in PS

Creating a New Doc in PS You can define specific document types to meet your needs. Under the Document Type Dropdown, PS provides presets for you as well depending on your project type. Major Project Types Include: Web/Mobile Video Print Any of the above types – measurement values, Color Modes and Resolutions can change!

Saving a Photoshop Document File Types and Saving Saving a Photoshop Document

Saving a PS Document Normally, you will have two types of documents when working in any Adobe Product: Working File: This is a file that has an extension specific to the program you are working in. It will preserve all working assets allowing you to return and work on the file later. Published File: This file has been ‘smooshed’ down and does not preserve any editing capabilities for the program. Through the course, make sure to keep track of your working file format.

Saving a PS Document Working File Extensions: Published Files .PSD (Photoshop) .AI (Illustrator) .INDD (InDesign) Published Files .JPG, .GIF, .PNG (Web) .PDF (Acrobat) .TIFF

Saving a PS Document To save a PS Document: File > Save (or Ctrl+S): Saves your PSD for you as you work if you have already given it a file name. If not, you will be prompted to give your file a name. File > Save As: Opens a new window with a drop down allowing you to select the file type you wish to save your document as.