<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>johnsmock.com</title>
	<atom:link href="http://johnsmock.com/blog/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://johnsmock.com/blog</link>
	<description></description>
	<lastBuildDate>Wed, 28 Apr 2010 19:09:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.3</generator>
		<item>
		<title>Photojournalism Ethics in the age Photoshop CS5</title>
		<link>http://johnsmock.com/blog/?p=276</link>
		<comments>http://johnsmock.com/blog/?p=276#comments</comments>
		<pubDate>Sun, 25 Apr 2010 21:37:11 +0000</pubDate>
		<dc:creator>John Smock</dc:creator>
				<category><![CDATA[Discussion]]></category>
		<category><![CDATA[Reviews]]></category>
		<category><![CDATA[Tools]]></category>

		<guid isPermaLink="false">http://johnsmock.com/blog/?p=276</guid>
		<description><![CDATA[This year marks the 20th anniversary of Adobe Photoshop. As if to celebrate, last week Adobe released Creative Suite 5, the most powerful version yet, and for photojournalism maybe the most troubling. Photoshop remains the top photo editing and graphics program for pros. Among the newest version’s most notable features is the Content-aware Fill Tool, [...]]]></description>
			<content:encoded><![CDATA[<p>This year marks the 20th anniversary of Adobe Photoshop. As if to celebrate, last week <a href="http://cs5launch.adobe.com/?sdid=FDUAJ&amp;">Adobe released Creative Suite 5</a>, the most powerful version yet, and for photojournalism maybe the most troubling.</p>
<p>Photoshop remains the top photo editing and graphics program for pros. Among the newest version’s most notable features is <a href="http://thenextweb.com/lifehacks/2010/03/24/blow-sneak-peak-photoshop-5/">the Content-aware Fill Tool, demonstrated here</a>, which allows users to remove unwanted elements from an image as effortlessly as the result is seamless.</p>
<p>For photojournalism the implications of this tool are pretty chilling. Not because digital manipulation of photographs is anything new, but because CS5 makes it just so darn easy.</p>
<p>In 2005 Stephen Colbert introduced the term “truthiness” during the debut episode of the <a href="http://www.colbertnation.com/the-colbert-report-videos/180903/october-17-2005/first-show">Comedy Channel’s Colbert Report</a> to describe much of the political dialogue in and media coverage of Washington DC. <a href="http://www.merriam-webster.com/info/06words.htm">Merriam-Webster’s Dictionary made truthiness its  Word of the Year</a> in 2006.</p>
<p>In a <a href="http://nymag.com/news/politics/22322/index1.html">New York magazine</a> interview Colbert described truthiness this way: &#8220;We&#8217;re not talking about truth, we&#8217;re talking about something that seems like truth – the truth we want to exist.&#8221;</p>
<p>For visual journalism does CS5 mark a leap forward in the advance of &#8220;realishness?&#8221;</p>
<p>Sure,<a href="http://www.nytimes.com/slideshow/2009/08/23/weekinreview/20090823_FAKE_SS_index.html"> images were manipulated long before</a> Thomas Kroll, a graduate student at the University of Michigan at the time, invented Photoshop so he could view grayscale images on his Mac Plus. What’s at issue is the proliferation of manipulated images and the impact on credibility among a public already skeptical of what it sees in the media.</p>
<p>Just last month, before the current version of CS5’s release, <a href="http://www.petapixel.com/2010/03/03/world-press-photo-disqualifies-winner/">World Press Photo disqualified 2010 third-place winner Ukrainian photographer Stepan Rudik</a> from its annual competition for digitally manipulating an image.</p>
<p><a href="http://www.pdnpulse.com/2009/11/world-press-photo-adds-rule-about-photo-manipulation.html">The World Press Photo rules state:</a> &#8220;The content of the image must not be altered. Only retouching which conforms to the currently accepted standards in the industry is allowed.&#8221; But what does “accepted standards” mean? They vary a lot based on publication type, topic and nation of origin. It’s worth noting that the image was not disqualified for its radical crop or the high contrast black &amp; white toning, but for the removal of a compositionally distracting foot from the background.</p>
<p>Another humdinger of recent memory is <a href="http://www.poynter.org/content/content_view.asp?id=28082">a photo filed by Los Angeles Times staff photographer Brian Walski</a> in 2003, who was covering Basra during the Iraq War. Walski joined two images together and submitted the final product as a single photo. He was fired as a result.</p>
<p><a href="http://www.google.com/search?q=los+angeles+times+code+of+ethics&amp;ie=utf-8&amp;oe=utf-8&amp;aq=t&amp;rls=org.mozilla:en-US:official&amp;client=firefox-a">Ethical guidelines from the L.A. Times (available as PDF here)</a> are much more explicit than the WPP&#8217;s: “We do not add color, create photomontages, remove objects or flop images. We do not digitally alter images beyond making minor adjustments for color correction, exposure correction and removal of dust spots or scratches required to ensure faithful reproduction of the original image. Exaggerated use of burning, dodging or color saturation is not permitted.”</p>
<p>Neither photographer contested that his image was manipulated. Walski copped to his bad judgment and blamed exhaustion and his desire to make memorable images of the war. <a href="http://www.bjp-online.com/public/showPage.html?page=873689">Rudik maintains that as the “author”</a> of the image he should be free to interpret a scene as he sees fit.</p>
<p>So what does the public make of all this? <a href="http://www.allacademic.com/meta/p_mla_apa_research_citation/1/1/6/4/0/p116409_index.html">Studies that examine viewer trust of digital photography</a> specifically, and of <a href="http://people-press.org/report/543/">media accuracy</a> generally, suggest that things are bad and getting worse. The core issues seem to be the perception of increased partisanship in the media and the growing influence of big money.</p>
<p>Yet at the same time,  people are capable of applying a very canny kind of calculus when evaluating the veracity of a news image. They assess the credibility of the publication in which the image appears and take into account the coverage of other outlets. They weigh the significance of the story against any controversy surrounding how it is being reported. They also factor in their own familiarity with the issue as well as previously published images they may have seen.</p>
<p>The take-away is that audiences can and often do hold top-tier news publications to higher standards of veracity than partisan websites—or  fashion magazines.</p>
<p>As increasing numbers of crowd-sourced images, images produced by semi-pros and images from the blogosphere work their way into the media &#8212; not to mention inconsistent standards among established professional outlets &#8212;  how are we to fight against the creep of increasing realishiness into the news?  News organizations and visual journalism educators need to establish clear standards that at the same time acknowledge the of the changing tools. We also need to promote dialogue about the impact of these changes on our industry. And we need to embrace transparency about process – especially when mistakes are made. Pretty much the same tools we’ve used all along &#8212; only updated to respond to these new realities.</p>
<p>While doing research for this post I was surprised by how many major news outlets had not updated the code of ethics for photography in more than a decade. Here are two examples of news organizations that have. <a href="http://www.nppa.org/professional_development/self-training_resources/eadp_report/">The National Press Photographers Association</a> provides some discussion and resources on the issue of digital ethics in photography. The organization <a href="http://www.epuk.org/The-Curve/944/image-manipulation">Editorial Photographers of the United Kingdom and Ireland</a> lays out a clearly defined graduated scale for understanding the manipulation of images, acknowledging purely editorial photo ends and where photo illustration begins.</p>
<p>What do you think?</p>
]]></content:encoded>
			<wfw:commentRss>http://johnsmock.com/blog/?feed=rss2&amp;p=276</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Understanding and Using Metadata</title>
		<link>http://johnsmock.com/blog/?p=230</link>
		<comments>http://johnsmock.com/blog/?p=230#comments</comments>
		<pubDate>Fri, 16 Oct 2009 11:31:59 +0000</pubDate>
		<dc:creator>John Smock</dc:creator>
				<category><![CDATA[Discussion]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[multimedia]]></category>

		<guid isPermaLink="false">http://blogs.journalism.cuny.edu/johnsmock/?p=230</guid>
		<description><![CDATA[The Greek prefix ‘meta’ means, loosely, ‘about.’ In the context of digital information the term ‘metadata’ means ‘data about data.’  All digital information breaks down to data – strands of ‘1’s and ‘0’ or positive and negative charges strung together in patterns that computers read as a file or link or command. A photograph is [...]]]></description>
			<content:encoded><![CDATA[<p>The Greek prefix ‘meta’ means, loosely, ‘about.’ In the context of digital information the term ‘metadata’ means ‘data about data.’  All digital information breaks down to data – strands of ‘1’s and ‘0’ or positive and negative charges strung together in patterns that computers read as a file or link or command.</p>
<p>A photograph is no exception.  Metadata is information embedded in a digital photo file about the photo itself. Metadata can tell you when the photo was made, on what type of camera it was made and how the camera was set up – exposure, white balance and the focal length of the lens used.</p>
<p style="text-align: center;">
<div id="attachment_240" class="wp-caption aligncenter" style="width: 610px"><a href="http://blogs.journalism.cuny.edu/johnsmock/files/2009/10/Picture-53.png"><img class="size-full wp-image-240" title="Picture 5" src="http://blogs.journalism.cuny.edu/johnsmock/files/2009/10/Picture-53.png" alt="This image shows the EXIF data field in Adobe Bridge. It displays shooting data collected at the time the image was made." width="600" height="869" /></a><p class="wp-caption-text">This image shows the EXIF data field in Adobe Bridge. It displays shooting data collected at the time the image was made.</p></div>
<p><span id="more-230"></span></p>
<p style="text-align: center;">
<p>Metadata can also include information input by a photographer or photo editor during post-production (editing). Information such as a caption, keywords associated with the image and copyright restrictions, for example.  It can event track any adjustments in exposure or color made to the original image during post-production.</p>
<div id="attachment_236" class="wp-caption aligncenter" style="width: 610px"><a href="http://blogs.journalism.cuny.edu/johnsmock/files/2009/10/Picture-3.png"><img class="size-full wp-image-236" title="Picture 3" src="http://blogs.journalism.cuny.edu/johnsmock/files/2009/10/Picture-3.png" alt="Picture 3" width="600" height="498" /></a><p class="wp-caption-text">This image shows caption information as EXIF data input by the photographer while editing the image in Adobe Photoshop under &#39;File info.&#39;</p></div>
<p style="text-align: center;">
<p>Metadata for photos is typically written in one of several formats or languages readable by most contemporary computers and photo software programs. These formats are largely interchangeable. Meaning, most photo editing programs and photo content management systems (CMS) will recognize all of them.  In other words, Metadata written in Adobe Photoshop, for example, is embedded in the image and will travel with it and be readable by Photo Mechanic or  Adobe Lightroom or Flickr or SoundSlides or Apple’s Aperture on other computers.</p>
<p>Below are some of the most common acronyms for  and types of metadata:</p>
<p>IPTC (International Press Telecommunications Council) – IPTC information is text information that can include both shooting information embedded in the photo by the camera as well as text information (caption, etc.) input after the photo was taken.</p>
<p>EXIF (Exchangeable image file format) – EXIF is typically shooting data embedded in the image by the camera itself. Embedded information such as ISO, date. Focal length F/stop etc.</p>
<p>XMP (Exchangeable image file format) – XMP is an Adobe proprietary format for metadata and is much like EXIF but it can also include post-production information such as profiles of changes made to the original image’s size or color or exposure or white balance.  NOTE: XMP data is sometimes stored as an independent file associated with an image. The arrangement – XMP sidecar – is most often true of RAW image files. You need to be careful not to delete the XMP files associated with an unprocessed image or all the changes will be lost.</p>
<p>Most photo CMSs will allow you to batch process metadata. Meaning, you can tell the computer to apply EXIF/XMP information/changes to groups of images in addition to individual images. Your name, copyright information, desired image size and color adjustments, for example. Each CMS does this a bit differently. Sometimes this feature is called a ‘template’ or sometimes a ‘script’ or sometimes an ‘action’ or ‘profile.’  Batch processing of metadata can be a real time saver if you’re working with large numbers of images or working on deadline. You’ll have to figure it out for the CMS you use, but know it’s there somewhere.</p>
<div id="attachment_242" class="wp-caption aligncenter" style="width: 610px"><a href="http://blogs.journalism.cuny.edu/johnsmock/files/2009/10/Picture-41.png"><img class="size-full wp-image-242" title="Picture 4" src="http://blogs.journalism.cuny.edu/johnsmock/files/2009/10/Picture-41.png" alt="This image shows the batch processing template for Metadata in Adobe Bridge." width="600" height="469" /></a><p class="wp-caption-text">This image shows the batch processing template for Metadata in Adobe Bridge.</p></div>
<p>So why is metadata important to photographers and photojournalist in particular?</p>
<p>First, news photos need to be captioned. News organization need to have basic information about when, where and under what circumstances the image was made. I’ve addressed caption writing in a previous post.  Accurate caption information is essential in the news world. Editors, who may be thousands of miles away from the story and have no direct contact with the photographer, need to know where, when and by whom the image was made.</p>
<p>Second, IPTC information is a great learning tool. It provides basic shooting data that can help the photographer identify, track and solve problems.  The IPTC information will show the photographer if his or her shutter speed was too slow, if white balance was off or, in some cases, if the camera is not working properly.</p>
<p>Third, search engine optimization (SEO). The software search engines use to scour the Internet and rank or categories images on sites like Google and Flickr can’t ‘read’ the image itself  &#8212; at least not yet. Search engines depend on the text  &#8212; the EXIF/XMP data &#8212; associated with the image to know what the image is, where, when and who made it, not to mention any restrictions on use. It is important photographers include a name and other important key words in the metadata to improve online ranking or just recognition.</p>
<p>Remember to include important contextual words or phrases related to your specific story in the caption and keyword field. ‘New York’ for a Bryant Park Fashion Week story or ‘health care’ for a story on diabetes. Google’s Adword will show you the ranking of particular terms related to a huge variety of topics. Try and weave the related big-hitters into your caption/keywords.</p>
<p>Captioning and other metadata management seems like a lot of work until you get used to it. You need to figure out a good way to figure it into your photo workflow.  In addition to the reasons listed above, metadata is also an important part of keeping you photo archive organized and accessible. A small amount of time on the front end can save you hours on the back end.</p>
<p>One last point about metadata. EXIF data in Adobe Photoshop  (and some other programs) can tell you the number of shutter actuations – the number of pictures taken – by a camera.  The shutter in any camera has an expected lifespan. To find the lifespan for your camera, try ‘expected,’ ‘actuations’ and your camera’s name a model as a Google search. This information can be very important if you’re thinking about buying a used camera or curious when it might be time to think about replacing the camera you have.</p>
<p>Open a recently made and unprocessed image in Photoshop. To retrieve the number of actuations in Photoshop, go to ‘File’ in the menu and then ‘File Info’ in the drop down menu. Then select ‘Advanced’ the fourth choices down in the drop box will read: http://ns.adobe.com/efix/1.0/aux.  Click on it. ‘aux/ImageNumber:XXXX is what you’re looking for. NOTE:  Some people dispute the accuracy of this number – if the camera has been refurbished or reconditions, for example.</p>
]]></content:encoded>
			<wfw:commentRss>http://johnsmock.com/blog/?feed=rss2&amp;p=230</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Embedding a Flickr slideshow in your blog using FLICKRSLiDR</title>
		<link>http://johnsmock.com/blog/?p=190</link>
		<comments>http://johnsmock.com/blog/?p=190#comments</comments>
		<pubDate>Fri, 02 Oct 2009 14:13:31 +0000</pubDate>
		<dc:creator>John Smock</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[multimedia]]></category>

		<guid isPermaLink="false">http://blogs.journalism.cuny.edu/johnsmock/?p=190</guid>
		<description><![CDATA[FlickrSLiDR is a nifty program that allows you to embed a photo slideshow directly into your blog using images you’ve upload to Flickr. After you have uploaded your edited images to your Flickr photo stream, you need to create a set. A set is the most basic unit Flickr uses to organizes/display a selection of [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;"><a title="FlickrSLiDR" href="http://www.flickrslidr.com" target="_blank">FlickrSLiDR</a> is a nifty program that allows you to embed a photo slideshow directly into your blog using images you’ve upload to <a title="Flickr" href="http://flickr.com" target="_blank">Flickr</a>.</p>
<p style="text-align: left;">After you have uploaded your edited images to your Flickr photo stream, you need to create a set. A set is the most basic unit Flickr uses to organizes/display a selection of images. To create a set click on ‘Organize’ and then ‘Sets’ This will open the ‘Organizr’  window. If you’ve never created a set before, you will be prompted to create your first set. If already you have sets, click ‘Create a set.’</p>
<div id="attachment_200" class="wp-caption alignnone" style="width: 610px"><a href="http://blogs.journalism.cuny.edu/johnsmock/files/2009/10/create_set_page2.jpg"><img class="size-medium wp-image-200" title="create_set_page" src="http://blogs.journalism.cuny.edu/johnsmock/files/2009/10/create_set_page2-300x203.jpg" alt="create_set_page" width="600" height="400" /></a><p class="wp-caption-text">This is what the Organizr window in Flickr looks like</p></div>
<p style="text-align: left;">
<p style="text-align: left;"><span id="more-190"></span>You need to name the set in the field to the left. Drag the images you wish to include in your set from the photostream filmstrip to the middle of the window.</p>
<p>You can add captions/tags when you first upload image to Flickr or by clicking on images once included in the set. Flickr also will retain IPTC metadata (caption info) input from other photo content management systems (Adobe Bridge, Photoshop, Photo Mechanic, etc.)</p>
<p>Click the ‘Arrange’ tab to order the images. If you select ‘Randomly’ from the drop-down menu, you can drag the images into the sequence you wish.</p>
<p>Once your set is created and the images are captioned/tagged, you then need to copy the URL for your set to paste into <a href="http://www.flickrslidr.com">FlickrSLiDR</a>. This can be a bit tricky because Flickr can display a variety of temporary URLs while you’re working with your set. Make sure you are not in your set or editing your set. Best to click on ‘Your  photostream’ and then select the set you wish to use from the thumbnails on the right. The URL should looks something like this:</p>
<p>http://www.flickr.com/photos/8074851@N08/<strong>sets/72157622501628050/</strong></p>
<p>Note that in the URL above the second to last folder is the ‘sets’ folder and the last is the serial number of a specific set folder (yours will be different).</p>
<p style="text-align: left;">
<div id="attachment_203" class="wp-caption alignnone" style="width: 610px"><a href="http://blogs.journalism.cuny.edu/johnsmock/files/2009/10/set_url_page.jpg"><img class="size-medium wp-image-203" title="set_url_page" src="http://blogs.journalism.cuny.edu/johnsmock/files/2009/10/set_url_page-300x203.jpg" alt="set_url_page" width="600" height="400" /></a><p class="wp-caption-text">Note the URL in the address field</p></div>
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">Now go to  <a href="http://www.flickrslidr.com">FlickrSLiDR</a>. Paste the URL in the top field (you’ll be replacing the sample URL already displayed).  Unless you have Flickr Pro, you will not be able to add tags or full text in the displayed fields. You will probably wan to delete the sample tags.</p>
<p style="text-align: left;">You then need to change the Slideshow with and height. I suggest a width of 600 px and a height of 525 px. Depending on the blog theme you use and the dimensions of your photos, this may change.</p>
<p style="text-align: left;">
<div id="attachment_205" class="wp-caption alignnone" style="width: 610px"><a href="http://blogs.journalism.cuny.edu/johnsmock/files/2009/10/flickslidr_page.jpg"><img class="size-medium wp-image-205" title="flickslidr_page" src="http://blogs.journalism.cuny.edu/johnsmock/files/2009/10/flickslidr_page-300x209.jpg" alt="flickslidr_page" width="600" height="400" /></a><p class="wp-caption-text">This is the FLickrSLiDR page</p></div>
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">Now click ‘Create Slideshow!’  FlickrSLiDR will then generate code for you drop into your blog. It will also generate a preview (you may have to scroll down to see it).  You can see thumbnails by moving the cursor to the bottom of the slideshow window. You can display the text/caption by clicking on either the image or thumb.</p>
<p>If you’re happy with the preview, copy the code from the window and go your blog post  (in admin/edit mode). Make sure the ‘HTML’ tab is selected rather than the ‘Visual’ tab. Paste in the code at the place in your post where you want the slideshow to appear.</p>
<p style="text-align: left;">
<div id="attachment_208" class="wp-caption alignnone" style="width: 610px"><a href="http://blogs.journalism.cuny.edu/johnsmock/files/2009/10/wordpress_page.jpg"><img class="size-medium wp-image-208" title="wordpress_page" src="http://blogs.journalism.cuny.edu/johnsmock/files/2009/10/wordpress_page-300x203.jpg" alt="wordpress_page" width="600" height="400" /></a><p class="wp-caption-text">Note the HTML tab is selected.</p></div>
<p style="text-align: left;">
<p style="text-align: left;">Viola!</p>
<p style="text-align: left;">
<p style="text-align: left;">This is what it will look like:</p>
<p><small>Created with <a title="Admarket.se" href="http://www.admarket.se">Admarket&#8217;s</a> <a title="flickrSLiDR" href="http://flickrslidr.com">flickrSLiDR</a>.</small></p>
]]></content:encoded>
			<wfw:commentRss>http://johnsmock.com/blog/?feed=rss2&amp;p=190</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Taking photos for online slideshows</title>
		<link>http://johnsmock.com/blog/?p=125</link>
		<comments>http://johnsmock.com/blog/?p=125#comments</comments>
		<pubDate>Wed, 18 Feb 2009 13:23:09 +0000</pubDate>
		<dc:creator>John Smock</dc:creator>
				<category><![CDATA[Discussion]]></category>
		<category><![CDATA[multimedia]]></category>
		<category><![CDATA[photo]]></category>

		<guid isPermaLink="false">http://blogs.journalism.cuny.edu/johnsmock/?p=125</guid>
		<description><![CDATA[In a previous post I presented some basic ways to approach the short photo story or slideshow. Below are some tips specifically for the online slideshow. THINK NUMBERS One of the most common afflictions of beginning photographers is that they don’t shoot enough frames. The results can be fatal when it comes to producing a [...]]]></description>
			<content:encoded><![CDATA[<p>In a <a title="photo stories and slideshows" href="http://blogs.journalism.cuny.edu/johnsmock/2008/10/20/slideshow-and-photo-story/" target="_self">previous post</a> I presented some basic ways to approach the short photo story or slideshow. Below are some tips specifically for the online slideshow.</p>
<p><strong>THINK NUMBERS</strong></p>
<p>One of the most common afflictions of beginning photographers is that they don’t shoot enough frames. The results can be fatal when it comes to producing a good slideshow.</p>
<p>Pro photographers shoot A LOT of frames to get a few good ones.  It is not uncommon for a photographer to take hundreds of photos with the expectation of producing a couple dozen really strong images.</p>
<p>Here are two extreme examples to illustrate the point:</p>
<p>‘<a title="The Whale Hunt" href="http://www.thewhalehunt.org/" target="_blank">The Whale Hunt</a>’  &#8211; This experimental project by Jonathan Harris includes more than 3,000 images that can be sorted and displayed in a variety of ways along a timeline.</p>
<p>‘<a title="Iraqi Kurdistan" href="http://www.mediastorm.org/0011.htm" target="_blank">Iraqi Kurdistan</a>’  &#8211; Done by Ed Kashi and produced by Mediastorm.org, this project features thousands of images presented in flipbook style.</p>
<p>The point is this: shoot now, edit later. Take pics that will give you the most options when you are putting your piece together.</p>
<p><strong>THINK VARIETY</strong></p>
<p>In addition to simply shooting a large number of images, it’s important to shoot a selection of images that will make the slideshow work on two levels: it must provide the viewer a logical, visual narrative through which to understand the story and it must be graphically sophisticated enough to be pleasing to watch.</p>
<p>On the graphic level, plodding sameness from image to image can kill a slideshow. Be sure and vary your images  &#8211;  Wide shots, close-up, left-facing, right-facing and angle of view.  This will provide some visual and emotional modulation through the slideshow.</p>
<p style="text-align: center;"><a href="http://blogs.journalism.cuny.edu/johnsmock/files/2009/02/slideshow4.jpg"><img class="aligncenter size-full wp-image-147" title="Variety Matters" src="http://blogs.journalism.cuny.edu/johnsmock/files/2009/02/slideshow4.jpg" alt="" width="500" height="666" /></a></p>
<p style="text-align: center;">
<p style="text-align: center;">
<p>Note: for photo stories in print photographers shoot a selection of both horizontal photos and vertical photos as part of creating variety. But, in the online world horizontal images are heavily favored because the skins or themes in which slideshows play are designed for horizontal presentation.</p>
<p><span id="more-125"></span>On the narrative level, slideshow has to be more than a random assortment of pictures. It has to have a clear narrative structure or arch &#8212; a beginning, middle and end. It has to tell the story.</p>
<p>If it’s a process story, it should illustrate the important steps in the process from beginning to end. You don&#8217;t have to be too literal. Good photography is as much about how a place or event or process feels as it about the literal step by step.</p>
<p>‘<a title="The Lourdes of Twang" href="http://www.nytimes.com/interactive/2008/02/22/travel/escapes/20080222_MARTIN_FEATURE.html" target="_blank">The Lourdes of Twang</a>’ photographed by Tim Schaffer of the New York Times takes the viewer through how the renown Martin guitar is made – from beginning to end.</p>
<p>If it’s a story about a conflict or social issues it will seek to illustrate cause, relationships and effect or maybe the core conflict and its resolution – if there is one.</p>
<p>‘<a title="Gun Nation" href="http://www.zednelson.com/picture_pages/pages_Gun/pic_Gun_01.html" target="_blank">Gun Nation</a>’ by Zed Nelson examines America’s love affair with guns. He shows where they are purchased, their role in communities and, ultimately, their impact.</p>
<p>If it’s a personal profile, chronology might be the structure.</p>
<p>‘<a title="Recreating Himself, One Album at a Time" href="http://www.nytimes.com/interactive/2008/07/12/nyregion/rap_bonesdon2/index.html" target="_blank">Recreating Himself, One Album at a Time</a>’ by New York Times photographer Todd Heisler is a<br />
day-in-the life profile of Rap Artist Bones Don.</p>
<p>Andrew DeVigal, the multimedia director at the New York Times, says that he encourages the Times photographers shooting slideshows to shoot lots of detail shots and transition shots.</p>
<p>Detail shots may not carry a lot of narrative weight, but they work well to highlight or dramatize a specific element of the story and are very effective in advancing the visual story.</p>
<p>Transition shots work to move the viewer from on place to another or from one idea to another.  In the ‘Recreating Himself, One Album at a Time’ we visually escort Bones Don from home to Union Square and back home again.  A transitional photo (and text) also are used when the character moves away from talking about his music to talking about his past.</p>
<p><strong>THINK PRESENTATION</strong></p>
<p>The two pillars of good presentation are timing and sequencing. Seven seconds is often an effective working number for the length of time a single image can be displayed in a slideshow. You can then game out how many images you will need if the length of time is a consideration, as is the case with audio slideshows.  To be sure, this number can vary a lot, even within a single slideshow: flipbook sequencing on one extreme and complex, atmospheric photos that take more time to understand on the other.</p>
<p>As mentioned above, a slideshow needs some sort of narrative structure.  This is usually the primary consideration for how images are sequenced.  The need to change up images on a graphic level – move from a wide-shot to close-up to portrait, etc. – is a close second.</p>
<p>The transitions (the term is used here to mean something different than when we talk about a transitional photo) between images &#8212; dissolves, cross-fades, etc. &#8212; are also important, both in terms of style and pace. A slower, moodier piece might use longer dissolves, while an upbeat high tempo story might use a push or straight cut.</p>
<p>Two other quick points on presentation:</p>
<p>Viewers like to be able to control the rate at which images are display. If the images are tied to audio viewer still like to be able to review images after they’ve played the piece.  Slideshow programs like <a title="Soundslides" href="http://www.soundslides.com" target="_blank">Soundslides</a> or <a title="SlideShowPro" href="http://www.slideshowpro.net" target="_blank">SlideShowPro</a> both have a preview scrubber that allows the viewer to see thumbs of individual images during or after a slideshow plays. Use this tool.</p>
<p>Many of the software programs in which slideshows are produced have lots of bells and whistles that allow the producer/photographer to do lots of snazzy things  with colors and functions. Resist the urge.  Simple elegance and ease of  use will win the day.</p>
<p>‘<a title="One in 8 Million" href="http://nytimes.com/packages/html/nyregion/1-in-8-million/index.html?ref=nyregion" target="_blank">One in Eight Million</a>’ by New York Times photographer Todd Heisler is a series of very atmosphere stories about New Yorkers. Note the sophistication and functionality of the presentation.</p>
<p>THINK AUDIO</p>
<p>The main thing to consider with audio is that you have a selection of appropriate images to cover the material being presented in the audio both in terms of length and subject. You don&#8217;t want to send your audience in one directly with the visuals and another with the audio.</p>
<p>With some stories the images can be more atmospheric and do not need to correspond directly to the audio.  The images can be used to illustrate the overall theme or to give an emotional sense of the issue.  This is true of most of the ‘One in Eight Million’ Segments.  In some slideshows the photos may match with the audio only at certain points and then drift off again. For example, it is smart to display a portrait when a new character is introduced in the audio. Keep in mind places can be characters too.</p>
<p>On the other hand, with some stories – news stories or process stories, for example &#8212; the viewer will want to see specifically what’s being presented in the audio. Not only that, if your working on a process feature about an ocularist and he spends 25 seconds explaining exactly how he makes a blue iris for an artificial eye, you may need enough images specific to that element of  the story to ‘cover’  that amount of time.</p>
<p>Next week I will present some examples for using text in combination with images in a slideshow format.</p>
]]></content:encoded>
			<wfw:commentRss>http://johnsmock.com/blog/?feed=rss2&amp;p=125</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sizing .jpg images for NYCity News Service</title>
		<link>http://johnsmock.com/blog/?p=114</link>
		<comments>http://johnsmock.com/blog/?p=114#comments</comments>
		<pubDate>Thu, 30 Oct 2008 12:59:28 +0000</pubDate>
		<dc:creator>John Smock</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[multimedia]]></category>
		<category><![CDATA[photo]]></category>

		<guid isPermaLink="false">http://blogs.journalism.cuny.edu/johnsmock/?p=114</guid>
		<description><![CDATA[Image size refers to the number of pixels, short for picture element, in your image. Each pixel is one byte or block of color information. Images are typically made up of millions of pixels of thousands of different colors that appear to blend together to give smooth tone. In the photo below the inset is [...]]]></description>
			<content:encoded><![CDATA[<p>Image size refers to the number of pixels, short for picture element, in your image. Each pixel is one byte or block of color information. Images are typically made up of millions of pixels of thousands of different colors that appear to blend together to give smooth tone. In the photo below the inset is an enlargement of the student&#8217;s necklace. You can see the pixels very clearly. Image size and image resolution are closely related. The more pixels, the greater the resolution and the larger the file size. The greater the resolution and larger the file size, the higher the image quality, meaning a sharper overall image and better color.</p>
<p><a href="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/picture-1.png"><img class="aligncenter size-full wp-image-115" title="picture-1" src="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/picture-1.png" alt="" width="500" height="492" /></a><span id="more-114"></span></p>
<p>Image size is typically expressed by the number of pixels along both the horizontal and vertical edge of an image. For example 3800 x 2600.  Even small point-and-shoot cameras are now capable of producing magazine quality image, images 2000 pixels or more along the longest edge (the horizontal edge if it&#8217;s a horizontal image, the vertical edge if it&#8217;s a vertical image. The shorter edge will vary proportionately).  We often talk about image size in terms of the number of pixels along the longest edge. For example, you might say, &#8220;make the image 1000 pixels along the longest edge.&#8221; The shorter edge will be automatically size in proportion in Photoshop if you follow the steps below.</p>
<p>Computer screens require images of a much smaller size than do magazines or newspapers for good reproduction. For NYCity News Service IMAGES SHOULD BE 1000 PIXELS ALONG THE LONGEST EDGE.</p>
<p>Here&#8217;s how you size an image in Photoshop:</p>
<p>With the image open go to IMAGE in the menu at the top of the screen. Scroll down to IMAGE SIZE and the dialogue box below will appear. Type 1000 into the PIXEL DIMENSIONS field (note: the field might be set up to measure in inches or even centimeters. You can click on the up/down arrows to the immediate right of the field to change the measurement to pixels). The small chain link icon to the right of the field indicate that Photoshop will automatically change the shorter edge of the image proportionately.  Don&#8217;t worry about any of the other field even if the numbers appear to change when you change the pixel dimensions. Remember the longest edge is the horizontal edge for a horizontal image and the vertical edge for a vertical image.</p>
<p>Change the number and then hit OK.</p>
<div id="attachment_116" class="wp-caption aligncenter" style="width: 510px"><a href="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/picture-22.png"><img class="size-full wp-image-116" title="picture-22" src="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/picture-22.png" alt="You need to change the number in the pixel dimensions field to 1000" width="500" height="466" /></a><p class="wp-caption-text">You need to change the number in the pixel dimensions field to 1000</p></div>
<p>When sizing a .jpg in Photoshop you will also need to tell it how much you&#8217;d like the image to be compressed. As with audio files .jpg files are compressed when closed to make them more efficient to store and to send. The great the compression, the greater the loss of image quality. When you save a .jpg in Photoshop for the first time, you will get the dialogue box below.</p>
<div id="attachment_117" class="wp-caption aligncenter" style="width: 510px"><a href="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/picture-33.png"><img class="size-full wp-image-117" title="picture-33" src="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/picture-33.png" alt="When selecting compression for a .jpg, opt for higher image quality." width="500" height="469" /></a><p class="wp-caption-text">When selecting compression for a .jpg, opt for higher image quality.</p></div>
<p>Either change the number in the box or use the slider to select either high or maximum quality.</p>
<p>IMPORTANT NOTE: If you think you may someday want a version of your photo at a higher resolution for printing, you need to save a version of the image BEFORE you reduce the pixel dimensions. You can always make in image small in Photoshop but you can&#8217;t make it bigger. To do this go to SAVE AS under FILE in the menu before you resize. You can then create (and name a copy) of the image at the original resolution.</p>
]]></content:encoded>
			<wfw:commentRss>http://johnsmock.com/blog/?feed=rss2&amp;p=114</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Slideshow and photo story</title>
		<link>http://johnsmock.com/blog/?p=68</link>
		<comments>http://johnsmock.com/blog/?p=68#comments</comments>
		<pubDate>Mon, 20 Oct 2008 07:29:24 +0000</pubDate>
		<dc:creator>John Smock</dc:creator>
				<category><![CDATA[Discussion]]></category>
		<category><![CDATA[photo]]></category>

		<guid isPermaLink="false">http://blogs.journalism.cuny.edu/johnsmock/?p=68</guid>
		<description><![CDATA[The photo slideshow Many photo assignments are one-shot assignments. Meaning, the photographer can assume that no more than one (or maybe two) pictures likely will be used. For more tips on shooting the individual images, see the post entitled: Five Nifty Tips for Better Photo. However, online slideshows are a popular feature on most news [...]]]></description>
			<content:encoded><![CDATA[<p><strong>The photo slideshow</strong></p>
<p>Many photo assignments are one-shot assignments. Meaning, the photographer can assume that no more than one (or maybe two) pictures likely will be used. For more tips on shooting the individual images, see the post entitled: <a href="http://blogs.journalism.cuny.edu/johnsmock/2008/10/15/five-nifty-photo-tips/" target="_self">Five Nifty Tips for Better Photo</a>. However, online slideshows are a popular feature on most news websites, which do not have the same space constraints as print.</p>
<p>Today photographers have to approach any assignment as if it be used as a slideshow. A good photo slideshow is more than a random series of images. Each picture should provide a unique bit of information to move the story forward.</p>
<p>Photo stories fall into two distinct categories: A narrative story and a series. Below is a description and an example of both.  Some topics will naturally lend themselves to one approach or the other. Other topics may require you to choose based on access issues, time constraints and the role you want the photos to play in a multimedia presentation.</p>
<p>There are a few things common to every good photostory: Technical strength, good composition and a strong human angle.  A little pre-planning can go along way toward a successful photostory. Be realistic about the amount of time it will take to photograph your story. Schedule your shoot when your subject is most active as it relates to your story. Plan for the lighting conditions and other potential technical obstacles.</p>
<p><strong>The narrative photostory</strong></p>
<p>As the name suggests a narrative photo story tells a story often with a clear beginning, middle and end.  For small photo stories, images in a narrative story often fall into one of four categories:</p>
<p>1) The signature photo: This often the photo that carries the most narrative weight. If only one photo were to run, this would be the one. This is the image that best encapsulates or illustrates the overall story.</p>
<div id="attachment_73" class="wp-caption aligncenter" style="width: 510px"><a href="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/js_kidfresh051.jpg"><img class="size-full wp-image-73" title="js_kidfresh051" src="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/js_kidfresh051.jpg" alt="11 January, 2007 -- New York -- Shoppers young and old check out Kidfresh, which opened this week on Manhattan's upper east side. The store features its own line of organic prepackaged meals and other health-conscious products for children. It also offers  a dessert bar, 'kidchen' where the meals are prepared and a seating area. Photo Credit: John Smock/SIPA Press" width="500" height="317" /></a><p class="wp-caption-text">11 January, 2007 -- New York -- Shoppers young and old check out Kidfresh, which opened this week on Manhattan&#39;s upper east side. The store features its own line of organic prepackaged meals and other health-conscious products for children. It also offers  a dessert bar, &#39;kidchen&#39; where the meals are prepared and a seating area. Photo Credit: John Smock/SIPA Press</p></div>
<p><span id="more-68"></span>2)  The close-up: Closes-ups are used to dramatize or highlight a specific element of your story.  These are often the b-roll of still photo.</p>
<div id="attachment_74" class="wp-caption aligncenter" style="width: 510px"><a href="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/js_kidfresh16.jpg"><img class="size-full wp-image-74" title="js_kidfresh16" src="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/js_kidfresh16.jpg" alt="11 January, 2007 -- New York -- Kidfresh, which opened this week on Manhattan's upper east side, features its own line of organic prepackaged meals in addition to other health-conscious products for children.  The store also offers  a dessert bar, 'kidchen' where the prepackaged meals are prepared and a seating area. Photo Credit: John Smock/SIPA Press" width="500" height="347" /></a><p class="wp-caption-text">11 January, 2007 -- New York -- Kidfresh, which opened this week on Manhattan&#39;s upper east side, features its own line of organic prepackaged meals in addition to other health-conscious products for children.  The store also offers  a dessert bar, &#39;kidchen&#39; where the prepackaged meals are prepared and a seating area. Photo Credit: John Smock/SIPA Press</p></div>
<p>3) The establishing shot: Usually a wide-angle shot, the establishing image provides some context to your story, often helping the viewer better understand the environment in which the story is taking place.</p>
<div id="attachment_78" class="wp-caption aligncenter" style="width: 510px"><a href="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/js_kidfresh011.jpg"><img class="size-full wp-image-78" title="js_kidfresh011" src="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/js_kidfresh011.jpg" alt="11 January, 2007 -- New York -- Shoppers young and old check out Kidfresh, which opened this week on Manhattan's upper east side. The store features its own line of organic prepackaged meals and other health-conscious products for children. It also offers  a dessert bar, 'kidchen' where the meals are prepared and a seating area. Photo Credit: John Smock/SIPA Press" width="500" height="351" /></a><p class="wp-caption-text">11 January, 2007 -- New York -- Shoppers young and old check out Kidfresh, which opened this week on Manhattan&#39;s upper east side. The store features its own line of organic prepackaged meals and other health-conscious products for children. It also offers  a dessert bar, &#39;kidchen&#39; where the meals are prepared and a seating area. Photo Credit: John Smock/SIPA Press</p></div>
<p>4) The environmental portrait: Most stories are character driven and it’s important to introduce your viewer to you characters. Environment portraits, meaning a portrait that also shows surroundings or other contextual material, are often a good way to do this.  In some cases a posed portrait me work. In other cases an action shot is better.</p>
<div id="attachment_79" class="wp-caption aligncenter" style="width: 510px"><a href="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/js_kidfresh031.jpg"><img class="size-full wp-image-79" title="js_kidfresh031" src="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/js_kidfresh031.jpg" alt="11 January, 2007 -- New York -- Shoppers young and old check out Kidfresh, which opened this week on Manhattan's upper east side. The store features its own line of organic prepackaged meals and other health-conscious products for children. It also offers  a dessert bar, 'kidchen' where the meals are prepared and a seating area. Photo Credit: John Smock/SIPA Press" width="500" height="332" /></a><p class="wp-caption-text">11 January, 2007 -- New York -- Shoppers young and old check out Kidfresh, which opened this week on Manhattan&#39;s upper east side. The store features its own line of organic prepackaged meals and other health-conscious products for children. It also offers  a dessert bar, &#39;kidchen&#39; where the meals are prepared and a seating area. Photo Credit: John Smock/SIPA Press</p></div>
<p>For longer photostories, like those that appear in magazines such as National Geographic, there are several additional categories (a ‘how-to’ shot, an interaction shot, etc). You may have more than one photo in each category. Or, it may not be clear to you which category – exactly – you photo belongs to. This is not a problem as long the photo works in a way that logically advances the story. You should always figure out a way to work a good photo into your story. The important thing is this: Understanding the principle behind the formula above will help you to create a slideshow that offers visual variety (sameness is boring) and to think through the role each photo plays in advancing your overall story.</p>
<p><strong>The photo series</strong></p>
<p>If a narrative story is driven visually by variety, a good series is driven visually by consistency. A series is often used to make a comparison or demonstrate a theme common among the subjects photographed.  Portrait series are a common example of this kind of photo story.</p>
<div id="attachment_104" class="wp-caption aligncenter" style="width: 510px"><a href="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/js_church_hats101.jpg"><img class="size-full wp-image-104" title="js_church_hats101" src="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/js_church_hats101.jpg" alt="8 April, 2007 -- New York --  Parishioners outside Abyssinian Baptist Church in Harlem on Easter Sunday display a variety hats for the occasion. John Smock/SIPA Press" width="500" height="338" /></a><p class="wp-caption-text">8 April, 2007 -- New York --  Parishioners outside Abyssinian Baptist Church in Harlem on Easter Sunday display a variety hats for the occasion. John Smock/SIPA Press</p></div>
<div id="attachment_105" class="wp-caption aligncenter" style="width: 510px"><a href="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/js_church_hats46.jpg"><img class="size-full wp-image-105" title="js_church_hats46" src="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/js_church_hats46.jpg" alt="8 April, 2007 -- New York --  Parishioners outside Abyssinian Baptist Church in Harlem on Easter Sunday display a variety hats for the occasion. John Smock/SIPA Press" width="500" height="312" /></a><p class="wp-caption-text">8 April, 2007 -- New York --  Parishioners outside Abyssinian Baptist Church in Harlem on Easter Sunday display a variety hats for the occasion. John Smock/SIPA Press</p></div>
<div id="attachment_106" class="wp-caption aligncenter" style="width: 510px"><a href="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/js_church_hats012.jpg"><img class="size-full wp-image-106" title="js_church_hats012" src="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/js_church_hats012.jpg" alt="8 April, 2007 -- New York --  Parishioners outside Abyssinian Baptist Church in Harlem on Easter Sunday display a variety hats for the occasion. John Smock/SIPA Press" width="500" height="330" /></a><p class="wp-caption-text">8 April, 2007 -- New York --  Parishioners outside Abyssinian Baptist Church in Harlem on Easter Sunday display a variety hats for the occasion. John Smock/SIPA Press</p></div>
<div id="attachment_107" class="wp-caption aligncenter" style="width: 510px"><a href="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/js_church_hats44.jpg"><img class="size-full wp-image-107" title="js_church_hats44" src="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/js_church_hats44.jpg" alt="8 April, 2007 -- New York --  Parishioners outside Abyssinian Baptist Church in Harlem on Easter Sunday display a variety hats for the occasion. John Smock/SIPA Press" width="500" height="336" /></a><p class="wp-caption-text">8 April, 2007 -- New York --  Parishioners outside Abyssinian Baptist Church in Harlem on Easter Sunday display a variety hats for the occasion. John Smock/SIPA Press</p></div>
<div id="attachment_109" class="wp-caption aligncenter" style="width: 510px"><a href="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/js_church_hats31.jpg"><img class="size-full wp-image-109" title="js_church_hats31" src="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/js_church_hats31.jpg" alt="8 April, 2007 -- New York --  Parishioners outside Abyssinian Baptist Church in Harlem on Easter Sunday display a variety hats for the occasion. John Smock/SIPA Press" width="500" height="306" /></a><p class="wp-caption-text">8 April, 2007 -- New York --  Parishioners outside Abyssinian Baptist Church in Harlem on Easter Sunday display a variety hats for the occasion. John Smock/SIPA Press</p></div>
<p style="text-align: left;">A series is often a good use of photography in a multimedia piece in which video will tell the narrative story. The series can be used to illustrate or highlight one element of the story presented as video.</p>
]]></content:encoded>
			<wfw:commentRss>http://johnsmock.com/blog/?feed=rss2&amp;p=68</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Embedding Media in Your Blog</title>
		<link>http://johnsmock.com/blog/?p=24</link>
		<comments>http://johnsmock.com/blog/?p=24#comments</comments>
		<pubDate>Thu, 16 Oct 2008 11:41:53 +0000</pubDate>
		<dc:creator>John Smock</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[multimedia]]></category>

		<guid isPermaLink="false">http://blogs.journalism.cuny.edu/johnsmock/?p=24</guid>
		<description><![CDATA[Below are some tips and links to the school’s wiki resources for embedding assorted media into your blogs.  Embedded media is different than media made available with a link. Embedded media displays within your blog and gives the viewer control of how that media plays. A link will send the viewer to another page from [...]]]></description>
			<content:encoded><![CDATA[<p>Below are some tips and links to the school’s wiki resources for embedding assorted media into your blogs.  Embedded media is different than media made available with a link. Embedded media displays within your blog and gives the viewer control of how that media plays. A link will send the viewer to another page from which they may or may not return. In the case of smaller files, WordPress “crunches” the uploaded media files so they ‘live’ independently within your page. Larger embedded media need to live on a server that your blog can access behind the scenes when that media is played. In our case, your larger embedded media files, Soundslides for example, should be stored in your folders at digitalstoragespace.com</p>
<p><strong>Digital Storage Space </strong></p>
<p>The school provides each student with server space where you can store media that you and viewers can access through a blog or a website. Last week we used Fetch, an FTP client program, to access digitalstoragespace.com. Fetch creates a direct and secure network connection that allows you to upload and download files to and from your digitalstorage.com folders. <a href="http://wiki.journalism.cuny.edu/Digital+Storage+Space+FTP+Site" target="_self">For a refresher check out the wiki link</a>. Special note: be sure to set up four folders (audio, video, photo and soundslides) within your folder (indicated by your last name) at digitalstoragespace.com. Also be sure and set up your permissions properly and respect naming conventions.</p>
<div id="attachment_70" class="wp-caption aligncenter" style="width: 510px"><a href="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/picture-20.png"><img class="size-full wp-image-70" title="picture-20" src="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/picture-20.png" alt="This is the Fetch FTP login page" width="500" height="322" /></a><p class="wp-caption-text">This is the Fetch FTP login page</p></div>
<div id="attachment_42" class="wp-caption aligncenter" style="width: 510px"><a href="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/picture-32.png"><img class="size-full wp-image-42" title="picture-32" src="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/picture-32.png" alt="This is what the folders in your (last name) digitalstoragespace.com folder should look like" width="500" height="321" /></a><p class="wp-caption-text">This is what the folders in your (last name) digitalstoragespace.com folder should look like</p></div>
<p><strong><span id="more-24"></span>Audio</strong></p>
<p>Your audio should be formatted as an mp3. If your audio is in another format &#8211;.wav or .aif, for example, you can convert the file in either iTunes or Switch (the school will soon have instructions for this on the wiki).</p>
<p>After you have your .mp3 audio file, <a href="http://wiki.journalism.cuny.edu/J-School+Blogs" target="_self">follow the wiki instructions</a> to embed it in your blog post. You can make the audio available as text link or as an audio player (scrubber). You can also link to pieces of audio stored on digitalstoragespace.com (or other domains) Read the wiki instructions carefully.</p>
<p>An audio file can be displayed like this:<br />
<a href="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/moonlight-sound3.mp3">Moon Light Sound</a></p>
<p>Or like this:</p>
<p>Moon Light Sound<br />
[audio:http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/moonlight-sound6.mp3]</p>
<p><strong>Video</strong></p>
<p>Videos (with sound) are larger files and cannot live within your blog. However, you can link to videos from a variety of hosts  &#8212; YouTube or Flickr, for example, that will display within your blog. <a href="http://wiki.journalism.cuny.edu/J-School+Blogs" target="_self">Follow the wiki instructions.</a> Be sure and activate the Viper Video plug-in in WordPress. We will talk about hosting smaller videos stored on digitalstoragespace.com later in the semester.</p>
<p>Embedded video looks like this:<br />
[youtube]http://www.youtube.com/watch?v=cG71klJSPPI[/youtube]<br />
<strong>Soundslides</strong></p>
<p>Soundslides is a great program for creating audio slideshows. But, embedding a Soundslides slideshow into your blog takes a few steps.</p>
<p>Once you’ve finished your slideshow in Soundslides, you need to export it by clicking on the export button in the lower right of the Soundslides work screen. A folder called ‘publish_to_web’ will be created in the folder in which your photos for the project are stored. Sometimes Soundslides will create the folder elsewhere. You may need to do a search (apple key + F). Using Fetch or another FTP program, put THE ENTIRE publish-to-web folder in the Soundslides folder within your folder (designated by your last name) at digitalstoragespace.com. You can change the name of the publish_to_web folder to better describe the project and distinguish between slideshows.</p>
<div id="attachment_45" class="wp-caption aligncenter" style="width: 510px"><a href="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/picture-72.png"><img class="size-full wp-image-45" title="picture-72" src="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/picture-72.png" alt="This is the soundslides. not the export button in the lower right" width="500" height="298" /></a><p class="wp-caption-text">This is the soundslides workspace. note the export button in the lower right.</p></div>
<p>This is where things get a bit tricky. <a href="http://www4.soundslides.com/apps/utilities/" target="_self">Soundslides has a page</a> that you can use create the lines of html code you will need to embed your project in your page.</p>
<p>You will need to tell Soundslides where to exactly were to find the project on digitalstoragespace.com. Note the folder hierarchy of the URL for class my sample:</p>
<p>http://digitalstoragespace.com/09/smock/soundslides/publish_to_web</p>
<p>You will need to substitute your one folder (designated by your last name) and drop this into the field at the top of the Soundslides/WordPress embed page then press Continue.</p>
<div id="attachment_52" class="wp-caption aligncenter" style="width: 510px"><a href="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/picture-16.png"><img class="size-full wp-image-52" title="picture-16" src="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/picture-16.png" alt="The EXACT address to your slideshow needs to be placed in the URL field" width="500" height="208" /></a><p class="wp-caption-text">The EXACT address to your slideshow needs to be placed in the URL field. Note the 09 (for class of &#39;09) folder.</p></div>
<p>You then need to tell Soundslides the correct size at which to display your slideshow. Soundslide’s default size is larger than the post area of our blogs. The width should be 500 and height 400. The fields for this are located below the embed code. Enter the correct dimensions and then press Modify.</p>
<div id="attachment_53" class="wp-caption aligncenter" style="width: 510px"><a href="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/picture-17.png"><img class="size-full wp-image-53" title="picture-17" src="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/picture-17.png" alt="Once Soundslides has successfully located your slideshow, the first image will appear. Note the fields below the embed codes in which you must put the correct width (500) and height (400)." width="500" height="528" /></a><p class="wp-caption-text">Once Soundslides has successfully located your slideshow, the first image will appear. Note the fields below the embed codes in which you must put the correct width (500) and height (400) for our blog page dimensions (the numbers in the demo above are incorrect).</p></div>
<p>Soundslides will have generated the html embed code you need to cut and paste that code into your WordPress post. Be sure have the html tab (as opposed to the visual tab) selected in WordPress when you paste in the code.</p>
<div id="attachment_59" class="wp-caption aligncenter" style="width: 510px"><a href="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/picture-19.png"><img class="size-full wp-image-59" title="picture-19" src="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/picture-19.png" alt="Here's the page in WordPress. You can see that the html tab is selected." width="500" height="237" /></a><p class="wp-caption-text">Here&#39;s the page in WordPress. You can see that the html tab is selected.</p></div>
<p>Here&#8217;s what it will look like:<br />
<object id="soundslider" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="500" height="400" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowScriptAccess" value="always" /><param name="quality" value="high" /><param name="allowFullScreen" value="true" /><param name="menu" value="false" /><param name="bgcolor" value="#000000" /><param name="src" value="http://digitalstoragespace.com/09/smock/soundslides/publish_to_web/soundslider.swf?size=1&amp;format=xml&amp;embed_width=500&amp;embed_height=400" /><param name="allowfullscreen" value="true" /><embed id="soundslider" type="application/x-shockwave-flash" width="500" height="400" src="http://digitalstoragespace.com/09/smock/soundslides/publish_to_web/soundslider.swf?size=1&amp;format=xml&amp;embed_width=500&amp;embed_height=400" bgcolor="#000000" menu="false" allowfullscreen="true" quality="high" allowscriptaccess="always"></embed></object></p>
<p>That about covers the basics.</p>
]]></content:encoded>
			<wfw:commentRss>http://johnsmock.com/blog/?feed=rss2&amp;p=24</wfw:commentRss>
		<slash:comments>11</slash:comments>
<enclosure url="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/moonlight-sound3.mp3" length="228298" type="audio/mpeg" />
<enclosure url="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/moonlight-sound6.mp3" length="228298" type="audio/mpeg" />
		</item>
		<item>
		<title>Five Nifty Tips For Better Photo</title>
		<link>http://johnsmock.com/blog/?p=12</link>
		<comments>http://johnsmock.com/blog/?p=12#comments</comments>
		<pubDate>Wed, 15 Oct 2008 18:47:55 +0000</pubDate>
		<dc:creator>John Smock</dc:creator>
				<category><![CDATA[Discussion]]></category>
		<category><![CDATA[photo]]></category>

		<guid isPermaLink="false">http://blogs.journalism.cuny.edu/johnsmock/?p=12</guid>
		<description><![CDATA[1 &#8211; Get closer: If photojournalism has one maxim or guiding proverb, it’s Robert Capa’s statement that, “if your pictures aren’t good enough, you’re not close enough.” Don’t stand off on the periphery of your story and shoot a few tentative frames. Editors call this kind of photo an intimidation shot because they see it [...]]]></description>
			<content:encoded><![CDATA[<p>1 &#8211; Get closer: If photojournalism has one maxim or guiding proverb, it’s Robert Capa’s statement that, “if your pictures aren’t good enough, you’re not close enough.” Don’t stand off on the periphery of your story and shoot a few tentative frames. Editors call this kind of photo an intimidation shot because they see it so often from beginning photographers. Get into the story you’re shooting. Really work the scene. Shoot from a high or low angle. Use a wide-angle lens and shoot a lot.</p>
<p><a href="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/amnesty_intl_darfur034.jpg"><img class="aligncenter size-full wp-image-15" title="amnesty_intl_darfur034" src="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/amnesty_intl_darfur034.jpg" alt="" width="512" height="375" /></a><br />
<span id="more-12"></span>2 &#8211; Think story: A good photo tells a complete story. Like the opening of a written article, a news photo presents both subject and context. Are you taking a picture of a person? In your photo you might include some environmental information about that person relevant to your story — home, job, hang-out &#8212; give the viewers a sense of who your subject is. Are you photographing a sign, storefront or object? Be sure and show the broader surroundings to provide viewers with a context to better understand the image’s significance.</p>
<p><a href="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/a.jpg"><img class="aligncenter size-full wp-image-16" title="a" src="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/a.jpg" alt="" width="500" height="342" /></a><br />
3 &#8211; Work the layers: Photographers often think of a photo in terms of two or three (sometimes more) distinct graphic layers or dimensions: foreground, middle-ground, and background. A trained photographer will use each layer to make a photograph work in a narrative way, as mentioned above, or on a graphic level, as presented below. Make a two-dimensional image work as three dimensions by using each layer to advance a specific element of your story or simply to make an image that is more visually interesting.</p>
<p><a href="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/js_311_01.jpg"><img class="aligncenter size-full wp-image-17" title="js_311_01" src="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/js_311_01.jpg" alt="" width="500" height="334" /></a><br />
4 &#8211; Think on a graphic level: In addition to telling a good narrative story, good photos work on a graphic level, almost like an abstract painting. Photo editors like photos that are composed to be eye-catching. To be sure, a good subject or story is an important part of a compelling photograph, but photos also convey a message or a tone on a graphic level. Graphic photos are visually stimulating. Think patterns. Think light. Think about how relationships between colors and shapes work to convey an idea. Think declining perspective. Think angle of view.</p>
<p><a href="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/smock_protests038.jpg"><img class="aligncenter size-full wp-image-18" title="smock_protests038" src="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/smock_protests038.jpg" alt="" width="500" height="332" /></a><br />
5 &#8211; Look for peak action: Good news photo is about human drama. Human behaviors and facial expressions convey this drama, both the overstated and the intimate. Look for the most visually dramatic moments in your story and catch them in your frame. Henri Cartier-Bresson called this the decisive moment. An animated or expressive subject is always more interesting to look at.</p>
<p><a href="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/nyjs1021.jpg"><img class="aligncenter size-full wp-image-19" title="SUBWAY SECURITY" src="http://blogs.journalism.cuny.edu/johnsmock/files/2008/10/nyjs1021.jpg" alt="" width="500" height="325" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://johnsmock.com/blog/?feed=rss2&amp;p=12</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

