PhonePaint: Using Smartphones as Dynamic Brushes with Interactive Displays
|
|
- Amber Payne
- 5 years ago
- Views:
Transcription
1 PhonePaint: Using Smartphones as Dynamic Brushes with Interactive Displays Jian Zhao Department of Computer Science University of Toronto Fanny Chevalier Department of Computer Science University of Toronto Karan Singh Department of Computer Science University of Toronto Copyright is held by the author/owner(s). Abstract We present PhonePaint, a novel technique that allows users to sketch on interactive displays using a smartphone as a configurable paintbrush. PhonePaint provides a casual and ubiquitous painting experience that is suitable for a broad audience, and offers a rich sketching interaction where the stroke parameters are dynamically controlled by the built-in sensors of the phone. We describe a proof-of-concept implementation of PhonePaint with minimal hardware added to a regular smartphone. We conducted a light-weight qualitative evaluation of the prototype. The results show that participants enjoyed the drawing process with PhonePaint and were able to create interesting visuals with minimal training. Author Keywords Sketch Interface, Painting, Touch Devices ACM Classification Keywords H.5.2 [Information Interfaces and Presentation]: User Interfaces Introduction Painting, drawing and sketching is a ubiquitous form of creative expression, be it to communicate ideas through visuals, share artistic illustrations, or simply doodle thoughts. The considerable differences
2 between traditional painting with brushes and digital painting with mice have long been a barrier to creative and freeform sketching on computers. However, the practice of digital painting has drastically increased with the release of interactive displays and styluses, which offer a more engaging and direct user experience. With these digital supports, one category of drawing applications is typically designed for simple, portable and quick sketching needs. As such, they are often limited to the most primitive drawing tools, confining users to a rough and rudimentary style. Conversely, another category of sketching interfaces aims to offer a richer experience. These, which are mostly attached to stationary devices, are typically employed by professional software, where brush types and many of their parameters can be fine tuned through a complex graphical user interface. Such systems, although offering the best flexibility, can be difficult and intimidating for new users to learn, and thus discouraging for novice or casual users. In this paper, we are interested in exploring if and how a light-weight and everyday device such as a smartphone can provide an easy and portable as well as customizable and rich enough drawing experience with interactive displays. We propose PhonePaint, a novel technique designed to support an engaging tangible-input painting process through the flexible control of brush parameters with the interactive affordances of the device, namely its accelerometer, gyroscope and touch display. PhonePaint allows simultaneous drawing at two levels: with the device as a brush on an interactive display, and directly manipulating the phone to dynamically control brush parameters and appearance while drawing strokes. Related Work There exists a large body of research on digital painting systems that aim to reproduce and extend the traditional drawing experience with real brushes. One approach is to algorithmically simulate the ordinary paintbrushes with software, such as Adobe Photoshop and Illustrator. The software simulations can be used with input devices other than a mouse, e.g., a stylus, to further enhance the user experience of painting via tangible inputs. For example, FluidPaint [7] allows artists to paint with real wet brushes in which the footprints of the brush are captured by a transparent surface illuminated by infrared LEDs. Another approach is to augment the tangible brush input device with extra and special hardware. IntuPaint [8] uses a self-illuminated LED brush whose bristles are made of semi-transparent nylon fibers. Conté [9], also equipped with a LED, enables easy mode switching (e.g., color selection) by using its different corners and faces in contact with a tabletop surface. I/O brush [4] uses a tiny camera that allows to pick colors from the real-world. Researchers have explored the use of portable devices as styluses on interactive displays. Hardy et al. [1] proposed a technique allowing users to pair a mobile device with a display and perform selections through a NFC/RFID tag grid. PhoneTouch [5] further refines the selection by correlating the phone accelerometer and tabletop input events. Beside selection tasks, there exist studies on using a smartphone with the surface in a stylus-like fashion. Jang et al. [2] extended smartphone with an optical sensor allowing users to perform flick-based browsing, selections and text input. Schmidt et al. [6] proposed
3 a TOUCH SCREEN b ACCELEROMETER Figure 1: Example of dynamic brush manipulations using the phone built-in sensors: (a) finger touch location can be used to control the stroke width (up-down) and opacity (left-right), and (b) tilt angles can be used to change the stroke perpendicular opacity gradient. an interaction style for mobiles and surfaces based on direct manipulations with the phone as a tangible stylus, facilitating seamless interaction across device boundaries. McAdam et al. [3] compared a dial manipulation task with 3 interaction types and found that people thought the tangible use of the surface was easier than direct touch. In summary, there has been a consequent effort on augmenting tangible input devices to improve the digital painting experience on the one hand. On the other hand, smart phones has proven to be good candidates to serve as a stlyus on interactive display. However, as far as we know, no work to date has explored bringing those two pieces of the puzzle together. With PhonePaint, we propose to use of the smart phone device as a tangible paintbrush, leveraging the sensor data to dynamically control stroke parameters. The PhonePaint Design The design of PhonePaint is motivated by the many features of a smartphone that we believe are essential for an effective tangible device to serve as a brush for digital painting on interactive displays. Prevalence and Portability. The ubiquitous usage of smartphones nowadays makes the potential brushes prevalent [3]. Smartphones are portable and easy to be associated with other digital devices, therefore people can perform painting on interactive displays at different locations, including private and public places. Personalization and Collaboration. The phone touch display can be used as a dedicated interface for parameter configurations (e.g., a settings panel made of sliders and buttons), allowing personalized sketching styles adjusted on the brush device itself [6]. Unlike traditional styluses, this affordance naturally supported by smartphones enables a potential convenient multi-user collaborative painting experience. Dynamic Brush Manipulation. Figure 1 illustrates some examples of leveraging the built-in phone sensors to dynamically manipulate brush parameters while painting strokes. First, finger manipulation on the phone touch display offers two extra degrees of freedom (x and y coordinates) for directly varying brush properties, e.g., stroke width, color hue or transparency. Second, additional built-in sensors of the phone can be utilized for dynamic brush interactions. For example, the device orientation interpreted can be used for intuitive mode switching between drawing and erasing. Mapping tilt angles to transparency gradients of stroke colors provides a more realistic painting experience (mimicking that only part of the brushes bristles is in contact with the canvas). Cross-Device Data Transfer. The brush can benefit from additional features usually supported by smartphones, including the inter-device communication and camera capabilities [6]. For instance, brush settings and sketches can be fluidly transferred between different phones or between the phone and the display, to support easy sharing, recording and collaboration. The digital camera can collect additional input from the surrounding environment, such as using real-world imagery as a color or texture palette [4]. Proof-of-Concept Implementation We created a research prototype using a HTC Touch Pro 2 as the PhonePaint brush and a Microsoft Surface as the painting display. At this stage, we chose to implement features that are critical for the painting
4 (a) (b) Figure 2: Proof-of-concept implementation of PhonePaint: (a) adding minimal hardware to the phone, i.e., two LEDs and a battery, and (b) the brush parameters configuration panel. process. Features such as data transfer and camera usage, secondary to our goal, are left for future work. The Phone Brush Ideally we aim not to add any extra hardware with the phone to maintain its ubiquitousness. However, limited by current settings of smartphones, we attached minimal hardware two infrared LEDs (5mm diameter, 1.2V) in order to make the footprints of the phone detectable by the surface (Figure 2-a). The LED on the top of the phone is used to track the device in the drawing mode. When the phone is flipped, the one on the bottom indicates the location of the eraser. An AA battery was used to supply power for the two LEDs. The physical dimensions of the phone brush are mm and its total weight (including the extra hardware) was 195g We developed a customized system for configuring the brush parameters and sending data to the surface via the Bluetooth network. Figure 2-b shows the configuration user interface of PhonePaint, in which the user can manipulate: stroke colors and color gradients, brush initial width, and mapping mechanisms between finger touch locations on the phone display and the chosen brush parameters. The phone accelerometer and gyroscope data was used to: 1) compute the phone tilting angles for dynamically changing the opacity gradient perpendicular to the stroke drawing direction, and 2) distinguish whether the brush is in the drawing mode or the erasing mode as described in the previous section. While our prototype only implements associations of sensor data with a few drawing parameters, other parameter mappings can be easily added in a similar fashion. The Painting Surface The Microsoft Surface (30 inch diagonal, pixels) was raised to a height of 30cm to allow users to comfortably reach the full surface of the display, when standing beside it. Since an important affordance of PhonePaint is to incorporate the brush settings directly on the brush device, the interactive display itself was limited to a simple drawing canvas. The surface, thus, only received data sent by the phone, and interpreted the brush parameters to render strokes, using the tracking information of the phone footprint coordinates. To facilitate the evaluation of PhonePaint, we developed a simple graphic user interface as shown in Figure 3-a, which we discuss in detail below. User Study We conducted a light-weight evaluation with the purpose of gathering initial user feedback and studying the usability of PhonePaint. Six volunteers (3 females), aged 22-31, participated in the study. Participants were members of the university community (i.e., graduate students and researchers). All are right-handed, and none of them had prior professional artistic training. First, participants performed 24 trials of structured drawing tasks for reproducing example strokes on a blank canvas, as shown on the top-left corner of the surface (Figure 3-a). Textual instructions were also provided for describing the conditions required for completing the trial. Creative manipulations of various brush properties (e.g., stroke colors, gradients or widths) was encouraged as long as the required instructions were obeyed. Subjects could restart a trial as many times as they desired until satisfaction (no time limit was imposed).
5 (a) (b) Figure 3: Participants using PhonePaint (a) to reproduce a given stroke shown on the top-left corner and, (b) for freestyle drawing. For the example strokes, we controlled 4 independent variables: the stroke type (straight or curvy line), the color mode (unicolor or three-point gradient), opacity gradient mode (with or without phone tilt angles to change stroke opacity gradient) and touch display control mode (not using the touch display, using touch positions to change the brush transparency, or change the brush width), for a total of 24 conditions. After completing all the trials, participants were given 10min for free-form painting (Figure 3-b), after which they filled out a post-study questionnaire. We also conducted a short informal interview to collect their general feedback. The whole study took about 30min. Results and Discussions Qualitative Assessment Figure 4 shows the results of the post-questionnaire. The overall user reactions were very encouraging. Participants generally thought that PhonePaint was flexible, novel and compelling to control multiple stroke parameters in real-time with phone sensors (Q1: µ = 3.8). They were eager to have such application on their personal phones (Q5: µ = 4.4). But we observed larger variances on Q4 (σ = 1.0) and Q6 (σ = 1.1) related to aspects of collaborative and public drawing, which may due to participants various personal preferences about privacy issues. Task Observations and Initial User Feedback During structured drawing time, we observed that participants were able to familiarize themselves with the PhonePaint brush after a very short time practice. All participants completed the task fluidly asking for only little assistance on setting the brush parameters with the configuration panel (Figure 2-b). All the trials were achieved fairly quickly by participants (average completion time 18s including the configurations of brush parameters), except for the ones trials requiring the use of the phone touch display and the phone tilt angle that were more time consuming (30s on average). Overall, participants were able to easily and accurately reproduce the given sample strokes, indicating that PhonePaint is a suitable candidate as a configurable brush for digital painting. Q1. I find that the control of the stroke colors, width and opacity is flexible Q2. I enjoy the process of painting with the phone Q3. I feel creative when I use this system Q4. It would be more fun if I could draw with others with this system Q5. I would like to have an application like this one on my phone Q6. I would like to have access to sketching displays everywhere Q1 Q2 Q3 Q4 Q5 Q6 Score Figure 4: Average usability assessment measured on a 5-point Likert scale (1: strongly disagree, 5: strongly agree) In free-form drawing part, participants showed enthusiasm and reported that the whole drawing process to be enjoyable, interesting and engaging. Some more talented artists were able to produce very compelling and interesting sketches like those of Figure 5. Three participants were very excited and even requested more time to finish their artwork, looking at the sketches and saying: I should show it to my friends. All the participants particularly liked using the tilt angle to modify dynamic brush parameters: It s lovely. I can draw fancy strokes by just rotating my wrist. Two participants tried almost all the features of PhonePaint by themselves, including different ways of controlling the dynamic brush parameters. In contrast, some participants sticked to a set of few features, such
6 Figure 5: Examples of free-form sketches performed by participants as changing the stroke opacity gradient with tilt angles. For these participants, the experimenter sporadically suggested exploration by giving some hints. This may be because of participants different personal preferences and prior experiences. A notable issue was that several participants found it difficult to use the touch display for dynamic brush parameter control and it became harder when using in combination of tilting angles. However, some participants used the second hand on the touch screen for more accuracy, which could overcome this issue to some extent, similar to the interaction in [6]. Participants also reported that PhonePaint can become cumbersome and tiring for fine-stroke sketching. Similar issues have been pointed out in [2, 3]. However, such fine-drawing tasks tend to be rare in non-professional and casual sketches which are typically used for quick illustrations. PhonePaint is designed to provide a portable and easy sketching experience with a rich dynamic manipulation of stroke parameters. In this light, we believe the prevalence and ubiquitousness of the approach is of a higher importance. During our study, participants felt that the phone and the tabletop surface worked well as an unit, and the design of PhonePaint provided them with an interface easy to grasp and use. Conclusion and Future Work We have introduced PhonePaint, a technique designed for informal ubiquitous sketching, where a smartphone is used as a paintbrush in a novel way to draw on an interactive displays. PhonePaint aims at improving the users experience of digital painting through direct manipulations on the brush itself to control brush parameters, by leveraging the phone built-in sensors. Our initial study suggests that PhonePaint is an effective and convenient tool for perform basic everyday drawing tasks. In the future, we wish to explore other interaction techniques to improve the overall user experience of digital painting using a similar system. One possibility could be enabling haptic feedback to convey additional information of stroke parameter settings. We also plan to extend PhonePaint to support collaborative drawing. Finally, we want to conduct further evaluations on both multi-user and individual painting scenarios to better understand the capabilities of this idea. References [1] R. Hardy and E. Rukzio. Touch & interact: touch-based interaction of mobile phones with displays. In Proc. of MobileHCI, pp , [2] B. Jang, M. Lee, and G. J. Kim. CornerPen: smart phone is the pen. In Proc. of int. conf. on Human-computer interaction. Part 3:76-83, [3] C. McAdam and S. Brewster. Using mobile phones to interact with tabletop computers. In Proc. of ITS, pp , [4] K. Ryokai, S. Marti, and H. Ishii. I/O brush: drawing with everyday objects as ink. In Proc. of CHI, pp , [5] D. Schmidt, F. Chehimi, E. Rukzio, and H. Gellersen. PhoneTouch: a technique for direct phone interaction on surfaces. In Proc. of ACM UIST, pp , [6] D. Schmidt, J. Seifert, E Rukzio, and H. Gellersen. A cross-device interaction style for mobiles and surfaces. In Proc. of DIS, pp , [7] P. Vandoren, L. Claesen, T. Van Laerhoven, J. Taelman, C. Raymaekers, E. Flerackers, and F. Van Reeth. FluidPaint: an interactive digital painting system using real wet brushes. In Proc. of ITS, pp , [8] P. Vandoren, T. Van Laerhoven, l. Claesen, J. Taelman, C. Raymaekers, and F. Van Reeth. IntuPaint: Bridging the gap between physical and digital painting. In IEEE workshop on tabletops and interactive surfaces, pp , [9] D. Vogel and G. Casiez. Conté: multimodal input inspired by an artist s crayon. In Proc. of UIST, pp , 2011.
Markerless 3D Gesture-based Interaction for Handheld Augmented Reality Interfaces
Markerless 3D Gesture-based Interaction for Handheld Augmented Reality Interfaces Huidong Bai The HIT Lab NZ, University of Canterbury, Christchurch, 8041 New Zealand huidong.bai@pg.canterbury.ac.nz Lei
More informationAR Tamagotchi : Animate Everything Around Us
AR Tamagotchi : Animate Everything Around Us Byung-Hwa Park i-lab, Pohang University of Science and Technology (POSTECH), Pohang, South Korea pbh0616@postech.ac.kr Se-Young Oh Dept. of Electrical Engineering,
More informationHaptic messaging. Katariina Tiitinen
Haptic messaging Katariina Tiitinen 13.12.2012 Contents Introduction User expectations for haptic mobile communication Hapticons Example: CheekTouch Introduction Multiple senses are used in face-to-face
More informationDigital Design and Communication Teaching (DiDACT) University of Sheffield Department of Landscape. Adobe Photoshop CS5 INTRODUCTION WORKSHOPS
Adobe INTRODUCTION WORKSHOPS WORKSHOP 1 - what is Photoshop + what does it do? Outcomes: What is Photoshop? Opening, importing and creating images. Basic knowledge of Photoshop tools. Examples of work.
More informationCustom Brushes. Custom Brushes make the trip a lot more enjoyable and help you make
Custom Brushes make the trip a lot more enjoyable and help you make Custom your Brushes Lava Castle images unique Kim Taylor, X-Men 3 artist, shares the importance of custom brushes and how they can help
More informationThe Mixed Reality Book: A New Multimedia Reading Experience
The Mixed Reality Book: A New Multimedia Reading Experience Raphaël Grasset raphael.grasset@hitlabnz.org Andreas Dünser andreas.duenser@hitlabnz.org Mark Billinghurst mark.billinghurst@hitlabnz.org Hartmut
More informationVaris PhotoMedia Tutorials
Varis PhotoMedia Tutorials 2002, Lee Varis Welcome This tutorial has been prepared for the photographer who is striving to learn digital imaging. I make an effort to supply current information about digital
More informationPinch-the-Sky Dome: Freehand Multi-Point Interactions with Immersive Omni-Directional Data
Pinch-the-Sky Dome: Freehand Multi-Point Interactions with Immersive Omni-Directional Data Hrvoje Benko Microsoft Research One Microsoft Way Redmond, WA 98052 USA benko@microsoft.com Andrew D. Wilson Microsoft
More informationADOBE PHOTOSHOP CS 3 QUICK REFERENCE
ADOBE PHOTOSHOP CS 3 QUICK REFERENCE INTRODUCTION Adobe PhotoShop CS 3 is a powerful software environment for editing, manipulating and creating images and other graphics. This reference guide provides
More informationArtRage part of Intel Education
ArtRage part of Intel Education Intuitive digital art creation Getting started with ArtRage ArtRage part of Intel Education provides intuitive tools that simulate the use of real materials to create digital
More informationBeyond: collapsible tools and gestures for computational design
Beyond: collapsible tools and gestures for computational design The MIT Faculty has made this article openly available. Please share how this access benefits you. Your story matters. Citation As Published
More informationAbstract. Keywords: Multi Touch, Collaboration, Gestures, Accelerometer, Virtual Prototyping. 1. Introduction
Creating a Collaborative Multi Touch Computer Aided Design Program Cole Anagnost, Thomas Niedzielski, Desirée Velázquez, Prasad Ramanahally, Stephen Gilbert Iowa State University { someguy tomn deveri
More informationSimulation of Tangible User Interfaces with the ROS Middleware
Simulation of Tangible User Interfaces with the ROS Middleware Stefan Diewald 1 stefan.diewald@tum.de Andreas Möller 1 andreas.moeller@tum.de Luis Roalter 1 roalter@tum.de Matthias Kranz 2 matthias.kranz@uni-passau.de
More informationBeyond Actuated Tangibles: Introducing Robots to Interactive Tabletops
Beyond Actuated Tangibles: Introducing Robots to Interactive Tabletops Sowmya Somanath Department of Computer Science, University of Calgary, Canada. ssomanat@ucalgary.ca Ehud Sharlin Department of Computer
More informationSocial and Spatial Interactions: Shared Co-Located Mobile Phone Use
Social and Spatial Interactions: Shared Co-Located Mobile Phone Use Andrés Lucero User Experience and Design Team Nokia Research Center FI-33721 Tampere, Finland andres.lucero@nokia.com Jaakko Keränen
More informationArtRage*, part of Intel Education User Guide
ArtRage*, part of Intel Education User Guide Copyright 04 Intel Corporation. All rights reserved. Intel and the Intel logo are registered trademarks of Intel Corporation in the United States and Disclaimer
More informationFrom Room Instrumentation to Device Instrumentation: Assessing an Inertial Measurement Unit for Spatial Awareness
From Room Instrumentation to Device Instrumentation: Assessing an Inertial Measurement Unit for Spatial Awareness Alaa Azazi, Teddy Seyed, Frank Maurer University of Calgary, Department of Computer Science
More informationAdobe Photoshop Workshop
Adobe Photoshop Workshop DTM dacreativegenius.com/photoshop 404.695.5769 dan@dacreativegenius.com Photoshop s primary strength is as a pixel-based image editor, unlike vector-based image editors. Photoshop
More informationPaint with Your Voice: An Interactive, Sonic Installation
Paint with Your Voice: An Interactive, Sonic Installation Benjamin Böhm 1 benboehm86@gmail.com Julian Hermann 1 julian.hermann@img.fh-mainz.de Tim Rizzo 1 tim.rizzo@img.fh-mainz.de Anja Stöffler 1 anja.stoeffler@img.fh-mainz.de
More informationArtRage App Manual. Click here for ArtRage website
ArtRage App Manual Click here for ArtRage website Natural Painting Tools Get painting without having to learn complex digital tools. ArtRage provides painting tools that behave like real world tools so
More informationBRUSHES AND LAYERS We will learn how to use brushes and illustration tools to make a simple composition. Introduction to using layers.
Brushes BRUSHES AND LAYERS We will learn how to use brushes and illustration tools to make a simple composition. Introduction to using layers. WHAT IS A BRUSH? A brush is a type of tool in Photoshop used
More informationFedDev Ontario s ARC Initiatives OCAD University Project # 11 Digital Easel
As tablets become increasingly popular for artists and designers in the fields of digital painting, illustration and game design, there is a pronounced need to support more flexible conditions for these
More informationGogh Bike: Bicycles as a tangible interface for creative expression
Gogh Bike: Bicycles as a tangible interface for creative expression Ben Cohen bcohen@ischool.berkeley.edu Ryan Greenberg ryan@ischool.berkeley.edu K. Joyce Tsai kjtsai@ischool.berkeley.edu Abstract Gogh
More informationChapter 4: Draw with the Pencil and Brush
Page 1 of 15 Chapter 4: Draw with the Pencil and Brush Tools In Illustrator, you create and edit drawings by defining anchor points and the paths between them. Before you start drawing lines and curves,
More informationPositive & Negative Space = the area around or between a design. Asymmetrical = balanced but one part is small and one part is large
Study Guide Compostion COMMERCIAL ART Positive & Negative Space = the area around or between a design Radial Symmetrical = balance is circular Asymmetrical = balanced but one part is small and one part
More informationCOMET: Collaboration in Applications for Mobile Environments by Twisting
COMET: Collaboration in Applications for Mobile Environments by Twisting Nitesh Goyal RWTH Aachen University Aachen 52056, Germany Nitesh.goyal@rwth-aachen.de Abstract In this paper, we describe a novel
More informationWacom Intuos3 Art Pen Orientation Guide
Wacom Intuos3 Art Pen Orientation Guide Wacom Introduces New Art Pen for Intuos3 and Cintiq 21UX In June 2005 Wacom will have announced an innovative, new pen for the Intuos3 pen tablets and the Cintiq
More informationMaking Selections: 3 Ways to isolate an area in an image: Layer Mask : Mask the part of the layer you don t want to be visible
3 Ways to isolate an area in an image: Layer Mask : Mask the part of the layer you don t want to be visible Eraser Tool: Erase the areas of an image or layer you don t want to be visible Make a Selection:
More informationRendering a perspective drawing using Adobe Photoshop
Rendering a perspective drawing using Adobe Photoshop This hand-out will take you through the steps to render a perspective line drawing using Adobe Photoshop. The first important element in this process
More informationCorel Painter 8 Tinting Visual Guide
Corel Painter 8 Tinting Visual Guide Contents Welcome to Corel Painter 8........... 3 Introduction.................. 4 Tinting Concepts in Corel Painter 8....... 5 Layer Compositing Methods.............
More informationTablet overrides: overrides current settings for opacity and size based on pen pressure.
Photoshop 1 Painting Eye Dropper Tool Samples a color from an image source and makes it the foreground color. Brush Tool Paints brush strokes with anti-aliased (smooth) edges. Brush Presets Quickly access
More informationEvaluation of a Tricycle-style Teleoperational Interface for Children: a Comparative Experiment with a Video Game Controller
2012 IEEE RO-MAN: The 21st IEEE International Symposium on Robot and Human Interactive Communication. September 9-13, 2012. Paris, France. Evaluation of a Tricycle-style Teleoperational Interface for Children:
More informationContents. Introduction
Contents Introduction 1. Overview 1-1. Glossary 8 1-2. Menus 11 File Menu 11 Edit Menu 15 Image Menu 19 Layer Menu 20 Select Menu 23 Filter Menu 25 View Menu 26 Window Menu 27 1-3. Tool Bar 28 Selection
More informationCopyrights and Trademarks
Mobile Copyrights and Trademarks Autodesk SketchBook Mobile (2.0) 2012 Autodesk, Inc. All Rights Reserved. Except as otherwise permitted by Autodesk, Inc., this publication, or parts thereof, may not be
More informationColorful Glowing Mask Photoshop Tutorial Photoshop TUTfactory The best Photoshop tutorials in one place
Step 1: To start, create new canvas sized at 994 1312 pixels, and fill it with black. Next, create a new layer, and go to Filter->Render->Clouds. Duplicate this layer, and then merge the two layers. Set
More informationApplication of 3D Terrain Representation System for Highway Landscape Design
Application of 3D Terrain Representation System for Highway Landscape Design Koji Makanae Miyagi University, Japan Nashwan Dawood Teesside University, UK Abstract In recent years, mixed or/and augmented
More informationArtex: Artificial Textures from Everyday Surfaces for Touchscreens
Artex: Artificial Textures from Everyday Surfaces for Touchscreens Andrew Crossan, John Williamson and Stephen Brewster Glasgow Interactive Systems Group Department of Computing Science University of Glasgow
More informationEvaluation of Visuo-haptic Feedback in a 3D Touch Panel Interface
Evaluation of Visuo-haptic Feedback in a 3D Touch Panel Interface Xu Zhao Saitama University 255 Shimo-Okubo, Sakura-ku, Saitama City, Japan sheldonzhaox@is.ics.saitamau.ac.jp Takehiro Niikura The University
More informationOpen Archive TOULOUSE Archive Ouverte (OATAO)
Open Archive TOULOUSE Archive Ouverte (OATAO) OATAO is an open access repository that collects the work of Toulouse researchers and makes it freely available over the web where possible. This is an author-deposited
More informationCompositing. Compositing is the art of combining two or more distinct elements to create a sense of seamlessness or a feeling of belonging.
Compositing Compositing is the art of combining two or more distinct elements to create a sense of seamlessness or a feeling of belonging. Selection Tools In the simplest terms, selections help us to cut
More informationAdvancements in Gesture Recognition Technology
IOSR Journal of VLSI and Signal Processing (IOSR-JVSP) Volume 4, Issue 4, Ver. I (Jul-Aug. 2014), PP 01-07 e-issn: 2319 4200, p-issn No. : 2319 4197 Advancements in Gesture Recognition Technology 1 Poluka
More informationphotoshop filters kelly ludwig assistant professor
photoshop filters kelly ludwig assistant professor sharpening images reducing noise correcting distortions in images practical filters There are over 100 filters that ship with Photoshop and they're all
More informationTangible interaction : A new approach to customer participatory design
Tangible interaction : A new approach to customer participatory design Focused on development of the Interactive Design Tool Jae-Hyung Byun*, Myung-Suk Kim** * Division of Design, Dong-A University, 1
More informationA Kinect-based 3D hand-gesture interface for 3D databases
A Kinect-based 3D hand-gesture interface for 3D databases Abstract. The use of natural interfaces improves significantly aspects related to human-computer interaction and consequently the productivity
More informationDEFINING THE FOCAL POINT
Sunrise 124 10 DEFINING THE FOCAL POINT These projects demonstrate the thought process behind the composition design of two paintings that have strong focal points. You ll begin each painting using your
More informationPerspective Guides. Perspective Contextual Toolbar. 1-Point Perspective
WHAT S NEW 1. Perspective Guides 2. Flipbook Animation 3. Gradient Flood Fills 4. Layer Workflow Enhancements - Layer Grouping - Extended Blending Modes - Background Color - Multi-Layer Select 5. Distort
More informationSelective Editing in Camera Raw 5
Selective Editing in Camera Raw 5 The editing tools that you saw in the last chapter are global editing tools. That is, they affect all parts of the image. So, when you choose to, for example, brighten
More informationBrowse: Home / Photoshop CS5 Digital Painting Tutorial Photoshop CS5 Digital Painting Tutorial
Browse: Home / Photoshop CS5 Digital Painting Tutorial Photoshop CS5 Digital Painting Tutorial By Armand Niculescu on May 10, 2010 http://www.twin-pixels.com/photoshop-cs5-digital-painting-tutorial/ One
More informationDigital Imaging and Photoshop Fun/ Marianne Wallace
EZ GREETING CARD This tutorial uses Photoshop Elements 2 but it will also work in all versions of Photoshop. It will show how to create and print 2 cards per 8 ½ X 11 sized papers. The finished folded
More informationWiiInteract: Designing Immersive and Interactive Application with a Wii Remote Controller
WiiInteract: Designing Immersive and Interactive Application with a Wii Remote Controller Jee Yeon Hwang and Ellen Yi-Luen Do Georgia Institute of Technology Atlanta, GA 30308, USA {jyhwang, ellendo}@gatech.edu
More informationMake Watercolor and Marker Style Portraits with Illustrator
Make Watercolor and Marker Style Portraits with Illustrator Save Preview Resources Portrait by Lillian Bertram (Creative Commons Share Alike used here with permission) Step 1: Set up your Illustrator document
More informationUser Interface Software Projects
User Interface Software Projects Assoc. Professor Donald J. Patterson INF 134 Winter 2012 The author of this work license copyright to it according to the Creative Commons Attribution-Noncommercial-Share
More informationInvestigating Phicon Feedback in Non- Visual Tangible User Interfaces
Investigating Phicon Feedback in Non- Visual Tangible User Interfaces David McGookin and Stephen Brewster Glasgow Interactive Systems Group School of Computing Science University of Glasgow Glasgow, G12
More informationDesign and Evaluation of Tactile Number Reading Methods on Smartphones
Design and Evaluation of Tactile Number Reading Methods on Smartphones Fan Zhang fanzhang@zjicm.edu.cn Shaowei Chu chu@zjicm.edu.cn Naye Ji jinaye@zjicm.edu.cn Ruifang Pan ruifangp@zjicm.edu.cn Abstract
More informationDepthTouch: Using Depth-Sensing Camera to Enable Freehand Interactions On and Above the Interactive Surface
DepthTouch: Using Depth-Sensing Camera to Enable Freehand Interactions On and Above the Interactive Surface Hrvoje Benko and Andrew D. Wilson Microsoft Research One Microsoft Way Redmond, WA 98052, USA
More informationSyllabus: Photoshop Advanced
Syllabus: Photoshop Advanced Continuing Education Photoshop Advanced - CE 5421C 01 Amanda Benton, abenton@uarts.edu Course Description Even for students who have been working with Photoshop for years,
More informationDrumtastic: Haptic Guidance for Polyrhythmic Drumming Practice
Drumtastic: Haptic Guidance for Polyrhythmic Drumming Practice ABSTRACT W e present Drumtastic, an application where the user interacts with two Novint Falcon haptic devices to play virtual drums. The
More informationAutodesk. SketchBook INK. Tips & Tricks. ios
Autodesk SketchBook INK Tips & Tricks ios Contents What s New 3 Tips Before You Begin 4 Getting Started 5 Create a canvas 5 Navigating 5 Hide the UI 5 Color 6 Customize the color palette 6 Selecting a
More informationPrototyping of Interactive Surfaces
LFE Medieninformatik Anna Tuchina Prototyping of Interactive Surfaces For mixed Physical and Graphical Interactions Medieninformatik Hauptseminar Wintersemester 2009/2010 Prototyping Anna Tuchina - 23.02.2009
More informationStudents will be able to create movement through the use of line or implied line and repetition.
Title of Unit Digital Imaging Title of Lesson Self Portrait Montage in Photoshop Course Graphic Design 1 Instructor Heidi Stachulak hstachulak@hf233.org Objectives: Composition Students will be able to
More informationCS 247 Project 2. Part 1. Reflecting On Our Target Users. Jorge Cueto Edric Kyauk Dylan Moore Victoria Wee
1 CS 247 Project 2 Jorge Cueto Edric Kyauk Dylan Moore Victoria Wee Part 1 Reflecting On Our Target Users Our project presented our team with the task of redesigning the Snapchat interface for runners,
More informationGetting Started. 1. Double click on the eye con. 2. Single click on File, then new, then OK. Click here.
Getting Started 1. Double click on the eye con. 2. Single click on File, then new, then OK. Click here. What is Photoshop? Photoshop is a program that lets you make pictures. You can put away your markers
More informationAutodesk. SketchBook Mobile
Autodesk SketchBook Mobile Copyrights and Trademarks Autodesk SketchBook Mobile (2.0.2) 2013 Autodesk, Inc. All Rights Reserved. Except as otherwise permitted by Autodesk, Inc., this publication, or parts
More informationNow we ve had a look at the basics of using layers, I thought we d have a look at a few ways that we can use them.
Stone Creek Textiles stonecreektextiles.co.uk Layers Part 2 Now we ve had a look at the basics of using layers, I thought we d have a look at a few ways that we can use them. In Layers part 1 we had a
More informationHaptic Camera Manipulation: Extending the Camera In Hand Metaphor
Haptic Camera Manipulation: Extending the Camera In Hand Metaphor Joan De Boeck, Karin Coninx Expertise Center for Digital Media Limburgs Universitair Centrum Wetenschapspark 2, B-3590 Diepenbeek, Belgium
More informationLesson I. Master and Apprentice. Learning Skills for the Atelier. (Four 60-minute classes)
Lesson I Master and Apprentice Learning Skills for the Atelier (Four 60-minute classes) In order to test out working collaboratively - each student performing only one task on the final artwork, students
More informationCentral Photography [INSTAGRAM EFFECTS]
1 1. Open Photoshop. 2. Go to File/New (Ctrl+N). 3. Name your file. 4. Set the Width to 11 inches. 2 5. Set the Height to 8.5 inches. 6. Set your Resolution to 200 pixels/inch. 7. Set your Background Contents
More informationIntegration of Hand Gesture and Multi Touch Gesture with Glove Type Device
2016 4th Intl Conf on Applied Computing and Information Technology/3rd Intl Conf on Computational Science/Intelligence and Applied Informatics/1st Intl Conf on Big Data, Cloud Computing, Data Science &
More informationArtists and artwork processes: Abuja Story Making Workshop
A reflection on having the artwork process as part of a manuscript development workshop At the end of the third day of the five day story-making workshop, all 20 participants handed in their semi-final
More informationAdobe Photoshop CC 2018 Tutorial
Adobe Photoshop CC 2018 Tutorial GETTING STARTED Adobe Photoshop CC 2018 is a popular image editing software that provides a work environment consistent with Adobe Illustrator, Adobe InDesign, Adobe Photoshop,
More informationTangible User Interfaces
Tangible User Interfaces Seminar Vernetzte Systeme Prof. Friedemann Mattern Von: Patrick Frigg Betreuer: Michael Rohs Outline Introduction ToolStone Motivation Design Interaction Techniques Taxonomy for
More informationBasic Sketching Techniques
Basic Sketching Techniques Session Speaker Asst. Prof. DOD 1 Contents Learning Objective Introduction Perspective Basic Geometry Complex geometry Exploded view Exercise 2 Ideation sketches Ideation sketches
More informationPainting 2 Unit Plan
Painting 2 Unit Plan Value Scales Lesson 1 Author: Shea Brook Grade Level: 10-12 Time Span: 3 Classes 67 Minute Classes Essential Question: How does art expand and enhance our thinking? Provoking Questions:
More informationpreface Motivation Figure 1. Reality-virtuality continuum (Milgram & Kishino, 1994) Mixed.Reality Augmented. Virtuality Real...
v preface Motivation Augmented reality (AR) research aims to develop technologies that allow the real-time fusion of computer-generated digital content with the real world. Unlike virtual reality (VR)
More informationThe Painter X Wow! Study Guide
The Painter X Wow! Study Guide Overview This study guide / instructor s guide was designed to help you use The Painter X Wow! Book and its accompanying CD-ROM for self-study or as a textbook for classes
More informationUniversal Usability: Children. A brief overview of research for and by children in HCI
Universal Usability: Children A brief overview of research for and by children in HCI Gerwin Damberg CPSC554M, February 2013 Summary The process of developing technologies for children users shares many
More informationAIEDAM Special Issue: Sketching, and Pen-based Design Interaction Edited by: Maria C. Yang and Levent Burak Kara
AIEDAM Special Issue: Sketching, and Pen-based Design Interaction Edited by: Maria C. Yang and Levent Burak Kara Sketching has long been an essential medium of design cognition, recognized for its ability
More information3D and Sequential Representations of Spatial Relationships among Photos
3D and Sequential Representations of Spatial Relationships among Photos Mahoro Anabuki Canon Development Americas, Inc. E15-349, 20 Ames Street Cambridge, MA 02139 USA mahoro@media.mit.edu Hiroshi Ishii
More informationLearning Adobe Photoshop CS6
Module 1 Contents Chapter 1: Introduction to Photoshop Loading Photoshop...1-1 The Tools Panel...1-2 Using the Tools...1-3 The Panel Group...1-5 Layers...1-6 Loading a Sample File...1-6 Looking at the
More informationSensing Human Activities With Resonant Tuning
Sensing Human Activities With Resonant Tuning Ivan Poupyrev 1 ivan.poupyrev@disneyresearch.com Zhiquan Yeo 1, 2 zhiquan@disneyresearch.com Josh Griffin 1 joshdgriffin@disneyresearch.com Scott Hudson 2
More informationThis Photoshop Tutorial 2010 Steve Patterson, Photoshop Essentials.com. Not To Be Reproduced Or Redistributed Without Permission.
Photoshop Brush DYNAMICS - Shape DYNAMICS As I mentioned in the introduction to this series of tutorials, all six of Photoshop s Brush Dynamics categories share similar types of controls so once we ve
More informationRunning an HCI Experiment in Multiple Parallel Universes
Author manuscript, published in "ACM CHI Conference on Human Factors in Computing Systems (alt.chi) (2014)" Running an HCI Experiment in Multiple Parallel Universes Univ. Paris Sud, CNRS, Univ. Paris Sud,
More informationSelective Edits in Camera Raw
Complete Digital Photography Seventh Edition Selective Edits in Camera Raw by Ben Long If you ve read Chapter 18: Masking, you ve already seen how Camera Raw lets you edit your raw files. What we haven
More informationTIMEWINDOW. dig through time.
TIMEWINDOW dig through time www.rex-regensburg.de info@rex-regensburg.de Summary The Regensburg Experience (REX) is a visitor center in Regensburg, Germany. The REX initiative documents the city s rich
More informationKey Terms. Where is it Located Start > All Programs > Adobe Design Premium CS5> Adobe Photoshop CS5. Description
Adobe Adobe Creative Suite (CS) is collection of video editing, graphic design, and web developing applications made by Adobe Systems. It includes Photoshop, InDesign, and Acrobat among other programs.
More informationDynamic Knobs: Shape Change as a Means of Interaction on a Mobile Phone
Dynamic Knobs: Shape Change as a Means of Interaction on a Mobile Phone Fabian Hemmert Deutsche Telekom Laboratories Ernst-Reuter-Platz 7 10587 Berlin, Germany mail@fabianhemmert.de Gesche Joost Deutsche
More informationURBN A COLLABORATIVE MOSAIC COLLECTION CELEBRATING BOSTON'S URBAN YOUTH
URBN A COLLABORATIVE MOSAIC COLLECTION CELEBRATING BOSTON'S URBAN YOUTH URBN A COLLABORATIVE MOSAIC COLLECTION CELEBRATING BOSTON'S URBAN YOUTH Stark industrial scenes, high contrast abstract patterns
More informationUnit 7 : Image Painting, Editing and Layers
Unit 7 : Image Painting, Editing and Layers Introduction This Unit describes about various painting tools; such as selection, cropping and measuring tools, retouching, drawing and type tools, Navigation
More informationDiamondTouch SDK:Support for Multi-User, Multi-Touch Applications
MITSUBISHI ELECTRIC RESEARCH LABORATORIES http://www.merl.com DiamondTouch SDK:Support for Multi-User, Multi-Touch Applications Alan Esenther, Cliff Forlines, Kathy Ryall, Sam Shipman TR2002-48 November
More informationAdobe PhotoShop Elements
Adobe PhotoShop Elements North Lake College DCCCD 2006 1 When you open Adobe PhotoShop Elements, you will see this welcome screen. You can open any of the specialized areas. We will talk about 4 of them:
More informationCOMS 359: Interactive Media
COMS 359: Interactive Media Agenda Project Two Overview Advanced Images PhotoShop Creating custom graphics Project Two Education or Information Site Description (from course syllabus) For the second project,
More informationLOOKING AHEAD: UE4 VR Roadmap. Nick Whiting Technical Director VR / AR
LOOKING AHEAD: UE4 VR Roadmap Nick Whiting Technical Director VR / AR HEADLINE AND IMAGE LAYOUT RECENT DEVELOPMENTS RECENT DEVELOPMENTS At Epic, we drive our engine development by creating content. We
More informationPreparing Images For Print
Preparing Images For Print The aim of this tutorial is to offer various methods in preparing your photographs for printing. Sometimes the processing a printer does is not as good as Adobe Photoshop, so
More informationDigital Paper Bookmarks: Collaborative Structuring, Indexing and Tagging of Paper Documents
Digital Paper Bookmarks: Collaborative Structuring, Indexing and Tagging of Paper Documents Jürgen Steimle Technische Universität Darmstadt Hochschulstr. 10 64289 Darmstadt, Germany steimle@tk.informatik.tudarmstadt.de
More informationIMAGE CORRECTION. You can find this and more information with video tutorials at
IMAGE CORRECTION You can find this and more information with video tutorials at http://www.adobe.com/support/photoshop/ P H O T O S H O P T O O L S CLONE STAMP TOOL The Clone Stamp tool paints one part
More informationAdobe Photoshop CS5 ACE
Adobe Photoshop CS5 ACE Number: A9A0-150 Passing Score: 800 Time Limit: 120 min File Version: 1.0 Sections 1. Selection Tools Exam A QUESTION 1 John creates a circular selection with Elliptical Marquee
More informationFeelable User Interfaces: An Exploration of Non-Visual Tangible User Interfaces
Feelable User Interfaces: An Exploration of Non-Visual Tangible User Interfaces Katrin Wolf Telekom Innovation Laboratories TU Berlin, Germany katrin.wolf@acm.org Peter Bennett Interaction and Graphics
More informationAbout Scanning, printing, and image-editing programmes Note: page 16 in the book will refer you to this page on our website.
About Scanning, printing, and image-editing programmes Note: page 16 in the book will refer you to this page on our website. Page 16 in the book above reads: Do your own scanning/copying and printing If
More informationThis lesson will focus on advanced techniques
Lesson 10 278 Paint, Roto, and Puppet Exploring Paint, Roto Brush, and the Puppet tools. In This Lesson 279 basic painting 281 erasing strokes 281 Paint Channels 282 Paint blending modes 282 brush duration
More informationTangible Bits: Towards Seamless Interfaces between People, Bits and Atoms
Tangible Bits: Towards Seamless Interfaces between People, Bits and Atoms Published in the Proceedings of CHI '97 Hiroshi Ishii and Brygg Ullmer MIT Media Laboratory Tangible Media Group 20 Ames Street,
More information