We think you have liked this presentation. If you wish to download it, please recommend it to your friends in any social system. Share buttons are a little bit lower. Thank you!
Presentation is loading. Please wait.
Published byDwayne Eary
Modified over 2 years ago
User Interface design aspects using Photoshop and Illustrator Shridhar Manvi
Major portion will be explained during demo……
Overview Photoshop tool bar Layers Buttons, logos, background removal Brushes Vectors, how to use them using Illustrator Demo
Image formats JPEG- With background (or image) PNG– Transparent background GIF- Animation   
Background removal Rasterize an image Unlock the layer Use Magic wand to select the area to be removed 
References 1.https://www.google.com/search?q=mario.png&espv=2&biw=1280&bih=701&source=lnms&tbm=isch&sa=X&ei=ZHDRVIL sEYuiyQSFsoKoDA&ved=0CAYQ_AUoAQ#imgdii=_&imgrc=0x-LKNOHv7Y1BM%253A%3B_CGvE36jElo- yM%3Bhttp%253A%252F%252Fwww.userlogos.org%252Ffiles%252Flogos%252Fzigzag%252Fmario_0.png%3Bhttp%253A %252F%252Fwww.userlogos.org%252Flogo%252Fzigzag%252F05062009%252Fmarionintendocom%3B400%3B300 2.https://www.google.com/search?q=mario.png&espv=2&biw=1280&bih=701&source=lnms&tbm=isch&sa=X&ei=ZHDRVIL sEYuiyQSFsoKoDA&ved=0CAYQ_AUoAQ#tbm=isch&q=loading.gif&imgdii=_&imgrc=6- EKXLDvMANgUM%253A%3BiqdkEQ1W0icwxM%3Bhttp%253A%252F%252Fbusiness.intuit.com%252Fmbweb%252Fasset s%252Fimages%252Fspinner-blue.gif%3Bhttp%253A%252F%252Fwww.snapthepix.com%252Floading-gif%3B461%3B461 3.https://www.google.com/search?q=mario.png&espv=2&biw=1280&bih=701&source=lnms&tbm=isch&sa=X&ei=ZHDRVIL sEYuiyQSFsoKoDA&ved=0CAYQ_AUoAQ#tbm=isch&q=restaurant+best+pictures&imgdii=_&imgrc=xHi9r5o5AEHirM%253A %3B6FItF9l7b6tylM%3Bhttp%253A%252F%252Flunar.thegamez.net%252Fhomedecoration%252Frestaurant-interior- design%252Frestaurant-interior-design-2-best-restaurant-interior-design-ideas- 560x343.jpg%3Bhttp%253A%252F%252Fatticcharm.blogspot.com%252F2012%252F12%252Frestaurant-interior- design.html%253Fm%253D0%3B560%3B343 4.https://www.google.com/search?q=mario.png&espv=2&biw=1280&bih=701&source=lnms&tbm=isch&sa=X&ei=ZHDRVIL sEYuiyQSFsoKoDA&ved=0CAYQ_AUoAQ#tbm=isch&q=mario.png&imgdii=_&imgrc=heZYjcMjM18sFM%253A%3BWfv768x JeSYWfM%3Bhttp%253A%252F%252Fvignette4.wikia.nocookie.net%252Frobber-penguin- agency%252Fimages%252F6%252F6e%252FSmall- mario.png%252Frevision%252Flatest%253Fcb%253D20150107080404%3Bhttp%253A%252F%252Frobber-penguin- agency.wikia.com%252Fwiki%252FFile%253ASmall-mario.png%3B1473%3B1854
How to Create a Transparent Image. Locate an image Locate an image, right-click on it and select “Save image as...” or “Save picture as…”
2.01A-C Vocabulary Review Graphic, Raster and Vector Images Away We Go!!
Designing for Web stuff you need to know before you start.
Module 4- Build a Game Understanding Pictures Compression – Making things smaller.
Adobe Dreamweaver CC: The Professional Portfolio Project 3: Photographer’s Web Site Working with static images Controlling backgrounds with CSS Working.
Multimedia File FormatsGraphics JPG, GIF, TIF, PSD, WMF, BMP, PNG, RAW.
Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.
CSU EXTENSION LOGOS AND GRAPHICS March CSU Extension Logos jpg,.png,.eps,.ai.
Graphic definitions Summary of Chapter 10 of the Non-designer’s web book by Robin Williams and John Tollet. Pages ( ) Miss Mary Victor.
File Formats COM 366 Web Design & Layout. Native file format –Format native to software program –.psd > PhotoShop default Preserves layers –Use “Save.
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.
Getting the Basics Graphics for the Web McIntyre, Period 2 Kellogg, Period 5.
Welcome back eager young artists! Ms. Edelman Tuesday, June 21, 2016 DO NOW: Download and open eraser.ppt from the lessons folder in Dropbox. Take.
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. CMYK -natural RGB -monitor.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
DECO1001: Optimising for the Web Format Colour File Size.
TYPES OF GRAPHICS TECHNOLOGICAL DESIGN. GRAPHIC DESIGN DEFINITION Visual problem solving that utilizes shapes, images, text, color, etc. to communicate.
Adobe/Macromedia Fireworks JAOIT 8. Fireworks – what is it? Adobe Fireworks (formerly Macromedia Fireworks) is a bitmap and vector graphics editor. It.
Foundations of Web Design I Photoshop CS5 Michael Daniel
Web Graphics By Chris Harding. Contents Software Vector Graphics and Pixel Based Transparent Images Compression GIF vs. JPEG Animated GIF.
What is the Photoshop interface? Adobe Photoshop is a powerful tool for editing photographs and graphics. The first step in learning Photoshop is to familiarize.
Graphic Image Editing Software. It removes White Backgrounds CS3 Fireworks is for Editing Non-Photo Images.
Art for New Media TO DO today: 1 - Sketchbook assignment (see next page) 2 - Animation using Photoshop - - Animation Panel > view, frames -
What the difference is between bitmap and vector images. Which is suitable and when. Why do I need to know this?
Web Graphics Image File Formats Image optimization Accessibility issues Using images and colors on the web.
Graphics. Image format's GIF Format: Use a maximum of 256 colors, and are recommendable for big areas of one color or non- continuous images. They are.
Chapter 17 Creating Images for the Web. Chapter Lessons Learn about Web features Optimize images for Web use Create a button for a Web page Create slices.
$1 Million $500,000 $250,000 $125,000 $64,000 $32,000 $16,000 $8,000 $4,000 $2,000 $1,000 $500 $300 $200 $100 Welcome.
Ann Ware Digital Imaging 101. Digital Image Categories BITMAPVECTOR A bitmap is an image created with pixels (small squares of color) The number of pixels.
Importing and Modifying Graphics
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. ______ -natural ______ -monitor.
Task 3 Store and Present Your Digital Entry Guidance Notes.
Fireworks CS6 A Quick Logo Creation. Step 1- Launch Fireworks CS6 300 x 200 Pixels.
© 2010 Delmar, Cengage Learning Chapter 7: Importing and Modifying Graphics.
Roger L. Runquist Western Illinois University Roger L. Runquist Western Illinois University Photoshop Basics.
MAKING YOUR MASTER SCREEN IN PHOTOSHOP A QUICK GUIDE TO THE KEY STEPS.
Adobe photoshop digital image making. the basics Adobe PhotoShop is an image-editing program that lets you create and edit digital images. ◦PhotoShop.
Show images on digital camera, select one and click open with… Photoshop. Camera Photos:
Objective: Students will learn tools in Photoshop to manipulate images and make the unrealistic look possible. Bellwork: What are some unrealistic photos.
Photoshop Basics: Extended Instructor: Vicki Weidler Assistant: Joaquin Obieta.
Chris Jackson - Castle College - January 2008 Editing And Merging Two Images In Photoshop An Introduction To Basic Image Editing.
File formats bitmap and vector. Bitmap or raster: rectangular array of picture elements (pixels) Example with height and width notations.
* Edit photos * Create banners * Create animations * Enhance documents/presentations * Create documents * And many more.
The Web Wizards Guide to HTML Chapter Five Working with Images.
By Millie and Ellece. D IFFERENT T YPES OF G RAPHICS Bitmap Formats JPEG GIF PNG PSD TIFF.
Introduction to Vector Graphics and Adobe Illustrator CS3
© 2011 Delmar, Cengage Learning Chapter 7 Importing and Modifying Graphics.
10 | Graphics COM 366 Web Design & Production. Native file format –Format native to software program –psd > PhotoShop default Preserves layers –Use “Save.
Creating Website Using FrontPage 2003 By Heidi Lee.
1 Introduction to Photoshop Or Why Paint is “yesterday’s news…”
© 2017 SlidePlayer.com Inc. All rights reserved.