<?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"
	>

<channel>
	<title>The Art of Roberto Campus</title>
	<atom:link href="http://www.robertocampus.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.robertocampus.com</link>
	<description>fantasy art, photoshop and wacom tutorials, digital illustration tips</description>
	<pubDate>Wed, 15 Apr 2009 05:01:25 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.6.2</generator>
	<language>en</language>
			<item>
		<title>4 new images!</title>
		<link>http://www.robertocampus.com/2009/04/4-new-images/</link>
		<comments>http://www.robertocampus.com/2009/04/4-new-images/#comments</comments>
		<pubDate>Wed, 15 Apr 2009 05:01:25 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Gallery Updates]]></category>

		<category><![CDATA[Book Covers]]></category>

		<category><![CDATA[Dragon]]></category>

		<category><![CDATA[Dungeon Magazine]]></category>

		<category><![CDATA[Fantasy]]></category>

		<category><![CDATA[Xena]]></category>

		<guid isPermaLink="false">http://www.robertocampus.com/?p=58</guid>
		<description><![CDATA[Here are 4 new images for the gallery:
    
]]></description>
			<content:encoded><![CDATA[<p>Here are 4 new images for the gallery:</p>
<p><a href="http://www.robertocampus.com/gallery/covers/regal"><img class="alignnone" title="Regal Book Cover" src="http://www.robertocampus.com/images/gd_book-cover-regal-detail-thumb.gif" alt="" width="88" height="108" /> </a><a href="http://www.robertocampus.com/gallery/covers/aod-xena"><img class="alignnone" title="AoD vs XENA" src="http://www.robertocampus.com/images/gd_aox-cover-thumb.gif" alt="" width="88" height="108" /> </a><a href="http://www.robertocampus.com/gallery/rpg/spinecastle"><img class="alignnone" title="Spinecastle Spread" src="http://www.robertocampus.com/images/gd_shadow-of-spinecastle-spread-thumb.gif" alt="" width="88" height="108" /></a><a href="http://www.robertocampus.com/gallery/covers/aod-xena"> </a><a href="http://www.robertocampus.com/gallery/rpg/spinecastleB"><img class="alignnone" title="SpineCastle Spread B" src="http://www.robertocampus.com/images/gd_shadow-of-spinecastle-spreadB-thumb.gif" alt="" width="88" height="108" /></a><a href="http://www.robertocampus.com/gallery/covers/aod-xena"> </a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.robertocampus.com/2009/04/4-new-images/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Photoshop Tutorial: Bioshock Videogame Digital Painting</title>
		<link>http://www.robertocampus.com/2007/09/photoshop-tutorial-bioshock-videogame-digital-painting/</link>
		<comments>http://www.robertocampus.com/2007/09/photoshop-tutorial-bioshock-videogame-digital-painting/#comments</comments>
		<pubDate>Sun, 09 Sep 2007 22:08:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Photoshop Tutorials]]></category>

		<guid isPermaLink="false">http://www.robertocampus.com/2007/09/09/photoshop-tutorial-bioshock-videogame-digital-painting/</guid>
		<description><![CDATA[ 
In this walkthrough I explain how I used Photoshop and a Wacom Tablet to paint a character from the new videogame Bioshock for GamePro Magazine. This walkthrough gives you an overview on how to use textures in a digital painting. Enjoy!

I painted this piece over line art by Joe Ng (another artist on the UDON [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.robertocampus.com/2007/09/09/photoshop-tutorial-bioshock-videogame-digital-painting/"><img src="http://www.robertocampus.com/wp-content/uploads/post_tutorial_bioshock_header.jpg" alt="Photoshop Tutorial : Bioshock Videogame Digital Painting" /></a> </p>
<p>In this walkthrough I explain how I used Photoshop and a Wacom Tablet to paint a character from the new videogame Bioshock for GamePro Magazine. This walkthrough gives you an overview on how to use textures in a digital painting. Enjoy!</p>
<p><span id="more-54"></span></p>
<p>I painted this piece over line art by <a target="_blank" href="http://ngboy.deviantart.com/">Joe Ng</a> (another artist on the UDON team) for the August 2007 issue of GamePro Magazine. This piece required extensive use of textures because of the rusty metal elements on the character&#8217;s suit. I used Photoshop 7 and a Wacom Intuos tablet. My favorite tablet is the <a rel="nofollow" target="_blank" href="http://www.amazon.com/gp/product/B000F91Q0E?ie=UTF8&amp;tag=theartofrob0c-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=B000F91Q0E">Wacom Intuos 3 6&#215;8</a><img border="0" width="1" src="http://www.assoc-amazon.com/e/ir?t=theartofrob0c-20&amp;l=as2&amp;o=1&amp;a=B000F91Q0E" height="1" style="margin: 0px; border: medium none" />. See my tutorial on <a href="http://www.robertocampus.com/2007/06/18/tutorial-choosing-the-right-wacom-tablet/">choosing the right graphic tablet</a>.</p>
<p><strong>Step 1 - Line Art</strong></p>
<p><img src="http://www.robertocampus.com/wp-content/uploads/post_tutorial_bioshock_1_line-art.jpg" alt="Photoshop Tutorial : Bioshock Videogame Digital Painting - Line Art" /></p>
<p>This was the easiest part: I just opened the file and there it was! Great line art from my fellow UDON artist Joe Ng.</p>
<p><script type="text/javascript"><!--
google_ad_client = "pub-9427148625777629";
google_alternate_color = "FFFFFF";
google_ad_width = 336;
google_ad_height = 280;
google_ad_format = "336x280_as";
google_ad_type = "text_image";
//2007-05-08: robertocampus blog - 336x280
google_ad_channel = "4925382310";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "a23939";
google_color_text = "404040";
google_color_url = "404040";
//-->
</script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
<p><strong>Step 2 - Flats</strong></p>
<p><img src="http://www.robertocampus.com/wp-content/uploads/post_tutorial_bioshock_2_flats.jpg" alt="Photoshop Tutorial : Bioshock Videogame Digital Painting - Flats" /></p>
<p>A fairly complicated piece like this one, requiring several different textures, calls for an extra step in the process: Flats. As explained in my previous tutorial on <a target="_blank" href="http://www.robertocampus.com/2007/06/28/photoshop-tutorial-wonder-woman-pin-up-digital-painting/">how paint a Wonder Woman pin up</a>, flatting is a technique borrowed from the comic book industry. In simple terms, each area is filled with a base color (metal, belts, clothing, etc.) to serve as a basis for the following coloring steps. I usually flat using different layers, one for each element of the figure. For example, in this case, I add all the metal parts in their own layer (see the yellow-ish areas in the image above); one layer for the clothing (the grey areas) and so on.</p>
<p><script type="text/javascript"><!--
ch_client = "robcamp";
ch_type = "mpu";
ch_width = 468;
ch_height = 180;
ch_non_contextual = 1;
ch_nosearch = 1 ;
ch_sid = "468x180 wacom";
var ch_queries = new Array( "wacom" );
var ch_selected=Math.floor((Math.random()*ch_queries.length));
if ( ch_selected < ch_queries.length ) {
ch_query = ch_queries[ch_selected];
}
//--></script>
<script  src="http://scripts.chitika.net/eminimalls/mm.js" type="text/javascript">
</script></p>
<p><strong>Step 3 - Textures</strong></p>
<p><img src="http://www.robertocampus.com/wp-content/uploads/post_tutorial_bioshock_3_textures.jpg" alt="Photoshop Tutorial : Bioshock Videogame Digital Painting - Textures" /></p>
<p>Textures are what makes this piece in the end. The trick here is to add several different kinds of textures and to have them applied to only certain areas (i.e. the helmet). A simple way to achieve this is as follows:</p>
<ol>
<li>Create a new layer (let&#8217;s call it &#8220;my texture&#8221; for simplicity) above the layer you want to apply the texture to.</li>
<li>Open a texture image and copy and paste it into the &#8220;my texture&#8221; layer.</li>
<li>Set the texture layer blend mode to Overlay.</li>
<li>Now you can see through and how the texture looks as applied on the layer below.</li>
<li>Change the texture layer opacity as needed. I usually have it at 20% or less.</li>
<li>Move the texture around to make sure you find the best fit.</li>
<li>Assuming you have a flat of the area you want to apply the texture on already on its own layer, select its transparency.</li>
<li>Select the texture layer.</li>
<li>Add a layer mask: <strong>Layers &#8211;&gt; Add Layer Mask &#8211;&gt; Reveal Selection</strong></li>
</ol>
<p>Now the texture covers only the area that is supposed to. Using a layer mask gives you flexibility. It&#8217;s much better than simply deleting the area of the texture you don&#8217;t want to show because if you do so, you can&#8217;t go back and move the texture around later on and make adjustments.</p>
<p><iframe src="http://rcm.amazon.com/e/cm?t=theartofrob0c-20&o=1&p=16&l=st1&mode=books&search=adobe%20photoshop&fc1=999999&lt1=_blank&lc1=A23939&bg1=FFFFFF&npa=1&f=ifr" marginwidth="0" marginheight="0" width="468" height="336" border="0" frameborder="0" style="border:none;" scrolling="no"></iframe></p>
<p><strong>Step 4 - Shadows</strong></p>
<p><img src="http://www.robertocampus.com/wp-content/uploads/post_tutorial_bioshock_4_shadows.jpg" alt="Photoshop Tutorial : Bioshock Videogame Digital Painting - Shadows" /></p>
<p>Once happy with the textures, I painted the shadows on the figures using an adjustment layer set on multiply. See my Wonder Woman tutorial for details on this technique. The shadows layer is above all other layers in this case. See a detail below:</p>
<p><img src="http://www.robertocampus.com/wp-content/uploads/post_tutorial_bioshock_4_shadows_detail.jpg" alt="Photoshop Tutorial : Bioshock Videogame Digital Painting - Shadows - Detail" /></p>
<p><strong>Step 5 - Details</strong></p>
<p><img src="http://www.robertocampus.com/wp-content/uploads/post_tutorial_bioshock_5_details.jpg" alt="Photoshop Tutorial : Bioshock Videogame Digital Painting - Details" /></p>
<p>In this stage I refined the character, added more shadows and details. I left highlights for the next step.</p>
<p><strong>Step 6 - Highlights</strong></p>
<p><img src="http://www.robertocampus.com/wp-content/uploads/post_tutorial_bioshock_6_highlights.jpg" alt="Photoshop Tutorial : Bioshock Videogame Digital Painting - Highlights" /></p>
<p>This is where I really had fun! I like to paint highlights at the end. It usually is the most satisfying part of the process. Usually, adding highlights and incidental light really brings my paintings to life.</p>
<p>For highlights, I add a new layer above all others and paint the details in, usually zoomed in at 200%. I used several rusty metal custom made brushes I created earlier and some I had to create specifically for this piece. See close-up below to see the results:</p>
<p><img src="http://www.robertocampus.com/wp-content/uploads/post_tutorial_bioshock_6_highlights_detail.jpg" alt="Photoshop Tutorial : Bioshock Videogame Digital Painting - Highlights - Details" /></p>
<p>Let me know if you liked this <img src='http://www.robertocampus.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.robertocampus.com/2007/09/photoshop-tutorial-bioshock-videogame-digital-painting/feed/</wfw:commentRss>
		</item>
		<item>
		<title>New GamePro Magazine Cover Painting</title>
		<link>http://www.robertocampus.com/2007/08/new-gamepro-magazine-cover-painting/</link>
		<comments>http://www.robertocampus.com/2007/08/new-gamepro-magazine-cover-painting/#comments</comments>
		<pubDate>Sat, 18 Aug 2007 02:51:46 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[News]]></category>

		<guid isPermaLink="false">http://www.robertocampus.com/2007/08/17/new-gamepro-magazine-cover-painting/</guid>
		<description><![CDATA[
I had the honor to paint the cover for GamePro again recently. It&#8217;s out now, the August 2007 issue, featuring 3 characters from super well known videogames: Assassin&#8217;s Creed, MGS and Metroid Prime. The line art art was drawn by Joe Ng (another UDON artist).
Check out the high resolution version here on the UDON&#8217;s deviant [...]]]></description>
			<content:encoded><![CDATA[<p><img src='http://www.robertocampus.com/wp-content/uploads/post_gamepro_cover_august_2007.jpg' alt='GamePro Cover Thumbnail' /></p>
<p>I had the honor to paint the cover for GamePro again recently. It&#8217;s out now, the August 2007 issue, featuring 3 characters from super well known videogames: Assassin&#8217;s Creed, MGS and Metroid Prime. The line art art was drawn by <a href="http://ngboy.deviantart.com/" target="_blank">Joe Ng</a> (another UDON artist).</p>
<p>Check out the high resolution version here on the UDON&#8217;s deviant art page: <a href="http://udoncrew.deviantart.com/art/Gamepro-Cover-Trio-59716006">http://udoncrew.deviantart.com/art/Gamepro-Cover-Trio-59716006</a></p>
<p>And here&#8217;s a <strong><a href="http://www.robertocampus.com/gallery/covers/gamepro82007">link</a></strong> to the entry in my gallery. If you like it or have bought the magazine, leave a comment <img src='http://www.robertocampus.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><br />
Roberto</p>
]]></content:encoded>
			<wfw:commentRss>http://www.robertocampus.com/2007/08/new-gamepro-magazine-cover-painting/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Downloads : Rusty Metal Yellow Paint Texture</title>
		<link>http://www.robertocampus.com/2007/07/downloads-rusty-metal-yellow-paint-texture/</link>
		<comments>http://www.robertocampus.com/2007/07/downloads-rusty-metal-yellow-paint-texture/#comments</comments>
		<pubDate>Wed, 11 Jul 2007 02:35:12 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Downloads]]></category>

		<guid isPermaLink="false">http://www.robertocampus.com/2007/07/10/downloads-rusty-metal-yellow-paint-texture/</guid>
		<description><![CDATA[
This texture is the first of a long series of metallic textures I will be posting on my site for download. Some time ago I took tons of pictures of heavy construction equipment (bulldozers, excavators, etc) at a construction site nearby. It was the perfect place to get close-ups photos of gritty metallic surfaces. Pure [...]]]></description>
			<content:encoded><![CDATA[<p><img src='http://www.robertocampus.com/wp-content/uploads/rc_texture_rusty-yellow-metal_thumb.jpg' alt='Download the Rusty Metal Yellow Paint Texture Thumbnail' /></p>
<p>This texture is the first of a long series of metallic textures I will be posting on my site for download. Some time ago I took tons of pictures of heavy construction equipment (bulldozers, excavators, etc) at a construction site nearby. It was the perfect place to get close-ups photos of gritty metallic surfaces. Pure texture heaven : dirty, scratched and rusty surfaces just waiting to be captured!</p>
<p><span id="more-52"></span></p>
<p>I made this texture pretty seamless. To use in Photoshop, open the file. Then do a &#8220;Select All&#8221;. Then do &#8220;Edit &#8211;> Define Pattern&#8221; and voila&#8217; you are now ready to fill any empty layer with this texture (use the paint bucket tool set on pattern for that).</p>
<p>Note: You have my permission to download this texture and use it in your artwork only. Leave a comment and let me know if you do. It&#8217;s always nice to hear my work is appreciated.</p>
<p>Here it is (click on the download link below to download the full size texture file):</p>
<p><a target="_blank" href="http://www.robertocampus.com/wp-content/uploads/rc_texture_rusty-yellow-metal-texture.jpg" title="Download the Rusty Metal Yellow Paint Texture"><img src="http://www.robertocampus.com/images/download.gif" alt="Download the Rusty Metal Yellow Paint Texture" class="clear" /></a></p>
<p>Enjoy!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.robertocampus.com/2007/07/downloads-rusty-metal-yellow-paint-texture/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Photoshop  Tutorial: Wonder Woman Pin Up Digital Painting</title>
		<link>http://www.robertocampus.com/2007/06/photoshop-tutorial-wonder-woman-pin-up-digital-painting/</link>
		<comments>http://www.robertocampus.com/2007/06/photoshop-tutorial-wonder-woman-pin-up-digital-painting/#comments</comments>
		<pubDate>Thu, 28 Jun 2007 14:27:24 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Photoshop Tutorials]]></category>

		<guid isPermaLink="false">http://www.robertocampus.com/2007/06/28/photoshop-tutorial-wonder-woman-pin-up-digital-painting/</guid>
		<description><![CDATA[
In this Photoshop tutorial I will show how I used Photoshop and a Wacom Tablet to create a digital illustration of a voluptuous Wonder Woman pin up. The tutorial reveals one of my digital painting techniques with a step by step walk through including images for each stage and layer settings. Enjoy!

Introduction:
Wonder Woman is an [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.robertocampus.com/2007/06/28/photoshop-tutorial-wonder-woman-pin-up-digital-painting/" title="Photoshop Tutorial : Wonder Woman Pin Up Digital Painting"><img src="http://www.robertocampus.com/wp-content/uploads/post_photoshop-tutorial-wonder-woman-header.jpg" alt="Photoshop Tutorial : Wonder Woman Pin Up Digital Painting" /></a></p>
<p>In this Photoshop tutorial I will show how I used Photoshop and a Wacom Tablet to create a digital illustration of a voluptuous Wonder Woman pin up. The tutorial reveals one of my digital painting techniques with a step by step walk through including images for each stage and layer settings. Enjoy!</p>
<p><span id="more-51"></span></p>
<p><strong>Introduction:</strong></p>
<p>Wonder Woman is an iconic figure in the comic book world. She is an amazon princess called “Diana” after a Greek goddess (Artemis). One of the most recognized characters in the pantheon (pardon the pun) of the DC Comics universe. Wonder Woman first appeared in the early 1940s and since then has been a favorite of millions of fans on comics, tv series (Linda Carter anyone?) and cartoons. I created this pieces as an homage to the character. I chose to paint her in a pin-up pose because I am also a big fan of the pin up genre and I loved the chance to portray Wonder Woman in a way that is seldom done.</p>
<p><strong>Step 1 : Sketch</strong></p>
<p><img src="http://www.robertocampus.com/wp-content/uploads/post_photoshop-tutorial-wonder-woman-step-1-sketch.jpg" alt="Photoshop Tutorial Wonder Woman Step 1 : Sketch" /></p>
<p>This is where your knowledge of anatomy and the human form come into play. The female body is especially hard to draw realistically, so for this sketch I shot some reference photos of a model. There is no shame in using reference, especially in the illustration field (where it is the norm). With the photos aside, I proceeded to draw the pose from scratch, paying attention to proportions, anatomy (you can see a hint of bone structure and muscles in my sketch). A good way to get good at drawing the female body is to draw from life and from photos as often as you can. Learn how each part correlates to the rest and what the proportions are in relation to arms, body, head, legs, etc. With practice it is possible to become very proficient.</p>
<p>Photoshop Technique: I created a new image. I left the background layer white. Added a new empty layer on top and renamed it “sketch”. I sketched the drawing on the “sketch” layer with a small brush with low opacity. To paint this sketch, I used Photoshop 7 and a Wacom Intuos tablet. My favorite tablet is the <a rel="nofollow" target="_blank" href="http://www.amazon.com/gp/product/B000F91Q0E?ie=UTF8&amp;tag=theartofrob0c-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=B000F91Q0E">Wacom Intuos 3 6&#215;8</a><img border="0" width="1" src="http://www.assoc-amazon.com/e/ir?t=theartofrob0c-20&amp;l=as2&amp;o=1&amp;a=B000F91Q0E" height="1" style="margin: 0px; border: medium none" />. See my tutorial on <a href="http://www.robertocampus.com/2007/06/18/tutorial-choosing-the-right-wacom-tablet/">choosing the right graphic tablet</a>.</p>
<p>Tip: While sketching, flip your drawing horizontally once in a while. It will help you find problem areas. Flipping your drawing might help you see where proportions are incorrect. Use <em>Edit &#8211;&gt; Transform &#8211;&gt; Flip Horizontal</em>.</p>
<p><strong>Step 2: Line Art</strong></p>
<p><img src="http://www.robertocampus.com/wp-content/uploads/post_photoshop-tutorial-wonder-woman-step-2-line-art.jpg" alt="Photoshop Tutorial Wonder Woman Step 2 : Line Art" /></p>
<p>The goal of this step is to obtain a pretty good line art drawing. You can&#8217;t move to the next stage unless the line art is done properly. It will save you time and headaches later. I referenced Wonder Woman&#8217;s costume from several images I found on the web, but kinda changed it a bit to make it fit my vision for it. In other words, I made sure that our heroine would appear sexier and  &#8230;ehmm.. well “stacked” as to say <img src='http://www.robertocampus.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><br />
<strong>Photoshop Technique:</strong> I added a new empty layer above the “sketch” layer and named it “line art”. I set the opacity of the “sketch” layer to 15% to make it barely visible. I then drew the finalized line art on the “line art” layer with a small brush. Once the line art drawing was finished I turned off the sketch layer.</p>
<p><strong>Tip:</strong> At this stage is very useful to zoom in closer, at least 200%.</p>
<p><iframe src="http://rcm.amazon.com/e/cm?t=theartofrob0c-20&o=1&p=16&l=st1&mode=books&search=Wonder%20Woman&fc1=484848&lt1=_blank&lc1=CB440E&bg1=FFFFFF&npa=1&f=ifr" marginwidth="0" marginheight="0" width="468" height="336" border="0" frameborder="0" style="border:none;" scrolling="no"></iframe></p>
<p><strong>Step 3: Flats</strong></p>
<p><img src="http://www.robertocampus.com/wp-content/uploads/post_photoshop-tutorial-wonder-woman-step-3-flats.jpg" alt="Photoshop Tutorial Wonder Woman - Step 3 : Flats" /></p>
<p>Flatting is a technique borrowed from the comic book industry. Each area is filled with the base color (skin, clothes, hair, etc.) to serve as a basis for the following coloring steps. Flats are essential when coloring comics especially and I like to use the same technique to paint digital illustrations. You will see later how having flats gives you great control over each part of the painting. Flats allow you to apply adjustments selectively to each part without touching the rest.</p>
<p><strong>Photoshop Technique:</strong> I added a new layer under the line art layer and called it “skin”. I created a selection that covered the figure completely and filled it with a base skin color. Above this layer, I created another empty layer and called it “metal”. I proceeded to outline a selection of all the metal accessories on the body of Wonder Woman and filled it with a yellowish gold color. This will allow me to paint inside the metal parts only. I stacked this layer above the skin layer (hold the ALT key and click on the line between layers to do this). I did the same thing for the “clothes” layer. See the layer screen capture to see the layers at this point.</p>
<p><img src="http://www.robertocampus.com/wp-content/uploads/post_photoshop-tutorial-wonder-woman-step-3-layers-flats.gif" alt="Photoshop Tutorial Wonder Woman - Step 3 : Flats Layers" /></p>
<p><strong>Tip:</strong> Instead of using the  selection tool to define the flats area you can use the pen tool (press “P” on the keyboard). Lately, I have been using this method more and more often. It&#8217;s a bit slower but you end up with perfect shapes that very precisely follow the line art outlines.</p>
<p><script type="text/javascript"><!--
ch_client = "robcamp";
ch_type = "mpu";
ch_width = 468;
ch_height = 180;
ch_non_contextual = 1;
ch_nosearch = 1 ;
ch_sid = "468x180 wacom";
var ch_queries = new Array( "wacom" );
var ch_selected=Math.floor((Math.random()*ch_queries.length));
if ( ch_selected < ch_queries.length ) {
ch_query = ch_queries[ch_selected];
}
//--></script>
<script  src="http://scripts.chitika.net/eminimalls/mm.js" type="text/javascript">
</script></p>
<p><strong>Step 4: Chiaroscuro (light and dark)</strong></p>
<p><img src="http://www.robertocampus.com/wp-content/uploads/post_photoshop-tutorial-wonder-woman-step-4-painting-shadows.jpg" alt="Photoshop Tutorial Wonder Woman - Step 4 : Chiaroscuro" /></p>
<p>This is where the fun beings and the true power of this techniques shines! Photoshop 7 (or 6?) introduced adjustment layers and fill layers. To paint the shadows in, I use another trick borrowed from my comic coloring arsenal. Instead of actually painting directly on the flats, I paint in the mask of a fill layer set on multiply. This is extremely versatile because you can add, modify, smooth and paint as much as you want on this layer. Areas where the layer opacity is visible darkens whatever is on the layers below (in this case: skin, clothes and metal elements). It is easier to understand this technique if you refer to the layer setup screen shot. It is at this stage that my Wonder Woman&#8217;s voluptuous female body started to become more tri-dimensional.</p>
<p><strong>Photoshop Technique:</strong> I created a new Fill layer (called “dark”) above the flats layers, but below the line art layer. I also stacked this layer inside the base flats layer “skin” so that this layer content&#8217;s would show only inside the area of the flat layer below. I set the “dark” layer mode to Multiply. Using a medium opacity smooth brush I painted in the shadows. I switched between the brush tool and the smudge tool continuously until I got the result I was looking for.</p>
<p><img src="http://www.robertocampus.com/wp-content/uploads/post_photoshop-tutorial-wonder-woman-step-4-layers-setup.gif" alt="Photoshop Tutorial Wonder Woman - Step 4 : Layers Setup" /></p>
<p><strong>Tip:</strong> While you paint in a fill layer or an adjustment layer you are only actually working on the layer mask. Using white and black you define the layer opacity. White pixels are visible, black pixels are transparent. While you paint on this layer using the brush tool, you can use the “X” key shortcut on the keyboard to switch between black and white so you can add or remove opacity as needed. Also use the smudge tool often (“R” key shortcut) to blend in your brush strokes. This is a technique borrowed from my traditional oil painting background.</p>
<p><iframe src="http://rcm.amazon.com/e/cm?t=theartofrob2-20&o=1&p=16&l=st1&mode=garden&search=Wonder%20Woman&fc1=257C1F&lt1=_blank&lc1=066200&bg1=FFFFFF&f=ifr" marginwidth="0" marginheight="0" width="468" height="336" border="0" frameborder="0" style="border:none;" scrolling="no"></iframe></p>
<p><strong>Step 5: Finalizing the chiaroscuro (darker shadows)</strong></p>
<p><img src="http://www.robertocampus.com/wp-content/uploads/post_photoshop-tutorial-wonder-woman-step-5-painting-darker-shadows.jpg" alt="Photoshop Tutorial Wonder Woman - Step 5 : Painting Darker Shadows" /></p>
<p>At this point it&#8217;s all about volume and shapes. My sexy Wonder Woman&#8217;s body needed darker areas to further refine her shapely curves <img src='http://www.robertocampus.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> Some areas needed highlights also.</p>
<p><strong>Photoshop Technique:</strong>  I created another Fill layer (called “darker”) above the original “dark” layer. I also stacked this layer inside the base &#8220;skin&#8221; flats layer. Again, the “darker” blending mode is set to Multiply. Here I painted additional shadows where needed. Using another layer for darker shadows gives me extra control. At this stage I also added 2 adjustment layers to enhance the figure&#8217;s contrast and saturation. First, I created a new Curves adjustment layer above the shadows layers and changed the curve profile so to add more red tones to the highlights and more blue in the darker areas. This simple step usually helps achieve a natural flesh tone look. I also added a Color Balance adjustment layer and did some additional tweaking. Finally, I added some incidental light highlights on the left side of the figure. To do this I added a new empty layer below the line art layer and painted a light blue halo near the edge using a smooth brush.</p>
<p><img src="http://www.robertocampus.com/wp-content/uploads/post_photoshop-tutorial-wonder-woman-step-5-shadows-layers.gif" alt="Photoshop Tutorial Wonder Woman - Step 5 : Painting Darker Shadows Layers" /></p>
<p><strong>Tip:</strong> Adding incidental light usually helps enhance the tri-dimensionality of a figure considerably.</p>
<p><strong>Step 6: Details</strong></p>
<p><img src="http://www.robertocampus.com/wp-content/uploads/post_photoshop-tutorial-wonder-woman-step-6-finished.jpg" alt="Photoshop Tutorial Wonder Woman - Step 6 : Painting Details" /></p>
<p>The final step is where the details and final adjustments are made. This is where I finalized her face, the metal elements and the whip.</p>
<p>Photoshop Technique: First, I linked all the layers (from the skin layer to the line art layer) and merged them together into a single layer. I duplicated this layer and then zoomed in to paint details using a medium opacity pressure sensitive brush with smooth edges. While painting, once again, I switched to the smudge tool to blend in brush strokes. To enhance the highlights I used the Dodge tool in small areas where a bright spot was needed. Use the dodge tool sparingly though.</p>
<p><strong>Tip:</strong> It is sometimes useful to keep copies of earlier stages of a layer you are painting on, just in case you feel like the painting took a wrong turn and you want to go back to a previous stage.</p>
<p><strong>Final Wonder Woman Pin Up:</strong></p>
<p>Check out the <a href="http://www.robertocampus.com/gallery/covers/wonderwoman">final version </a>of this image in my gallery where you can see her with a background.</p>
<p>If you liked this tutorial you might enjoy this link: <a href="http://www.amazon.com/gp/search?ie=UTF8&#038;keywords=wonder%20woman&#038;tag=theartofrob0c-20&#038;index=blended&#038;linkCode=ur2&#038;camp=1789&#038;creative=9325" rel="nofollow" target="_blank">Wonder Woman stuff</a><img src="http://www.assoc-amazon.com/e/ir?t=theartofrob0c-20&amp;l=ur2&amp;o=1" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.robertocampus.com/2007/06/photoshop-tutorial-wonder-woman-pin-up-digital-painting/feed/</wfw:commentRss>
		</item>
		<item>
		<title>New version of my gallery and fantasy art prints store!</title>
		<link>http://www.robertocampus.com/2007/06/new-version-of-my-gallery-and-fantasy-art-prints-store/</link>
		<comments>http://www.robertocampus.com/2007/06/new-version-of-my-gallery-and-fantasy-art-prints-store/#comments</comments>
		<pubDate>Tue, 19 Jun 2007 03:11:51 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Gallery Updates]]></category>

		<guid isPermaLink="false">http://www.robertocampus.com/2007/06/18/new-version-of-my-gallery-and-fantasy-art-prints-store/</guid>
		<description><![CDATA[This past week-end I have updated my gallery look. It now looks like the rest of my site. Feel free to browse through it and comment on the pieces that you like the most. Feedback is always appreciated.
Also, big news, I have re-launched my prints store! Now you can order prints of some of my [...]]]></description>
			<content:encoded><![CDATA[<p>This past week-end I have updated my gallery look. It now looks like the rest of my site. Feel free to browse through it and comment on the pieces that you like the most. Feedback is always appreciated.</p>
<p><strong>Also, big news, I have re-launched my prints store! </strong>Now you can <a href="http://www.cafepress.com/robcampart"><strong>order prints</strong></a> of some of my most popular fantasy pieces through cafepress. Only $8.99 for poster prints! A steal of a deal <img src='http://www.robertocampus.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><br />
Roberto</p>
]]></content:encoded>
			<wfw:commentRss>http://www.robertocampus.com/2007/06/new-version-of-my-gallery-and-fantasy-art-prints-store/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Tutorial: Choosing the right Wacom Tablet</title>
		<link>http://www.robertocampus.com/2007/06/tutorial-choosing-the-right-wacom-tablet/</link>
		<comments>http://www.robertocampus.com/2007/06/tutorial-choosing-the-right-wacom-tablet/#comments</comments>
		<pubDate>Tue, 19 Jun 2007 02:01:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Photoshop Tutorials]]></category>

		<guid isPermaLink="false">http://www.robertocampus.com/2007/06/18/tutorial-choosing-the-right-wacom-tablet/</guid>
		<description><![CDATA[In this tutorial I will introduce you to the benefits and features of a Wacom Tablet. You will find this tutorial especially useful if you are planning to get a Wacom Intuos or Wacom Graphire in the near future.

Following is my graphic tablet wisdom, as collected through my 15 years as a professional illustrator:
Choosing the [...]]]></description>
			<content:encoded><![CDATA[<p>In this tutorial I will introduce you to the benefits and features of a Wacom Tablet. You will find this tutorial especially useful if you are planning to get a Wacom Intuos or Wacom Graphire in the near future.</p>
<p><span id="more-49"></span></p>
<p>Following is my graphic tablet wisdom, as collected through my 15 years as a professional illustrator:</p>
<p><strong>Choosing the right Wacom tablet model and size:<br />
</strong><br />
Choosing a tablet model and size that best fits your needs should be your first priority. Fortunately, it&#8217;s fairly easy to figure out which one will get you the most bang for the money.</p>
<p><a rel="nofollow" target="_blank" href="http://www.amazon.com/gp/product/B0009DG7KK?ie=UTF8&amp;tag=theartofrob0c-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=B0009DG7KK"><img src="http://www.robertocampus.com/wp-content/uploads/post_wacom_graphire_4_6x8.jpg" alt="Wacom Graphire 4 6×8" class="right" /></a><img border="0" width="1" src="http://www.assoc-amazon.com/e/ir?t=theartofrob0c-20&amp;l=as2&amp;o=1&amp;a=B0009DG7KK" height="1" style="margin: 0px; border: medium none" />If you are a home user interested in retouching photos and creating simple graphics for personal projects, I&#8217;d go for a Graphire 4 6&#215;8. Very affordable and it comes with great bundled software : Photoshop Elements 3 and Corel Painter Essentials 2 to mention the most useful ones. The Graphire is available is 4&#215;5, 6&#215;8 sizes and three colors: white, silver and metallic blue.</p>
<p>If you are not a professional in the world of computer graphics yet but are interested in becoming one soon or eventually, you can invest in quality instead of quantity (size). I suggest you go for an Intuos. Start with a smaller model: Wacom Intuos 3 4&#215;6 or 6&#215;8.</p>
<p>Bigger is not necessarily better. After all, you can always upgrade to a larger one later on if you need to. I prefer the smaller size tablet myself, having had a 9&#215;12 for several years I found it too big and requiring too sweeping arm movements so I have recently down-graded to a 6&#215;8. It works just as good as the larger one, even with a 22” monitor.</p>
<p>Larger size tablets are best suited for artists used to large sweeping arm motions and for CAD users and technical illustrators. As for the model, I would go for an Intuos 3. They are more expensive than the Graphire model, but come with double the pressure sensitivity, better pen, better bundled software, programmable ExpressKeys and touch strip buttons and a definitely sleeker look. The Intuos pen tablets come in 6 different sizes: 4&#215;6, 6&#215;8, 6&#215;11, 9&#215;12, 12&#215;19, 12&#215;12 . If you work with multiple monitors, then you might consider the 6&#215;11 wide-format model.</p>
<p><a rel="nofollow" target="_blank"  href="http://www.amazon.com/gp/product/B000F91Q0E?ie=UTF8&amp;tag=theartofrob0c-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=B000F91Q0E"><img src="http://www.robertocampus.com/wp-content/uploads/post_wacom_intuos_3_6x8.jpg" alt="Wacom Intuos 3 6×8" class="right" /></a><img border="0" width="1" src="http://www.assoc-amazon.com/e/ir?t=theartofrob0c-20&amp;l=as2&amp;o=1&amp;a=B000F91Q0E" height="1" style="margin: 0px; border: medium none" />Needless to say, I strongly suggest you get a Wacom Tablet if you are serious about moving your creativity to the next level. Whether you are a budding digital artist, a graphics designer looking for faster production times, a traditional illustrator looking to add digital tools to your skill set, a professional photographer equipped with a digital camera who regularly uses Photoshop to retouch and adjust photos, there is a Wacom Tablet that will fit your needs.  Of course you could mouse to create digital art (heck.. I did so for many years before upgrading to a tablet myself) but with a tablet you can transfer your artistic skill to the digital realm and cut your production considerably and have more time to be creative.</p>
<p><strong>Choosing a graphic editing software:</strong></p>
<p>Photoshop Elements is bundled with both the Wacom Graphire and Intuos 3 models. The only difference is that the Intuos line comes with Elements 4 and the Graphire line with Elements 3. Photoshop Elements has a solid set of tools and functionality that makes it ideal to retouch and manipulate photos (the software includes most of the same layers functionality of the full version of Photoshop) and when paired with a tablet it becomes a powerful, albeit inexpensive, graphic tool. I have used it to create logos, banners and other general graphic designs.</p>
<p>Photoshop and Corel painter are the perfect tools to pair with a tablet. Both softwares allow you to design your own brushes where you can apply the pen pressure sensitivity, use tilt and direction controls toward several brush parameters to obtain almost endless combinations.</p>
<p>For more complex work that needs to be prepared for print you will need the full version of Photoshop for its support of CMYK color, incredible set of web-design features, extensive brush customization controls and much more. From direct experience, CS2 is the best version of Photoshop so far. CS 3 is coming out soon but I am not sure it&#8217;s worth the upgrade price as the new features are not a huge leap forward unless you need precision measuring tools.</p>
<p>Outside of the Adobe family of products, you can find Paint Shop Pro. PSP is a solid alternative to Photoshop. I know several professionals in the comic book industry who use Paint Shop Pro regularly for their work. Also, it&#8217;s price is accessible to the average home-user, so it&#8217;s definitely worth a look.</p>
<p><strong>Using the tablet instead of the mouse</strong> :</p>
<p>It&#8217;s fairly easy to get used to using the pen in place of the mouse. In fact most of the time, I prefer to do so. But in order for that to be comfortable, stick to a smaller sized tablet or customize the tablet to use a smaller surface area so you do not need to move your arm that much to reach for menus and icons on your screen.</p>
<p>Also, Wacom tablets come with a very precise mouse, only disadvantage is that it only works on the tablet surface. I would keep using a regular optical mouse and relegate the mouse that comes with the tablet as a backup.</p>
<p>I hope you have found this introduction to Wacom Tablet useful!</p>
<p>Next, I will post the first of a long series of articles full of tips and tricks to get the best out of your Tablet and Photoshop.</p>
<p><iframe src="http://rcm.amazon.com/e/cm?t=theartofrob0c-20&o=1&p=16&l=st1&mode=electronics&search=Wacom%20Tablet&fc1=484848&lt1=_blank&lc1=CB440E&bg1=FFFFFF&npa=1&f=ifr" marginwidth="0" marginheight="0" width="468" height="336" border="0" frameborder="0" style="border:none;" scrolling="no"></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://www.robertocampus.com/2007/06/tutorial-choosing-the-right-wacom-tablet/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Photoshop Tutorial : Soul Eater Fantasy Digital Painting</title>
		<link>http://www.robertocampus.com/2007/06/photoshop-tutorial-soul-eater-fantasy-digital-painting/</link>
		<comments>http://www.robertocampus.com/2007/06/photoshop-tutorial-soul-eater-fantasy-digital-painting/#comments</comments>
		<pubDate>Fri, 08 Jun 2007 20:24:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Photoshop Tutorials]]></category>

		<guid isPermaLink="false">http://www.robertocampus.com/2007/06/08/photoshop-tutorial-soul-eater-fantasy-digital-painting/</guid>
		<description><![CDATA[
This tutorial gives a detailed explanation on how to create a digital illustration using Photoshop and only a mouse as the input device. Of course, the tutorial also applies to users who own a graphic tablet (I recommend Wacom). The tutorial was featured in the book  Digital Fantasy Painting  by Ilex Press.

Step 1 [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.robertocampus.com/2007/06/08/photoshop-tutorial-soul-eater-fantasy-digital-painting/"><img src="http://www.robertocampus.com/wp-content/uploads/post_tutorial_soul-eater-demon_header.jpg" alt="Photoshop Tutorial : Soul Eater Fantasy Digital Painting" /></a></p>
<p>This tutorial gives a detailed explanation on how to create a digital illustration using Photoshop and only a mouse as the input device. Of course, the tutorial also applies to users who own a graphic tablet (I recommend Wacom). The tutorial was featured in the book  <a href="http://www.amazon.com/gp/product/0823015742?ie=UTF8&tag=theartofrob0c-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0823015742"  rel="nofollow" target="_blank">Digital Fantasy Painting</a><img src="http://www.assoc-amazon.com/e/ir?t=theartofrob0c-20&l=as2&o=1&a=0823015742" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />  by Ilex Press.</p>
<p><span id="more-48"></span></p>
<p><strong>Step 1 - The sketch</strong></p>
<p><img src="http://www.robertocampus.com/wp-content/uploads/post_tutorial_soul-eater-demon_1_470.jpg" alt="Photoshop Tutorial : Soul Eater Fantasy Digital Painting Step 1" /></p>
<p>For this digital painting, I used Photoshop 6, an optical mouse on a Pentium 300Mhz with 128 MB of memory, displayed at 1024&#215;768 resolution on a 17&#8243; monitor.</p>
<p>This tutorial explains a method and technique especially useful when the only input tool available is a mouse and a keyboard, no graphic tablet.</p>
<p>This drawing was inspired by a vivid vision from a nightmare.</p>
<p>The first and most important step for me is to set the right mood for the illustration. I chose to use an orange background color because flesh tones can be easily rendered from it.</p>
<p>I then sketched the main subject on a separate layer (set on multiply) that I kept above the plain colored background.</p>
<p>At this stage, I used the Paintbrush tool set on normal mode with a 10% - 50% opacity black smooth brush varying in size from 5 to 80 pixels wide.</p>
<p>To avoid slowing down the computer during the sketching process I prefer working in low resolution (72 DPI). This way I can draw enjoying a more natural flow without having to worry about Photoshop catching up on my last stroke.</p>
<p>Also, I did not spend any time on details during this phase: I fully concentrated on roughing out the shapes, volume and composition.</p>
<p><iframe src="http://rcm.amazon.com/e/cm?t=theartofrob0c-20&o=1&p=16&l=st1&mode=books&search=adobe%20photoshop&fc1=999999&lt1=_blank&lc1=A23939&bg1=FFFFFF&npa=1&f=ifr" marginwidth="0" marginheight="0" width="468" height="336" border="0" frameborder="0" style="border:none;" scrolling="no"></iframe></p>
<p><strong>Step 2 - Turning on the light</strong></p>
<p><img src="http://www.robertocampus.com/wp-content/uploads/post_tutorial_soul-eater-demon_2_470.jpg" alt="Photoshop Tutorial : Soul Eater Fantasy Digital Painting Step 2" /></p>
<p>Sketch finished, I resized the image to a higher resolution (300 DPI). The focus shifted to refining the lighting in the sketch layer.</p>
<p>For this stage I employed an opacity &#8220;subtraction&#8221; technique. I relied heavily on the eraser tool (10%-30% opacity medium sized hard-edged brush) to lighten up areas that were too dark.</p>
<p>While sketching, I had decided that the main light source would be positioned very high above the subject, almost perpendicular to it.</p>
<p>The perfect place for a light source when you need it to cast strong and dramatic shadows.</p>
<p>I zoomed in to 200% and started working on the demon&#8217;s head. Where I felt a highlight was needed I erased pixels to reveal the orange background below.</p>
<p>I imagined the demon skin as being very rough and wrinkly, with many heavy folds layered on each other.</p>
<p>I begun defining its base texture by adding smaller highlights (with a 5 pixel wide hard-edged brush) where I felt skin creases and folds should go.</p>
<p>Once finished with the highlights, I was left with a very light amount of pixels on the figure layer. I planned this, because the next phase in the drawing was mostly based on smudging.</p>
<p><strong>Step 3 - Details</strong></p>
<p><img src="http://www.robertocampus.com/wp-content/uploads/post_tutorial_soul-eater-demon_3_470.jpg" alt="Photoshop Tutorial : Soul Eater Fantasy Digital Painting Step 2" /></p>
<p>Here is where all the rough edges disappear and the highlights blend in.</p>
<p>The smudge tool is the slowest Photoshop painting tool and I find its performance not to be fast enough, not even on a powerful PC. This is why I made sure to arrive to this step with the least amount of pixels to smudge.</p>
<p>Also, while working on this step I paid careful attention to every brush stroke so to avoid having to go back and fix areas of the drawing later on in the process.</p>
<p>Mostly, I used the smudge tool set to normal mode, 40% opacity and a brush size from 10 to 30 pixels wide. The goal was to blend all the highlights I had put in place before, making sure at the same time to shape all the skin folds and creases in a very organic (and twisted!) way.</p>
<p>After having blended the highlights in, I had to use the paintbrush tool to darken many areas. I applied short strokes of black pixels where needed and then I smudged them and shaped them to add detail to shadows that were lacking in strength. This is a technique I use when I paint in real media (oil colors on board) and I love to apply it to the digital medium.</p>
<p>This step was definitely the slowest part of the whole process (probably 35 hours of work, 2-3 hours a day for a few weeks).</p>
<p><strong>Step 4 - Textures</strong></p>
<p><img src="http://www.robertocampus.com/wp-content/uploads/post_tutorial_soul-eater-demon_4_470.jpg" alt="Photoshop Tutorial : Soul Eater Fantasy Digital Painting Step 4" /></p>
<p>Once I finished adding details and finer shadows, I decided that in order to add more realism to the main figure, I had to apply textures to it.</p>
<p>I started by flattening the main figure and the background layers into a single one. To create the texture, I scanned the skin on the palm of my hand at 600 DPI and saved it in Photoshop format (PSD).</p>
<p>I opened the new file in Photoshop and I created a seamless pattern (using the clone stamp tool to blend areas closer to the edges). I tested out the pattern to see if it would tile without a seam and when I was happy with the results I saved it as a PSD file.</p>
<p>Next, I went back on editing the demon illustration. I used the mask tool to create a selection that would encompass the main figure and then I saved the selection as an alpha channel (for later use).</p>
<p>To apply the newly created texture I used the Texturizing filter. I set its size at 150% with relief set on 10. After the filter was applied, I used the recent Photoshop feature that allows to &#8220;fade&#8221; out the last effect that was applied. I set the fade out value at 60% to reduce the strength of the texture on the main figure.</p>
<p>Now the skin had achieved a realistic gritty look that reminded me of elephant skin. The image was ready for the next step.</p>
<p><strong>Step 5 - Final highlights</strong></p>
<p><img src="http://www.robertocampus.com/wp-content/uploads/post_tutorial_soul-eater-demon_5_470.jpg" alt="Photoshop Tutorial : Soul Eater Fantasy Digital Painting Step 5" /></p>
<p>The dodge tool is my favorite tool when it comes to creating highlights on flesh. It is very helpful when used correctly.</p>
<p>I set the dodge tool to highlights and starting from a red-orange base, I easily brought up lighter oranges and yellow tones. I proceeded to apply the effect on all the areas that required highlights using a small brush and an exposure mostly set on 25%.</p>
<p>For lighting up larger areas I used the paintbrush tool set on &#8220;overlay&#8221; with a light color (yellow and white) and opacity of 10%. The overlay blending mode works really well when you need to add light to an area while at the same time avoiding drastically changing its hue (color), like the dodge tool often does.</p>
<p>During this step, once again, I add to darken many areas and also I colorized a few details of the subject such as the horns and teeth to give them a more yellow appearance.</p>
<p>I had fun adding many smaller additional details: a vast number of veins and skin folds, teeth, saliva and eyes on the heads embedded on the demon&#8217;s shoulder.</p>
<p><strong>Step 6- Background and fine-tuning</strong></p>
<p><a href="http://www.amazon.com/gp/product/0823015742?ie=UTF8&amp;tag=theartofrob0c-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0823015742"><img src="http://www.robertocampus.com/wp-content/uploads/post_tutorial_soul-eater-demon_6_470.jpg" alt="Photoshop Tutorial : Soul Eater Fantasy Digital Painting Step 6" /></a></p>
<p>The main subject was ready. All I needed now was a background and some minor foreground elements, such as the pool of liquid the demon is partially immersed in and the long stick/scepter in its tentacle&#8217;s grasp.</p>
<p>For the background I used 3D Studio Max to render a cave wall. The process would require a tutorial all on itself, but for simplicity I will explain the major step involved in it: I used a few rock textures I had created before. I blended them together into a seamless pattern and saved the image. I then imported it in 3D Studio and I assigned the pattern as a bump and diffuse material to an object that was illuminated by a single red light source.</p>
<p>The scepter in the demon&#8217;s tentacle was created in 3 steps. First I put the scepter on a separate layer (below the demon&#8217;s layer). Then a texture was applied to it using the texturizer. Finally I used the dodge tool to bring highlights up. I also drew a chain and a hanging skull on top of the scepter (this alone, took me 8 hours).</p>
<p>At this point, in order to blend everything together I had to have the demon on a separate layer. I went back to the demon&#8217;s layer and erased everything around its edges so to have only the demon remain. Now I loaded the rendered background image in a new layer and I moved it below the demon&#8217;s layer. I cleaned up a few stray pixels from the layers above the background and then I flattened the image.</p>
<p>What I was aiming for now was to join all the elements into a harmonious whole. I adjusted the image levels and colorized it until I obtained a more uniform feel and tone.</p>
<p><script type="text/javascript"><!--
ch_client = "robcamp";
ch_type = "mpu";
ch_width = 468;
ch_height = 180;
ch_non_contextual = 1;
ch_nosearch = 1 ;
ch_sid = "468x180 wacom";
var ch_queries = new Array( "wacom" );
var ch_selected=Math.floor((Math.random()*ch_queries.length));
if ( ch_selected < ch_queries.length ) {
ch_query = ch_queries[ch_selected];
}
//--></script>
<script  src="http://scripts.chitika.net/eminimalls/mm.js" type="text/javascript">
</script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.robertocampus.com/2007/06/photoshop-tutorial-soul-eater-fantasy-digital-painting/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Painter Tutorial: Lord Of The Rings Characters Portraits</title>
		<link>http://www.robertocampus.com/2007/05/painter-tutorial-lord-of-the-rings-characters-portraits/</link>
		<comments>http://www.robertocampus.com/2007/05/painter-tutorial-lord-of-the-rings-characters-portraits/#comments</comments>
		<pubDate>Tue, 29 May 2007 02:51:37 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Photoshop Tutorials]]></category>

		<guid isPermaLink="false">http://www.robertocampus.com/2007/05/28/painter-tutorial-lord-of-the-rings-characters-portraits/</guid>
		<description><![CDATA[ 
This tutorial explains the technique I used to paint portraits of 2 characters from the Lord Of The Rings movie using Corel Painter. The tutorial highlight: settings for the painbrush tool as used in this image shows you how to obtain a painterly style in your digital paintings using Corel Painter.

Step 1

This is a [...]]]></description>
			<content:encoded><![CDATA[<p><strong><a href="http://www.robertocampus.com/2007/05/28/painter-tutorial-lord-of-the-rings-characters-portraits/" title="Painter Tutorial: Lord Of The Rings Characters Portraits"><img src="http://www.robertocampus.com/wp-content/uploads/post_tutorial_lord-of-the-rings_header.jpg" alt="Painter Tutorial: Lord Of The Rings Characters Portraits" /></a> </strong></p>
<p>This tutorial explains the technique I used to paint portraits of 2 characters from the Lord Of The Rings movie using Corel Painter. The tutorial highlight: settings for the painbrush tool as used in this image shows you how to obtain a painterly style in your digital paintings using Corel Painter.</p>
<p><span id="more-47"></span></p>
<p><strong>Step 1</strong></p>
<p><img src="http://www.robertocampus.com/wp-content/uploads/post_tutorial_lord-of-the-rings_1_470.jpg" alt="Painter Tutorial : Lord Of The Rings Characters Portraits - Step 1" /></p>
<p class="text">This is a quick painting execise. I picked these characters because I am a big fan of the movie and book. As a reference, I used a frame of the movie&#8217;s <a target="_blank" href="http://www.amazon.com/gp/redirect.html?link_code=ur2&amp;tag=theartofrob0c-20&amp;camp=1789&amp;creative=9325&amp;location=/gp/search%3F%26index=blended%26keywords=lord%20of%20the%20rings%26_encoding=UTF8">DVD</a> put on pause.</p>
<p>Anyway, this tutorial text is almost  exactly the same as the one in my digital painting tutorial, since the technique is the same.</p>
<p>Here it goes:</p>
<p>I lookd at the subjects for a minute or two, trying to absorb  it&#8217;s shapes, volume, colors and mood. After this brief time,  I started loosely sketching the main shapes with a large brush  with a 60% opacity.</p>
<p>I used a limited amount of colors, mostly the predominant colors  in the subject. Very important at this stage, is to get all  the shapes and volume right (or almost) before moving to any  detail work.</p>
<table border="0" width="200" cellPadding="2" cellSpacing="0">
<tr>
<td class="newsItem">Tool settings:</td>
<td><a target="_blank" href="http://www.robertocampus.com/tutorials/tdp_step_01.gif"><img border="0" width="50" src="http://www.robertocampus.com/tutorials/tdp_step_thumb.gif" height="100" /></a></td>
</tr>
</table>
<p><script type="text/javascript"><!--
ch_client = "robcamp";
ch_type = "mpu";
ch_width = 468;
ch_height = 180;
ch_non_contextual = 1;
ch_nosearch = 1 ;
ch_sid = "468x180 wacom";
var ch_queries = new Array( "wacom" );
var ch_selected=Math.floor((Math.random()*ch_queries.length));
if ( ch_selected < ch_queries.length ) {
ch_query = ch_queries[ch_selected];
}
//--></script>
<script  src="http://scripts.chitika.net/eminimalls/mm.js" type="text/javascript">
</script></p>
<p><strong>Step 2</strong></p>
<p><img src="http://www.robertocampus.com/wp-content/uploads/post_tutorial_lord-of-the-rings_2_470.jpg" alt="Painter Tutorial: Lord Of The Rings Characters Portraits - Step 2" /></p>
<p><strong>Light and dark:</strong> With a smaller brush,  and a very low opacity setting, I concentrate on capturing the subject&#8217;s <strong>lighter areas</strong>. After the larger lighter areas are set in place, I might switch to an even lighter color and use it to sketch some of the brigthest highlights.  Then, I move to the darkest areas.</p>
<p class="text"><strong>Blending:</strong> Now, I switch to the brushes tool. This tool enables me to obtain a very realistic blending of the strokes. Also, I like its feel and its dynamics. It takes time to blend colors with the brushes tool, but I make sure each stroke is well placed. Concentration and proper control of the stylus pressure are the key.</p>
<table border="0" width="200" cellPadding="2" cellSpacing="0">
<tr>
<td class="newsItem">Tool settings for light and dark areas:</td>
<td><a target="_blank" href="http://www.robertocampus.com/tutorials/tdp_step_02.gif"><img border="0" width="50" src="http://www.robertocampus.com/tutorials/tdp_step_02_thumb.gif" height="100" /></a></td>
</tr>
<tr>
<td class="newsItem">Tool settings for blending:</td>
<td><a target="_blank" href="http://www.robertocampus.com/tutorials/tdp_step_03.gif"><img border="0" vspace="4" width="50" src="http://www.robertocampus.com/tutorials/tdp_step_03_thumb.gif" height="99" /></a></td>
</tr>
</table>
<p><strong>Step 3 (Final)</strong></p>
<p><img src="http://www.robertocampus.com/wp-content/uploads/post_tutorial_lord-of-the-rings_3_470.jpg" alt="Painter Tutorial: Lord Of The Rings Characters Portraits - Step 3" /></p>
<p>Final details and highlights. Anyway, using a smaller brush, I refined all the areas  that needed more detail, especially the main features, such as the characters heads and clothes. At this final stage,  I added highlights, especially in the eye and lips areas.</p>
<p>If you liked this tutorial, you might enjoy this link: <a target="_blank" href="http://www.amazon.com/gp/redirect.html?link_code=ur2&amp;tag=theartofrob0c-20&amp;camp=1789&amp;creative=9325&amp;location=/gp/search%3F%26index=blended%26keywords=lord%20of%20the%20rings%26_encoding=UTF8">Lord Of The Rings Stuff</a></p>
<p><iframe src="http://rcm.amazon.com/e/cm?t=theartofrob0c-20&o=1&p=16&l=st1&mode=books&search=digital%20photography&fc1=999999&lt1=_blank&lc1=A23939&bg1=FFFFFF&npa=1&f=ifr" marginwidth="0" marginheight="0" width="468" height="336" border="0" frameborder="0" style="border:none;" scrolling="no"></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://www.robertocampus.com/2007/05/painter-tutorial-lord-of-the-rings-characters-portraits/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Photoshop and Painter Tutorial: Monkey VS Robot</title>
		<link>http://www.robertocampus.com/2007/05/photoshop-and-painter-tutorial-monkey-vs-robot/</link>
		<comments>http://www.robertocampus.com/2007/05/photoshop-and-painter-tutorial-monkey-vs-robot/#comments</comments>
		<pubDate>Fri, 25 May 2007 00:50:19 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Photoshop Tutorials]]></category>

		<guid isPermaLink="false">http://www.robertocampus.com/2007/05/24/photoshop-and-painter-tutorial-monkey-vs-robot/</guid>
		<description><![CDATA[
This tutorial explains how I used Corel Painter, Adobe Photoshop and a Wacom Tablet to create a digital illustration for the Shadowfist Trading Card Game featuring a cybernetic monkey fighting against a robot. This tutorial also appeared on the the book Digital Fantasy Painting Workshop by Ilex Press.
 Step 1 : The sketch
 
This illustration [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.robertocampus.com/2007/05/24/photoshop-and-painter-tutorial-monkey-vs-robot/" title="Photoshop and Painter Tutorial : Moneky VS Robot Banner Image"><img src="http://www.robertocampus.com/wp-content/uploads/post_tutorial_monkey-vs-robot_header.jpg" alt="Photoshop and Painter Tutorial : Moneky VS Robot Banner Image" /></a></p>
<p>This tutorial explains how I used Corel Painter, Adobe Photoshop and a Wacom Tablet to create a digital illustration for the Shadowfist Trading Card Game featuring a cybernetic monkey fighting against a robot. This tutorial also appeared on the the book <a href="http://www.amazon.com/gp/product/0060724323?ie=UTF8&amp;tag=theartofrob0c-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0060724323">Digital Fantasy Painting Workshop</a><img border="0" width="1" src="http://www.assoc-amazon.com/e/ir?t=theartofrob0c-20&amp;l=as2&amp;o=1&amp;a=0060724323" height="1" style="margin: 0px; border: medium none" /> by Ilex Press.</p>
<p><span id="more-46"></span> <strong>Step 1 : The sketch</strong></p>
<p> <img src="http://www.robertocampus.com/wp-content/uploads/post_tutorial_monkey-vs-robot_1_470.jpg" alt="Photoshop and Painter Tutorial : Moneky VS Robot - Step 1" /></p>
<p>This illustration was done for a trading card game. I was required to paint an action scene, a fight, between a cybernetic monkey and a robot (not a modern looking one, but one closer to the ones from the old sci-fi movies from the &#8217;50s).</p>
<p>This sketch was done using the Brushes tool on Corel Painter 7 and a Wacom Intuos 2 Tablet. Usually, I try to sketch as fast as I can, only concentrating on shapes, light and shadow, pose and action.</p>
<p>One factor to consider during the sketching process is that if you stop too often to THINK, rationalize, analize what you are sketching from your imagination, you may interfere with your right emisphere while it is hard at work, attempting to translate the image in your mind&#8217;s eye to your hand and then the paper/screen. Let it be an automatic process. Just let it flow.</p>
<p> <a target="_blank" href="tutorials/tutorial_monkey_01_painter_brush_tool.gif"><img src="http://www.robertocampus.com/wp-content/uploads/tutorial_monkey_01_painter_brush_tool.jpg" alt="Photoshop and Painter Tutorial : Moneky VS Robot - Brush Tool Setting" class="left" /></a>Tool setting</p>
<p><script type="text/javascript"><!--
ch_client = "robcamp";
ch_type = "mpu";
ch_width = 468;
ch_height = 180;
ch_non_contextual = 1;
ch_nosearch = 1 ;
ch_sid = "468x180 wacom";
var ch_queries = new Array( "wacom" );
var ch_selected=Math.floor((Math.random()*ch_queries.length));
if ( ch_selected < ch_queries.length ) {
ch_query = ch_queries[ch_selected];
}
//--></script>
<script  src="http://scripts.chitika.net/eminimalls/mm.js" type="text/javascript">
</script></p>
<p><strong>Step 2 - Painting</strong></p>
<p><img src="http://www.robertocampus.com/wp-content/uploads/post_tutorial_monkey-vs-robot_2_470.jpg" alt="Photoshop and Painter Tutorial : Moneky VS Robot - Step 2" /></p>
<p>This is the main stage where I paint the foreground elements. Still using the Painter &#8220;Brushes&#8221; tool and a medium opacity setting, I concentrate on reshaping all the forms to their final position and dimensions. I work on the lighting. At this point, I may use reference pictures for refining the way the light and shadow would play on the various parts of the subjects.</p>
<p>The robot was done completely from imagination, it consists of simple shapes and as such it was not too difficult to imagine how it would react to the light sources. Notice the yellow highlights added at this stage, I was already planning to add the electric sparks later on.</p>
<p>During this part of the process, I used a brush of various sizes, with smaller and more carefully positioned strokes.</p>
<p><strong>Step 3 - Details and Background</strong></p>
<p><img src="http://www.robertocampus.com/wp-content/uploads/post_tutorial_monkey-vs-robot_3_470.jpg" alt="Photoshop and Painter Tutorial : Moneky VS Robot - Step 3" /></p>
<p>At this point, I imported the image into Photoshop. Using the smudge tool (with very low opacity) I blended the brush strokes on the robot to give it a smoother metallic look.</p>
<p>Then, I used the dodge tool to add higlights to some areas that were still too dark, especially on the monkey&#8217;s arms and head and also on the robot&#8217;s right arm. I find the dodge tool very useful to get highlights in place quickly.</p>
<p>This technique is especially useful because time is a rare commodity for the commercial illustrator, especially when working on multiple projects. I then moved to add a bit more detail on the moneky&#8217;s fur by using the smudge tool with a small brush.</p>
<p>The smudge tool is extremely handy when working on hair, fur and any other flowing curved shapes, especially if you have a pressure sensitive tablet and stylus.</p>
<p>The background was then added using the regular paintbrush tool with a medium opacity and 0% hardness brush.</p>
<p><A href="http://finerworks.com/welcome.asp?af=robcamp&bn=15" rel="nofollow" target="_blank"><img src="http://finerworks.com/affiliate/banners/ad-banner6.gif" width=468 height=60 border=0 alt="FinerWorks.com"></A></p>
<p class="date"><strong>Step 4 - Effects and adjustments</strong></p>
<p>Now that the painting was finished, I moved on to add various effects.</p>
<p>The first step, was to add the electric sparks. I painted them on a separate layer and then applied an &#8220;Outer Glow&#8221; effect.</p>
<p>I then moved on to soften the bright areas of the image (this is an effect I usually add to all my artwork). It goes as follows: I flattened the image to a single layer called &#8220;art&#8221;, I then duplicated the &#8220;art&#8221; layer and called it &#8220;glow&#8221;. I then applied a &#8220;Gaussian Blur&#8221; with a large radius effect to the &#8220;glow&#8221; layer, obtaining a very blurred image.</p>
<p>Now, I set the &#8220;glow&#8221; layer blending option to &#8220;Lighten&#8221; and lowered its opacity to 20%. Now, with the original layer showing through, the image highlights look softer and more natural.</p>
<p>Then I flattened the image again and then adjusted its brightness and luminosity using the &#8220;Levels&#8221; tool. As a finishing touch, the signature logo was added (it is large because the artwork would be very small on the trading card, and I wanted the logo to be still seen clearly).</p>
<p><strong>Finished Image</strong></p>
<p><img src="http://www.robertocampus.com/wp-content/uploads/post_tutorial_monkey-vs-robot_4_470.jpg" alt="Photoshop and Painter Tutorial : Moneky VS Robot - Step 4" /></p>
<p><iframe src="http://rcm.amazon.com/e/cm?t=theartofrob0c-20&o=1&p=16&l=st1&mode=books&search=adobe%20photoshop&fc1=999999&lt1=_blank&lc1=A23939&bg1=FFFFFF&npa=1&f=ifr" marginwidth="0" marginheight="0" width="468" height="336" border="0" frameborder="0" style="border:none;" scrolling="no"></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://www.robertocampus.com/2007/05/photoshop-and-painter-tutorial-monkey-vs-robot/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
