<?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>Free Photoshop Tutorials, Custom Shapes, Photo Effects, PSD Files and More &#124; Alias3DMedia &#187; Basic</title> <atom:link href="http://www.alias3dmedia.com/tag/basic/feed" rel="self" type="application/rss+xml" /><link>http://www.alias3dmedia.com</link> <description>Featuring free Photoshop Tutorials on Graphic Design and digital photo effects as well as offering a selection of free   Photoshop Custom Shapes, Photo Edges and other Photoshop Resources.</description> <lastBuildDate>Tue, 31 Jan 2012 07:54:14 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.1.2</generator> <item><title>A Basic Guide to Photoshop CS4 Adjustment Layers</title><link>http://www.alias3dmedia.com/tutorials/2d-tutorials/photoshop/a-basic-guide-to-photoshop-cs4-adjustment-layers.html</link> <comments>http://www.alias3dmedia.com/tutorials/2d-tutorials/photoshop/a-basic-guide-to-photoshop-cs4-adjustment-layers.html#comments</comments> <pubDate>Thu, 10 Dec 2009 09:36:34 +0000</pubDate> <dc:creator>admin</dc:creator> <category><![CDATA[2D Graphics]]></category> <category><![CDATA[Basic]]></category> <category><![CDATA[Photoshop]]></category> <category><![CDATA[Tutorials]]></category><guid isPermaLink="false">http://www.alias3dmedia.com/?p=4059</guid> <description><![CDATA[A Basic Guide to Photoshop CS4 Adjustment Layers]]></description> <content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-4060" title="hg" src="http://www.alias3dmedia.com/wp-content/uploads/2009/12/hg.jpg" alt="hg" width="342" height="342" /></p><p>Photoshop CS4 has a new Panel named Adjustments, based on the Adjustment Layers of previous versions. These adjustments can be used for non-destructive editing, can be masked to edit only a part of an image, it can be applied to several layers on a single document and even you can change the Adjustment Layer&#8217;s Blending Mode to create outstanding results. This time we&#8217;ll take a tour around this wonderful new feature.</p><h2><a href="http://psd.tutsplus.com/articles/techniques/a-basic-guide-to-photoshop-cs4-adjustment-layers/" target="_blank">Read more</a></h2> ]]></content:encoded> <wfw:commentRss>http://www.alias3dmedia.com/tutorials/2d-tutorials/photoshop/a-basic-guide-to-photoshop-cs4-adjustment-layers.html/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>An Introduction to Photo File Formats</title><link>http://www.alias3dmedia.com/tutorials/basic/an-introduction-to-photo-file-formats.html</link> <comments>http://www.alias3dmedia.com/tutorials/basic/an-introduction-to-photo-file-formats.html#comments</comments> <pubDate>Wed, 25 Nov 2009 09:22:28 +0000</pubDate> <dc:creator>admin</dc:creator> <category><![CDATA[Basic]]></category> <category><![CDATA[Tutorials]]></category><guid isPermaLink="false">http://www.alias3dmedia.com/?p=3931</guid> <description><![CDATA[An Introduction to Photo File Formats]]></description> <content:encoded><![CDATA[<p style="text-align: center;"><img class="aligncenter size-full wp-image-3936" title="photo" src="http://www.alias3dmedia.com/wp-content/uploads/2009/11/photo.jpg" alt="photo" width="480" height="240" /></p><p style="text-align: justify;"><span style="color: #000000;">Having a sound knowledge of file formats is essential for digital photography and image manipulation/editing. This article explores the different file formats involved in taking the photographs, their pro&#8217;s and cons, as well correct use of file formats in a digital workflow. The last section concerns the best file formats for printing, the web, and sharing with friends &amp; family.</span></p><h2><span style="color: #333333;">Step 1: In-Camera Formats</span></h2><p>When you take a photograph, the image is stored on your memory card. In order to fit more photos on the memory card, your camera compresses the photos. This process is known as encoding. Photos can be encoded in certain ways, and whether you&#8217;re using a compact camera or a Digital SLR the photos are encoded in JPEG format by default. Many cameras can be set to encode your photos in a variety of ways, each with its distinct pros and cons.</p><p><em>In order to find out what variety of file formats your camera can encode, it&#8217;s best to check your manual. Alternatively if you feel that consulting a manual is for the weak, fiddle with your camera until you stumble across what&#8217;s on offer!</em></p><p>General camera types and  the formats they can encode:</p><p>Point &amp; Shoot <em>(budget digital cameras under $200)</em>:<br /> Generally cheaper digital  cameras can only take photos in JPEG format.</p><p>Compact <em>(digital compact cameras over $200)</em>:<br /> If you own a compact camera,  as well as JPEG you <strong><em>may</em></strong> be able to take photos in RAW format.  Check your manual to make sure.</p><p>Digital Single Lens Reflex:<br /> All Digital SLRs cameras can shoot  in JPEG and RAW. Some can also use TIFF and RAW+JPEG.</p><h2 style="text-align: justify;"><span style="color: #333333;">Step 2: Format Pros and Cons</span></h2><p style="text-align: justify;">In this next section, we&#8217;re going to look at the various pros and cons of using different formats.</p><h3 style="text-align: justify;"><span style="color: #333333;">JPEG (Joint Photographic Experts Group)</span></h3><p style="text-align: justify;">JPEG is great for general photographic use. Used by all digital cameras, JPEG is a lossy format, which means it sacrifices some quality to ensure minimal small file size.</p><p style="text-align: justify;"><strong>The advantages of using  JPEG:</strong></p><p style="text-align: justify;">Small file size: Fit more  images on your memory card and transfer images to your computer faster.</p><p style="text-align: justify;">Take photos faster! A smaller file size means the image is written to your memory card quicker, so you spend less time waiting and more time taking photos.</p><p style="text-align: justify;">Some DSLR cameras can take photos in rapid succession, called a continuous buffer. Using JPEG the camera is able to take photos very quickly for a longer period of time in comparison to RAW.</p><p style="text-align: justify;">JPEGs can be viewed on any computer without third party software.</p><p style="text-align: justify;"><strong>The disadvantages of  using JPEG</strong></p><p style="text-align: justify;">When capturing an image in JPEG, the noise is softened and the image is generally sharpened.  Also the camera typically reduces the image depth from 12 to 8 bits. There&#8217;s a loss of detail and quality.</p><p style="text-align: justify;"><strong>Suggested use for JPEG format</strong></p><p style="text-align: justify;">JPEG is the best format for general photographic use, such as holidays and social events where you need to take photos quickly and don&#8217;t want to be waiting for your camera to save larger files such as RAW and TIFF.</p><p style="text-align: justify;">(Note: Many cameras have a choice between JPEG, JPEG fine, JPEG large. Typically, a JPEG fine/large photo is double the file size of a normal JPEG photo.  The difference in quality between JPEG large/fine and a normal JPEG is noticeable depending on the size of the print.</p><h2 style="text-align: justify;"><span style="color: #333333;">RAW</span></h2><p style="text-align: justify;">RAW files are uncompressed and unprocessed. RAW files must firstly be processed using third party software before they can be printed or edited. Popular software for processing RAW files is Adobe Photoshop, Adobe Lightroom and Aperture (Mac only).</p><p style="text-align: justify;"><strong>The advantages of using RAW</strong></p><p style="text-align: justify;">The main advantage to shooting with RAW files is that the image processing is done on the computer. This means if you are about to take a photo but you don&#8217;t know which white balance or exposure settings are best, you can simply take the photo and perfect these settings later on your computer.</p><p style="text-align: justify;">For an awesome tutorial on  processing your RAW files in Adobe Camera RAW (included with Photoshop) check out <a href="http://photo.tutsplus.com/tutorials/post-processing/adobe-camera-raw-for-beginners-histogram-white-balance/">this article on Phototuts+</a>.</p><p style="text-align: justify;">Another advantage of RAW is that it is a lossless format. This means that the image does not lose any quality or information (unlike JPEG). As a result, RAW files are much larger than their JPEG counterparts, bringing me to&#8230;</p><p style="text-align: justify;"><strong>The disadvantages of using RAW</strong></p><p style="text-align: justify;">Larger files means less images can fit on a memory card. RAW files are typically four times larger than the same image encoded into JPEG format.</p><p style="text-align: justify;">RAW files take longer to  save to the memory card, and the continuous buffer doesn&#8217;t  last as long as JPEG.</p><p style="text-align: justify;">Processing multiple RAW photos can be tedious and time consuming.</p><p style="text-align: justify;">A major flaw with RAW format  is that there is <em>no single RAW format</em>. Every manufacturer has their own variation of RAW. This means it is possible that the RAW photos you take today may be incompatible with future software.</p><p style="text-align: justify;"><strong>Suggested use for RAW</strong></p><p style="text-align: justify;">Whenever your image has to  be of maximum quality, use RAW (e.g. commercial/freelance work or treasured family photos)</p><p style="text-align: justify;">Whenever you can&#8217;t decide what the best white balance and/or exposure settings to use (e.g. when taking photos of young children/pets who won&#8217;t sit still, take the jolly photo and tweak the settings later!)</p><h2 style="text-align: justify;"><span style="color: #333333;">TIFF (Tagged  Image File Format)</span></h2><p style="text-align: justify;">TIFF is included in most professional SLR&#8217;s. In short TIFF (like RAW) is uncompressed. However when you take a photo using TIFF you have to choose the exposure and white balance before you take the photo. Think of it this way: TIFF is like an uncompressed JPEG.</p><p style="text-align: justify;"><strong>Suggested use for TIFF</strong></p><p style="text-align: justify;">TIFF should be used when you need your image to be maximum quality, but you have the time to tweak the white balance and exposure settings before taking the photo.</p><h3 style="text-align: justify;">RAW+JPEG</h3><p style="text-align: justify;">When you take a photo with RAW+JPEG (you guessed it) your camera makes two copies of the photo, one RAW and one JPEG. Using RAW+JPEG carries the combined advantages of both RAW and JPEG. The only problem is your memory card will fill up much faster and your camera may take a little while to write both images into the memory card.</p><p style="text-align: justify;"><strong>Suggested use for RAW+JPEG</strong></p><p style="text-align: justify;"><em>(Note: The main purpose of JPEG is small file size convenience. When you take a RAW+JPEG, it partially defeats this purpose because not only do you have a JPEG, you&#8217;ve got a big fat RAW image as well.)</em></p><p style="text-align: justify;">My suggested use for RAW+JPEG is when you&#8217;ve got time to set up the white balance and exposure, yet accept that you&#8217;re only human so you might make a mistake. Lucky when you take the photo it will save a RAW file as well so if the image turns out bad at least you&#8217;ve got the RAW file you can edit.</p><p style="text-align: justify;">Okay, so now you&#8217;ve chosen  what file format suits you, let&#8217;s continue!</p><p style="text-align: justify;"><p style="text-align: justify;"><h2><span style="color: #333333;">Step 3: File Formats &amp; Workflows</span></h2><p>Consider the following situation:</p><p>You&#8217;ve been asked to create a photo montage of the beach. You go to the beach, take all your photos in JPEG then go home. When you&#8217;re at home you load all the files onto your computer. You edit each photo in Photoshop, tweaking the brightness/contrast and curves. You then save each image as a JPEG. You then combine all your edited images into Photoshop and create your montage. You then save the image as a JPEG to share with your friends. You realize the colors are too bright so you open up the JPEG, tweak, then resave.</p><p><strong>What&#8217;s wrong here?</strong></p><p>As you now know, each time you take an image in JPEG format it loses quality. Let&#8217;s say (hypothetically) that each time the image is saved in JPEG it loses 5% quality:</p><table style="height: 141px;" border="1" cellspacing="0" cellpadding="0" width="572"><tbody><tr><td width="379" valign="top"><strong> Step:</strong></td><td width="138" valign="top"><strong> Quality Loss:</strong></td><td width="162" valign="top"><strong> Total Quality:</strong></td></tr><tr><td width="379" valign="top">Taking the photo in JPEG.</td><td width="138" valign="top"><p align="center">5%</p></td><td width="162" valign="top"><p align="center">95%</p></td></tr><tr><td width="379" valign="top">Editing the photo and then    saving as JPEG.</td><td width="138" valign="top"><p align="center">5%</p></td><td width="162" valign="top"><p align="center">90.25%</p></td></tr><tr><td width="379" valign="top">Importing the JPEG,    creating the montage then saving as JPEG.</td><td width="138" valign="top"><p align="center">5%</p></td><td width="162" valign="top"><p align="center">85.74%</p></td></tr><tr><td width="379" valign="top">Tweak colors then resave    as JPEG</td><td width="138" valign="top"><p align="center">5%</p></td><td width="162" valign="top"><p align="center">81.64%</p></td></tr></tbody></table><p>As you can see, throughout the workflow the image keeps losing quality. 5% each time may not sound like much, but it all adds up. The best way to fix this problem is to use uncompressed files. Below is a suggested workflow (using Photoshop to edit images):</p><ul><li>Firstly, take your images in  RAW or TIFF format.</li><li> If you chose RAW format,  process the image then save as a TIFF.</li><li>Now open up your image  editing software (in this case Photoshop) and edit the image.</li><li>When you have finished  editing, save as TIFF.</li><li>Create a new Photoshop  document, and create your masterpiece.</li><li>Save the document as a .PSD  (Photoshop only).</li><li>Save final TIFF.</li></ul><p style="text-align: justify;">Congratulations! Your image still retains 100% quality! Now if you have to make a change, you can open up your Photoshop document .PSD and make a change, then resave as a TIFF.<br /> Using this method, your file sizes are much bigger than JPEG. That shouldn&#8217;t really be a problem as most people nowadays have fairly large hard drives. <em>Note: Professionals never sacrifice quality for a small file size!</em></p><p style="text-align: justify;">Now that you have your  final image as a TIFF, you want to share it with the world! There are two ways to go about this:</p><h2><span style="color: #333333;">Step 4: Optimisation for Print</span></h2><p style="text-align: justify;">So you&#8217;ve created your masterpiece, and now you want to print it. If you&#8217;ve followed the suggested workflow (listed in section 3) your image is still in TIFF format. TIFF is widely accepted as a standard printing file format, so you&#8217;re in good hands.</p><p style="text-align: justify;">Before we continue, I have a  little observation. Look closely at your TV or computer screen (and I mean  really close!)</p><p style="text-align: center;"><img class="aligncenter size-full wp-image-3932" style="border: 5px solid black;" title="1" src="http://www.alias3dmedia.com/wp-content/uploads/2009/11/11.jpg" alt="1" width="270" height="150" /></p><p style="text-align: justify;">You will see that your screen is made up of many RGB sub pixels &#8211; that is, red green and blue. As you may know, the colors red green and blue can be added together to create a vast number of individual colors:</p><p style="text-align: justify;"><img class="aligncenter size-full wp-image-3933" title="2" src="http://www.alias3dmedia.com/wp-content/uploads/2009/11/2.jpg" alt="2" width="400" height="391" /></p><p>Now this is great for viewing on computer screens, but when it comes to printing there is another solution: CMYK or Cyan, Magenta, Yellow and (K) Black. The reason we want to change our image from RGB to CMYK is that in the printing industry, CMYK is standard. To get the most accurate representation of what your image will look like when printed, you must change your image mode to CMYK. To do so (in Photoshop) click Image &gt; Mode &gt; CMYK then press OK (note that this will flatten your image, so make sure you have a copy saved in RGB if you want to modify later). Now you&#8217;re ready to print!</p><h2 style="text-align: justify;"><span style="color: #333333;">Step 5: Optimisation for Web</span></h2><p style="text-align: justify;">This process is all about a healthy balance between quality and file size. Remember: Most people have a monitor between 17 and 24 inches in size, therefore the ideal image size for the internet is 800&#215;600. This means people with a 17” monitor can see the whole image, without having to scroll left or right.</p><p style="text-align: justify;">We need to keep the file size to a minimum, as people today are not willing to wait for large files to load. I should know &#8211; I live in Australia (land of the slow internet!). An ideal image size for 800&#215;600 photos is less than 100kb. That means that the images retain most of their original quality, yet load in less than a second. As far as file formats are concerned, you can&#8217;t beat JPEG.</p><p style="text-align: justify;">Below I have two JPEG images of my favorite stapler. Image 1 is the original, and Image 2 is the optimized image. Keeping in mind the rule of thumb, 100kb for an 800&#215;600 image, the images below should ideally be 50kb as they are half the size (400&#215;300).</p><h3><span style="color: #333333;">Image One: Original JPEG  129Kb</span></h3><p style="text-align: center;"><span style="color: #333333;"><img class="aligncenter size-full wp-image-3934" style="border: 5px solid black; margin-left: 5px; margin-right: 5px;" title="3" src="http://www.alias3dmedia.com/wp-content/uploads/2009/11/3.jpg" alt="3" width="400" height="300" /></span></p><h3><span style="color: #333333;">Image Two: Optimized JPEG  29Kb</span></h3><p style="text-align: center;"><span style="color: #333333;"><img class="aligncenter size-full wp-image-3935" style="border: 5px solid black; margin-left: 5px; margin-right: 5px;" title="4" src="http://www.alias3dmedia.com/wp-content/uploads/2009/11/4.jpg" alt="4" width="400" height="300" /><br /> </span></p><p>As you can see both images look very similar, yet one will load four times faster than the other!</p><p>The steps for optimizing  images in Photoshop are:</p><ol><li>Open up your image</li><li>File &gt; Save for web and devices</li><li>Set the preset to JPEG and tweak the quality until  the image looks satisfactory</li></ol><p>This process involves trial and error, as some photos will look good with a JPEG quality of 40 or less, others need to have a quality of 70 or 80 to look satisfactory.</p><p>I hope you&#8217;ve found the tutorial useful, and invite you to share any other tips and thoughts about image file formats in the comments!</p><p style="text-align: justify;"><h3 style="text-align: justify;">Sources : <a href="http://photo.tutsplus.com/tutorials/an-introduction-to-photo-file-formats/" target="_blank">http://photo.tutsplus.com</a></h3> ]]></content:encoded> <wfw:commentRss>http://www.alias3dmedia.com/tutorials/basic/an-introduction-to-photo-file-formats.html/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>The Ultimate Collection Of Maya 3D Tutorials</title><link>http://www.alias3dmedia.com/tutorials/3d-graphics/3d-tutorials/the-ultimate-collection-of-maya-3d-tutorials.html</link> <comments>http://www.alias3dmedia.com/tutorials/3d-graphics/3d-tutorials/the-ultimate-collection-of-maya-3d-tutorials.html#comments</comments> <pubDate>Thu, 24 Sep 2009 09:48:59 +0000</pubDate> <dc:creator>admin</dc:creator> <category><![CDATA[3D Graphics]]></category> <category><![CDATA[3D tutorials]]></category> <category><![CDATA[Basic]]></category> <category><![CDATA[maya]]></category><guid isPermaLink="false">http://www.alias3dmedia.com/?p=3308</guid> <description><![CDATA[The Ultimate Collection Of Maya 3D Tutorials]]></description> <content:encoded><![CDATA[<p style="text-align: center;"><img class="aligncenter size-full wp-image-3309" title="maya" src="http://www.alias3dmedia.com/wp-content/uploads/2009/09/maya.jpg" alt="maya" width="446" height="177" /></p><p>Ever wonder how animated films like Ice Age are made? Maya is the answer. Maya (or Autodesk Maya, having recently been acquired by Autodesk) is powerful 3D modeling, animation, texturing, rendering and visual effects software.</p><p>Maya was developed for the film industry and is now being used for design, visual effects, games, film, animation, visualization and simulation. The most significant thing that sets it apart from other 3D packages — and the reason it is used so widely in these major industries — is that it is highly customizable. Big studios can write custom code to suit their productions using the software’s development kit. This makes Maya highly adaptable to any workflow.</p><p>Below, we feature <strong>tutorials that address most Maya-related topics for beginners and advanced users</strong>. These tutorials cover almost everything Maya has to offer, from modeling to the final rendering process.</p><h2><a href="http://www.smashingmagazine.com/2009/08/27/the-ultimate-collection-of-maya-3d-tutorials/" target="_blank">Read more</a></h2> ]]></content:encoded> <wfw:commentRss>http://www.alias3dmedia.com/tutorials/3d-graphics/3d-tutorials/the-ultimate-collection-of-maya-3d-tutorials.html/feed</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Photoshop Basics</title><link>http://www.alias3dmedia.com/tutorials/2d-tutorials/photoshop/photoshop-basics.html</link> <comments>http://www.alias3dmedia.com/tutorials/2d-tutorials/photoshop/photoshop-basics.html#comments</comments> <pubDate>Wed, 12 Aug 2009 11:13:46 +0000</pubDate> <dc:creator>admin</dc:creator> <category><![CDATA[2D Graphics]]></category> <category><![CDATA[Basic]]></category> <category><![CDATA[Photoshop]]></category><guid isPermaLink="false">http://www.alias3dmedia.com/?p=2968</guid> <description><![CDATA[These tutorials will teach you all the Photoshop basics. If you’re new to Photoshop, these are must reads, as well as our School of Photoshop.]]></description> <content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-2969" title="photoshop" src="http://www.alias3dmedia.com/wp-content/uploads/2009/08/photoshop.jpg" alt="photoshop" width="480" height="240" /></p><h3>1.<a title="Install Layer Styles in Photoshop" href="http://www.tutorial9.net/photoshop/install-layer-styles-in-photoshop/" target="_blank"> Install Layer Styles in Photoshop</a></h3><p>The question’s been asked several times around Tutorial9, “How do I download and install these custom layer styles you provide?”, and rather than answering the same thing over and over, I thought it was a nice idea to settle the issue once and for all in a convienent post for everyone!</p><h3>2.<a title="Layer Styles in Photoshop" href="http://www.tutorial9.net/photoshop/layer-styles-in-photoshop/" target="_blank">Layer Styles in Photoshop</a></h3><p>Effects can be added to individual layers in Photoshop that automatically change as a layer is modified. The combination of effects on any given layer is called its Layer Style. We’ll teach you how to use and make your own layer styles in this tutorial.</p><h3>3.<a title="Photoshop’s Filters" href="http://www.tutorial9.net/photoshop/photoshops-filters/" target="_blank">Photoshop’s Filters</a></h3><p>Filters are used to change the appearance of an image, layer or selection in Photoshop. In this tutorial, I’ll introduce you to some common filters, and show you how to use them.</p><h3>4.<a title="Saving Images for the Web" href="http://www.tutorial9.net/photoshop/saving-images-for-the-web/" target="_blank">Saving Images for the Web</a></h3><p>When saving for the web, it’s always important to consider the quality of the image, and the size of the image in order to provide visual clarity without slowing performance. This tutorial will teach you what you need to know about saving images for the web.</p><h3>5.<a title="Create a Simple Flyer" href="http://www.tutorial9.net/photoshop/create-a-simple-flyer/" target="_blank">Create a Simple Flyer</a></h3><p>This is a tutorial assignment intended to be used by School of Photoshop participants. This guide will test your abilities as a beginner in Photoshop, and show you how to create a simple flyer for an event.</p><h3>6.<a title="Using Transform in Photoshop" href="http://www.tutorial9.net/photoshop/using-transform-in-photoshop/" target="_blank">Using Transform in Photoshop</a></h3><p>In Photoshop, Transform is used to scale, rotate, skew, and just distort the perspective of any graphic you’re working with in general. This tutorial will teach you how to use Transform to adjust your images.</p><h3>7.<a title="Drawing and Type Tools" href="http://www.tutorial9.net/photoshop/drawing-and-type-tools/" target="_blank">Drawing and Type Tools</a></h3><p>The Drawing and Type tools are used to create vector graphics, as well as set type inside of documents. While Photoshop is not really considered a vector graphic editor, it is possible to create vector based shapes and elements that can be resized without losing quality!</p><h3>8.<a title="Photoshop’s Painting Tools" href="http://www.tutorial9.net/photoshop/painting-tools/" target="_blank">Photoshop’s Painting Tools</a></h3><p>In Photoshop, the painting tools are used to paint strokes, and fill areas with color or with colors that blend together. Knowing how to use the paint tools is a must for any artist who wishes to use Photoshop.</p><h3>9.<a title="Retouch and Healing Tools" href="http://www.tutorial9.net/photoshop/retouch-and-healing-tools/" target="_blank">Retouch and Healing Tools</a></h3><p>Photoshop offers a large selection of tools and features for retouching photographs and images. In this tutorial, you’ll learn how to use the common touch-up tools.</p><h3>10.<a title="The Selection Tools" href="http://www.tutorial9.net/photoshop/the-selection-tools/" target="_blank">The Selection Tools</a></h3><p>The selection tools are used to facilitate the process of making selections of shapes, colors, and objects inside of Photoshop, and positioning them in the working image area. With tools like the magnetic lasso and magic wand, Photoshop packs a powerful array of selection gadgets!</p><h3>11.<a title="Working with Layers in Photoshop" href="http://www.tutorial9.net/photoshop/working-with-layers-in-photoshop/" target="_blank">Working with Layers in Photoshop</a></h3><p>In Photoshop, layers are used to work on individual parts of an image while not affecting other parts. You might say that layers are like transparency papers stacked on top of one another which can be repositioned and separately drawn on without disturbing each other.</p><h3>12.<a title="Photoshop’s Toolbox" href="http://www.tutorial9.net/photoshop/photoshops-basic-tools/" target="_blank">Photoshop’s Toolbox</a></h3><p>In this lesson, you’ll be introduced to Adobe <strong>Photoshop’s Toolbox</strong>, and a lot of the tools it has to offer. A solid understanding of the tools showcased in this tutorial will lead to better comprehension of Photoshop in general.</p><h3>13.<a title="Using Palettes in Photoshop" href="http://www.tutorial9.net/photoshop/using-palettes-in-photoshop/" target="_blank">Using Palettes in Photoshop</a></h3><p>In Photoshop, palettes are used to help modify and monitor your documents. An understanding of how to use, organize, and adjust palettes is essential in learning how to use Photoshop.</p><h3>14.<span style="color: #0000ff;"><a title="Getting Started in Photoshop" href="http://www.tutorial9.net/photoshop/getting-started-in-photoshop/" target="_blank">Getting Started in Photoshop</a></span></h3><p>Photoshop’s interface can be a confusing place to first time users. This lesson will show you what’s what, and how to navigate through the behemoth which is Photoshop.</p><h3><a href="http://www.tutorial9.net/category/photoshop/photoshop-basics/page/3/" target="_blank">more</a></h3> ]]></content:encoded> <wfw:commentRss>http://www.alias3dmedia.com/tutorials/2d-tutorials/photoshop/photoshop-basics.html/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>The After Effects Output Module Exposed</title><link>http://www.alias3dmedia.com/tutorials/basic/the-after-effects-output-module-exposed.html</link> <comments>http://www.alias3dmedia.com/tutorials/basic/the-after-effects-output-module-exposed.html#comments</comments> <pubDate>Fri, 03 Jul 2009 10:09:14 +0000</pubDate> <dc:creator>admin</dc:creator> <category><![CDATA[Basic]]></category><guid isPermaLink="false">http://www.alias3dmedia.com/?p=2663</guid> <description><![CDATA[We get tons of questions on how to output After Effects project renders, mainly which format and codec to use.]]></description> <content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-2664" title="thumbnail" src="http://www.alias3dmedia.com/wp-content/uploads/2009/06/thumbnail.jpg" alt="thumbnail" width="200" height="200" /></p><p>We get tons of questions on how to output After Effects project renders, mainly which format and codec to use. Topher decided to do some research and wrote this long article that aims to try and answer some questions. It is worth noting that the After Effects built-in help has improved dramatically in recent versions and it is <a href="http://www.adobe.com/support/aftereffects/">constantly updated online</a>.  We urge anyone reading this article to also read the<a href="http://help.adobe.com/en_US/AfterEffects/9.0/WS3878526689cb91655866c1103a4f2dff7-79f5a.html"> AE help</a> for additional reference.</p><p>I will be the first to tell you that this is going to be a boring article. Possibly mind numbing. But I have been wanting to write this article for the longest time because I can&#8217;t count how many times I have been asked what Output Module to use, what it does, and a thousand other questions that go along with it. There is a great deal of information at <a href="http://help.adobe.com/en_US/AfterEffects/9.0/WS3878526689cb91655866c1103a4f2dff7-79f5a.html">help.adobe.com&#8217;s After Effects section.</a> So go grab an energy drink or a cup of coffee, and gear up&#8230; this is a big one.</p><h3>Adobe Clip Notes</h3><p>Adobe Clip Notes is a pretty neat little trick when you are working with clients who might not have certain codecs enabled on their system. What this format does is output the video in either QuickTime or Windows Media, the two most standard formats on all computers&#8230; and wraps the video in a PDF file that you can choose to password protect or not. There is also an area for you to make notes about your video and save it, and your client can make notes back, save it and send through email. This is a great way to work with all the proofs you might be sending back and forth repeatedly. Check out <a href="http://library.creativecow.net/articles/rabinowitz_aharon/Clip_Notes_1.php">Aharon Rabinowitz&#8217;s tutorial</a> on this over at <a href="http://library.creativecow.net/articles/rabinowitz_aharon/Clip_Notes_2.php">Creative COW</a>.</p><h3>Animated GIF</h3><p>This is a pretty obvious output format, but basically it lets you set up a piece of video as an animating GIF image that you can specify for it to have transparency, background color, dithering, or looping enabled or not.</p><h3>Cineon Sequence</h3><p>Cineon is the format used to output the frames of your composition to be later put onto film. You can choose the correct color profile for the film stock that will be later printed to. You can assign color profiles in the Project Settings dialog box. For a very in depth look at Cineon formats, check out <a href="http://magazine.creativecow.net/article/cineon-files-what-they-are-and-how-to-work-with-them">Pete O&#8217;Connell&#8217;s article</a> at Creative Cow.</p><h3>Electricimage IMAGE</h3><p>This is the native file format for Electricimage and unless you are working with this 3D program you probably won&#8217;t use it.</p><h3>F4V (H.264)</h3><p>Essentially this is the same thing as an FLV. It is a MainConcept H.264 video codec wrapped in a Flash video container. The good thing about F4V is that it gives you many more high resolution output settings (up to 1080p) than the regular FLV output. It also looks better and produces smaller files than .flv. There is also a trick with .f4v files, if you literally change the file extension to .flv, it will make it more compatible with online flash video players.</p><h3>FLV</h3><p>This is the main Flash Video format (F4V is just the latest version of this format). Like F4V is lets you customize bitrate, frame rate, field order, and the audio settings. The main difference with this output module, is the video codec that is uses to compress: Sorenson Spark and On2 VP6. This is a very lightweight format, and with over 98% of all internet users have flash installed on their computers, it makes this file format the most popular video format on the web. If you want to reach the most people, this is probably what you want to use as your distribution format.</p><h3>Filmstrip</h3><p>This is a format that is made to be brought into Photoshop as a filmstrip with frame number, reel, and timecode, displaying every frame right next to the other, so that you can edit it by comparing frames side by side. This is generally used as a rotoscoping technique if you choose not to do your roto in After Effects itself.</p><h3>H.264</h3><p>This is the most commonly used Quicktime compression for video, because it produces really clear, very small file sizes. The format settings for this output format are very similar to the F4V settings (since it is essentially the same codec under the hood), and it gives you a bunch of settings preformatted so you can produce the videos immediately for iPod, iPhones, or PSP. This format is kind of a pain to work with when you are trying to render out HD video. You can see my tutorial on <a href="http://blog.videohive.net/resources/the-hives-ae-quicktips-1/">blog.videohive.net</a> for tips on rendering HD H.264 video.</p><h3>H.264 Bluray</h3><p>There are two different Blu-ray codecs to render out to, but this new H.264 Blu-ray output format is a little newer and compresses a lot more than the MPEG2 version. The only catch to use this is that it takes a lot more processing power and more time. The recent new Nvidia QuadroCX card greatly increases render times by utilizing the CUDA engine built into the card. This output format creates a file with a .m4v file extension. For a comprehensive article on the different Blu-ray formats, <a href="http://www.blu-ray.com/faq/">check this out</a>.</p><h3>IFF Sequence</h3><p>The .IFF Sequence is the native format of Autodesk&#8217;s Maya. This file format embeds only RGBA information, and not Z-depth.</p><h3>JPG Sequence</h3><p>A lot of the image sequence output formats are the same deal, in that they can only encode RGBA information. This choice, however, can&#8217;t encode alpha information into it. The file size is a lot smaller than some of the other choices, and should only be used for final output since it is highly compressed.</p><h3>MP3</h3><p>Kind of obvious. This renders an .mp3 audio file for the length of your work area of your composition. Options available in Format Settings are quality, sample rate, channels, and bit rate. If you want to export a .wav or .aiff file format, you can do so by going to File&gt;Export&gt;WAVE or AIFF, and then choose the settings that you want.</p><h3>MPEG2</h3><p>The different MPEG2 output formats actually gave me quite the runaround on figuring out how they work, and why they are different from each other. There are two formats to output for DVD, this one, the MPEG2 format renders to a .mpg file extension and gives you the choice in the format options, under Multiplexing to use a MPEG2, SVCD, DVD, or TS format. This seems like the output format you would want to use if you were to be making a Super Video CD.</p><h3>MPEG2-Bluray</h3><p>Like I wrote earlier, the H.264 Blu-ray codec compresses better, but other than that, the settings are all virtually exactly the same layout. I guess it depends on what file format your Blu-ray authoring program is calling for, because this Output Module outputs the files in a .m2v file extension rather than the .m4v that they H.264 Blu-ray module uses.</p><h3>MPEG2-DVD</h3><p>This is the standard format that you are going to want to render to for taking your standard definition video files into a DVD authoring program such as Adobe Encore or Apple DVD Studio Pro.</p><h3>OMF</h3><p>Finally! You can render files out to be used in Avid directly out After Effects&#8230; except there is only one catch, it&#8217;s only available in Windows. There are a couple little features in it once you choose the output module and hit Format Options. First off, you can choose between NTSC and PAL (obvious), choose your resolution between 1:1 or DV, and then choose a version of the file between OMFI 1.0 or 2.0. The only difference between the two, is 1.0 is supported for backward compatibility with older Avid Systems. One more little catch, this output module doesn&#8217;t render audio with it, so you are going to have to output some audio tracks to sync up later.</p><h3>OpenEXR Sequence</h3><p>OpenEXR was developed by Industrial Light and Magic for use in their feature films. This is a high dynamic-range image file format that allows you to recover highlights, luminance and other features of photos that you generally wouldn&#8217;t be able to without using floating point. Unlike the Radiance format, with .exr you can choose to use an array of different lossless and lossy compressions including Piz, RLE, Zip, Zip16, PXR24, B44, or B44a. There are also options to encode Luminance and Chroma information. This is becoming the de-facto HDR workflow format.</p><h3>PICT Sequence</h3><p>If you are a Windows user like me and had no idea what a PICT Sequence was all these years&#8230; you aren&#8217;t alone. I actually had no idea, and had to Google it myself, and found out that it is a standard graphics format on Macs. This output format actually just creates an image sequence like any of the other image sequence modules, and can contain RGBA information.</p><h3>PNG Sequence</h3><p>One of the more popular image sequence output formats, PNG sequences are usually preferred because they encode color and transparency really well. This format can render out RGBA information as well as progressive or interlaced.</p><h3>Photoshop Sequence</h3><p>Same as all the other image sequences, this renders out to .psd file extensions and has the ability to render RGBA color information.</p><h3>Quicktime Movie</h3><p>Alright, the big one. QuickTime is probably one of the output containers you will use most often in your rendering for almost any client. There are a lot of options for quicktime so I will describe every codec. Each one of these sub-codec compression types encode with the codec type, but keep the file extension as a .mov. Keep this in mind when you are trying to do something like get a .mp4 file from the H.264 sub-codec compression type. Depending on your platform some of these codecs might not be available. You can always install additional codecs on your system and they will show up when you hit the <strong>Format Options</strong> button.</p><p>The <strong>3ivx MPEG-4 5.0.3</strong> is a version that claims to be better than Apple&#8217;s native MPEG-4 compression. According to their website, 3ivx can produce the same quality video in half the size, is five times faster encoding, and is fully compatible with the Apple MPEG-4 decoder built into QuickTime. This of course is in conjunction with QuickTime alone, and I haven&#8217;t been able to actually test these facts within After Effects itself. This codec also has its own options available when you are in the Compression Settings dialog box; when you hit options, there will be Basic as well as Advanced options, specific to this codec.</p><p><strong>Quicktime Animation</strong> is next, and is quite possibly one of the most used codecs. It renders out a lossless, visually uncompressed QuickTime movie. This means it usually produces a huge file. Supports RGBA color information encoding. Until recently, this was probably the most popular mastering codec.</p><p><strong>CineForm HD/2K/4K</strong> is the codec you are going to want to use if you are working with RED files or any other gigantic file formats. This codec also has options specific to itself, in that you can check to enable RGB 4:4:4 encoding and if your source is an interlaced video source.</p><p><strong>DV-PAL</strong> is kind of self explanatory. You can set your frame rate, compressor quality, scan mode and aspect ratio. Additionally, the <strong>DV/DVCPRO &#8211; NTSC</strong> has all of the same options as DV-PAL, just it encodes to NTSC instead. Finally there is the separate <strong>DVCPRO-PAL</strong> format, which, yeah you guessed it, has all the same options again, but renders to DVCPRO-PAL format.</p><p>Now, the infamous <strong>H.264</strong> compression format. This is probably the best formats for compression that you can use. When you watch those amazing looking hollywood movie trailers on Quicktime.com, they are all compressed with h.264. It very customizable, you can set the KBytes per second to that you want it to be with the checkbox for &#8220;Limit data rate to&#8221;. You can do constant or variable bit encoding which can make better looking, smaller files. This is quickly becoming the most popular distribution codec since it began being supported by Flash in it&#8217;s latest version: F4V.</p><p><strong>JPEG 2000</strong> essentially renders the video as an image sequence, but then kind of &#8220;wraps&#8221; that sequence in a .mov container and gives it the ability to encode audio along with it. Unlike the JPEG Sequence output format, this codec can also encode RGBA information.</p><p>The <strong>MPEG-4 Video</strong> compression type, doesn&#8217;t use the same compression as the H.264 codec, but it does give you the same amount of options including the &#8220;Limit data rate to&#8221; specification box.</p><p>There is a major difference between the Quicktime Animation compression setting and the <strong>NONE</strong> setting. Animation does Run Length Encoding (RLE) to maintain a visually lossless image but a smaller file size. This means you get a visually uncompressed file which is going to be smaller in file size than NONE. But like animation it also lets you set keyframes in your video every however many specified frames you want. Unless your client specifically asked for the NONE codec, I would recommend you use Animation when you want an uncompressed movie.</p><p><strong>Photo JPEG</strong> is the same as JPEG2000 except for the fact that it doesn&#8217;t support encoding of alpha information. You can still render an audio track along with it though.</p><p><strong>PNG</strong> is another image sequence wrapped in a .mov type of format. This compression lets you choose if your video is to be interlaced, and then also provides a few filters for you to choose from, although you should probably keep it on &#8220;Best&#8221;. This codec also support RGBA information and encoding with audio.</p><p>The last codec in the Quicktime output Container is the<strong> TechSmith EnSharpen</strong> compression. Techsmith makes the Camtasia screen recording software, so this is meant to replicate their type of compressions they use in their software. It gives you the option of using RGBA information, but also gives you a numbered chart on how much compression to use having 1 be the fastest (most) compression and 9 being the slowest (least) compression.</p><h3>Radiance Sequence</h3><p>The Radiance Sequence output format is a 32bit image sequence format for use with high dynamic range workflows. Its extention is .hdr. These image sequences can later be brought into .hdr image editors to manipulate as a whole or as individual frames. ILM&#8217;s .exr format is probably a better format as it also a 32bit format but produces smaller file sizes.</p><h3>SGI Sequence</h3><p>SGI stands for Silicon Graphics Image, and was originally the native image format for Silicon Graphics workstations. It has since become a popular format for high-end 3D workflows. This format has the ability to encode RGBA information and within the Format Options dialog box there is a checkbox to switch on RLE compression.</p><h3>TIFF Sequence</h3><p>TIFF is another image sequence output format, but a very is very versatile and high quality. Along with being able to encode RGBA like pretty much everything else, it can also render with floating point. In the option dialog box, there are options to check on or off LZW Compression, which is a universal lossless data compression, as well as IBM PC Byte Order.</p><h3>Targa Sequence</h3><p>Right off the bat, when you choose the Targa Sequence output format, the format options make you choose to render to 16, 24, or 32 bits per pixel. From there you can choose to render with RGBA and also if you want to use RLE Compression.</p><h3>Video for Windows</h3><p>This is the output format that you are going to want if you are looking to output a .avi file format. There are almost 20 different subcodecs to choose from, and each one has a different type of compression, and different features available to it. Keep in mind that I use the <a href="http://tinyurl.com/mzue4e">K-Lite Media Codec Pack</a>, so if I am talking about a few options you don&#8217;t have that could be the reason.</p><p><strong>Microsoft DV</strong> is the codec that FireWire-captured DV footage is encoded in coming from miniDV tape. If you are editing together effects shots in After Effects shot on DV, and putting them together in Premiere Pro later on&#8230; this is the codec you will want.</p><p>The <strong>8-bit and 10-bit YUV (4:2:2 YUV)</strong>&#8216;s are the codecs recommended for capturing, processing, and displaying video in the Microsoft Windows operating system.</p><p>The <strong>TechSmith Screen Capture</strong> Codec is the codec that Camtasia encodes to when you do screen recordings in the program. This codec gives you options of keyframing however many frames as well as a slider for Faster Compression or Better Compression.</p><p>The <strong>Cinepak codec</strong> by Radius gives you the options of keyframing every certain amount of frames, as well as limiting your data rate to a specified Kb/sec. There are also options to render color or black and white.</p><p>The <strong>Heliz YV12 YUV Codec</strong> is one of the basic codecs used by Video for Windows for encoding. It is almost identical to the I420 codec. The only restriction with the Helix YUV codecs is width must be a multiple of 4 or the render will fail or the file won&#8217;t work correctly.</p><p>The <strong>Xvid MPEG-4 Codec </strong>has a ton of options that come along with it. For starters there are a bunch of Profile @ Levels to pick from, different encoding types, and Quality presets. Remember even though this is an MPEG-4 Codec, this will still give you a .avi file.</p><p>The <strong>ffdshow Video Codec</strong> has a massive menu for you to customize how your video will be rendered out. It&#8217;s almost like a second render queue. You can choose from over 20 different encoders, bitrates, how many different passes and types of passes, Masking, Quantization, Motion Estimation and a bunch more. I am not sure, but I am not sure if this comes standard with After Effects.</p><p>There is also a <strong>PICVideo M-JPEG 3 VfW Codec</strong> available which is a lot like the JPEG2000 options that Quicktime gives you. It basically creates a JPEG image sequence and wraps it in an .avi giving you the ability to render audio with it. There are also options for effecting the Luminance, Chrominance and Compression Qualities.</p><p>The <strong>DivX 6.8.5 Codec</strong> basically creates your video so that it is playable back for different profiles of DivX video players. You can choose from mobile to full HD profiles, and even go deeper into the settings to further customize your output.</p><p><strong>Microsoft Video 1</strong> is very basic, it has a slider to set the compression quality, and options to keyframe every certain amount of frames, and also set the data rate to conform to a specific KB/sec.</p><p><strong>3ivx MPEG-4 3.0.5</strong> is essentially the same options as above inside the Quicktime Movie output module.</p><p>Microsoft also has an <strong>RLE compression codec</strong> to encode video to .avi. This one is also very basic with the same features as Microsoft Video 1</p><p>Lastly, there is the <strong>No Compression</strong> option, which outputs a completely lossless .avi video file from your composition. This is optimal if you are working on shots and need to have the utmost detail possible.</p><h3>WAV</h3><p>Like I noted above in the MP3 output format, this one only renders an audio track. All that is able to be customized is the kHz, bitrate, and channels.</p><h3>Windows Media</h3><p>Yes, some people still use <strong>Windows Media</strong>. If you go into the options for the Windows Media Output Module, you will find a ton of presets for NTSC and PAL source download options catered to different speed connections as well as presets for Zune, Creative Zen and Palm devices. Everything else is completely customizeable as well as legacy .WMV video and audio codecs, bit rates, frame rates, and other settings.</p><h4>Source:<a href="http://ae.tutsplus.com/articles/in-depth/the-after-effects-output-module-exposed/" target="_blank">http://ae.tutsplus.com</a></h4> ]]></content:encoded> <wfw:commentRss>http://www.alias3dmedia.com/tutorials/basic/the-after-effects-output-module-exposed.html/feed</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Basic Theory of digital painting</title><link>http://www.alias3dmedia.com/tutorials/basic/basic-theory-of-digital-painting.html</link> <comments>http://www.alias3dmedia.com/tutorials/basic/basic-theory-of-digital-painting.html#comments</comments> <pubDate>Sat, 25 Apr 2009 21:17:46 +0000</pubDate> <dc:creator>admin</dc:creator> <category><![CDATA[Basic]]></category><guid isPermaLink="false">http://www.alias3dmedia.com/?p=1779</guid> <description><![CDATA[Art theory is somewhat a science to a special degree. There is a lot of logic and physics you need to know in order to really understand what’s going on. I also think that there are certain rules to why an illustration works or works not.]]></description> <content:encoded><![CDATA[<h2><img class="aligncenter size-full wp-image-1786" title="62303" src="http://www.alias3dmedia.com/wp-content/uploads/2009/04/62303.jpg" alt="62303" width="500" height="125" /></h2><h2></h2><h2><strong>Line:</strong></h2><p><span style="color: #000000;">Theoretical description:<br /> “Line is just a connection of 2 points and it can be straight or curve. There are many types of line, but most lines can be simplified and represented by a combination of straight curves” </span></p><p><span style="color: #000000;">In regards to art:<br /> Lines are specially important for special kind of art (drawings, comics, inking).<br /> Line weight is particularly important in this case. Even lines make for a boring effect as where as different line-weight can make something more interesting. Besides it is used to hint at shapes (this would go towards inking and that would be a whole little section on its own ) Depending on what you want to achieve/say the left or the right might be more interesting. Sometimes you don’t even have to draw the whole line but a hint of an ending works much better. </span></p><p><span style="color: #000000;"><img class="size-full wp-image-1781 alignnone" title="lines" src="http://www.alias3dmedia.com/wp-content/uploads/2009/04/lines.gif" alt="lines" width="400" height="200" /></span></p><h2></h2><h2><span><strong>Values:</strong></span></h2><p><em>Theoretical description:</em><br /> “Value is how light or dark something is. Value can be determined by the local tone or color of something or by how light interacts with something (creating highlights, halftones and shadow).”<br /> <em><br /> In regards to art:</em><br /> Values are probably the most important aspects to consider. They are also the reason that we like black and white illustrations a lot. It is much harder to achieve the right values with colors. This is mainly the case because the more value something has the less hue of the actual color it shows. I hope I am not wrong here but most of the time we just use “brightness” instead of value. However Value is actually the relationship between the brightness of one color in regards to another.</p><p>Look at this gif: The grey a middle value and it’s exactly the same on both sides (128, 128, 128 &#8211; a neutral grey): It does look warmer while surrounded by cold colors and appears to be colder while surrounded by warm colors. That means if some elements have the same value they will react on the hue of the surrounding elements instead if you compare them.</p><p><img class="size-full wp-image-1784 alignnone" title="values1" src="http://www.alias3dmedia.com/wp-content/uploads/2009/04/values1.gif" alt="values1" width="400" height="200" /></p><p>Values are extremely important in regards to texture and surfaces as well, how objects interact and to create forms.</p><p>It’s always a good trick to desaturate your painting to check how your values are. In general you should have the biggest value contrast around the center of interest because your eye gets drawn to that point automatically. In general you should have most values in the mid range, then less in dark and lighter values. (highlight and shadows).<br /> I think you could write a whole book about values only but generally make sure you have a the whole range from very dark to very light in your painting.</p><p>Values are also sometimes tricky to “see correctly” since our brain makes us think that we see a different value than it actually is. That is particularly hard to see if you look at something with a smooth value transient &#8211; now tell me you are not a tiiiiiiiiny bit surprised how big the difference from value a to value b is on the bottom bar?</p><p><img class="size-full wp-image-1785 alignnone" title="values" src="http://www.alias3dmedia.com/wp-content/uploads/2009/04/values.jpg" alt="values" width="400" height="200" /></p><h2></h2><h2><span><strong>Shape and Form:</strong></span></h2><p><em>Theoretical description:</em><br /> “Shape is the first thing that you see, in 2d. Basically the silhoutte of something. Shapes are usually very simple at first sight and they easily give us the length, width and proportions of any given subject. There are also light shapes and shadow shapes, etc.”</p><p>“Form is what gives something the look of being 3d. It happens in the areas of an object where shadow turns into light, revealing the ‘topography’ or elevations of the surface of something. Subtle gradations of value usually represent smooth surfaces,like a sphere, while sharper shifts in value show surfaces that have solid and sudden plane changes, like a box or bony areas of the body.”<br /> <em><br /> Art wise:</em><br /> Shapes can be a great help to create a more appealing image. I tend to sketch in shadow/shape figures to check if a character or an object may look interesting (sorry for the crappy quality). You will also see that as soon as I add some values (in this case some grayscale elements) you actually start to see shapes and surfaces/textures thus the actual elements get more defined.</p><p><img class="size-full wp-image-1782 alignnone" title="shape_form1" src="http://www.alias3dmedia.com/wp-content/uploads/2009/04/shape_form1.jpg" alt="shape_form1" width="400" height="200" /></p><p>Forms are defined by values. If you add values to a shape you automatically create a form and it’s surface.</p><p><img class="size-full wp-image-1783 alignnone" title="shape_form" src="http://www.alias3dmedia.com/wp-content/uploads/2009/04/shape_form.jpg" alt="shape_form" width="400" height="200" /></p><h2></h2><h2><span><strong>Colors:</strong></span></h2><p>Theoretical approach:<br /> ” Color is both value and hue. I think it includes how light or dark something is, plus what ‘tint’ and saturation something has.”</p><p>Artistic:<br /> uhohh &#8211; ok &#8211; hmm &#8211; way too much to write here. Nothing about how colors work together or how they influence themselves but how they basically get created mayhaps?</p><p>Light is the main reason we see colors. Basically, if something looks green it means that all other light hues get absorbed and only the green parts of the spectrum gets bounced off into our eyes. That is also the reason you should always have your ambient color in mind because that is technically light that bounces off everywhere and influences all of the basic hues in your painting.</p><p>For me while painting I define colors by three main elements:<br /> <strong>Hue</strong>, <strong>saturation </strong>and <strong>value </strong>(or to simplify it: brightness).<br /> In Photoshop if you have the window with the color tab open you can chose to work with exactly those three elements. If you are not already working with the HSB (rings a bell?) Slider &#8211; you can go and click the little arrow at the top right to open a little menu and chose “HSB”.</p><p><img class="size-full wp-image-1780 alignnone" title="hsb" src="http://www.alias3dmedia.com/wp-content/uploads/2009/04/hsb.jpg" alt="hsb" width="400" height="200" /></p><p>Hue is basically what we normally call “color”. You name it: yellow, orange, purple, pink…<br /> Saturation means how much of the actual hue there is in the color. Screaming pink or neon colors are good examples for extreme saturation. Value we already covered</p><p>There is so much to colors &#8211; warm colors, cold colors, how they interact, complementary colors &#8211; yadda yadda &#8211; too much to write about really.</p><p>Besides colors are also a matter of taste and personal style. They help tell your story in a painting and can create certain feelings in the viewer. They can be like a character to your story.</p><h4>Thank to  <a href="http://www.tascha.ch" target="_blank">http://www.tascha.ch</a></h4> ]]></content:encoded> <wfw:commentRss>http://www.alias3dmedia.com/tutorials/basic/basic-theory-of-digital-painting.html/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Color Theory</title><link>http://www.alias3dmedia.com/tutorials/basic/color-theory.html</link> <comments>http://www.alias3dmedia.com/tutorials/basic/color-theory.html#comments</comments> <pubDate>Fri, 24 Apr 2009 21:11:00 +0000</pubDate> <dc:creator>admin</dc:creator> <category><![CDATA[Basic]]></category><guid isPermaLink="false">http://www.alias3dmedia.com/?p=1730</guid> <description><![CDATA[color theory is a body of practical guidance to color mixing and the visual impacts of specific color combinations]]></description> <content:encoded><![CDATA[<p style="text-align: center;"><img class="size-full wp-image-1756 aligncenter" title="colored_pencils_106a" src="http://www.alias3dmedia.com/wp-content/uploads/2009/04/colored_pencils_106a.jpg" alt="colored_pencils_106a" width="448" height="196" /></p><p style="text-align: justify;">In the visual arts, color theory is a body of practical guidance to color mixing and the visual impact of specific color combinations. Although color theory principles first appear in the writings of Leone Battista Alberti (c.1435) and the notebooks of Leonardo da Vinci (c.1490), a tradition of &#8220;colory theory&#8221; begins in the 18th century, initially within a partisan controversy around Isaac Newton&#8217;s theory of color (Opticks, 1704) and the nature of so-called primary colors. From there it developed as an independent artistic tradition with only superficial reference to colorimetry and vision science</p><h2><span style="text-decoration: underline;"><span style="color: #333333;"><strong>Introduction</strong></span></span></h2><p><span style="color: #000000;">For                      a long time</span><span style="color: #000000;">,                      now, there has been a problem that fledgling designers have                      run into on a constant basis. This problem seems insignificant                      to most, but in actuality it is quite possibly the most important                      factor in a design or piece of artwork. Yes, you guessed it&#8230;I&#8217;m                      talking about the issue of COLOR.</span></p><p>Color can be a touchy subject. Sometimes artists use colors                      that evoke certain emotions. Other times artists use colors                      simply because they like the way they look. While any design                      instructor will tell you that the latter reason is completely                      wrong, I tend to disagree. In my personal opinion, color always                      has meaning. This meaning can be, as I mentioned, an emotional                      one or it can be a personal preference on the part of the                      artist himself, but it ALWAYS has purpose behind it.</p><p>There is nothing wrong with choosing a color because you like                      it because, after all, it is your work. However, when                      choosing a color you still want to make sure its use does                      not conflict with what you are trying to say with your work.                      Proper use of basic color theory can help you decide what                      colors match, as well as what each color makes people feel.</p><h2><span style="text-decoration: underline;"><span style="color: #333333;"><strong>The color wheel</strong></span></span></h2><p style="text-align: justify;"><span style="color: #000000;"><span style="color: #000000;">The color wheel</span> has earned a place in              the hearts of many artists and designers across the globe. Not because              its the perfect tool, but because everybody, at some point, has had              to make one of their own as part of a ridiculous art class project.</span></p><p>The wheel&#8217;s construction is actually quite simple. You have your 6              basic colors: red, orange, yellow, green, blue, and purple. Then,              depending on which wheel you&#8217;re looking at, you have extra, &#8220;in-between&#8221;              colors that are mixes of the basic colors.</p><p>There are names for all of these colors, which are important to know.              The following is a list of all of the names of colors and what they&#8217;re              good for.</p><p><strong><img class="alignleft size-full wp-image-1733" title="primary" src="http://www.alias3dmedia.com/wp-content/uploads/2009/04/primary.gif" alt="primary" width="135" height="135" /></strong></p><p style="text-align: justify;"><span style="color: #000000;"><strong>Primary Colors:</strong> Red, Yellow, Blue. These 3 colors are the base              colors for every other color on the color wheel. This is why they&#8217;re              called &#8220;primary.&#8221; When you mix two primaries together, you              get a secondary color.<br /> Also note the triangular positioning of the primary colors on the              color wheel, and how the secondary colors are next to them.<br /> Primary colors are useful for designs or art that needs to have a              sense of urgency. Primary colors are the most vivid colors when placed              next to eachother, which is why you&#8217;ll notice that most fast food              joints use primary colors in their logos, as it evokes speed.</span></p><p style="text-align: justify;"><span style="color: #000000;"><br /> <strong><br /> <img class="alignleft size-full wp-image-1734" title="secondary" src="http://www.alias3dmedia.com/wp-content/uploads/2009/04/secondary.gif" alt="secondary" width="135" height="135" /></strong></span></p><p style="text-align: justify;"><span style="color: #000000;"><strong>Secondary Colors:</strong> Orange, Green, Purple. These 3 colors are              what you get when you mix the primary colors together.<br /> They&#8217;re located in-between the primary colors to indicate what colors              they&#8217;re made from. Notice how green is in-between yellow and blue.<br /> Secondary colors are usually more interesting than primary colors,              but they do not evoke speed and urgency.</span></p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;"><span style="color: #000000;"><br /> </span></p><p><strong> </strong></p><p style="text-align: justify;"><span style="color: #000000;"><strong><img class="alignleft size-full wp-image-1735" title="tertiary" src="http://www.alias3dmedia.com/wp-content/uploads/2009/04/tertiary.gif" alt="tertiary" width="135" height="135" /></strong></span></p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;"><span style="color: #000000;"><strong>Tertiary Colors:</strong> These are those &#8220;in-between&#8221; colors              like Yellow-Green and Red-Violet. They&#8217;re made by mixing one primary              color and one secondary color together. There can be endless combination&#8217;s              of tertiary colors, depending on how they&#8217;re mixed.</span></p><p style="text-align: justify;"><span style="color: #000000;"><br /> </span></p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;"><span style="color: #000000;"><strong><img class="alignleft size-full wp-image-1736" title="red-green" src="http://www.alias3dmedia.com/wp-content/uploads/2009/04/red-green.gif" alt="red-green" width="135" height="135" /></strong></span></p><p style="text-align: justify;"><span style="color: #000000;"><strong>Complementary Colors:</strong> Red and Green, Blue and Orange, Purple              and Yellow. These are the colors directly across from eachother on              the color wheel. Don&#8217;t let the name fool you, they rarely look good              when used together. They&#8217;re called &#8220;complementary&#8221; because,              when used together, they become extremely vibrant and have heavy contrast.<br /> Complementary colors are useful when you want to make something stand              out. For example, if you use a green background and have a red circle              on it, the red will jump off the page and be almost blinding.</span></p><p style="text-align: justify;"><span style="color: #000000;"><br /> </span></p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;"><span style="color: #000000;"> <strong><img class="alignleft size-full wp-image-1737" title="analogous" src="http://www.alias3dmedia.com/wp-content/uploads/2009/04/analogous.gif" alt="analogous" width="135" height="135" /></strong></span></p><p style="text-align: justify;"><span style="color: #000000;"><strong>Analogous Colors:</strong> Red and Orange, Blue and Green, etc. These              are colors right next to eachother on the color wheel. They usually              match extremely well, but they also create almost no contrast. They&#8217;re              good for very serene-feeling designs and artwork where you want viewers            to feel comfortable. </span></p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;"><span style="color: #000000;"><br /> </span></p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;"><strong><img class="alignleft size-full wp-image-1738" title="monocolorwheel" src="http://www.alias3dmedia.com/wp-content/uploads/2009/04/monocolorwheel.jpg" alt="monocolorwheel" width="142" height="133" /></strong></p><p style="text-align: left;"><strong>Monochromatic  							  Colors:</strong>Monochromatic  							  colors are colors with the same hue but different tones, values  							  and saturation. For example, a paint swatch card has several different  							  values of one color. Using two or more monochromatic colors creates  							  a stylish and pleasant look.</p><h2 style="text-align: justify;"><span style="text-decoration: underline;"><span style="color: #333333;"><strong>Other terms</strong></span></span></h2><p style="text-align: justify;"><span style="color: #000000;"><span style="color: #000000;">There are plenty</span> of other names and titles              that refer to different aspects of color, but this is where it starts              getting complex. If you want to know more about color, read on.</span></p><p style="text-align: justify;">&nbsp;</p><p><strong><img class="alignleft size-full wp-image-1740" title="warmcolorwheel" src="http://www.alias3dmedia.com/wp-content/uploads/2009/04/warmcolorwheel.jpg" alt="warmcolorwheel" width="110" height="120" /></strong></p><p style="text-align: justify;"><span style="color: #000000;"><strong>Warm Colors:</strong> Colors such as red, yellow, and orange. These              colors evoke warmth because they remind us of things like the sun              or fire.</span></p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;"><span style="color: #000000;"><strong><img class="alignleft size-full wp-image-1739" title="coolcolorwheel" src="http://www.alias3dmedia.com/wp-content/uploads/2009/04/coolcolorwheel.jpg" alt="coolcolorwheel" width="106" height="116" /></strong></span></p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;"><span style="color: #000000;"><strong>Cool Colors:</strong> Colors like blue, green, and purple (violet).              These colors evoke a cool feeling because they remind us of things              like water or grass.</span></p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;"><span style="color: #000000;"><strong><img class="alignleft size-full wp-image-1747" title="ghgh" src="http://www.alias3dmedia.com/wp-content/uploads/2009/04/ghgh.jpg" alt="ghgh" width="207" height="76" /></strong></span></p><p style="text-align: justify;"><span style="color: #000000;"><strong>Neutral Colors:</strong> Gray, Brown. These aren&#8217;t on most color wheels,              but they&#8217;re considered neutral because they don&#8217;t contrast with much              of anything. They&#8217;re dull and uneventful.</span></p><p><strong> </strong></p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;"><span style="color: #000000;"><strong>Value:</strong> Usually refers to the amount of black in a color. The              more black a color has, the darker its value.<br /> </span><span style="color: #000000;"> </span></p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;"><span style="color: #000000;"><strong>Brightness:</strong> Refers to the amount of white in a color. The more              white a color has, the brighter it is.</span></p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;"><span style="color: #000000;"><strong><img class="alignleft size-medium wp-image-1742" title="ff" src="http://www.alias3dmedia.com/wp-content/uploads/2009/04/ff-300x163.jpg" alt="ff" width="194" height="103" />Saturation:</strong> Refers to the amount of a color used. When a color              is at full saturation, it is extremely vibrant. When a color is &#8220;desaturated,&#8221;              a large amount of color has been removed. Desaturated colors tend              to be close to </span><span style="color: #000000;">being neutral because there is so much gray in them.</span></p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;"><span style="color: #000000;"><br /> </span></p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;"><img class="alignleft size-full wp-image-1745" title="mycolorwheel" src="http://www.alias3dmedia.com/wp-content/uploads/2009/04/mycolorwheel.jpg" alt="mycolorwheel" width="292" height="270" /></p><p style="text-align: justify;"><strong>Hue</strong>: Another name for color</p><p><strong>Value</strong>: the lightness or darkness of a color</p><p><strong>Intensity</strong>: the brightness or dullness of a color</p><p><strong>Tint</strong>: color + white, resulting in a lighter value</p><p><strong>Tone</strong>: color + grey, resulting in a darker value</p><p><strong>Shade</strong>: color + black, delivering the darkest versions  					of color</p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;">&nbsp;</p><h2 style="text-align: justify;"><span style="text-decoration: underline;"><strong><span style="color: #000000;">Types of color</span></strong></span></h2><p style="text-align: justify;"><span style="color: #000000;"><span style="color: #000000;">As you might suspect</span>, there are different              types of color. Now is when you can throw the color wheel out the              window.</span></p><p><strong> </strong></p><p style="text-align: justify;"><span style="color: #000000;"><img class="alignleft size-full wp-image-1748" title="rgb_01" src="http://www.alias3dmedia.com/wp-content/uploads/2009/04/rgb_01.gif" alt="rgb_01" width="122" height="122" /></span><span style="color: #000000;"><strong> </strong></span></p><p style="text-align: justify;"><span style="color: #000000;"><strong>RGB Color</strong>: This is color based upon light. Your computer monitor              and television use RGB. The name &#8220;RGB&#8221; stands for Red, Green,              Blue, which are the 3 primaries (with green replacing yellow). By              combining these 3 colors, any other color can be produced. Remember,              this color method is only used with light sources; it does not apply              to printing.</span></p><p><strong> </strong></p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;"><span style="color: #000000;"><strong><img class="alignleft size-full wp-image-1749" title="cmyk" src="http://www.alias3dmedia.com/wp-content/uploads/2009/04/cmyk.jpg" alt="cmyk" width="142" height="142" /></strong></span></p><p style="text-align: justify;"><span style="color: #000000;"><strong>CMYK Color</strong>: This is the color method based upon pigments. &#8220;CMYK&#8221;              stands for Cyan, Magenta, Yellow, and Black (its what the K stands              for). Using these 4 colors, most other colors can be achieved. Unfortunately,              CMYK cannot reproduce the same amount of colors as RGB can, which              is why yellow-greens sometimes look a bit muddy when printed.<br /> This is the method used by printers the world over, and is also a              clever way of mixing paints.</span></p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;"><span style="color: #000000;"><br /> </span></p><p><strong> </strong></p><p style="text-align: justify;"><span style="color: #000000;"><strong><img class="alignleft size-full wp-image-1750" title="300px-pantoneformulaguide-solidmatte-2005edition" src="http://www.alias3dmedia.com/wp-content/uploads/2009/04/300px-pantoneformulaguide-solidmatte-2005edition.png" alt="300px-pantoneformulaguide-solidmatte-2005edition" width="144" height="108" />Pantone (PMS) Color</strong>: This is yet another printing color method.              PMS stands for &#8220;Pantone Matching System,&#8221; and is a large              list of specially mixed colors made by the Pantone Corporation. Instead              of using CMYK to create colors, the pigments are created individually              for purity.<br /> For example, if I wanted to use a Red-Violet color, I&#8217;d pick PMS 233M.              The color would be made exclusively for my project and would always              print exactly how I want.<br /> The only drawback to using PMS colors is that they&#8217;re only useful            for projects with few colors. They&#8217;re also expensive.</span></p> ]]></content:encoded> <wfw:commentRss>http://www.alias3dmedia.com/tutorials/basic/color-theory.html/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
<!-- Served from: www.alias3dmedia.com @ 2012-02-08 18:40:28 by W3 Total Cache -->
