Photocollage System. What is Photocollage? Photographic approach in combining multiple images to create a new whole Result is an expressive composition.

Slides:



Advertisements
Similar presentations
MICHAEL MARINO CSC 101 Whats New in Office Office Live Workspace 3 new things about Office Live Workspace are: Anywhere Access Store Microsoft.
Advertisements

CS0004: Introduction to Programming Visual Studio 2010 and Controls.
Advanced Imaging Techniques Lumberton High Sci Vis II V
V Material obtained from a July, 2014 summer workshop in Guildford County.
Image Editing Pertemuan Matakuliah: L0182 / Web & Animation Design Tahun: 2008.
Adobe ImageReady 3 Foundation Level Course. What is ImageReady? ImageReady is a graphics program that offers several tools tailored to efficiently prepare.
Adobe Photoshop CS Design Professional FOR THE WEB CREATING IMAGES.
Objectives Define photo editing software
Creating and Editing a Publication. What is Microsoft Office Publisher 2003?  A powerful desktop publishing program that assists you in designing and.
© UNT in partnership with TEA1 Digital and Interactive Media Photoshop Basics.
© UNT in partnership with TEA1 Digital and Interactive Media Photoshop Basics.
XP Exploring the Basics of Microsoft Windows XP1 Exploring the Basics of Windows XP.
Working with Vector Graphics – Lesson 21 Working with Vector Graphics Lesson 2.
Adobe Photoshop CS Design Professional ADOBE PHOTOSHOP CS GETTING STARTED WITH.
USING PHOTOSHOP ON PC (WINDOWS) SHORT COURSE SECTION I OFFERED BY INSTRUCTIONAL COMPUTING UNIVERSITY OF MISSOURI – ST.LOUIS.
Exploring the Basics of Windows XP. Objectives Start Windows XP and tour the desktop Explore the Start menu Run software programs, switch between them,
Adobe Photoshop 6 Advanced Level Course. Easy Fixes Photoshop is the best tool to fix old, torn and faded photographs, and can fix almost all flaws in.
Microsoft Office Illustrated Inserting Illustrations, Objects, and Media Clips.
Exploring the Basics of Windows XP
ADVANCED MICROSOFT POWERPOINT Lesson 6 – Creating Tables and Charts
Chloe Crane Marie-Laurence Demers Kayla Incollingo PANORAMIC PHOTOGRAPHY.
 Insert a picture from a file  Move and delete images  Use the Picture Tools tab  Add styles, effects, and captions to images  Resize photos  Use.
