urn:lj:scribbld.com:atom1:baralai baralai ▪▪ tutorials ▪▪ by sakuraba baralai ▪▪ tutorials ▪▪ by sakuraba 2008-11-08T01:58:39Z urn:lj:scribbld.com:atom1:baralai:1216 2008-11-08T01:58:39Z 2008-11-08T01:58:39Z <table cellspacing="4" style="background-color:ABCBCB" align="center"> <tr> <td style="color:ABCBCB;text-align:center;background-color:447271"><small>From This:</small></td> <td style="color:ABCBCB;text-align:center;background-color:447271"><small>To This:</small></td> </tr> <tr> <td><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/004/002-base.png"></td> <td><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/004/011.png"></td> </tr> </table><br /><a name="cutid1"></a><br /><table align="center" cellspacing="2" cellpadding="0" border="0" bgcolor="#ABCBCB"> <tr> <td bgcolor="#447271"><div align="center"><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/004/002-base.png"></div></td> <td bgcolor="#447271"><div align="justify"><font size="1" color="#ABCBCB" face="tahoma">Starting out with <a href="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/004/001-image.png"><font color="#FFFFFF">this</font></a> image, crop and resize to 100x100, and sharpen once.</div></td> </tr> <tr> <td bgcolor="#447271"><div align="center"><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/004/003.png"></div></td> <td bgcolor="#447271"><div align="justify"><font size="1" color="#ABCBCB" face="tahoma">Duplicate the base, and set to 'Screen' at 35% opacity.<br /></div></td> </tr> <tr> <td bgcolor="#447271"><div align="center"><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/004/004.png"></div></td> <td bgcolor="#447271"><div align="justify"><font size="1" color="#ABCBCB" face="tahoma">Create a new layer, flood fill with <font color="#9CD9FF">#9CD9FF</font>. Set to 'Color Burn' at 100% opacity.</div></td> </tr> <tr> <td bgcolor="#447271"><div align="center"><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/004/005.png"></div></td> <td bgcolor="#447271"><div align="justify"><font size="1" color="#ABCBCB" face="tahoma">Create a new layer, flood fill with <font color="#CAAD98">#CAAD98</font>, and set to 'Soft Light' at 100% opacity.</div></td> </tr> <tr> <td bgcolor="#447271"><div align="center"><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/004/006.png"></div></td> <td bgcolor="#447271"><div align="justify"><font size="1" color="#ABCBCB" face="tahoma">Create a new layer, flood fill with <font color="#000226">#000226</font>, and set to 'Exclusion' at 75% opacity.</div></td> </tr> <tr> <td bgcolor="#447271"><div align="center"><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/004/007.png"></div></td> <td bgcolor="#447271"><div align="justify"><font size="1" color="#ABCBCB" face="tahoma">Merge all layers, and duplicate the base.<br>Desaturate (Shift+Ctrl+U).<br>Set to 'Soft Light' at 100% opacity.<br>Merge all layers.</div></td> </tr> <tr> <td bgcolor="#447271"><div align="center"><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/004/008.png"></div></td> <td bgcolor="#447271"><div align="justify"><font size="1" color="#ABCBCB" face="tahoma">Create a 'Selctive Color' layer (Layer &gt; New Adjustment Layer &gt; Selective Color) with the following settings:<br /><center><b>Neutrals</b><br />Cyan: -10<br />Magenta: +5<br />Yellow: +15<br />Black +5<br /><b>Blacks</b><br />Cyan: +100<br />Magenta: +15<br />Yellow: +25</center><br /></div></td> </tr> <tr> <td bgcolor="#447271"><div align="center"><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/004/009.png"></div></td> <td bgcolor="#447271"><div align="justify"><font size="1" color="#ABCBCB" face="tahoma">Create a new layer, flood fill with <font color="#BDF662">#BDF662</font>, and set to 'Multiply' at 15% opacity.</div></td> </tr> <tr> <td bgcolor="#447271"><div align="center"><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/004/010.png"></div></td> <td bgcolor="#447271"><div align="justify"><font size="1" color="#ABCBCB" face="tahoma">Merge all layers.<br>Duplicate the base.<br>'Gaussian Blur' it (Filter &gt; Blur &gt; Gaussian Blur) with a radius of 1.0 pixels<br>Set to 'Overlay' at 25% opacity.</div></td> </tr> <tr> <td bgcolor="#447271"><div align="center"><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/004/011.png"></div></td> <td bgcolor="#447271"><div align="justify"><font size="1" color="#ABCBCB" face="tahoma">Select the <a href="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/004/brush.png"><font color="#FFFFFF">Soft Round Brush</font></a>, with a diameter of 65 pixels.<br>Place one dot of <font color="#BDF662">#BDF662</font> on the image.<br>Merge, and save.<br>Image Complete.</div></td> </tr> <tr> </tr> </table><br /><br /><b>Other Icons Made Using This Method</b><br /><table cellspacing="4" style="background-color:ABCBCB" align="center"> <tr> <td style="color:ABCBCB;text-align:center;background-color:447271"><small>With Text:</small></td> </tr> <tr> <td><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/004/012-completewithtext.png"></td> </tr> </table><br /><table cellspacing="4" style="background-color:ABCBCB" align="center"> <tr> <td style="color:ABCBCB;text-align:center;background-color:447271"><small>From This:</small></td> <td style="color:ABCBCB;text-align:center;background-color:447271"><small>To This:</small></td> </tr> <tr> <td><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/004/bonus001.png"></td> <td><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/004/bonus002icon.png"></td> </tr> </table></font></font></font></font></font></font></font></font></font></font> urn:lj:scribbld.com:atom1:baralai:776 2008-05-08T16:43:44Z 2008-05-08T16:45:07Z <table cellspacing="4" style="background-color:AF1E2D" align="center"> <tr> <td style="color:AF1E2D;text-align:center;background-color:FF030D"><small>From This:</small></td> <td style="color:AF1E2D;text-align:center;background-color:FF030D"><small>To This:</small></td> </tr> <tr> <td><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/002/001.png" border="0" alt="" /></td> <td><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/002/008.png" border="0" alt="" /></td> </tr> </table><br /><a name="cutid1"></a><br /><table align="center" cellspacing="2" cellpadding="0" border="0" bgcolor="#AF1E2D"> <tr> <td bgcolor="#FF030D"><div align="center"><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/002/001.png"></div></td> <td bgcolor="#FF030D"><div align="justify"><font size="1" color="#FFFFFF" face="tahoma">Take your base image (I'm using <a href="http://kh2.co.uk/image.php?view=kh/images/008.jpg">this</a> as mine), crop and resize to 100x100, sharpen, lighten etc.</div></td> </tr> <tr> <td bgcolor="#FF030D"><div align="center"><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/002/003.png"></div></td> <td bgcolor="#FF030D"><div align="justify"><font size="1" color="#FFFFFF" face="tahoma">Create a new layer, and fill with <a href="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/002/002.png">#314C6D</a>. Set to 'Exclusion' at 85% opacity.<br /></div></td> </tr> <tr> <td bgcolor="#FF030D"><div align="center"><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/002/005.png"></div></td> <td bgcolor="#FF030D"><div align="justify"><font size="1" color="#FFFFFF" face="tahoma">Create a new layer, and fill with <a href="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/002/004.png">#A1CDFF</a>. Set to 'Soft Light' at 50% opacity.</div></td> </tr> <tr> <td bgcolor="#FF030D"><div align="center"><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/002/007.png"></div></td> <td bgcolor="#FF030D"><div align="justify"><font size="1" color="#FFFFFF" face="tahoma">Create a new layer, and fill with <a href="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/002/006.png">#EF8405</a>. Set to 'Soft Light' at 100% opacity.</div></td> </tr> <tr> <td bgcolor="#FF030D"><div align="center"><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/002/008.png"></div></td> <td bgcolor="#FF030D"><div align="justify"><font size="1" color="#FFFFFF" face="tahoma">Duplicate your base and drag it to the top. Set to 'Darken' at 100% opacity.<br />I decided not to add any text or brushes this time, but you can if you wish.<br />For different results, try changing the colours and opacity of some of the layers.</div></td> </tr> &lt;/tr&gt; </table><br /><br /><b>Other Icons Made Using This Method</b><br /><table cellspacing="4" style="background-color:#AF1E2D" align="center"> <tr> <td><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/002/009.png" border="0" alt="" /></td> <td><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/002/010.png" border="0" alt="" /></td> <td><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/002/011.png" border="0" alt="" /></td> </tr> </table></font></font></font></font></font> urn:lj:scribbld.com:atom1:baralai:563 2008-02-04T03:36:55Z 2008-02-04T03:39:36Z <table cellspacing="4" style="background-color:ABCBCB" align="center"> <tr> <td style="color:ABCBCB;text-align:center;background-color:447271"><small>From This:</small></td> <td style="color:ABCBCB;text-align:center;background-color:447271"><small>To This:</small></td> </tr> <tr> <td><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/001/002.png" border="0" alt="" /></td> <td><img src="http://i28.tinypic.com/212sf8j.png" border="0" alt="" /></td> </tr> </table><br /><a name="cutid1"></a><br /><table align="center" cellspacing="2" cellpadding="0" border="0" bgcolor="#ABCBCB"> <tr> <td bgcolor="#447271"><div align="center"><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/001/002.png"></div></td> <td bgcolor="#447271"><div align="justify"><font size="1" color="#ABCBCB" face="tahoma">Starting out with <a href="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/001/001.png"><font color="#FFFFFF">this</font></a> image, crop and resize to 100x100.</div></td> </tr> <tr> <td bgcolor="#447271"><div align="center"><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/001/003.png"></div></td> <td bgcolor="#447271"><div align="justify"><font size="1" color="#ABCBCB" face="tahoma">Duplicate the image and desaturate.<br />PSP: Shift+H &gt; Move the 'Saturation' slider to -100<br />PS: Ctrl+Shift+U<br /></div></td> </tr> <tr> <td bgcolor="#447271"><div align="center"><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/001/004.png"></div></td> <td bgcolor="#447271"><div align="justify"><font size="1" color="#ABCBCB" face="tahoma">Set the desaturated layer to 'Screen' at 100% opacity.</div></td> </tr> <tr> <td bgcolor="#447271"><div align="center"><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/001/006.png"></div></td> <td bgcolor="#447271"><div align="justify"><font size="1" color="#ABCBCB" face="tahoma">Create a new layer, flood fill with <a href="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/001/005.png"><font color="#FFFFFF">#ABCBCB</font></a>, and set to 'Soft Light' at 45% opacity.</div></td> </tr> <tr> <td bgcolor="#447271"><div align="center"><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/001/008.png"></div></td> <td bgcolor="#447271"><div align="justify"><font size="1" color="#ABCBCB" face="tahoma">Create a new layer, flood fill with <a href="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/001/007.png"><font color="#FFFFFF">#FBCFE8</font></a>.<br />Set to 'Burn' at 50% opacity if using PSP.<br />Set to 'Color Burn' at 50% opacity if using PS.</div></td> </tr> <tr> <td bgcolor="#447271"><div align="center"><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/001/010.png"></div></td> <td bgcolor="#447271"><div align="justify"><font size="1" color="#ABCBCB" face="tahoma">Create a new layer, flood fill with <a href="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/001/009.png"><font color="#FFFFFF">#0A3C6A</font></a>, and set to 'Exclusion' at 45% opacity.</div></td> </tr> <tr> <td bgcolor="#447271"><div align="center"><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/001/011.png"></div></td> <td bgcolor="#447271"><div align="justify"><font size="1" color="#ABCBCB" face="tahoma">Duplicate the base image and bring it to the top.</div></td> </tr> <tr> <td bgcolor="#447271"><div align="center"><img src="http://i249.photobucket.com/albums/gg226/leonhartless/tutorials/001/012.png"></div></td> <td bgcolor="#447271"><div align="justify"><font size="1" color="#ABCBCB" face="tahoma">Set this layer to 'Screen' at 100%.<br />Merge all layers.<br />PSP: Layers &gt; Merge &gt; Merge All (Flatten)<br />PS: Layer &gt; Flatten Image</div></td> </tr> <tr> <td bgcolor="#447271"><div align="center"><img src="http://i28.tinypic.com/212sf8j.png"></div></td> <td bgcolor="#447271"><div align="justify"><font size="1" color="#ABCBCB" face="tahoma">Optional: Add text, and brushes.</div></td> </tr> <tr> </tr> </table><br /><br /><b>Other Icons Made Using This Method</b><br /><table cellspacing="4" style="background-color:#ABCBCB" align="center"> <tr> <td><img src="http://i31.tinypic.com/k49kpt.jpg" border="0" alt="" /></td> <td><img src="http://i30.tinypic.com/1oqarr.jpg" border="0" alt="" /></td> <td><img src="http://i25.tinypic.com/mrct4k.jpg" border="0" alt="" /></td> <td><img src="http://i28.tinypic.com/1z2g979.png" border="0" alt="" /></td> <td><img src="http://i27.tinypic.com/63w30h.png" border="0" alt="" /></td> </tr> </table></font></font></font></font></font></font></font></font></font>