From Wong's Class


Introduction to Media Practices

posted Dec 4, 2010, 9:23 AM by Priya Nayar

 

PAKISTAN FLOOD DISASTER

 

HAITI EARTHQUAKE RELIEF EFFORTS



Nicholas Kristof's Advice for Saving the World

Photography, Panopticon, Simulacrum

posted Dec 4, 2010, 9:20 AM by Priya Nayar   [ updated Jan 26, 2017, 7:42 AM ]

http://en.wikipedia.org/wiki/Panopticon

Virtual Panopticon 

http://besser.tsoa.nyu.edu/impact/f96/projects/dengberg/ 

Microsoft Sensecam 

http://research.microsoft.com/en-us/um/cambridge/projects/sensecam 

Faceswapping 

http://www1.cs.columbia.edu/CAVE/projects/face_replace 

Monitoring Body Signals for Airport Security 

http://www.cnn.com/2009/TECH/10/06/security.screening/index.html?iref=newssearch 


DOCTORED NEWS PHOTOS 

Photo-tampering 

http://www.cs.dartmouth.edu/farid/research/digitaltampering/ 

http://en.wikipedia.org/wiki/Photo_manipulation 


https://www.follio.com/image-manipulation-how-to-avoid-copyright-infingement/ 

The infographic looks at the legalities involved in image manipulation, mainly focusing on US law but also reviewing laws around the world. It looks at how these laws are interpreted by different people and shares some example cases.


http://www.zombietime.com/reuters_photo_fraud/ 

Katie Couric 

http://lonestartimes.com/images/2006/09/Couric%20Doctored.jpg 

OJ Simpson 

http://en.wikipedia.org/wiki/Image:OJ_Simpson_Newsweek_TIME.png 

Toledo Blade 

http://www.nppa.org/news_and_events/news/2007/04/toledo05.html 

Reuters 

http://en.wikipedia.org/wiki/Adnan_Hajj_photographs_controversy 

LA Times 

http://www.womeninphotography.org/historical/WIPIhistory3.html


INTRODUCTION TO PHOTOSHOP

In your main project folder create 3 folders: input, working, output

 

- Top menus 

- Option menus 

- Tool Box / Tool Bar 

- Palettes 

NAVIGATION 

To increase the view size of the image hold apple and press + (plus) to zoom in and - (minus) to zoom out. Area in view represented with a red box in the Navigator palette. 

SIZE - to adjust the size and resolution of the image (image>image size) 

*300 ppi resolution for print 

*72 ppi resolution for web 

Change size of image in inches to approximate the original file size of the image. 

MODE - to adjust the image colors for print or for web, you can choose different color formats. RGB colors for TV & web. CMYK colors for printing. Grayscale for B&W. 

LEVELS - to adjust bright, dark and medium values of the image (apple L or Image>Adjustments>Levels) 

HUE - to adjust the hue and saturation on the image. No saturation=B&W image (apple U or image>Adjustments>hue/saturation) 

VARIATIONS - allows to adjust shadows, midtones, highlights and saturation by adding CMYK colors each one (image>adjustments>Variations…)  

SELECTING - use the selecting tool (M) in 2 styles square and circular. By holding SHIFT down while making a circle it will make a proportional circle. This tool is also called Marquee tool. 

LASSO - there are 3 types of lasso - Regular Lasso, Polygonal Lasso and Magnetic Lasso. You can adjust the sensitivity (edge contrast) and the frequency of the anchor points in the Magnetic Lasso. 

FEATHERING - for soft edges you can adjust the softness by increasing the number of pixels. 

CROP - in tool box allows you to cut a selected section of the image 

LAYERS PALETTE - the option menu for the layers palette in on the right top corner and is a small circle with an arrow in the center. A menu opens that allows you to create new layers, duplicate layers, merge layers, create folders (group) and more. 

TRANSFORM - (apple T) gives you the handles on the selected image to change size and rotate the selected part of the image. Under Edit>transform it also allows you to skew, distort, and even wrap the image. Before using transform you have to select what to transform with your select tool. 

FILTERS - they are under filters at the top menu. 

MASKING - it's in the layer pallet at the bottom. Masking can be a little tricky, so you can check this site bellow - it has a step by step sample of the same effects we saw in-class. http://www.larry-bolch.com/mask-intro/ 

SAVING YOUR IMAGES 

-under File > save for web… 

-Save as JPEG. You can choose from multiple choices: high or very high quality, progressive and optimized. 

-Give name and place within the corresponding folder (DEV or OUTPUT) 

-for printing; 

-Under file>save as… 

-Select and save as Photoshop EPS or TIFF file 

PHOTOSHOP RESOURCES 

Here are some helpful sites that have samples, step-by-step and even short videos on various Photoshop techniques. 

http://www.planetphotoshop.com/category/tutorials/ 

http://www.photoshopsupport.com/tutorials/cs2-photoshop-9.html 

http://www.photoshopkillertips.com 

http://www.graphic-design.com/Photoshop 

You can also subscribe to the Photoshop TV video podcast: 

http://www.photoshopusertv.com

Designing The Interactive Space Part I

posted Dec 4, 2010, 9:13 AM by Priya Nayar   [ updated Dec 4, 2010, 9:16 AM ]

Animation 

http://www.blublu.org/sito/video/muto.htm 

http://www.hoogerbrugge.com/work/animation

http://aisk1.com/intro.html

Art and the Interface 

http://www.jodi.org http://www.lab404.com/330/ 

http://www.worldofawe.net/thejournal/landing 

Digital and Analog 

http://biomapping.net/ 

http://www.streetwithaview.com/ 

Media Manipulation 

http://vimeo.com/2215007 

http://www.nytimes-se.com

http://farm1.static.flickr.com/2/1869351_a929a5a3ce.jpg?v=0 

http://www.snopes.com/politics/bush/canada.asp 

http://www.opinionjournal.com/best/12104google.jpg 

http://theyesmen.org/hijinks/bbcbhopal http://www.rythospital.com 

http://www.rythospital.com/annualreport/2008 

Design 

http://ff0000.com/ 

http://www.wddg.com/ 

http://www.razorfish.com 

http://k10k.net 

Data/Information Visualization 

http://www.lasvegassun.com/multimedia/rx_interactive 

http://www.lasvegassun.com/history  

http://www.storyofstuff.com/ 

NewYork-Presbyterian Hospital 

http://www.nyp.org 

http://www.wcinyp.org 

http://www.cornellneurosurgery.org/skullbasesurgery 

COLOR MOOD BOARD TOOL: 

http://kuler.adobe.com 

COLOR AND TYPOGRAPHY MOOD BOARD EXAMPLES: 

http://www.viget.com/inspire/perspectives-on-mood-boards/ 

http://weblog.404creative.com/2007/02/14/website-mood-boards-a-successful-precursor-to-visual-prototyping/ 

http://benjaminheath.co.uk/68545 

http://laviniaveres.blogspot.com/2009/09/mood-board-for-identity-card.html 

http://digitalwize.com/pfolio/pfolio_cStudies3.htm 

WIREFRAME EXAMPLES: 

http://blogs.mediazone.co.nz/2009-dmdn206/2009/08/06/wireframe-example/ 

http://www.akendi.com/software-ria-gui-design/gui-wireframes-diagram-design-development-canada-toronto.php 

http://www.purplestars.co.uk/Wireframe_1.html 

http://ittrainingtips.iu.edu/web-authoring/wireframing-for-hopefully-better-websites/11/2009

1-8 of 8