<?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>MCC0033 :: COMPUTER GRAPHICS III</title>
	<atom:link href="http://www.manzstudio.com/MCC0033/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://www.manzstudio.com/MCC0033</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Tue, 05 Jan 2010 07:55:53 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Brief Final Exercise</title>
		<link>http://www.manzstudio.com/MCC0033/?p=367</link>
		<comments>http://www.manzstudio.com/MCC0033/?p=367#comments</comments>
		<pubDate>Tue, 05 Jan 2010 07:24:22 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Weekly Tutorial Notes]]></category>

		<guid isPermaLink="false">http://www.manzstudio.com/MCC0033/?p=367</guid>
		<description><![CDATA[Creating Video Motion Graphics
You are required to create a Short Video Motion Graphics by using the basic techniques of controlling and handling Adobe Premiere and Adobe Flash. Students were required to choose any type of concept eg. music video graphics, opening sequence montage, titling video motion, or short of teaser.
Objective
to familiarize with vector motion graphics [...]]]></description>
			<content:encoded><![CDATA[<h2>Creating Video Motion Graphics</h2>
<p style="text-align: justify;">You are required to create a Short Video Motion Graphics by using the basic techniques of controlling and handling Adobe Premiere and Adobe Flash. Students were required to choose any type of concept eg. music video graphics, opening sequence montage, titling video motion, or short of teaser.</p>
<h3 style="text-align: justify;">Objective</h3>
<p style="text-align: justify;">to familiarize with vector motion graphics using Layers and Timeline in Adobe Flash CS4 and video composting techniques in Adobe Premiere. Students will be introduce with understanding of using techniques Alpha Channel and Blending mode in Adobe Premiere.</p>
<h3 style="text-align: justify;">Exercise Brief</h3>
<p style="text-align: justify;">Create any motion graphics in Adobe Flash (you can use existing Flash Exercise). Export the Flash files into Adobe Premiere Bin for creating a creative blending to create a short video motion graphics.</p>
<p style="text-align: justify;">Video Size : 320pixel x 240pixel</p>
<p style="text-align: justify;">Format : AVI or MOV or MPEG</p>
<p style="text-align: justify;">duration : 30 sec &#8211; 1 min only</p>
<p style="text-align: justify;">duedate : a Day before Final Exam of MCC0033</p>
<p style="text-align: justify;">To submit, please captured screen of 5 different sequence and submit one by one into uploading system, make sure you name it as <strong>yourID_seq_01.jpg</strong>, <strong>yourID_seq_02.jpg till sequence 05</strong>. And for video files, please compress and zip the final video file and upload to the system. Rename your video files as <strong>yourID_video.mov</strong> or <strong>yourID_video.avi</strong> <a href="http://www.manzstudio.com/MCC0033/uploader/" target="_blank">Click Here</a> to access the uploading system. Thanks.</p>
<h2 style="text-align: justify;">References</h2>
<p><a href="http://www.flashants.com/root/index.shtml" target="_blank">SWF2Video</a></p>
<p><a href="http://www.adobe.com/products/plugins/premiere/" target="_blank">Third-party plug-ins for Adobe Premiere Pro</a></p>
<p><a href="http://convert.software.informer.com/download-convert-swf-in-premiere-pro/" target="_blank">Convert SWF In Premiere PRO</a></p>
<p><a href="http://www.flash-video-mx.com/swf_to_avi_std/" target="_blank">SWF To Video Converter</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.manzstudio.com/MCC0033/?feed=rss2&amp;p=367</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Brief Exercise No. 3</title>
		<link>http://www.manzstudio.com/MCC0033/?p=356</link>
		<comments>http://www.manzstudio.com/MCC0033/?p=356#comments</comments>
		<pubDate>Thu, 17 Dec 2009 06:56:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Weekly Tutorial Notes]]></category>

		<guid isPermaLink="false">http://www.manzstudio.com/MCC0033/?p=356</guid>
		<description><![CDATA[Creating Simple Motion Graphics using Adobe Flash
Using the basic techniques of controlling and handling Adobe Flash Tools and Timeline. Students were required to create a basic motion graphics by using only basic shape tools provided by adobe flash application.
Objective
to familiarize with vector motion graphics using Layers and Timeline in Adobe Flash CS4. Students will be [...]]]></description>
			<content:encoded><![CDATA[<h2>Creating Simple Motion Graphics using Adobe Flash</h2>
<p style="text-align: justify;">Using the basic techniques of controlling and handling Adobe Flash Tools and Timeline. Students were required to create a basic motion graphics by using only basic shape tools provided by adobe flash application.</p>
<h3 style="text-align: justify;">Objective</h3>
<p style="text-align: justify;">to familiarize with vector motion graphics using Layers and Timeline in Adobe Flash CS4. Students will be introduce with understanding of using insert frames and insert keyframes.</p>
<h3 style="text-align: justify;">Exercise Brief</h3>
<p style="text-align: justify;">use only provided adobe flash CS4 basic tool creation, and create minimum of 3 basic shape with different colors and style. Create the motion graphics form all shapes with different types of motion and in different layers</p>
<p style="text-align: justify;">Size : 640pixel x 480pixel</p>
<p style="text-align: justify;">duration : 30 sec &#8211; 1 min only</p>
<p style="text-align: justify;">duedate : short presentation by NEXT WEEK 24th DEC 2009</p>
]]></content:encoded>
			<wfw:commentRss>http://www.manzstudio.com/MCC0033/?feed=rss2&amp;p=356</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tutorial Series 04 :: Week 06</title>
		<link>http://www.manzstudio.com/MCC0033/?p=338</link>
		<comments>http://www.manzstudio.com/MCC0033/?p=338#comments</comments>
		<pubDate>Thu, 19 Nov 2009 06:27:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Weekly Tutorial Notes]]></category>

		<guid isPermaLink="false">http://www.manzstudio.com/MCC0033/?p=338</guid>
		<description><![CDATA[Tutorial Exercise 02
AUDIO-VIDEO SHORT CLIPS IN QUICKTIME FORMAT
Date Breifing : Thursday 19.11.09
Objective :
Preparing Motion Visual Clips
Understanding the use of basic audio &#8211; video editing tools in Adobe Premiere for creating short video clips with sound efx and music.
Title : 
A Day in your Life
Output : 
Quicktime Format 320 pixel x 240 pixel, duration must be [...]]]></description>
			<content:encoded><![CDATA[<h1>Tutorial Exercise 02</h1>
<p align="justify"><strong>AUDIO-VIDEO SHORT CLIPS IN QUICKTIME FORMAT<br />
</strong>Date Breifing : Thursday 19.11.09</p>
<p align="justify"><strong>Objective :</strong><br />
Preparing Motion Visual Clips<br />
Understanding the use of basic audio &#8211; video editing tools in Adobe Premiere for creating short video clips with sound efx and music.</p>
<p align="justify"><strong>Title : </strong></p>
<h2>A Day in your Life</h2>
<p align="justify"><strong>Output : </strong><br />
Quicktime Format 320 pixel x 240 pixel, duration must be fits only 15 sec.</p>
<p align="justify"><strong>Assignment Brief :</strong><br />
Students were required to use own camera phone  | compact camera with video features to capture your own story of the day in your life. The clips should be taken with various angle, location, events, happening in a day and any moment you face daily.</p>
<p align="justify">eg. story of yourself to go to the campus from cyberia by walking or driving.</p>
<p align="justify">All clips must be taken using any phone or compact camera that comes with video features. Use the clips to edit the sequence to fit with the sound efx and music background. Yuo can use any music for background, but it must be fits and suitable to the content.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.manzstudio.com/MCC0033/?feed=rss2&amp;p=338</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tutorial Series 03 :: Week 05</title>
		<link>http://www.manzstudio.com/MCC0033/?p=332</link>
		<comments>http://www.manzstudio.com/MCC0033/?p=332#comments</comments>
		<pubDate>Thu, 12 Nov 2009 06:53:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Weekly Tutorial Notes]]></category>

		<guid isPermaLink="false">http://www.manzstudio.com/MCC0033/?p=332</guid>
		<description><![CDATA[Adobe Premiere CS4 &#8211; Step by Step Video Tutorial Lesson
Please refer to to top menu link &#62; INFO MCC0033 &#62; INCLASS TUTORIAL, I did provide the step by step video tutorial lesson Adobe Premiere CS4. Please download into your hard drive before run the video lesson.
For Tutorial Exercise, i will brief in detail during next [...]]]></description>
			<content:encoded><![CDATA[<h3>Adobe Premiere CS4 &#8211; Step by Step Video Tutorial Lesson</h3>
<p style="text-align: justify;">Please refer to to top menu link &gt; INFO MCC0033 &gt; INCLASS TUTORIAL, I did provide the step by step video tutorial lesson Adobe Premiere CS4. Please download into your hard drive before run the video lesson.</p>
<p style="text-align: justify;">For Tutorial Exercise, i will brief in detail during next week lecture session. Thanks.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.manzstudio.com/MCC0033/?feed=rss2&amp;p=332</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Lecture Series 06 :: Week 05</title>
		<link>http://www.manzstudio.com/MCC0033/?p=323</link>
		<comments>http://www.manzstudio.com/MCC0033/?p=323#comments</comments>
		<pubDate>Tue, 10 Nov 2009 06:31:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Lectures and Notes]]></category>
		<category><![CDATA[Weekly Lecture Notes]]></category>

		<guid isPermaLink="false">http://www.manzstudio.com/MCC0033/?p=323</guid>
		<description><![CDATA[Fundamentals of digital video
Students will explore the fundamentals of digital video on the desktop which include its characteristics, file formats, video compression, and video storage options. Students will also be exposed to video editing and compositing techniques.
The term video editing can refer to:

non-linear editing system, using computers with video editing software
linear video editing, using videotape
vision [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><strong>Fundamentals of digital video</strong></p>
<p style="text-align: justify;">Students will explore the fundamentals of digital video on the desktop which include its characteristics, file formats, video compression, and video storage options. Students will also be exposed to video editing and compositing techniques.</p>
<p style="text-align: justify;">The term <strong>video editing</strong> can refer to:</p>
<ul style="text-align: justify;">
<li>non-linear editing system, using computers with video editing software</li>
<li>linear video editing, using videotape</li>
<li>vision mixing, when working with live video signals</li>
</ul>
<p style="text-align: justify;">Video editing is the process of editing segments of motion video footage, special effects and sound recordings. Motion picture film editing is a predecessor to video editing and, in several ways, video editing simulates motion picture film editing, in theory and the use of non-linear and linear editing systems. Using video or film, a director can communicate non-fictional and fictional events. The goals of editing is to manipulate these events for better or for worse communication. It is a visual art.</p>
<p style="text-align: justify;">Modern non-linear editing systems are computer-based, though there was a transitional analog period using multiple source VCRs or LaserDisc players. Footage is played and captured on a hard drive. Content is ingested and recorded natively in the approriate codec which will be used by software such as Sony Vegas Pro, MAGIX Video Pro X, Avid&#8217;s Media Composer and Xpress Pro, Apple&#8217;s Final Cut Pro, and Adobe&#8217;s Premiere to manipulate the captured footage. High definition video is becoming more popular and can be readily edited using the same software along with related motion graphics programs. Clips are arranged on a timeline, music tracks and titles are added, effects can be created, and the finished program is &#8220;rendered&#8221; into a finished video. The video may then be distributed in a variety of ways including DVD, web streaming, Quicktime Movies, iPod, CD-ROM, or videotape.</p>
<p style="text-align: justify;">For the home market, consumer-friendly products such as MAGIX Movie Edit Pro, Adobe Premiere Elements, AVID Express DV, CyberLink PowerDirector, Final Cut Express, Sony Vegas, Pinnacle Studio, ULead VideoStudio, Roxio Easy Media Creator, and muvee autoProducer have come on the market with the emergence of computer video editing for the home PC. Two free programs that are bundled with computers are Apple&#8217;s iMovie and Microsoft&#8217;s Windows Movie Maker. There are many other free opensource video-editing software, too.</p>
<h2 style="text-align: justify;"><span id="Description_of_video">Description of video</span></h2>
<p style="text-align: justify;">The term <em>video</em> (from Latin: &#8220;I see&#8221;) commonly refers to several storage formats for moving pictures: digital video formats, including Blu-ray Disc, DVD, QuickTime, and MPEG-4; and analog videotapes, including VHS and Betamax. Video can be recorded and transmitted in various physical media: in magnetic tape when recorded as PAL or NTSC electric signals by video cameras, or in MPEG-4 or DV digital media when recorded by digital cameras.</p>
<p style="text-align: justify;">Quality of video essentially depends on the capturing method and storage used. Digital television <em>(DTV)</em> is a relatively recent format with higher quality than earlier television formats and has become a standard for television video. <em>(See List of digital television deployments by country.)</em></p>
<p style="text-align: justify;"><em>3D-video</em>, digital video in three dimensions, premiered at the end of 20th century. Six or eight cameras with realtime depth measurement are typically used to capture <em>3D-video</em> streams. The format of <em>3D-video</em> is fixed in MPEG-4 Part 16 Animation Framework eXtension (AFX).</p>
<p style="text-align: justify;"><img class="aligncenter" src="http://upload.wikimedia.org/wikipedia/commons/thumb/0/0d/PAL-NTSC-SECAM.svg/800px-PAL-NTSC-SECAM.svg.png" alt="" width="558" height="283" />In the UK, Australia, The Netherlands, Finland, Hungary and New Zealand, the term <em>video</em> is often used informally to refer to both Videocassette recorders and video cassettes; the meaning is normally clear from the context.</p>
<h2 style="text-align: justify;"><span id="Characteristics_of_video_streams">Characteristics of video streams</span></h2>
<h3 style="text-align: justify;"><span id="Number_of_frames_per_second">Number of frames per second</span></h3>
<p style="text-align: justify;"><em>Frame rate</em>, the number of still pictures per unit of time of video, ranges from six or eight frames per second (<em>frame/s</em>) for old mechanical cameras to 120 or more frames per second for new professional cameras. PAL (Europe, Asia, Australia, etc.) and SECAM (France, Russia, parts of Africa etc.) standards specify 25 frame/s, while NTSC (USA, Canada, Japan, etc.) specifies 29.97 frame/s. Film is shot at the slower frame rate of 24photograms/s, which complicates slightly the process of transferring a cinematic motion picture to video. The minimum frame rate to achieve the illusion of a moving image [persistence of vision] is about fifteen frames per second.</p>
<h3 style="text-align: justify;"><span id="Display_resolution">Display resolution</span></h3>
<p style="text-align: justify;">The size of a video image is measured in pixels for digital video, or horizontal scan lines and vertical lines of resolution for analog video. In the digital domain (e.g. DVD) standard-definition television (SDTV) is specified as <em>720/704/640×480i60</em> for NTSC and <em>768/720×576i50</em> for PAL or SECAM resolution. However in the analog domain, the number of visible scanlines remains constant (486 NTSC/576 PAL) while the horizontal measurement varies with the quality of the signal: approximately 320 pixels per scanline for VCR quality, 400 pixels for TV broadcasts, and 720 pixels for DVD sources. Aspect ratio is preserved because of non-square &#8220;pixels&#8221;.</p>
<p style="text-align: justify;">New high-definition televisions (HDTV) are capable of resolutions up to <em>1920×1080p60</em>, i.e. 1920 pixels per scan line by 1080 scan lines, progressive, at 60 frames per second.</p>
<h3 style="text-align: justify;"><span id="Aspect_ratio">Aspect ratio</span></h3>
<p style="text-align: justify;">Aspect ratio describes the dimensions of video screens and video picture elements. All popular video formats are rectilinear, and so can be described by a ratio between width and height. The screen aspect ratio of a traditional television screen is 4:3, or about 1.33:1. High definition televisions use an aspect ratio of 16:9, or about 1.78:1. The aspect ratio of a full 35 mm film frame with soundtrack (also known as the Academy ratio) is 1.375:1.</p>
<p style="text-align: justify;">Ratios where the height is taller than the width are uncommon in general everyday use, but do have application in computer systems where the screen may be better suited for a vertical layout. The most common tall aspect ratio of 3:4 is referred to as <em>portrait mode</em> and is created by physically rotating the display device 90 degrees from the normal position. Other tall aspect ratios such as 9:16 are technically possible but rarely used. (For a more detailed discussion of this topic please refer to the page orientation article.)</p>
<p style="text-align: justify;">Pixels on computer monitors are usually square, but pixels used in digital video often have non-square aspect ratios, such as those used in the PAL and NTSC variants of the CCIR 601 digital video standard, and the corresponding anamorphic widescreen formats. Therefore, an NTSC DV image which is 720 pixels by 480 pixels is displayed with the aspect ratio of 4:3 (which is the traditional television standard) if the pixels are thin and displayed with the aspect ratio of 16:9 (which is the anamorphic widescreen format) if the pixels are fat.</p>
<h1 id="firstHeading" style="text-align: justify;">Non-linear editing system</h1>
<h2 style="text-align: justify;"><span id="Non-linear_editing">Non-linear editing</span></h2>
<p style="text-align: justify;"><strong>Non-linear editing</strong> for films and television postproduction is a modern editing method which involves being able to access any frame in a digital video clip with the same ease as any other. This method is similar in concept to the &#8220;cut and paste&#8221; technique used in film editing from the beginning. However, the cutting of film negatives made it originally a destructive process. Non-linear, non-destructive methods began to appear with the introduction of digital video technology. It can also be viewed as the audio/video equivalent of word processing, which is why it is called desktop editing in the consumer space <sup id="cite_ref-0"><span>[</span>1<span>]</span></sup>.</p>
<p style="text-align: justify;">Video and audio data are first captured to hard disks or other digital storage devices. The data is either recorded directly to the storage device or is imported from another source. Once imported they can be edited on a computer using any of a wide range of software. For a comprehensive list of available software, see List of video editing software, whereas Comparison of video editing software gives more detail of features and functionality.</p>
<p style="text-align: justify;">In non-linear editing, the original source files are not lost or modified during editing. Professional editing software records the decisions of the editor in an edit decision list (EDL) which can be interchanged with other editing tools. Many generations and variations of the original source files can exist without needing to store many different copies, allowing for very flexible editing. It also makes it easy to change cuts and undo previous decisions simply by editing the edit decision list (without having to have the actual film data duplicated). Loss of quality is also avoided due to not having to repeatedly re-encode the data when different effects are applied.</p>
<p style="text-align: justify;">Compared to the linear method of tape-to-tape editing, non-linear editing offers the flexibility of film editing, with random access and easy project organization. With the edit decision lists, the editor can work on low-resolution copies of the video. This makes it possible to edit both standard-definition broadcast quality and high definition broadcast quality very quickly on normal PCs which do not have the power to do the full processing of the huge full-quality high-resolution data in real-time.</p>
<p style="text-align: justify;">The costs of editing systems have dropped such that non-linear editing tools are now within the reach of home users. Some editing software can now be accessed free as web applications; some, like Cinelerra (focused on the professional market) and Blender3D, can be downloaded free of charge; and some, like Microsoft&#8217;s Windows Movie Maker or Apple Computer&#8217;s iMovie, come included with the appropriate operating system.</p>
<p style="text-align: justify;">A computer for non-linear editing of video will usually have a video capture card to capture analog video and/or a FireWire connection to capture digital video from a DV camera, with its video editing software. Modern web based editing systems can take video directly from a camera phone over a GPRS or 3G mobile connection, and editing can take place through a web browser interface, so strictly speaking a computer for video editing does not require any installed hardware or software beyond a web browser and an internet connection.</p>
<p style="text-align: justify;">Various editing tasks can then be performed on the imported video before it is exported to another medium, or MPEG encoded for transfer to a DVD.</p>
<h2 style="text-align: justify;"><span id="Quality">Quality</span></h2>
<p style="text-align: justify;">One of the primary concerns with non-linear editing has always been picture and sound quality. The need to compress and decompress video leads to some loss in quality. While improvements in compression techniques and disk storage capacity have reduced these concerns, they still exist. Most professional NLEs are able to edit uncompressed video with the appropriate hardware.</p>
<p style="text-align: justify;">With the more recent adoption of DV formats, quality has become an issue again: DV&#8217;s compression means that manipulation of the image can introduce significant degradation. However this can be partially avoided by rendering DV footage to a non-compressed intermediary format, thereby avoiding quality loss through recompression of the modified video images. Ultimately it depends on what changes are made to the image; simple edits should show no degradation; however, effects that alter the colour, size or position of parts of the image will have a more negative effect.</p>
<h1 id="firstHeading" style="text-align: justify;">Lossless data compression</h1>
<p style="text-align: justify;"><strong>Lossless data compression</strong> is a class of data compression algorithms that allows the exact original data to be reconstructed from the compressed data. The term <em>lossless</em> is in contrast to lossy data compression, which only allows an approximation of the original data to be reconstructed, in exchange for better compression rates.<sup style="white-space: nowrap;" title="This claim needs references to reliable sources from September 2009">[<em>citation needed</em>]</sup></p>
<p style="text-align: justify;">Lossless data compression is used in many applications. For example, it is used in the popular ZIP file format and in the Unix tool gzip. It is also often used as a component within lossy data compression technologies.</p>
<p style="text-align: justify;">Lossless compression is used when it is important that the original and the decompressed data be identical, or when no assumption can be made on whether certain deviation is uncritical. Typical examples are executable programs and source code. Some image file formats, like PNG or GIF, use only lossless compression, while others like TIFF and MNG may use either lossless or lossy methods.</p>
<h2 style="text-align: justify;"><span id="Lossless_compression_techniques">Lossless compression techniques</span></h2>
<p style="text-align: justify;">Most lossless compression programs do two things in sequence: the first step generates a <em>statistical model</em> for the input data, and the second step uses this model to map input data to bit sequences in such a way that &#8220;probable&#8221; (e.g. frequently encountered) data will produce shorter output than &#8220;improbable&#8221; data.</p>
<p style="text-align: justify;">The primary encoding algorithms used to produce bit sequences are Huffman coding (also used by DEFLATE) and arithmetic coding. Arithmetic coding achieves compression rates close to the best possible for a particular statistical model, which is given by the information entropy, whereas Huffman compression is simpler and faster but produces poor results for models that deal with symbol probabilities close to 1.</p>
<p style="text-align: justify;">There are two primary ways of constructing statistical models: in a <em>static</em> model, the data is analyzed and a model is constructed, then this model is stored with the compressed data. This approach is simple and modular, but has the disadvantage that the model itself can be expensive to store, and also that it forces a single model to be used for all data being compressed, and so performs poorly on files containing heterogeneous data. <em>Adaptive</em> models dynamically update the model as the data is compressed. Both the encoder and decoder begin with a trivial model, yielding poor compression of initial data, but as they learn more about the data performance improves. Most popular types of compression used in practice now use adaptive coders.</p>
<p style="text-align: justify;">Lossless compression methods may be categorized according to the type of data they are designed to compress. While, in principle, any general-purpose lossless compression algorithm (<em>general-purpose</em> meaning that they can compress any bitstring) can be used on any type of data, many are unable to achieve significant compression on data that is not of the form for which they were designed to compress. Many of the lossless compression techniques used for text also work reasonably well for indexed images.</p>
<h1 id="firstHeading" style="text-align: justify;">HDV</h1>
<p style="text-align: justify;"><strong><img class="alignleft" src="http://upload.wikimedia.org/wikipedia/commons/thumb/9/9f/HDV-Mark001.svg/400px-HDV-Mark001.svg.png" alt="" width="218" height="163" />HDV</strong> is a format for recording and playback of high-definition video on a DV cassette tape.<sup id="cite_ref-0"><span>[</span>1<span>]</span></sup> The format was originally developed by JVC and was supported by Sony, Canon and Sharp.<sup id="cite_ref-1"><span>[</span>2<span>]</span></sup> The four companies formed the HDV consortium in September 2003. Conceived as an affordable high definition format, HDV quickly caught on with many professional users due to its low cost, portability and image quality acceptable for many professional productions.</p>
<p style="text-align: justify;">Two major versions of HDV are <em>HDV 720p</em> and <em>HDV 1080i</em>. The former is used by JVC and is informally known as <em>HDV1</em>. The latter is preferred by Sony and Canon and is sometimes referred to as <em>HDV2</em>.<sup id="cite_ref-2"><span>[</span>3<span>]</span></sup> The <em>HDV 1080i</em> defines optional progressive recording modes, and in recent publications is often called <em>HDV 1080</em> or <em>1080-line HDV</em> as progressive 1080-line recording becomes commonplace.<sup id="cite_ref-HDVProgressivePrimer_3-0"><span>[</span>4<span>]</span></sup><sup id="cite_ref-DiscoveryHDTheaterReqs_4-0"><span>[</span>5<span>]</span></sup></p>
<p style="text-align: justify;">Most HDV camcorders use &#8220;small&#8221; MiniDV/DVC cassettes. Some shoulder-mount camcorders are also capable of recording onto &#8220;large&#8221; DV/DVCAM cassettes. The recording time is the same as DV Standard Play. Unlike DV, HDV does not offer Long Play speed.</p>
<p style="text-align: justify;">HDV is backwards compatible with DV, meaning that HDV equipment can play and record DV content. On the other hand, DV devices cannot play nor record in HDV format.</p>
<p style="text-align: justify;"><strong>HDV</strong> and HDV logo are trademarks of Sony and JVC.<sup id="cite_ref-5"><span>[</span>6<span>]</span></sup></p>
<h2 style="text-align: justify;"><span id="HDV_720p">HDV 720p</span></h2>
<p style="text-align: justify;">HDV 720p closely matches broadcast 720p progressive scan video standard in terms of scanning type, frame rate, frame size, aspect ratio and data rate. First HDV 720p camcorders could shoot only with 24, 25 and 30 frames per second, but later models remedied this issue, providing true 50p/60p recording modes.</p>
<p style="text-align: justify;">Presently, JVC is the only manufacturer of HDV 720p camcorders. JVC was the first to release an HDV camcorder, the handheld GR-HD1. Later JVC shifted its HDV development to shoulder-mounted cameras.</p>
<p style="text-align: justify;">A common misconception is that JVC developed a proprietary extension to HDV called ProHD, featuring film-like 24-frame/s progressive recording mode and LPCM audio, for professional use. JVC has clarified that ProHD is not a video recording format, but &#8220;an approach for delivering affordable HD products&#8221; and a common name for &#8220;bandwidth efficient professional HD models&#8221;.</p>
<h2 style="text-align: justify;"><span id="HDV_1080i">HDV 1080i</span></h2>
<p style="text-align: justify;">Being a major manufacturer of interlaced video equipment, Sony adapted HDV, originally conceived as progressive-scan format by JVC, to interlaced video. Instead of using 1920&#215;1080 frame size with square pixels HDV 1080i utilizes 1440&#215;1080 frame with 1.33 pixel aspect ratio. Such downsampling is not unique to HDV 1080i, it is used in other high definition video recording standards like HDCAM or DVCPROHD to reduce the amount of information to be recorded.</p>
<p style="text-align: justify;">Interlaced video has been a useful compromise for decades due to its ability to display motion smoothly while reducing recording and transmission bandwidth. Interlaced video is still being used in acquisition and broadcast, but interlaced display devices are being phased out. Modern flat-panel television sets that utilize plasma and LCD technology are inherently progressive. All modern computer monitors use progressive scanning as well. Interlaced video must be converted to progressive before it is displayed on a progressive-scan device. The process of converting interlaced video into progressive is known as deinterlacing. Progressive-scan television sets employ built-in deinterlacing circuits to cope with interlaced broadcast signal, but computers rarely have this capability. Interlaced video often exhibit ghosting or combing artifacts when watched on a computer.</p>
<p style="text-align: justify;">Some HDV 1080i camcorders are capable of recording progressive video within an interlaced stream, provided that the frame rate does not exceed half of the field rate. The first HDV 1080i camcorder to implement such <em>Progressive Scanning</em> was the Sony HVR-V1.<sup id="cite_ref-6"><span>[</span>7<span>]</span></sup> To preserve compatibility with interlaced equipment the HVR-V1 records and outputs video in interlaced form. 25-frame/s and 30-frame/s progressive video is recorded on tape using progressive segmented frame (PsF) technique, while 24-frame/s recording employs 2-3 pulldown. The camcorder offers two variations of 24-frame/s recording: &#8220;24&#8243; and &#8220;24A&#8221;. In &#8220;24&#8243; mode the camera ensures that there are no cadence breaks for a whole tape, this mode works better for watching video directly from the camera and for adding &#8220;film look&#8221; to interlaced video. In the &#8220;24A&#8221; mode the camera starts every clip on an A frame with timecode set to an even second margin.<sup id="cite_ref-7"><span>[</span>8<span>]</span></sup><sup id="cite_ref-8"><span>[</span>9<span>]</span></sup> Several editing tools, including Sony&#8217;s own Vegas, are capable of processing 24A video as proper 24 frames/s progressive video.<sup id="cite_ref-9"><span>[</span>10<span>]</span></sup></p>
<p style="text-align: justify;">Prior to the HVR-V1, Sony was offering <em>Cineframe</em>, essentially an interlaced-to-progressive converter, to simulate film-like motion. The conversion process involved blending and discarding fields, so vertical resolution of the resulting video suffered. Motion, produced in the 24-frame/s variant of Cineframe was too uneven for professional use.<sup id="cite_ref-10"><span>[</span>11<span>]</span></sup> The same or better film look effect can be achieved by converting regular interlaced video into progressive format using computer software.<sup id="cite_ref-11"><span>[</span>12<span>]</span></sup></p>
<p style="text-align: justify;">In 2007 Canon commoditized progressive scanning, releasing the HV20 camcorder. The version for 50 Hz market featured PF25 mode with PsF-like recording, while the version for 60 Hz market had PF24 mode, which utilized 2-3 pulldown scheme. The HV30, released in 2008, implemented additional PsF-like PF30 mode for 60 Hz markets. Output is performed via component, HDMI and FireWire in interlaced form.<sup id="cite_ref-canonpmodes_12-0"><span>[</span>13<span>]</span></sup></p>
<p style="text-align: justify;">To achieve full vertical resolution without introducing interlace artifacts the progressive scan video must be properly deinterlaced. 25P and 30P video must be deinterlaced with &#8220;weave&#8221; or &#8220;no deinterlacing&#8221; algorithm, which means joining two fields of each frame together into one progressive frame. 24P video must go through <em>film-mode deinterlacing</em> also known as inverse telecine, which throws out judder frames and restores original 24-frame/s progressive video.</p>
<h2 style="text-align: justify;"><span id="HDV_1080p">HDV 1080p</span></h2>
<p style="text-align: justify;">The original 1080-line HDV specification defined interlaced recording only, which is suitable for television broadcast. As users have become increasingly interested in digital cinematography and in web videos, progressive recording became a necessity. In response to this need, capability for native progressive recording has been added to the 1080i HDV specification. Progressive recording modes are optional for 1080i HDV devices, which means that not every HDV 1080i camcorder or deck is capable of recording or playing back native progressive video. Because HDV 1080i specification now includes both interlaced and progressive recording modes, in recent publications it is often called <em>HDV 1080</em> or <em>1080-line HDV</em>, but the official name still bears the &#8220;i&#8221; suffix.</p>
<p style="text-align: justify;">HDV camcorders capable of native 1080-line progressive video record it at rates of 24 frame/s (actually 23.98 frame/s) and 30 frame/s (actually 29.97 frame/s) for 60 Hz markets, and at 25 frame/s rate for 50 Hz markets. Video is output as true progressive video via an i.LINK/Firewire port. Output through other ports is performed in interlaced mode to preserve compatibility with existing interlaced equipment.<sup id="cite_ref-13"><span>[</span>14<span>]</span></sup><sup id="cite_ref-14"><span>[</span>15<span>]</span></sup></p>
<p style="text-align: justify;">The first 1080-line HDV camcorder to offer recording in native progressive format was the Canon XL H1, introduced in 2006. It was followed by the the XH-G1 and XH-A1. When shooting in progressive mode, also known as <em>Frame mode</em>, the camcorders generate progressive video from interlaced CCD sensors.<sup id="cite_ref-15"><span>[</span>16<span>]</span></sup> Vertical resolution of the resulting video is about 25% lower than theoretically possible because of row-pair summation, but is still higher than the resolution of a single field.<sup id="cite_ref-16"><span>[</span>17<span>]</span></sup> Video shot in Frame Mode is recorded to tape according to HDV native 1080p specifications.</p>
<p style="text-align: justify;">In 2008 Sony released its own models capable of native progressive recording: the HVR-S270, the HVR-Z7 and the HVR-Z5. Sony claims superiority over Canon models by saying that native progressive recording has been called 24F/25F/30F in some camcorders, which actually use interlaced CCD imagers.<sup id="cite_ref-HDVProgressivePrimer_3-1"><span>[</span>4<span>]</span></sup> Sony stresses that the progressive-scan CMOS sensors used in its new models create true 1080p images, meaning that the signal is processed as progressive all the way from capture to encoding to recording onto tape to output.<sup id="cite_ref-17"><span>[</span>18<span>]</span></sup></p>
<p style="text-align: justify;">In 2009 Canon released the HV40. Its 60 Hz variant became the first consumer HDV camcorder to feature 24-frame/s native progressive recording. Like the aforementioned Sony models, the HV40 uses progressive-scan sensor.<sup id="cite_ref-18"><span>[</span>19<span>]</span></sup></p>
<p style="text-align: justify;">Sony designed <em>Native Progressive Recording</em> logo for the devices that are capable of native progressive recording and playback. Canon has no special logo to identify cameras that can record in &#8220;F&#8221; modes, though the HV40 camcorder bears <em>24p native progressive</em> mark. Despite differences in branding, 24F/25F/30F modes offered by Canon and Native Progressive Recording offered by Sony are compatible.<sup id="cite_ref-19"><span>[</span>20<span>]</span></sup><sup id="cite_ref-20"><span>[</span>21<span>]</span></sup><sup id="cite_ref-21"><span>[</span>22<span>]</span></sup><sup id="cite_ref-22"><span>[</span>23<span>]</span></sup></p>
<p style="text-align: justify;">Other HDV devices capable of reading and recording in native progressive 1080-line format include the Sony HVR-M15AU, HVR-25AU,<sup id="cite_ref-23"><span>[</span>24<span>]</span></sup> HVR-M15AE, HVR-25AE<sup id="cite_ref-24"><span>[</span>25<span>]</span></sup> and HVR-M35 HDV videocassette recorders, and the Canon HV20/HV30 camcorders when used in tape recorder mode.</p>
<h2 style="text-align: justify;"><span id="Compatibility_between_brands">Compatibility between brands</span></h2>
<p style="text-align: justify;">Generally, HDV devices are capable of playing and recording in DV format, though this is not required by HDV specification. Many HDV devices manufactured by Sony are capable of playing and recording DVCAM tapes. 1080-line devices generally are not compatible with 720-line devices, though some standalone tape decks accept both HDV formats. Devices that can play and record native 1080p video can play and record native 1080i video, however the opposite is not always the case.</p>
<p style="text-align: justify;">HDV camcorders are usually offered with either 50 Hz or 60 Hz scanning rate, but some models can be made switchable for &#8220;world&#8221; capability. In particular, Canon XH-A1/G1 models and third-generation Sony models such as HVR-S270, HVR-Z5 and HVR-Z7, can be upgraded.<sup id="cite_ref-25"><span>[</span>26<span>]</span></sup></p>
<p style="text-align: center;"><span><img class="aligncenter size-full wp-image-326" title="Picture 1" src="http://www.manzstudio.com/MCC0033/wp-content/uploads/2009/11/Picture-1.png" alt="Picture 1" width="560" height="385" /><br />
</span></p>
<h2 style="text-align: justify;"><span id="HDV_compression">HDV compression</span></h2>
<p style="text-align: justify;">HDV video is compressed with MPEG-2 encoder and is wrapped into transport stream. HDV audio is compressed using MPEG-1 Layer 2 compression scheme.</p>
<p style="text-align: justify;">MPEG-2 is an established compression method used in DVD-Video and in many digital TV broadcast formats, in particular ATSC. HDV 1080i uses a recording data rate of 25 Mbit/s while HDV 720p records at 19.7 Mbit/s. In both cases the data rate is constant because the recording media — tape — is transported with constant speed. Constant data rate limits the video quality in scenes with lots of detail, rapid movement or other complex activity like flashing lights. Such scenes may exhibit visible artifacts such as blockiness or blurring, depending on the amount of movement and on the algorithm employed in the encoder.</p>
<p style="text-align: justify;">MPEG-1 Layer 2 compression used for audio allows reducing the audio bitrate to 384 kbit/s, compared to 1536 kbit/s for DV video and 1411 kbit/s for audio CDs. In most cases, HDV audio is not a significant limiting factor and is considered <em>perceptually lossless</em>.</p>
<h2 style="text-align: justify;"><span id="Use_of_HDV_in_broadcast_television">Use of HDV in broadcast television</span></h2>
<p style="text-align: justify;">HDV is accepted with varying restrictions for broadcast TV use. It has been used for shows like &#8220;Deadliest Catch&#8221; and &#8220;MythBusters&#8221;, and was used in the TV series &#8220;JAG&#8221; for scenes where larger HD cameras would have been impractical.</p>
<p style="text-align: justify;">The BBC currently considers HDV to be a &#8220;non-HD&#8221; format. With advance approval, the BBC accepts HDV footage for up to 25% of HD programming content, if the contributed material meets one of the five &#8220;technical exemption&#8221; categories: <em>Artistic interest</em>, <em>Historical interest</em>, <em>Actuality material</em>, <em>Early television and cinema</em> or <em>Home videos</em>.<sup id="cite_ref-26"><span>[</span>27<span>]</span></sup> The BBC has adopted HDV cameras as replacement for DV camcorders to produce widescreen standard definition content.<sup id="cite_ref-27"><span>[</span>28<span>]</span></sup></p>
<p style="text-align: justify;">The Discovery HD Theater accepts content sourced from 1080-line HDV camcorders, but limits it to 15% of a whole program. Producers wishing to use HDV are required to submit an approved postproduction path outlining their handling of the footage in the editing process.<sup id="cite_ref-DiscoveryHDTheaterReqs_4-1"><span>[</span>5<span>]</span></sup> However, the main Discovery Channel&#8217;s HD simulcast has fewer or no guidelines and accepts a mix of XDCAM HD, HDV and AVCHD for the length of a program. For example, Discovery Channel aired <em>911: The Bronx</em>, a six-episode reality series set in a hospital and shot with HDV cameras.<sup id="cite_ref-28"><span>[</span>29<span>]</span></sup><sup id="cite_ref-29"><span>[</span>30<span>]</span></sup></p>
<p style="text-align: justify;">The PBS requires that for HD broadcast the camera must use three CCD imaging sensors, each with at least a 1/2-inch diagonal and a minimum resolution of 1280 x 720. PBS does not list specific encoding formats and data rates, but requires that compression artifacts &#8220;must not be obvious when viewed on an HDTV monitor&#8221;. For certain circumstances PBS allows usage of &#8220;less than full broadcast quality equipment&#8221;.<sup id="cite_ref-PBSReqs_30-0"><span>[</span>31<span>]</span></sup> In particular, the Art Wolfe&#8217;s TV series &#8220;Travels to the edge&#8221; is being produced for PBS in HDV format using Canon XL-H1 camcorders.<sup id="cite_ref-31"><span>[</span>32<span>]</span></sup></p>
<p style="text-align: justify;">Guiding Light, the longest-running soap opera in production in television and radio history, broke away from traditional three-sided sets and pedestal-style cameras in 2008, choosing the handheld Canon XH-G1 for shooting on practical locations.<sup id="cite_ref-32"><span>[</span>33<span>]</span></sup></p>
<p><span><br />
</span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.manzstudio.com/MCC0033/?feed=rss2&amp;p=323</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tutorial Series 02 :: Week 04</title>
		<link>http://www.manzstudio.com/MCC0033/?p=298</link>
		<comments>http://www.manzstudio.com/MCC0033/?p=298#comments</comments>
		<pubDate>Thu, 05 Nov 2009 00:08:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Lectures and Notes]]></category>
		<category><![CDATA[Weekly Tutorial Notes]]></category>

		<guid isPermaLink="false">http://www.manzstudio.com/MCC0033/?p=298</guid>
		<description><![CDATA[Video &#124; Audio Editing with QuickTime Pro

Quicktime 6 (Pro) can be used to do simple video editing such as cutting a video, splicing together video, applying a filter to the video and adding sound tracks.
Selecting Video : To do any editing of your video, you must first select the video that you want to trim. [...]]]></description>
			<content:encoded><![CDATA[<h2>Video | Audio Editing with QuickTime Pro</h2>
<h2><img class="aligncenter" style="margin-top: 5px; margin-bottom: 5px;" src="http://www.edflix.org/images/qtpix1.jpg" alt="" width="266" height="289" /></h2>
<p style="text-align: justify;">Quicktime 6 (Pro) can be used to do simple video editing such as cutting a video, splicing together video, applying a filter to the video and adding sound tracks.</p>
<p style="text-align: justify;">Selecting Video : To do any editing of your video, you must first select the video that you want to trim. This is done by moving the selection sliders (image 1) to the area that you want to trim (image 2).</p>
<p style="text-align: justify;"><img class="aligncenter" src="http://www.gbradhopkins.com/images/mac/QuickTime/quicktime-editing/images/1-sliders.gif" alt="" width="331" height="22" /><img class="aligncenter" src="http://www.gbradhopkins.com/images/mac/QuickTime/quicktime-editing/images/2-selected-area.gif" alt="" width="331" height="22" /><strong> </strong></p>
<p style="text-align: justify;"><strong>Trimming Unwanted Video</strong> : Often times you will have video that you want to put on a web site but it may be too long or contain video that you don&#8217;t want to include. To trim your video, you must first select the video that you want to trim using the instructions above. Once you have selected the area to be trimmed, click on the Edit menu and then click on Cut.</p>
<p style="text-align: justify;"><strong>Copy Video</strong> : To copy a video selection, you first select the area to be copied using the sliders, and then click on Copy in the Edit menu.</p>
<p style="text-align: justify;"><strong>Paste Video</strong> : Once you have copied video, you can then paste it into a new video player, or splice it into a current video file.</p>
<p style="text-align: justify;">To paste video into a new video player window, click on New Player in the file menu and then click on Paste in the Edit menu. This creates an entirely new player that contains only the video that was copied.</p>
<p style="text-align: justify;">Joining (or splicing video) is done the same way except, you need to open the video that you would like to join the new video with. To determine where the video will be pasted, let the video play until it gets to the point where you want the video to be inserted and then stop the video. Once you stop the video, you can then paste the copied video by going to the Edit menu and clicking on Paste.</p>
<p style="text-align: justify;"><strong>Add a Soundtrack</strong> : The process for editing video and audio in Quicktime is the same. Being able to add audio allows you to add sound tracks to your video files, easily. Open your music file (mp3, AIFF, etc) in Quicktime and then copy the music the same way you would video. Next, open the video file that you would like to add the music to and click on Add in the Edit Menu. This will add a music track to your video file. If you use Paste instead of Add, the music will be placed in front of or behind the video file. You must use Add to have the audio play in the background of the video file.</p>
<p style="text-align: justify;"><strong>Apply a Filter</strong> : You can also apply simple filters and special effects to your video using Quicktime. To apply a filter or special effect to your completed video, click on Export in the File Menu. In the Export window, select Movie To Quicktime Movie (<em>image 3</em>) and click on the Options button (<em>obscured by the settings window in image 3</em>). This will bring up the Settings window.</p>
<p style="text-align: justify;"><img class="aligncenter" src="http://www.gbradhopkins.com/images/mac/QuickTime/quicktime-editing/images/3-4-settings.gif" alt="" width="376" height="333" /></p>
<p style="text-align: justify;">Next, click on the Filter button (<em>image 4</em>). This will allow you to apply various special effects and filters. Click on the arrows (<em>image 5</em>) to reveal the different filters and effects. A preview of the effect will be shown on the thumbnail in the lower left corner of the window.</p>
<p style="text-align: justify;"><img class="aligncenter" src="http://www.gbradhopkins.com/images/mac/QuickTime/quicktime-editing/images/5-choose-filter.gif" alt="" width="387" height="370" /></p>
<p style="text-align: justify;">Once you have made your adjustments, click on OK and then select Export. Your video will begin to export with the filter or special effect applied.</p>
<h2 style="text-align: justify;">Tips and References</h2>
<h3>Digital Audio Formats</h3>
<ul>
<li style="text-align: justify;"><a href="http://www.edflix.org/Video%20Files/Audio/2/Mic06-AU%20and%20AIFF-fixed1_Custom1.mov">AU and AIFF</a> &#8211; Two of the oldest audio formats used on the Internet.</li>
</ul>
<ul>
<li style="text-align: justify;"><a href="http://www.edflix.org/Video%20Files/Audio/2/Mic07-MP3-fixed_Custom1.mov">MP3</a> &#8211; The current leader in terms of popularity and file storage.</li>
</ul>
<ul>
<li style="text-align: justify;"><a href="http://www.edflix.org/Video%20Files/Audio/2/Mic08-Ogg%20Vorbis-fixed_Custom1.mov">Ogg Vorbis</a> &#8211; A new open source audio file format that is an alternative to MP3.</li>
</ul>
<ul>
<li style="text-align: justify;"><a href="http://www.edflix.org/Video%20Files/Audio/2/Mic09-WAV%20and%20WMA-fixed_Custom1.mov">WAV and WMA</a> &#8211; WAV is an universal file format that can be played on almost any computer system and player. WMA is a propriety format that can only be played on Microsoft Windows Media Player.</li>
</ul>
<ul>
<li style="text-align: justify;"><a href="http://www.brothersoft.com/downloads/quicktime-editor.html">http://www.brothersoft.com/downloads/quicktime-editor.html</a></li>
</ul>
<ul>
<li style="text-align: justify;"><a href="http://www.case.edu/its/itac/doc/pdf/QuicktimeProEdit.pdf">http://www.case.edu/its/itac/doc/pdf/QuicktimeProEdit.pdf</a></li>
</ul>
<ul>
<li style="text-align: justify;"><a href="http://www.polyglot.pitt.edu/how/edit_audio_qt.pdf">http://www.polyglot.pitt.edu/how/edit_audio_qt.pdf</a></li>
</ul>
<ul>
<li style="text-align: justify;"><a href="http://www.edflix.org/quicktime.htm">http://www.edflix.org/quicktime.htm</a></li>
</ul>
<ul>
<li style="text-align: justify;"><a href="http://www.edvista.com/claire/qt/">http://www.edvista.com/claire/qt/</a></li>
</ul>
<h2 style="text-align: justify;">Tutorial Exercise 02</h2>
<h3>Brief of Project</h3>
<p>Use any existing digital audio efx or music format that available free from web.</p>
<p><span style="font-size: 11pt; font-family: Verdana;"><br />
</span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.manzstudio.com/MCC0033/?feed=rss2&amp;p=298</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://www.edflix.org/Video%20Files/Audio/2/Mic09-WAV%20and%20WMA-fixed_Custom1.mov" length="947749" type="video/quicktime" />
<enclosure url="http://www.edflix.org/Video%20Files/Audio/2/Mic06-AU%20and%20AIFF-fixed1_Custom1.mov" length="403293" type="video/quicktime" />
<enclosure url="http://www.edflix.org/Video%20Files/Audio/2/Mic07-MP3-fixed_Custom1.mov" length="801723" type="video/quicktime" />
<enclosure url="http://www.edflix.org/Video%20Files/Audio/2/Mic08-Ogg%20Vorbis-fixed_Custom1.mov" length="603085" type="video/quicktime" />
		</item>
		<item>
		<title>Lecture Series 05 :: Week 04</title>
		<link>http://www.manzstudio.com/MCC0033/?p=255</link>
		<comments>http://www.manzstudio.com/MCC0033/?p=255#comments</comments>
		<pubDate>Mon, 02 Nov 2009 18:34:07 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Weekly Lecture Notes]]></category>

		<guid isPermaLink="false">http://www.manzstudio.com/MCC0033/?p=255</guid>
		<description><![CDATA[Basic
Understanding of
Digital Sound and Audio
An audio format is a medium for storing sound and music. The term is applied to both the physical recording media and the recording formats of the audio content – in computer science it is often limited to the audio file format, but its wider use usually refers to the physical [...]]]></description>
			<content:encoded><![CDATA[<h2><img class="alignleft" style="margin: 5px;" src="http://www.myhistoryclass.net/images/500px-Speaker_Icon_svg.png" alt="" width="164" height="164" />Basic<br />
Understanding of<br />
Digital Sound and Audio</h2>
<p style="text-align: justify;">An <strong>audio format</strong> is a medium for storing sound and music. The term is applied to both the physical recording media and the recording formats of the audio content – in computer science it is often limited to the audio file format, but its wider use usually refers to the physical method used to store the data.</p>
<p style="text-align: justify;">Music is recorded and distributed using a variety of audio formats, some of which store additional information. Hundreds of file formats exist for recording and playing digital sound and music files. While many of these file formats are software dependent — for example a Creative Labs Music File is a .cmf — there are several well-known and widely supported file formats. While different operating systems have different popular music file formats, we&#8217;ll mainly focus on those that are most commonly used on Windows-based PCs.</p>
<p style="text-align: justify;">Many different digital audio formats and different software are used to create, store and manipulate these files, the good news for consumers is that there is also a wide range of devices and products available that support multiple formats. Should you not have the correct device for playing a particular file, you can also look for software conversion tools that will convert one file type to another. Because some audio files are open standards and some are proprietary, chances are we&#8217;ll be seeing a wide variety of digital audio formats for some time to come.</p>
<h2 style="text-align: justify;"><span id="Types_of_formats">Types of formats</span></h2>
<p style="text-align: justify;"><img class="alignright" style="margin: 5px;" src="http://images.apple.com/ilife/garageband/images/whatis_plugplay20090106.jpg" alt="" width="324" height="331" />It is important to distinguish between a file format and a codec. A codec performs the encoding and decoding of the raw audio data while the data itself is stored in a file with a specific audio file format. Most of the publicly documented audio file formats can be created with one of two or more encoders or codecs. Alhough most audio file formats support only one type of audio data (created with an audio coder), a multimedia container format (as MKV or AVI) may support multiple types of audio and video data.</p>
<p style="text-align: justify;">There are three major groups of audio file formats:</p>
<ul style="text-align: justify;">
<li><strong>Uncompressed</strong> audio formats, such as <strong>WAV, AIFF, AU</strong> or raw header-less <strong>PCM</strong>;</li>
<li>formats with lossless compression, such as FLAC, Monkey&#8217;s Audio (filename extension APE), WavPack (filename extension WV), Shorten, Tom&#8217;s lossless Audio Kompressor (TAK), TTA, ATRAC Advanced Lossless, Apple Lossless and Windows Media Audio Lossless (WMA Lossless).</li>
<li style="text-align: justify;">formats with <strong>lossy compression</strong>, such as <strong>MP3</strong>, <strong>Vorbis</strong>, <strong>Musepack</strong>, <strong>AAC</strong>, <strong>ATRAC</strong> and<strong> lossy Windows Media Audio</strong> (WMA).</li>
</ul>
<p><img class="alignnone size-full wp-image-288" title="Picture 6" src="http://www.manzstudio.com/MCC0033/wp-content/uploads/2009/11/Picture-6.png" alt="Picture 6" width="575" /></p>
<h2 style="text-align: justify;">Common Windows-compatible Audio Formats</h2>
<h3 style="text-align: justify;">MP3 (.mp3)</h3>
<p style="text-align: justify;">MP3 is the name of the file extension and also the name of the type of file for MPEG, audio layer 3. Layer 3 is one of three coding schemes (layer 1, layer 2 and layer 3) for the compression of audio signals. Layer 3 uses perceptual audio coding and psychoacoustic compression to remove all superfluous information (more specifically, the redundant and irrelevant parts of a sound signal. The stuff the human ear doesn&#8217;t hear anyway). It also adds a MDCT (Modified Discrete Cosine Transform) that implements a filter bank, increasing the frequency resolution 18 times higher than that of layer 2. The result in real terms is layer 3 shrinks the original sound data from a CD (with a bit rate of 1411.2 kilobits per one second of stereo music) by a factor of 12 (down to 112-128kbps) without sacrificing sound quality.</p>
<h3 style="text-align: justify;">WMA &#8211; Windows Media Audio (.wma)</h3>
<p style="text-align: justify;">Short for Windows Media Audio, WMA is a Microsoft file format for encoding digital audio files similar to MP3 though can compress files at a higher rate than MP3. WMA files, which use the &#8220;.wma&#8221; file extension, can be of any size compressed to match many different connection speeds, or bandwidths.</p>
<h3 style="text-align: justify;">WAV (.wav)</h3>
<p style="text-align: justify;">WAV is the format used for storing sound in files developed jointly by Microsoft and IBM. Support for WAV files was built into Windows 95 making it the de facto standard for sound on PCs. WAV sound files end with a .wav extension and can be played by nearly all Windows applications that support sound.</p>
<h3 style="text-align: justify;">Real Audio (.ra  .ram .rm)</h3>
<p style="text-align: justify;">Real Audio is a proprietary format, and is used for streaming audio that enables you to play digital audio files in real-time. To use this type of file you must have RealPlayer (for Windows or Mac), which you can download for free. Real Audio was developed by RealNetworks.</p>
<h3 style="text-align: justify;">MIDI &#8211; Musical Instrument Digital Interface (.mid)</h3>
<p style="text-align: justify;">Short for musical instrument digital interface, MIDI is a standard adopted by the electronic music industry for controlling devices, such as synthesizers and sound cards, that emit music. At minimum, a MIDI representation of a sound includes values for the note&#8217;s pitch, length, and volume. It can also include additional characteristics, such as attack and delay time.</p>
<h3 style="text-align: justify;">Ogg (.ogg)</h3>
<p style="text-align: justify;">Ogg is an audio compression format, comparable to other formats used to store and play digital music, but differs in that it is free, open and unpatented. It uses Vorbis, a specific audio compression scheme that&#8217;s designed to be contained in Ogg.</p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-296" title="Picture 7" src="http://www.manzstudio.com/MCC0033/wp-content/uploads/2009/11/Picture-7.png" alt="Picture 7" width="575" /></p>
<h2 style="text-align: justify;">Converting Audio Formats</h2>
<p style="text-align: justify;">With a slew of software applications available today, consumers can convert one digital audio file format to virtually any other. many of the programs available today offer standard burning or converting tools to enable consumers to create CDs on their computer which can be played in home or car stereos. Usually these tools will convert or burn uncompressed WAV PCM, compressed WAV , MP3, and Ogg Vorbis.</p>
<h3 style="text-align: justify;">References</h3>
<h3><a href="http://www.planetoftunes.com/digiaudio/daudiofiles.html">Digital audio file formats &amp; codecs <span>by Matt Ottewill</span></a></h3>
<h3><a href="http://www.planetoftunes.com/digiaudio/compressing.html">Optimising (compressing) digital audio files</a></h3>
<h3><a href="http://www.webopedia.com/DidYouKnow/Internet/2004/music_downloading.asp">When Is Downloading Music on the Internet Illegal?</a></h3>
<h3><a href="http://www.jumbo.com/category/4-1-n.htm">JUMBO  Audio &amp; MP3 Downloads</a></h3>
<p>Find free and trial versions of music &amp; sound editors, encoders, plug-ins, and  more!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.manzstudio.com/MCC0033/?feed=rss2&amp;p=255</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Lecture Series 04 :: Week 03</title>
		<link>http://www.manzstudio.com/MCC0033/?p=248</link>
		<comments>http://www.manzstudio.com/MCC0033/?p=248#comments</comments>
		<pubDate>Tue, 27 Oct 2009 06:57:33 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Weekly Lecture Notes]]></category>

		<guid isPermaLink="false">http://www.manzstudio.com/MCC0033/?p=248</guid>
		<description><![CDATA[10 Common Typography Mistakes
The goal of this lesson is to help designers and clients understand the importance of good type skills, while avoiding some of the common mistakes. Please keep in mind that most of these mistakes are subjective and can be changed varying on the project, goals or circumstances.
Below is a list of 10 [...]]]></description>
			<content:encoded><![CDATA[<h2>10 Common Typography Mistakes</h2>
<p style="text-align: justify;">The goal of this lesson is to help designers and clients understand the importance of good type skills, while avoiding some of the common mistakes. Please keep in mind that most of these mistakes are subjective and can be changed varying on the project, goals or circumstances.</p>
<p style="text-align: justify;">Below is a list of 10 common mistakes used in type design/layout that can make a large impact in the effectiveness and appearance of your designs, in addition to saving you time and money when dealing with printers.</p>
<p style="text-align: justify;"><strong>1. Not enough leading</strong></p>
<p style="text-align: justify;"><strong><img class="alignnone" src="http://www.thedesigncubicle.com/wp-content/uploads/2008/12/picture-14.png" alt="" width="494" height="194" /><br />
</strong></p>
<p style="text-align: justify;">Leading/linespacing can improve the overall readability of large blocks of text on a page, making it easier on readers to follow lines of text without losing their place. Too little can cause a cramped feeling. It’s important to remember that different fonts need different linespacing. Varying heights in letterforms may demand more or less.</p>
<p style="text-align: justify;"><strong>2. Not enough tracking</strong></p>
<p style="text-align: justify;"><strong><img src="http://www.thedesigncubicle.com/wp-content/uploads/2008/12/picture-21.png" alt="" width="497" height="270" /><br />
</strong></p>
<p style="text-align: justify;">Tracking/letterspacing is applied to a group of letters. It prevents letters from running into each other, especially during print. It’s similar to leading in which it can improve or hinder readability, flow of text and the density/weight of a block of text.</p>
<p style="text-align: justify;"><strong>3. Getting tracking confused with kerning</strong></p>
<p style="text-align: justify;"><strong><img class="alignnone" src="http://www.thedesigncubicle.com/wp-content/uploads/2008/12/picture-3.png" alt="" width="497" height="259" /><br />
</strong></p>
<p style="text-align: justify;">While tracking is applied to a group of characters, kerning is the adjustment of space between two letter pairs. Effective for use with headlines, text with ALL CAPS and logo treatments (it helps with readability at various sizes). Don’t fall into the trap of letting your design software set this by default; it’s character specific. Same applies to the above, #1 &amp; 2.</p>
<p style="text-align: justify;"><strong>4. Lengthy lines of text</strong></p>
<p style="text-align: justify;"><strong><img class="alignnone" src="http://www.thedesigncubicle.com/wp-content/uploads/2008/12/picture-4.png" alt="" width="497" height="266" /><br />
</strong></p>
<p style="text-align: justify;">Reading many long lines of type causes eye fatigue. Readers are forced to moves their heads and eyes more often from one line to the next. Various sources I’ve researched state to keep lines of text under 50 &#8211; 60 characters long.</p>
<p style="text-align: justify;"><strong>5. Mixing too many typefaces and weights</strong></p>
<p style="text-align: justify;"><strong><img class="alignnone" src="http://www.thedesigncubicle.com/wp-content/uploads/2008/12/picture-15.png" alt="" width="497" height="268" /><br />
</strong></p>
<p style="text-align: justify;">Too many typefaces on one page can become distracting and disconnecting (lacking unity). Try keeping your fonts choices to three or less per project. Too many weights can cause a reader to be unclear where important elements are on a page. This creates the possibility of the reader missing something important.</p>
<p style="text-align: justify;"><strong>6. Not using serifs for lengthy-text material</strong></p>
<p style="text-align: justify;"><strong><img class="alignnone" src="http://www.thedesigncubicle.com/wp-content/uploads/2008/12/picture-22.png" alt="" width="496" height="245" /><br />
</strong></p>
<p style="text-align: justify;">Serifs are known to make reading lengthy material, such as books and magazines, more sustainable for longer periods of time. It also helps with eye strain/fatigue, and we all know that we need our eyes! Although this can be argued, serifs seem to sit better on the baseline.</p>
<p style="text-align: justify;"><strong>7. Printing similar values of color on top of each other</strong></p>
<p style="text-align: justify;"><strong><img class="alignnone" src="http://www.thedesigncubicle.com/wp-content/uploads/2008/12/picture-31.png" alt="" width="497" height="267" /><br />
</strong></p>
<p style="text-align: justify;">For example, try printing a medium blue text on top of a medium brown box. Not only is it unappealing, but it makes it hard on the eyes. Also creates a muddy effect.</p>
<p style="text-align: justify;"><strong>8. Reversed out text on less than 50% tints</strong></p>
<p style="text-align: justify;"><strong><img class="alignnone" src="http://www.thedesigncubicle.com/wp-content/uploads/2008/12/picture-1-19-46-36.png" alt="" width="497" height="251" /><br />
</strong></p>
<p style="text-align: justify;">Much like the above, this also increases eye strain and hinders readability. The words get lost in the background and typically prints less visible than seen on screen. This will save you time, money and Asprin for your printing headaches.</p>
<p style="text-align: justify;"><strong>9. Overusing centered text</strong></p>
<p style="text-align: justify;"><strong><img class="alignnone" src="http://www.thedesigncubicle.com/wp-content/uploads/2008/12/picture-41.png" alt="" width="497" height="269" /><br />
</strong></p>
<p style="text-align: justify;">Using centered text creates a jagged and broken appearance to text — very disconnecting! Can be viewed as amateurish in most instances. Save it for those wedding invitations.</p>
<p style="text-align: justify;"><strong>10. Large body copy</strong></p>
<p style="text-align: justify;"><strong><img class="alignnone" src="http://www.thedesigncubicle.com/wp-content/uploads/2008/12/picture-17.png" alt="" width="497" height="267" /><br />
</strong></p>
<p style="text-align: justify;">Normally, designers and non-designers (and yes, I did it too!) will immediately use a 12 point font for body copy. Smaller (even slightly smaller) fonts sizes creates a more professional, modern look. Large body copy can be clunky — think about the font size of a children’s book. Clunky right?… unless it’s the look your going for.</p>
<p style="text-align: justify;">It’s also important to note that viewing text on a computer monitor is much different than printing it. In most instances, type on a screen appears smaller and less crisp. Also, most printers will advise you not to use font sizes under 7 points. May result in readability issues.</p>
<p style="text-align: justify;"><strong>11. Not knowing what the Grid System is</strong></p>
<p style="text-align: justify;"><strong><img class="alignnone" src="http://www.thedesigncubicle.com/wp-content/uploads/2008/12/grids.png" alt="" width="497" height="312" /><br />
</strong></p>
<p style="text-align: justify;">Being a typography enthusiast, understanding the grid has become one of the best things I’ve learned in design to date. It’s the basis for creating clarity and making your type and layouts more cohesive. Check out the new site, The Grid System, for links and resources pertaining to grid systems.</p>
<p style="text-align: justify;">Remember this list was composed to spread awareness and create discussion, not discourage anyone from trying new things and breaking the “rules”. I fully encourage all of you to go out and experiment with new ideas and concepts to become better typographers and designers.</p>
<h2 style="text-align: justify;">References</h2>
<h2 style="text-align: justify;"><a href="http://www.thegridsystem.org/">http://www.thegridsystem.org/</a></h2>
<h2 style="text-align: justify;"><a href="http://www.bachgarde.com/html/works/typografins_v.html">http://www.bachgarde.com/html/works/typografins_v.html</a></h2>
<h2><a title="Permanent Link to Web Directions &amp; Typographic Structure" rel="bookmark" href="http://www.markboulton.co.uk/journal/comments/web-directions-typographic-structure">Web Directions <span>&amp;</span> Typographic Structure</a></h2>
]]></content:encoded>
			<wfw:commentRss>http://www.manzstudio.com/MCC0033/?feed=rss2&amp;p=248</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Lecture Series 03 :: Week 03</title>
		<link>http://www.manzstudio.com/MCC0033/?p=242</link>
		<comments>http://www.manzstudio.com/MCC0033/?p=242#comments</comments>
		<pubDate>Tue, 27 Oct 2009 06:38:16 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Weekly Lecture Notes]]></category>

		<guid isPermaLink="false">http://www.manzstudio.com/MCC0033/?p=242</guid>
		<description><![CDATA[Introduction: Guide to Desktop Publishing
Desktop publishing is the process of laying out and designing pages with your desktop computer. With software programs such as Adobe Photoshop, Adobe InDesign, PageMaker and Quark Xpress, you can assemble anything from a one-page document to a full-length book. Understanding how the software works, however, is only the beginning, and [...]]]></description>
			<content:encoded><![CDATA[<h2 style="margin-top: 3px; text-align: justify;">Introduction: Guide to Desktop Publishing</h2>
<p style="text-align: justify;"><span>D</span>esktop publishing is the process of laying out and designing pages with your desktop computer. With software programs such as Adobe Photoshop, Adobe InDesign, PageMaker and Quark Xpress, you can assemble anything from a one-page document to a full-length book. Understanding how the software works, however, is only the beginning, and often the easiest part of the whole process.This notes is designed for the novice page designer who wants to learn the fundamentals of effective page layout. So whether you need to design a brochure, advertisement, screen graphics, interactive media, or an entire newsletter.</p>
<h2 style="margin-top: 3px;">Principles of Layout and Design</h2>
<div>
<p><span>T</span>his section addresses the fundamental themes of page layout and design:</p>
<ul>
<li>Purpose and Audience</li>
<li>Organizing Information</li>
<li>Getting Their Attention</li>
<li>Balance</li>
<li>Alignment</li>
<li>Repetition</li>
<li>Emphasis</li>
<li>Proximity</li>
</ul>
<h2 style="margin-top: 3px;">Purpose and Audience</h2>
<div>
<p style="text-align: justify;"><span>A</span>pproach page layout the same way that you do writing: determine your audience, define your purpose, and communicate your message. When you&#8217;re writing, you present information in a logical order, so do the same when you lay out the page.</p>
<ul style="text-align: justify;">
<li>View Audience Guide</li>
<li style="text-align: justify;">View Purpose Guide</li>
</ul>
<h2 style="margin-top: 3px;">Organizing Information</h2>
<div>
<p style="text-align: justify;"><span>P</span>hotographs, pull-quotes, decks, and headlines help you tell the story. Other elements such as subheads, boxes, rules, and white space help you organize the story.</p>
<p style="text-align: justify;">For example, if you laid out three short articles on the same page, you would use rules, white space, and headlines to show readers that the articles were separate, not related.</p>
<p style="text-align: justify;">A good layout improves readability by arranging text and graphics in a logical order. To illustrate this point, let&#8217;s look at the following flyer:</p>
<blockquote>
<p style="text-align: justify;"><img class="alignleft" style="margin: 5px;" src="http://writing.colostate.edu/guides/documents/desktop_publishing/fy.gif" alt="" width="250" height="173" /></p>
<p style="text-align: justify;"><em>The title is 36-point Ice Age, and it tells readers what the document is about. The subheadings are both set in 18-point Helvetica, and they describe the bullet-point information, </em></p>
<p style="text-align: justify;"><em>while the white space between the groups organizes and separates the information.</em></p>
<p style="text-align: justify;"><em>The bullets call attention to each single point, while the proximity of the bulleted items shows that they&#8217;re all closely related. The graphic provides visual interest and movement.</em></p>
<p style="text-align: justify;"><em>Since the recipients of the flyer are familiar with Dance Unlimited, it&#8217;s okay to put the company name and phone number in small type at the bottom. If the flyer was intended to attract new clients, this would be a serious design flaw.</em></p>
</blockquote>
<p style="text-align: justify;">Every time you place a textual or graphic element on the page, you are making a rhetorical decision, and where you place that element depends on its relationship to the other pieces.</p>
<p style="text-align: justify;">When you&#8217;re writing, you organize sentences and paragraphs in a logical sequence so that readers will understand your message. You should approach layout the same way.</p>
<p style="text-align: justify;">Just remember that page design is a flexible process. There are no hard and fast rules, just guidelines. Keep good communication with readers as your top priority, and you will make the right design choices.</p>
</div>
<h2 style="margin-top: 3px;">Getting Their Attention</h2>
<div>
<p style="text-align: justify;"><span>I</span>n today&#8217;s media-intensive culture, people often decide that reading an ad, brochure, or newsletter is not worth their time, so even if your publication is important, it may end up in the wastebasket. An unusual design, however, can spark their interest. Even the most sophisticated readers get bored with staid designs.</p>
<p style="text-align: justify;">Bottom line: grab their attention first, and then keep them reading.</p>
<p style="text-align: justify;">Jan V. White, author of  <em>Editing by Design: A Guide to Effective Word-and-Picture Communication for Editors and Designers</em>, says that readers often look through magazines from back to front (and newsletters are specialized magazines), so you should use a hook to capture people&#8217;s attention.</p>
<p style="text-align: justify;">A hook is anything that contrasts against the uniformity of the text such as a photo, graphic, masthead, or a pull-quote hanging in a column of white space. Everything from the text to the paper it&#8217;s printed on affects whether or not your publication is read with interest, so be creative.</p>
<p style="text-align: justify;">We just have one word of caution.  <strong>Readability</strong>. An effective page layout improves reader comprehension, so you have to balance the imaginative elements with the functional elements. In other words, a splashy graphic laid out at an unexpected angle is eye-catching, but three columns of centered text is a nuisance.</p>
<p style="text-align: justify;">Good page design balances function with form, consistency with contrast, and places successful communication with the reader above all other considerations. Think of layout as a jigsaw puzzle. Every piece fits together to make the whole.</p>
<h2 style="margin-top: 3px;">Balance</h2>
<div>
<p style="text-align: justify;"><span>B</span>alance is another word for concerns about symmetry and asymmetry. Symmetry provides stability and rest for the eye, while asymmetry creates tension and visual interest. Finding ways to create balance often depends on the piece.</p>
<p style="text-align: justify;">In a newsletter, for instance, a horizontal rule running along the top of the page contrasts against the vertical columns of text, adding an element of asymmetry to the page.</p>
<h2 style="margin-top: 3px;">Alignment</h2>
<p style="text-align: justify;"><span>U</span>nify the appearance of your publication by aligning the elements on individual pages and creating strong page-to-page alignments, as well.</p>
<p style="text-align: justify;">In newsletters, for example, align the tops of photographs with the x-height (the top of the small case letters in a line of text) in the adjacent column, and give headlines the same alignment from page to page.</p>
<p style="text-align: justify;">In the first example below (a flyer), the elements on the page are not aligned with each other.</p>
<p style="text-align: justify;"><img class="alignright" style="border: 0pt none;" src="http://writing.colostate.edu/guides/documents/desktop_publishing/mock1.gif" border="0" alt="Example of poor alignment" width="250" height="176" /></p>
<p style="text-align: justify;">The text block in the upper left-hand corner is justified, and the other text block is centered, while the graphic element seems to hang in the middle of the page. This is messy looking.</p>
<p style="text-align: justify;"><img class="alignnone" src="http://writing.colostate.edu/guides/documents/desktop_publishing/mock2.gif" alt="Example of improved alignment" width="250" height="188" /></p>
<p style="text-align: justify;">In this second example above, the look is improved because both text blocks are justified against a boundary of white space, and the graphic is aligned with the block in the upper left-hand corner.</p>
<p style="text-align: justify;"><img src="http://writing.colostate.edu/guides/documents/desktop_publishing/mock3.gif" alt="Example of improved alignment" /></p>
<p style="text-align: justify;"><img src="http://writing.colostate.edu/guides/documents/desktop_publishing/mock3.gif" border="0" alt="" width="250" height="176" /></p>
<p style="text-align: justify;">In this third example, the look is further improved because the graphic is aligned with both the upper and lower text blocks.</p>
<p style="text-align: justify;">Alignment ties all the elements on a page together and unifies the publication as a whole.</p>
<h2 style="margin-top: 3px;">Repetition</h2>
<div>
<p style="text-align: justify;"><span>R</span>epetition of key elements (logo, box, rules, graphics etc.,) from page to page unifies the appearance of your publication.</p>
<p style="text-align: justify;">In a newsletter, for example, you might place the company logo at the bottom of every page, or in a brochure you might repeat a small graphic element in a variety of places. We used star shapes as backgrounds for drop caps and pull-quotes on every page of the 1997 <em>Freestone</em>.</p>
<p style="text-align: justify;">However, repetition without variety becomes monotonous, so use a photo or graphic to add interest to a page. The repetitive elements create visual coherence, while the occasional incongruous element creates contrast, the visual spice.</p>
<h2 style="margin-top: 3px;">Emphasis</h2>
<div>
<p style="text-align: justify;"><span>U</span>se a hook to get the reader&#8217;s attention. Anything from an interesting photo or graphic to a pull-quote isolated in a column of white space can catch the reader&#8217;s eye.</p>
<p style="text-align: justify;">When we communicate orally, we emphasize ideas by changing our tone of voice. In layout, a hook serves the same purpose. It tells the reader that something is important. Emphasis can be created in different ways. Text in a large point size, for example, shouts at the reader: &#8220;I&#8217;m important! Read me now.&#8221;</p>
<p style="text-align: justify;">You&#8217;re only limited by your imagination.</p>
<h2 style="margin-top: 3px;">Proximity</h2>
<div>
<p style="text-align: justify;"><span>P</span>lace related information in proximity, and separate unrelated information with white space, rules, and borders.</p>
<p style="text-align: justify;">In the flyer below, the first two blocks of information both have subheadings in 18-point Helvetica, making them of equal importance, but the white space between the blocks makes it obvious that they&#8217;re unrelated.</p>
<p style="text-align: justify;"><img src="http://writing.colostate.edu/guides/documents/desktop_publishing/fy.gif" border="0" alt="Flyer" width="250" height="173" /></p>
<p style="text-align: justify;">Bullet items appear beneath each subheading, calling attention to the individual points, and their proximity shows that they&#8217;re closely related. Finally, at the bottom of the flyer, the company name is placed in proximity to the address and phone number because those are all related elements.</p>
<p style="text-align: justify;">By first grouping related information and then separating the groups with white space, rules, or borders, you organize information and make the reader&#8217;s job easier.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<p style="text-align: right;" align="justify"><strong>Note: There is a print link embedded within this post, please visit this post to print it.</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.manzstudio.com/MCC0033/?feed=rss2&amp;p=242</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Lecture Series 02 :: Week 03</title>
		<link>http://www.manzstudio.com/MCC0033/?p=235</link>
		<comments>http://www.manzstudio.com/MCC0033/?p=235#comments</comments>
		<pubDate>Tue, 27 Oct 2009 06:02:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Weekly Lecture Notes]]></category>

		<guid isPermaLink="false">http://www.manzstudio.com/MCC0033/?p=235</guid>
		<description><![CDATA[Principles of Design &#8211; Page Layout &#38; Publishing
The principles of design suggest effective and pleasing ways to arrange text and graphics on the page as well as the arrangement of individual elements within illustration, logos, and the overall graphic design of a document. Generally, all the principles of design apply to any piece you may [...]]]></description>
			<content:encoded><![CDATA[<h2 style="text-align: justify;">Principles of Design &#8211; Page Layout &amp; Publishing</h2>
<h3 style="text-align: justify;"><span style="color: #808080;">The principles of design suggest effective and pleasing ways to arrange text and graphics on the page as well as the arrangement of individual elements within illustration, logos, and the overall graphic design of a document. Generally, all the principles of design apply to any piece you may create. <span style="color: #000000;">How you apply those principles of design determines how effective your design is in conveying the desired message and how attractive it appears.</span></span></h3>
<p style="text-align: justify;" align="justify">There is seldom only one correct way to apply each of these graphic design principles. Not all sources agree on which are the most important graphic design principles although alignment, balance, consistency, contrast, proximity, and white space are the most widely recognized principles of design.</p>
<div style="text-align: justify;">
<div>
<ul>
<li>Alignment</li>
<li>Golden Rectangle</li>
<li>Balance</li>
<li>Proximity</li>
<li>Consistency / Repetition</li>
<li>White Space</li>
<li>Contrast</li>
<li>Elements of Design</li>
<li>Gestalt</li>
<li>Graphic Design Basics</li>
</ul>
</div>
</div>
<p style="text-align: justify;" align="justify"><strong>Principles of Design</strong></p>
<p style="text-align: justify;" align="justify">Generally, all the principles of design apply to any piece you may create. How you apply those principles determines how effective your design is in conveying the desired message and how attractive it appears. There is seldom only one correct way to apply each principle but check your documents to see how well you have applied each of these six principles of design.</p>
<p style="text-align: justify;" align="justify"><strong>What are the Principles of Design?</strong></p>
<p style="text-align: justify;" align="justify">Take a look at the big picture through stories and metaphors that relate each of the principles of design to real world activities and situations. Covers the commonly recognized principles of design of balance, proximity, alignment, repetition, contrast, and white space.</p>
<h3>Proximity / Unity</h3>
<p style="text-align: justify;"><img class="alignleft" style="margin: 5px;" src="http://z.about.com/d/desktoppub/1/0/1/1/050201proximity.gif" alt="" width="233" height="315" />In design, proximity or closeness creates a bond between people and between elements on a page. How close together or far apart elements are placed suggests a relationship (or lack of) between otherwise disparate parts. Unity is also achieved by using a third element to connect distant parts. Are title elements together? Is contact information all in one place? Do frames and boxes tie together or separate related elements in your document?</p>
<h3>Alignment</h3>
<p style="text-align: justify;"><img class="alignright" style="margin: 5px;" src="http://z.about.com/d/desktoppub/1/0/7/1/050201alignment.gif" alt="" width="244" height="343" />Alignment brings order to chaos. How you align type and graphics on a page and in relation to each other can make your layout easier or more difficult to read, foster familiarity, or bring excitement to a stale design. Have you used a grid? Is there a common alignment &#8212; top, bottom, left, right, or centered &#8212; between blocks of text and graphics on the page? Does your text alignment aid or hinder readability? If certain elements are out of alignment, was it done purposefully with a specific design goal in mind?</p>
<h3>Repetition / Consistency</h3>
<p style="text-align: justify;"><img class="alignleft" style="margin: 5px;" src="http://z.about.com/d/desktoppub/1/0/z/050201repetition.gif" alt="" width="233" height="333" />Repeating design elements and consistent use of type and graphics styles within a document shows a reader where to go and helps them navigate your designs and layouts safely. Insure that your document utilizes the principles of repetition, consistency, and unity in page design. Do page numbers appear in the same location from page to page? Are major and minor headlines consistent in size, style, or placement? Have you used a consistent graphic or illustration style throughout?</p>
<h3>Contrast</h3>
<p style="text-align: justify;"><img class="alignright" style="margin: 5px;" src="http://z.about.com/d/desktoppub/1/0/4/1/050201contrast.gif" alt="" width="263" height="426" />In design, big and small elements, black and white text, squares and circles, can all create contrast in design. Contrast helps different design elements stand out. Is there enough contrast between your text (size and color) and background (color and pattern) to keep text readable? Is everything all the same size even when some elements are more important than others?</p>
<h3>White Space</h3>
<p style="text-align: justify;"><img class="alignleft" style="margin: 5px;" src="http://z.about.com/d/desktoppub/1/0/x/050201whitespace.gif" alt="" width="261" height="340" />Designs that try to cram too much text and graphics onto the page are uncomfortable and may be impossible to read. White space gives your design breathing room. Do you have enough space between columns of text? Does text run into frames or graphics? Do you have a generous margin? You can also have too much white space if items float on the page without any anchor.</p>
<p style="text-align: justify;">
<p style="text-align: right;" align="justify"><strong>Note: There is a print link embedded within this post, please visit this post to print it.</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.manzstudio.com/MCC0033/?feed=rss2&amp;p=235</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
