<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<link rel="stylesheet" type="text/css" href="content.css" />
		<title>
			Tips for creating video for mobile devices
		</title>
<!-- Changed by: , 21-Mar-2006 -->
<script src="help.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> 
		
		
<script type="text/javascript">
<!--[CDATA[
handleContext(1);
if (use_ie_6_behavior) {
  document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"content-ie6.css\" />");
}
// ]]-->
</script> 
		
<script src="scripts.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="terms.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> 
	</head>
	<body id="content_body">
<!--googleoff: index-->
<!-- BEGIN PAGE CONTENT WRAPPER -->
		<div id="pneumonic">
			<h1 class="DeviceCentral">DeviceCentral</h1>
		</div>
		<div id="page_content_wrapper">
			<p class="sharedproducts">TOPIC APPEARS IN: </p><p class="sharedproductindicators"><img src="images/premiereproSharedIndicator.png" title="PremierePro" /><img src="images/aftereffectsSharedIndicator.png" title="AfterEffects" /></p>
<!-- BEGIN BREADCRUMBS -->
			<div id="breadcrumb">
<!-- BEGIN BREADCRUMBS -->
				
<div class="nav"><dl class="page"><dd class="prev"><a accesskey="p" class="prev" href="WS57EE2FE9-CB2D-45d9-AC18-8D0984664087.html" title="Tips for creating Illustrator images for mobile devices"><img src="images/prev.gif" alt="Previous" /></a></dd><dd class="next"><a accesskey="n" class="next" href="WS858C150E-6615-4629-990F-18F3487BEC6A.html" title="Tips for creating Dreamweaver web content for mobile devices"><img src="images/next.gif" alt="Next" /></a></dd></dl></div><div class="hierarchy"><a href="WS28F6F81C-55B3-4ad5-B632-171637249F5B.html">Create, preview, and test content in Adobe Device Central</a> /
     <a href="WS3A29C98D-5768-45ea-AB2F-75FAF64078EE.html"><b>Tips for creating content for mobile devices</b></a> 
     </div>

<!-- END BREADCRUMBS -->
			</div>
<!-- END BREADCRUMBS -->
<!-- BEGIN PAGE TITLE -->
<!--googleon: index-->
			<h1>
				Tips for creating video for mobile devices
			</h1>
<!--googleoff: index-->
<!-- END PAGE TITLE -->
<!-- BEGIN CONTENT WRAPPER -->
			<div id="content_wrapper">
<!--googleon: index-->
				<div><div class="section">
                        <p>
                           
                           
                           
                           
                           
                           Use these tips when shooting content for
mobile devices:</p>

                        <ul><li>
                              <p>Tight shots are better. Try to keep
the subject separated from the background; the colors and values
between background and subject should not be too similar.</p>

                           </li>
<li>
                              <p>Be aware of lighting. Poor lighting is a greater problem
with mobile devices and can reduce visibility on small screens.
Shoot and adjust with this limitation in mind.</p>

                           </li>
<li>
                              <p>Avoid excessive panning or rolling.</p>

                           </li>
</ul>

                        <p>Use the
following tips when editing video with Adobe Premiere Pro and After Effects:</p>

                        <ul><li>
                              <p>Set the frame rate for the output movie according to output
device or output type. For example, a commercial in After Effects
might be rendered at 15 frames per second (fps) for distribution
on mobile devices, but at 29.97 fps for broadcast television in
the USA. In general, use a lower frame rate. A frame rate of 22
fps is a good compromise for reducing file size without losing quality</p>

                           </li>
<li>
                              <p>Make the movie as small as possible and remove any extraneous
content, especially empty frames. Many actions can be done pre-encoding
to limit file size. Some of them apply to shooting techniques, while
others (for instance, using motion-stabilization tools in After
Effects or applying a noise-reduction or blur effect) are post-production
tasks that facilitate the compression portion of the encoder.</p>

                              <div class="note"><span class="notetitle">Note:  </span>For
tips on making movies smaller, see the online Help for After Effects
and Adobe Premiere Pro.</div>

                           </li>
<li>
                              <p>Match the color palette to the correct mobile devices. Mobile
devices, in general, have a limited color range. Previewing in Device
Central can help determine if the colors used are optimal for an
individual device or range of devices. </p>

                           </li>
<li>
                              <p>Adjust clips. Grayscale view is helpful to compare values.</p>

                           </li>
<li>
                              <p>Use the presets available in Adobe Media Encoder. Several
presets are designed for export to 3GPP mobile devices in Adobe
Media Encoder. 3GPP presets come in standard sizes: 176&#160;x&#160;144
(QCIF), 320&#160;x&#160;240, and 352 x 288.</p>

                           </li>
<li>
                              <p>Crop wisely. A common practice is to work at standard DV
project settings and output to a combination of DV, DVD, Flash,
WMV and mobile 3GPP. Use the usual presets, but at encoding time
manage the difference between 4:3 or 16:9 video and the 11:9 aspect
ratio of mobile 3GPP. The AME crop tool allows constraint to arbitrary
proportions in the same manner as Photoshop’s Crop tool and adds
an 11:9 constraint preset to the existing 4:3 and 16:9.</p>

                           </li>
<li>
                              <p>Work at an aspect ratio consistent with mobile output. New
project presets (available only on Windows) make this easy. The
frame dimensions are larger than the ultimate output size (working
at 176&#160;x&#160;144 can be difficult, for example, for
titling), but they match the output-frame aspect ratio to facilitate easy
encoding. Each Windows project preset renders to uncompressed video, but
most computers can manage the data rate at these reduced frame sizes and
halved frame rates. (This process is for projects where the only
output is for mobile devices.) Two frame aspect ratios account for
the majority of support in mobile devices: 4:3 (QVGA, VGA etc.)
and 11:9 (CIF, QCIF, Sub‑QCIF). These two common project settings
are included in the Adobe Media Encoder “Mobile &amp; Presets” folder.</p>

                              <div class="note"><span class="notetitle">Note:  </span>Do
not use the device data in Device Central to determine how to configure
a custom preset. Device Central does not have information about
video or audio support (frame sizes, codecs, bit rates, and so on).
The frame size data in Device Central refers to screen size and
wallpaper and screen saver sizes, which are different from video
sizes.</div>

                           </li>
</ul>

                     </div>
</div>

<!--googleoff: index-->
			</div>
<!-- END CONTENT WRAPPER -->
		</div>
<!-- END PAGE CONTENT WRAPPER -->
		<br clear="both" />
		<div id="related">
			<div class="t">
				<div class="b">
					<div class="l">
						<div class="r">
							<div class="bl">
								<div class="br">
									<div class="tl">
										<div class="tr">
											<div id="related_in">
												<h3>
<script type="text/javascript">document.write(terms_Related_Information);</script> 
												</h3>
												
												<h4>
<script type="text/javascript">document.write(terms_AHV_HELP_RESOURCE_CENTER);</script> 
												</h4>
												<ul class="link-list"><li class="icon external"><a target="_blank" title="This page on the Web" href="http://help.adobe.com/en_US/DeviceCentral/1.0/WS092945DE-D20D-41de-9548-D1781281BB83.html">This page on the Web</a></li></ul>
												
											</div>
											<br clear="both" />
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<br clear="both" />
	</body>
</html>