Chapter 3 Working with Symbols and Interactivity.
Adobe Flash CS4 – Illustrated Unit B: Creating Graphics and Text.
IE 411/511: Visual Programming for Industrial Applications
Computer Graphics Lecture 28 Fasih ur Rehman. Last Class GUI Attributes – Windows, icons, menus, pointing devices, graphics Advantages Design Process.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO FLASH ANIMATION.
Photocollage and Photomontage…. their Connections to Dali, Picasso and Hockney.
INTRODUCTION TO PHOTOSHOP. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Work Area Work Area.
Adobe Flash CS3 Revealed Chapter 1 - GETTING STARTED WITH FLASH.
T U T O R I A L  2009 Pearson Education, Inc. All rights reserved. 1 3 Welcome Application Introduction to Visual Programming.
Flash Flash. It’s components and usage. New generation of web- design  Definition Multimedia technology developed by Macromedia to allow much interactivity.
Adobe Photoshop CS Design Professional WITH LAYERS WORKING.
Dm 11 – Photoshop WITH LAYERS WORKING. Chapter B Getting Started with PhotoShop 7.02 Examine and convert layers Examine and convert layers Add and delete.
HTML Comprehensive Concepts and Techniques Second Edition.
Learning Unity. Getting Unity
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.
Chapter 4 Working with Frames. Align and distribute objects on a page Stack and layer objects Work with graphics frames Work with text frames Chapter.
Adobe Photoshop CS3 Revealed – Chapter 16 FOR THE WEB CREATING IMAGES.
Frameworks CompSci 230 S Software Construction.
Adobe Photoshop CS5 – Illustrated Unit A: Getting Started with Photoshop CS5.
Unit A Getting Started with Adobe Photoshop. What is Adobe Photoshop? Adobe Photoshop delivers powerful, industry-standard image-editing tools for designers.
Build a database V: Create forms for a new Access database Overview: A window into your data So far in this series of courses, you’ve built tables, relationships,
© 2011 Delmar, Cengage Learning Chapter 4 Working with Frames.
Chapter 1 Getting Started with Adobe Photoshop CS4.
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Illustrator.
Multimedia.
INFORMATION SYSTEM – SOFTWARE TOPIC: GRAPHICAL USER INTERFACE.
Mr. Munaco Computer Technology TEACHING ADVANCED WORD 2007.
Adobe Photoshop T.Ahlam Algharasi. Adobe Photoshop Adobe Photoshop is a seriously powerful photo and image edit ( treating and manipulation, compositing,
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
Welcome eager young artists! Ms. Edelman Sunday, June 05, 2016  DO NOW: take out your notebook and a pen. Review your notes from yesterday.
 2002 Prentice Hall. All rights reserved. 1 Introduction to the Visual Studio.NET IDE Outline Introduction Visual Studio.NET Integrated Development Environment.
Introduction to Swing Mr. Crone. What is Swing? a collection of pre-made Java classes used to create a modern graphical user interface.
Photoshop CS6 – Nelson Unit 3: Photoshop CS6. Objectives Define photo editing software Start Photoshop and view the workspace Use the Zoom tool and the.
Getting Started with Adobe Photoshop CS6
Layers in Adobe After Effect
Adobe Flash Professional CS5 – Illustrated
Adobe Photoshop 101 With Professor John Blandin Technology Department
Java Look-and-Feel Design Guidelines
Chapter Lessons Start Adobe Photoshop CS
Chapter 14 JavaFX Basics Dr. Clincy - Lecture.
Lesson 6: Working with Layout and Graphics
DB Implementation: MS Access Forms
Lesson 6: Working with Layout and Graphics
INTRODUCTION TO FLASH ANIMATION
Lesson 6: Working with Layout and Graphics
Windows Ribbon Framework
Adobe Flash CS3 Revealed
Presentation transcript:

Photocollage System

What is Photocollage? Photographic approach in combining multiple images to create a new whole Result is an expressive composition containing multiple views of the same subject matter that forces the viewer to re-adjust his/her viewpoint as each individual image is examined

Paris by David Hockney

Portrait of the Artist’s Mother by David Hockney

Woman with Cigarette by Joyce Neimanas

Motivation Traditional methods require considerable amount of time to manually fit photographs into place Certain images may not be what the artist wants (may require artist to re- photograph)  Trial and error process can be frustrating and time consuming

Project Overview Interactive, computer-assisted framework for creating a composite image in the style of a photocollage given one of more photographs Engage user interactively through a simple, user friendly graphical interface Provide specialized tools for creating photocollage, but flexible enough for multiple purposes

Related Work Automatic Panoramic Image Merging Automatic Panoramic Image Merging Create panoramas from series of photographs Apply projective transformation to make seamless overlapping of images Non-interactive

Related Work The STAMP Collage The STAMP Collage Spatio-Temporal Association with Multiple Photographs Interactive exploration of 3- D space using photography Combines pictures of various scale through transformation of images Collage consists of key photo in center and the photos linked to it placed at the transformed positions

Related Work The STAMP Collage The STAMP Collage Create STAMP collage using the STAMP editing tool allowing users to pick out photos and create links between common areas Usability tests conducted on fine art and engineering students

Related Work The STAMP Collage The STAMP Collage

Related Work Adobe Photoshop Adobe Photoshop Standard image-editing application that can be used to create photocollagesStandard image-editing application that can be used to create photocollages Tools for manipulating images like rectangular marquee and transforming, but doesn’t provide immediate results (requires a lot of intermediate stages)Tools for manipulating images like rectangular marquee and transforming, but doesn’t provide immediate results (requires a lot of intermediate stages) Time consuming & burdensomeTime consuming & burdensome

Related Work Adobe Photoshop Adobe PhotoshopEvaluation Lack in visual cues needed for collagesLack in visual cues needed for collages Changing stacking order of layers is bothersome (drag layer in Layers Palette or go into series of menus)Changing stacking order of layers is bothersome (drag layer in Layers Palette or go into series of menus) Transforming images require going into menu options to select commandTransforming images require going into menu options to select command Scaling images require holding down to prevent distortionScaling images require holding down to prevent distortion Can make layer contents invisible without moving or deleting themCan make layer contents invisible without moving or deleting them Can link layer sets to move layer contents together simultaneouslyCan link layer sets to move layer contents together simultaneously

User Tasks: Overview Load image(s) into application workspace Browse through collection of images Automatic generation of photocollage User-driven creation of compositions Specify shape of final composition

Photocollage Framework Process begins with loading a set of source images in one window (scrapbox) In main workspace user can view the composition in the making and interact with the current result

Photocollage Framework Automatic Photocollage User loads a few images of same scene taken from several views Selecting an option to automatically generate a collage Computer will cut up the images and construct a new whole by combining parts of each image while maintaining their relative positions in the picture, and applying random transformations to the pieces User can specify final composition shape- application will then only collect images for construction within the boundaries

Photocollage Framework Interactive Photocollage User loads images to be used in the collection window Select areas of a picture to be used in the composition => goes to the workspace Tools: scissors, glue, scale, rotate, stack order Can also create photomontages with series of pictures by organizing all the pictures in a haphazard way

User Interface Design Simple interface keeping user navigation through interface minimal Main section is the workspace for putting pieces together Scrapbox sits next to the workspace containing unused pieces Pieces can be dragged onto the workspace from the scrapbox and vice versa Tools as buttons located below workspace Tabbed panes to separate browsing of image collection from the workspace and scrapbox

Implementation Programming language: Java Advantages: libraries for building graphical user interfaces and for image processing, platform independent, can turn into a web applet Abstract Window Toolkit (AWT) and Java Foundation Classes (JFC) Project Swing APIs: support building GUI and graphics functionality as well as adding interactivity to applications Java Advanced Imaging (JAI) API: object-oriented interface, simple high-level programming model for easily manipulating images

Prototype Create GUI application with menus Load series of images of a scene taken from different angles at a constant distance from each other within a 180 degree viewing range Split up images into grids and randomly choose squares from one image to interchange with another

Usability Study Methodology: Gather numerous amount of participants to carry out various tasks using the proposed system Tasks: comparison between creating a photocollage using Photoshop and proposed system, Analysis: ease of use, user comprehension of system, amount of time to carry out tasks