PHP Image Manipulation

Slides:



Advertisements
Similar presentations
Media Center Essential Question How can I be an effective user of information?
Advertisements

How To Use This Template The blank slide below will be your canvas for creating your very own custom cover image! The slide has already been sized to.
Lecture # 11 JavaScript Graphics. Scalable Vector Graphics (SVG) Scalable Vector Graphics (SVG), as the name implies, are - scalable (without pixelation):
1 PowerPoint Objective 3: Working with Graphical and Multimedia Elements Microsoft Office Specialist 2010 Certification Prep Story/Walls.
Create a table Resize, split and merge cells Insert and align graphics within table cells Insert text and format cell content Maintain Web site Working.
Art 128 Interface Programming 1 In-class Presentation Week 11B.
® Microsoft Office 2010 PowerPoint Tutorial 2: Adding and Modifying Text and Graphic Objects.
 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.
Course Outline Lesson1 Getting Started with Adobe Photoshop CS5 Lesson 2 Understanding Photoshop Basics Lesson 3 Saving and Printing Images Lesson 4 Changing.
XP Tutorial 7 New Perspectives on Microsoft Windows XP 1 Microsoft Windows XP Working with Graphics Tutorial 7.
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.
Unit E. Image Measurements The size of an image can be measured 2 ways: Dimensions: the height and width, measured in pixels. File Size: measured in Kilobytes.
Creating a Basic Presentation in PowerPoint Welcome to the Faculty Instructional Technology Support Center.
COMPREHENSIVE Windows Tutorial 7 Managing Multimedia Files.
Microsoft FrontPage 2003 Illustrated Complete Working with Pictures.
Computer Science 101 Images in Web Pages. Image Files Two common formats, GIF and JPEG GIF images are more flexible for use as icons JPEG images are sharper.
INTRODUCTION TO PHOTOSHOP. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Work Area Work Area.
How To Use This Template The blank slide below will be your canvas for creating your very own custom header image! The slide has already been sized to.
How To Use This Template
How To Use This Template The blank slide below will be your canvas for creating your very own custom header image! The slide has already been sized to.
How To Use This Template The blank slide below will be your canvas for creating your very own custom header image! The slide has already been sized to.
How To Use This Template The blank slide below will be your canvas for creating your very own custom cover image! The slide has already been sized to.
Learning to Code a Wiki in Confluence Links Images Tables Video.
PowerPoint: Images Randy Graff HSC IT Center Training
11 Creating an Ancestor Book (A Multi-Generation Photographic History) Frank Comprelli SIR Area 2 Computer and Technology Group September 17, 2009.
Multimedia. What is a graphic?  A graphic can be a: Chart Drawing Painting Photograph Logo Navigation button Diagram.
Using MS Photo Editor. Crop an image Click Select on the Standard toolbar, and then drag over the area of the image you want to keep. On the Image menu,
Adobe Photoshop CS5 – Illustrated Unit A: Getting Started with Photoshop CS5.
Project Two Adding Web Pages, Links, and Images Define and set a home page Add pages to a Web site Describe Dreamweaver's image accessibility features.
Multimedia Authoring1 Image Manipulation Software Image Manipulation As Images are such an important part of Multimedia presentations you are going to.
CSC/FAR 020, Computer Graphics, September 11, 2013 Dr. Dale E. Parson Outline for week 3.
Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used with permission. Audio Video Production Graphic.
8 Graphics Digital Media I. What is a graphic? A graphic can be a:  Chart  Drawing  Painting  Photograph  Logo  Navigation button  Diagram.
Step 1 This works best with a picture of someone, preferably close to his or her face. Dark space behind the person doesn’t show up well with text over.
What is Photoshop? An image editing software developed and manufactured by Adobe Systems Inc. Photoshop is considered one of the leaders in photo editing.
®® Microsoft Windows 7 Windows Tutorial 7 Managing Multimedia Files.
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
Thank you for downloading this template. You are just 3 steps away from designing your own, eye catching Facebook cover photos. 1.All you now need to.
Photoshop CS6 – Nelson Unit 3: Photoshop CS6. Objectives Define photo editing software Start Photoshop and view the workspace Use the Zoom tool and the.
[Charts| Generating Graphic| Creating Graphic]
Introduction to Microsoft publisher
Chapter 1 Editing a Photo
Getting Started with Adobe Photoshop CS6
4.01 Cascading Style Sheets
Graphic Manipulations
CSC/FAR 020, Computer Graphics, February 2-4, 2010
Adding Images Add a Picture to a Web Page Edit a Picture
IMPORTANT : Maintain your images’ aspect ratio (ratio of width and height) by cropping it according to the indicated box size measurement. Current box.
Introduction to Basic Interface of
Graphics and Animation
Miss Karina Evans – Geography NQT
Lesson 17 Working with Graphics
: Animated text countdown (Advanced)
Selection, cropping, Rotation & layers.
How To Use This Template
How To Use This Template
Directions For How To Use This Template
Україніські народні інструменти.
DIRECTIONS: 1. Click Enable Editing in the yellow bar above.
Topic one text label Topic two text label Topic three text label
BLACK OUT START GAME Darkened picture background with full-color circle (Intermediate) Tip: For best results with the picture overlay on this slide, use.
Darkened picture background with full-color circle (Intermediate)
How To Use This Template
Multimedia Principles and techniques
Windows Tutorial 7 Managing Multimedia Files
Editing images using Microsoft Photo Editor and Paint
Multimedia Graphics.
How To Use This Template
4.01 Cascading Style Sheets
CA203 Presentation Application
Presentation transcript:

PHP Image Manipulation

Why would you want to mess with images in code?

Store uploads photos – dynamically resized by system so consistent

Display Cropped Version as Profile Pic

Add text over images as watermark, create thumbnails

Create Image Files Create a blank canvas Draw: Lines Shapes Text Set colors Save it as image file

Step 1: Create a canvas

Allocate Colors RGB Values can be Integers (0-255) Or can be Hex values (stick 0x in front of value)

Draw, Save, & Clean Up Default background color is black

Save as Different File Types

Drawing Options

More Drawing Options Additional Functions: http://php.net/manual/en/book.image.php

Working With Existing Graphic

Get Width and Height of Pic

Create Thumbnail Version