tag:blogger.com,1999:blog-18791808105352785172024-03-18T03:26:12.415-07:00raikar designsmy creative side...Unknownnoreply@blogger.comBlogger22125tag:blogger.com,1999:blog-1879180810535278517.post-17134587007565628182008-02-23T11:17:00.000-08:002008-12-11T19:16:43.531-08:00Playing with GradientI was playing with gradients in Gimp and Inkscape and in this process, I came to know about a few things which I think would be apt if I share here (even though many may find it redundant or silly ;p ).<br />Here is a small account of basics about Gradient, how to create and share gradients.<br /><br /><br />Gradient, as you may know is gradual change or blending of color. As you will see in nature the colors of objects are not constant all over even though their skin is of same color. Just for example look at the nearest wall(if its painted with single color ), does the shade appear to vary ? Either due to the lighting or shape, the color of the object will appear to vary. That is where a simple gradient comes into picture. When you are imitating or illustrating objects it is quite necessary to use gradients to give it a realistic touch.<br /><br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf87rODlQnFoflTRilnza6mJY7rJ18Iln1Bz4y8hMk1lgdYseciAVbIeKloZjArX-fQWT0-9wpNKerUQkF-_Rgv5QuScJN_FDO2PCYvampjTRwI6WkFiWCxRqKCq81cxwBpDE5PfmopGNF/s1600-h/BtoW.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf87rODlQnFoflTRilnza6mJY7rJ18Iln1Bz4y8hMk1lgdYseciAVbIeKloZjArX-fQWT0-9wpNKerUQkF-_Rgv5QuScJN_FDO2PCYvampjTRwI6WkFiWCxRqKCq81cxwBpDE5PfmopGNF/s400/BtoW.png" alt="" id="BLOGGER_PHOTO_ID_5170261794680696674" border="0" /></a>(Black to white Gradient)<br /><div style="text-align: left;"><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCJt5u7tkTXtAplHzeBCj9Ta4gJTjtIu_ytnqVW2bpNFOcwtuaL3wNJpNR38AuEaH9Dy1Ls-tl2-BLWFd5xy0X8ObPG3QKqMHJSx_-YndJW3W-9LFRiV8Vc0ZSiFX7f1mr9vb6KBq6Bs2U/s1600-h/RGB.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCJt5u7tkTXtAplHzeBCj9Ta4gJTjtIu_ytnqVW2bpNFOcwtuaL3wNJpNR38AuEaH9Dy1Ls-tl2-BLWFd5xy0X8ObPG3QKqMHJSx_-YndJW3W-9LFRiV8Vc0ZSiFX7f1mr9vb6KBq6Bs2U/s400/RGB.png" alt="" id="BLOGGER_PHOTO_ID_5170262340141543282" border="0" /></a><br /><div style="text-align: center;">(RGB Gradient)<br /><br /><div style="text-align: left;"><br /><br />Now talking about the gradient and how is it represented in softwares like Gimp and Inkscape,<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvHNYh4cSNFz-BfMI1g3JCjryLfNWCkW4CJcn47sAArglJP9nTX5XQPlmRZg9cmeRcxtaaTL5ZL5ZL0aBDqgbvftIbRnldtu_ZviUkPmXmiBbCcGBe-0Dk_scABgnU7rjVvbBMPBwiOo9B/s1600-h/stoppoints+and.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvHNYh4cSNFz-BfMI1g3JCjryLfNWCkW4CJcn47sAArglJP9nTX5XQPlmRZg9cmeRcxtaaTL5ZL5ZL0aBDqgbvftIbRnldtu_ZviUkPmXmiBbCcGBe-0Dk_scABgnU7rjVvbBMPBwiOo9B/s400/stoppoints+and.png" alt="" id="BLOGGER_PHOTO_ID_5170262761048338306" border="0" /></a><br /><div style="text-align: center;">(simple representation of a gradient)<br /><div style="text-align: left;"><br />These are the basic features of a gradient irrespective of software:<br /><br />1) Stops or stoppoints(endpoint): a gradient has atleast 2 stoppoints. Each stoppoint has properties of color,opacity(represented in terms of RGBA (Red,Green,Blue,Alpha) and position.<br /><br />2) The region between 2 stoppoints is called a segment. The color from left stoppoint blends into right stoppoint within this segment. Blending function(linear,curved,sinusoidal, etc.,) is a function which defines how the colors blend into each other within a segment. There is also a midpoint which defines the middle point for the blending process.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjawgRO38xb6WdvSMEMyGHc70Wn_jjKdxs16RSDApvlnFp18ILGmEg2w02uqLjw1YTi5Afpl_z_poUOF5cpt-idBQgqWe-x1vIvkBtbHD1ztwc3O08Ktlv5JWzLp3sHfpGeRPHFLkARYl1x/s1600-h/linear+to+spherical.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjawgRO38xb6WdvSMEMyGHc70Wn_jjKdxs16RSDApvlnFp18ILGmEg2w02uqLjw1YTi5Afpl_z_poUOF5cpt-idBQgqWe-x1vIvkBtbHD1ztwc3O08Ktlv5JWzLp3sHfpGeRPHFLkARYl1x/s400/linear+to+spherical.png" alt="" id="BLOGGER_PHOTO_ID_5170263237789708178" border="0" /></a><br />The above image shows how the blending function can make a difference.<br /><br />A simple gradient will have 2 stoppoints and one segment, complex gradients may have more than one segments.<br /><br />The way a gradient is represented in Gimp and Inkscape is different. Gimp defines gradient keeping segments in mind, Inkscape defines based on stoppoints.<br /><br />So, now you know what all constitutes a gradient,Creating a gradient becomes a simple task.<br /><br /><span style="font-weight: bold;">Creating gradient with Gimp:<br /><br /></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1PoJFVNX3xZJnNBzGaTNdfFe5jZJTBVMMujWR1-D73iAtCA86c85gH4v4tEIVxBc7MeyLm_Tmr4dEtsvTAiFeReHEMl64zHjcVfgmVvBWh5lZhOv8kgZBqkP1F5a_4u2EzwNGrpHNBkBx/s1600-h/g2433.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1PoJFVNX3xZJnNBzGaTNdfFe5jZJTBVMMujWR1-D73iAtCA86c85gH4v4tEIVxBc7MeyLm_Tmr4dEtsvTAiFeReHEMl64zHjcVfgmVvBWh5lZhOv8kgZBqkP1F5a_4u2EzwNGrpHNBkBx/s400/g2433.png" alt="" id="BLOGGER_PHOTO_ID_5170264942891724706" border="0" /></a><br />Press CTRL+G with Gimp open to launch the gradient dialog. Click on the ‘new gradient’ button to launch the gradient editor.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieAGinbZyEn6qg69uXOlML7af1fAssjzmIxvwovBBJ1jhEoBp3rRoZppOJSanc_1aMci_DELNdMtWKSnkkSz2l_xiQ7iQUP9TrN2ZkBcyBUfw4aicVOqj_EP9_vKV2vbQHivPeGWRTOSeb/s1600-h/gimp+grad+menu.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieAGinbZyEn6qg69uXOlML7af1fAssjzmIxvwovBBJ1jhEoBp3rRoZppOJSanc_1aMci_DELNdMtWKSnkkSz2l_xiQ7iQUP9TrN2ZkBcyBUfw4aicVOqj_EP9_vKV2vbQHivPeGWRTOSeb/s400/gimp+grad+menu.png" alt="" id="BLOGGER_PHOTO_ID_5170265307963944882" border="0" /></a><br /><br />Right click on the segment brings up the menu for editing the gradient. The options there are quite self descriptive which you can try for yourself(some description is available <a href="http://www.rpi.edu/dept/acm/packages/gimp/gimp-1.2.3/help/C/dialogs/gradient_editor/gradient_editor.html">here</a>).<br />The gradient will be saved in the gradient folder of your Gimp work folder(check for the exact location in the preferences dialog box) as a .ggr file.<br /><br />If you are wondering what is a .ggr file you can just open it with your favorite text editor to see what it is made up of. <a href="http://rockraikar.googlepages.com/gimpGGRformat.txt">Gimp GGR format</a> explains the format of GGR file. Sometimes you may find it difficult to set the position of some endpoint using the gradient editor, in that case editing the .ggr file with a text editor will come handy.<br /><br /><br />In Inkscape, the gradient editor does not use midpoint between stoppoints and allows only linear blending function.<br /><br /><span style="font-weight: bold;">Creating gradient with Inkscape:<br /><br /></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEDM2E28tyPh5gH8Ix9iGRF0iaCn9mNUCVflA7sY7daeAn-UeJy7ZL-QAAiSF1fy9Z5NfUgIsZrbzrOflyUng5D1var97SCmTSjiyj9ewVj0NS24_xSDdyoNMRXuLagzWHrFiV3SiTTWHs/s1600-h/ink+grad.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEDM2E28tyPh5gH8Ix9iGRF0iaCn9mNUCVflA7sY7daeAn-UeJy7ZL-QAAiSF1fy9Z5NfUgIsZrbzrOflyUng5D1var97SCmTSjiyj9ewVj0NS24_xSDdyoNMRXuLagzWHrFiV3SiTTWHs/s400/ink+grad.png" alt="" id="BLOGGER_PHOTO_ID_5170265904964399042" border="0" /></a><br />Draw any simple object (a rectangle would be fine), In the fill & stroke dialog box select linear gradient for fill.Now click on the edit button and your gradient editor appears. As I said earlier Inkscape uses endpoints to define a gradient, creating a gradient in Inkscape is nothing but adding stops and defining values of RGBA and position(offset) for that stops.<br /><br /><br />If you have appetite for more of gradients, you should try <a href="http://sourceforge.net/projects/spectrag">SpectraG</a>, an opensource gradient editing software written by Rosros in Python. It represents gradients with formulas, so you need a understanding of little math but it appears to be a very interesting and immersing gradient editor. It allows importing and saving to .ggr format among various others.<br /><br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJEMfgJZXrFnpCHqmHC04TrxunuKsLrfhsoZlWN5ZC3YWFe8VVKawGmE8JY0Zx_HWSiRwct1ZB6OV2z-lLTudijaAgB4jZF0wiCWQb-HD_Ma_vP3SYM-iA8PR-FN5wI3lCBe22t1jLuSoN/s1600-h/spectraG.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJEMfgJZXrFnpCHqmHC04TrxunuKsLrfhsoZlWN5ZC3YWFe8VVKawGmE8JY0Zx_HWSiRwct1ZB6OV2z-lLTudijaAgB4jZF0wiCWQb-HD_Ma_vP3SYM-iA8PR-FN5wI3lCBe22t1jLuSoN/s400/spectraG.png" alt="" id="BLOGGER_PHOTO_ID_5170266905691779026" border="0" /></a>(a snapshot of spectraG)<br /><div style="text-align: left;"><br /><br />Gradients are represented by different softwares in different formats. Gimp saves gradients as .ggr files, Adobe’s products use .ai, Inkscape saves within .svg file itself.<br /><br />Importing gradients between Gimp & Inkscape is simple.<br /><br />To import Inkscape gradient into Gimp, just place the SVG file containing the gradient into the gimp gradients folder and refresh the Gradient dialog. The gradients will be imported and you can see them in the gradients dialog.<br /><br />To import Gimp gradient into Inkscape, you just need to drag and drop the gradients into Inkscape.Now you can just go on filling objects with gradient.<br /> [Inkscape will throw an error while importing some .ggr files (files with CRLF end-of-file). What you can do to import is save it in unix format using a text editor like notepad++. and then import].<br /><br />There is huge collection of gradients at<a href="http://sourceforge.net/projects/gradcentral/"> Gradients Central</a> that you can download and use.<br /><br /><br /></div></div><br /></div></div></div></div></div></div><div class="blogger-post-footer">http://raikardesigns.blogspot.com</div>Unknownnoreply@blogger.com63tag:blogger.com,1999:blog-1879180810535278517.post-71824882803248457522008-02-03T20:06:00.000-08:002008-12-11T19:16:44.283-08:00ASCII and ANSI artToday in this era of digital art where images are represented widely in either raster or vector format, ANSI or ASCII art is something that we do not see much. I had seen text characters being used in text messages, email & chatroom/BB signatures and those notorious .nfo files but had never given it a thought that it was some kind of art. Just as I started to explore about it, I found a cool world of image representation that was so much popular a couple of decades ago. Character art is a form of art where the characters of a character set are used repeatedly to form an image. It is some what like each character represents a pixel of image. <p>It is said that early Egyptians used characters to represent images which may qualify as character art. Then during the era of typewriters, there were <a href="http://blog.modernmechanix.com/2006/03/13/ascii-art-1948/">pictures</a> typed on paper with text characters. This required great patience, planning and of course some artistic skills. In the early days of computers, there were no image formats. Moreover the monitors could display only a predefined set of characters. There was no way of displaying an image on a computer screen. This was when character art stepped into computers. A set of characters from ANSI or ASCII characters were aligned in rows and columns to draw images.</p> <p>Both ANSI and ASCII art may seem to be the same, but they have their own differences.</p> <p>ASCII art uses 95 printable characters of the 128characters of the ASCII character set. Any text editor can be used to create an ASCII art. The font used for this kind of art should be of fixed width for correct representation.</p> <p>ANSI on the other hand uses 256 characters of the extended ASCII character set which includes block characters, suitable to draw images. Another differentiating factor is that ANSI art allows use of 16 foreground and 8 background colors with a 4-bit palette. But unlike ASCII art, ANSI art requires either DOS environment or a software capable of displaying ANSI art in its true color representation.</p> <p>ANSI/ASCII art is not only restricted for static images, animation is also done. Infact in 1980’s, games were also designed with ANSI art.</p> <p>Here are a few character art softwares that I played around:</p> <p>1. <a href="http://sourceforge.net/projects/tundradraw/">TundraDraw</a></p> <p>It is a basic ANSI editor allowing to work either in 4-bit or 24-bit color mode. The canvas is 80 columns wide, the function keys are mapped to block characters(can also be mapped to other predefined characters as well) and one draws by pressing the keys. This medium may seem evasive as you need a lot of patience and some practice to get something really presentable butonce you get hold of the character mapping, one can go on creating some great stuff.</p> <p>2. <a href="http://www.jave.de/">Jave</a></p> <p>This software took me by surprise. It is an ASCII art editor(a java application) flaunting features of a bitmap editor. It provides tools like freehand drawing, rectangle, ellipse, bezier curves,eraser, brush, clone tool and also a fill tool capable of filling with pattern & gradients. This is not only what it can do. It has a fractal tool to draw Mandelbrot set, a 3D rendering tool where you can create your own 3D objects, a function plotter and all this with characters.</p> <p>It also has a figlet editor which allows you to write names with characters something like <a href="http://rockraikar.googlepages.com/rockraikar.txt">this</a> in a plain text file. The textbox editor can be used to create some cool text email/forum signatures. It also has an image to ASCII converter to convert your images to ASCII art. Another feature worth mentioning is its movie editor allowing to draw frame by frame and make an animated ASCII movie.Then you can export it to either a gif file or a javascript animation.</p><p> 3. <a href="http://www.donationcoder.com/Forums/bb/index.php?topic=11547.msg93197">Tim</a></p> <p>This is a simple image to ASCII converter which produces some good results.</p> <p>There are a lot more software and online applications that are capable of creating ASCII art, you just need to google for them.</p> <p>I’m not good at this but here are a few of my experiments.</p><p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7mSNhRlQXw-bffwbQb_noMSTunWPKI4bB-5j1_CRIOGNyx2sGUfnxoNgGKMRdTpDssijVN9DiPegV4LebZeitSuqGgbl5dm5YeEppyI4z9yjmmb2XXCh8Ba1AQtWxQUarM5YJ8nvEjt89/s1600-h/flower-vase-in-tundra.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7mSNhRlQXw-bffwbQb_noMSTunWPKI4bB-5j1_CRIOGNyx2sGUfnxoNgGKMRdTpDssijVN9DiPegV4LebZeitSuqGgbl5dm5YeEppyI4z9yjmmb2XXCh8Ba1AQtWxQUarM5YJ8nvEjt89/s400/flower-vase-in-tundra.png" alt="" id="BLOGGER_PHOTO_ID_5162973847018797298" border="0" /></a></p><p style="text-align: center;"><span style="font-size:85%;"><span style="font-style: italic;">A flower vase in TundraDraw</span></span></p><p style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMqpPW4Vs0CbCR8SXoEzJy9pWYfjH-746zIPikyv_gxm9isy9-A4IY-lt7iX4WhmqAc7adU0kqq4Rf2l1t5R7cBAJSy_79Xg7NY8gspe7f-Ji9vuxPZ3GHXSAVm7xrUljNd74A3rKzpDHh/s1600-h/my-moto-in-tundra.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMqpPW4Vs0CbCR8SXoEzJy9pWYfjH-746zIPikyv_gxm9isy9-A4IY-lt7iX4WhmqAc7adU0kqq4Rf2l1t5R7cBAJSy_79Xg7NY8gspe7f-Ji9vuxPZ3GHXSAVm7xrUljNd74A3rKzpDHh/s400/my-moto-in-tundra.png" alt="" id="BLOGGER_PHOTO_ID_5162974173436311810" border="0" /></a></p><p style="text-align: center;"><span style="font-size:85%;">My Moto with TundraDraw.</span></p><p style="text-align: center;"><a href="http://rockraikar.googlepages.com/fishinabowl.html">Fish in a bowl</a> (ASCII animation(javascript) in Jave)<br /></p><p style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfN-IVY9USQnstQkPzV2CO77s5adjq9Y2gKDR8EAF3_W5Tu_Z3SKNtxiCTGcWnh6TPqW1Z6ZJ28rscajhdTXLOfq3AXAeLA_ed_M6F2CJopwTwdKCSYmA00rr4ifp-tmwtfUiwJSxyD-Ak/s1600-h/figlet+editor.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfN-IVY9USQnstQkPzV2CO77s5adjq9Y2gKDR8EAF3_W5Tu_Z3SKNtxiCTGcWnh6TPqW1Z6ZJ28rscajhdTXLOfq3AXAeLA_ed_M6F2CJopwTwdKCSYmA00rr4ifp-tmwtfUiwJSxyD-Ak/s400/figlet+editor.png" alt="" id="BLOGGER_PHOTO_ID_5162975367437220114" border="0" /></a></p><p style="text-align: center;"><span style="font-style: italic;font-size:85%;" >Rock in Figlet editor.</span></p><p style="text-align: center;"><a href="http://rockraikar.googlepages.com/houseinJave.txt">A House</a> (ASCII art(txt file) with Jave)</p><p style="text-align: center;"><a href="http://rockraikar.googlepages.com/image.txt">An Image converted to ASCII</a> (text file with Tim)[set font size to 2-3 with courier font in notepad]</p><br /><p style="text-align: left;"><br /></p><p style="text-align: left;">You can look at following locations for more of ASCII and ANSI art.</p><p style="text-align: left;"><a href="http://www.ascii-art.de/" target="_blank">http://www.ascii-art.de/</a><br /><a href="http://www.chris.com/ASCII/">http://www.glassgiant.com<wbr>/ascii/<br />http://www.chris.com/ASCII/</a><br /><a href="http://sixteencolors.net/packs/index.html"> http://sixteencolors.net/packs/index.html</a><br /><a href="http://www.squidoo.com/ascii"> http://www.squidoo.com/ascii</a></p><p style="text-align: left;"><a href="http://www.squidoo.com/ascii"><br /></a></p><div class="blogger-post-footer">http://raikardesigns.blogspot.com</div>Unknownnoreply@blogger.com35tag:blogger.com,1999:blog-1879180810535278517.post-34963621004342871392008-01-05T12:55:00.001-08:002008-12-11T19:16:44.610-08:00Illustrating rainbow with Tiled clones tool in Inkscape.Illustrating Rainbow with Clone tool in Inkscape.<br /><br /><object height="292" width="450"><param name="movie" value="http://backend.deviantart.com/embed/view.swf"><param name="flashvars" value="id=73876092&width=1337"><param name="allowScriptAccess" value="always"><embed src="http://backend.deviantart.com/embed/view.swf" type="application/x-shockwave-flash" flashvars="id=73876092&width=1337" allowscriptaccess="always" height="292" width="450"></embed></object><br /><a href="http://www.deviantart.com/deviation/73876092/">Rainbow and clouds..</a> by ~<a class="u" href="http://rockraikar.deviantart.com/">rockraikar</a> on <a href="http://www.deviantart.com/">deviant</a><a href="http://www.deviantart.com/">ART</a><br /><br /><br />After some gap, I'm back again. This post is about drawing a rainbow. There are actually two ways you can do it. One is by creating a rainbow color gradient and fill a semi-circle with it. The other is by using the tiled clones tool. Tiled clones happens to be one of the most powerful & interesting tool in Inkscape and here I am trying to draw a rainbow with it..<br /><br />To start with, select the Spirals tool (F9 key) and draw a semicircle.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMnYyBoi18PDOa9vJNhO1fV7HgG8N9boINhGNRJhxwyrvcHOM9Pn-QdZBgyv-gTYRgpG29RXiK0sGsTpVy8M8gLUalUEKmTRO120eSKh0UTZaPNGIUxbtO3dEnXOAITg8C0xiD6-7yTBwb/s1600-h/a1.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMnYyBoi18PDOa9vJNhO1fV7HgG8N9boINhGNRJhxwyrvcHOM9Pn-QdZBgyv-gTYRgpG29RXiK0sGsTpVy8M8gLUalUEKmTRO120eSKh0UTZaPNGIUxbtO3dEnXOAITg8C0xiD6-7yTBwb/s400/a1.png" alt="" id="BLOGGER_PHOTO_ID_5152101212402777634" border="0" /></a><br />Let the settings be:<br />turns:0.50, divergence:0.00, inner radius:0.00.<br />Adjust the width, height and stroke width as in the image.<br />Now select the stroke color as the one with '?' (question mark :paint is undefined) in the stroke paint tab of fill and stroke menu. We need to do this because for changing colors of clones using clone tool it is necessary that the paint is undefined for the object. Now,the arc/semi-circle will be invisible.<br /><br /><br /><br />Next is the cloning step.<br />Keeping the arc selected,<br />Go to edit->clone-->create tiled clones. The following settings needs to be updated:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTpgIHvzowW9BVXgaovfgxRGXV8VhaRVIFLl2UVh3KdW3Gi7_WrIgT3inpsX-bJa3c-AeACo036At4DMrz9NMswv2IOskgpvgadpGFMEr8k0uo9i7MZmeu0J0G9rySeXGe_Fm2qvvr_pAW/s1600-h/a2.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTpgIHvzowW9BVXgaovfgxRGXV8VhaRVIFLl2UVh3KdW3Gi7_WrIgT3inpsX-bJa3c-AeACo036At4DMrz9NMswv2IOskgpvgadpGFMEr8k0uo9i7MZmeu0J0G9rySeXGe_Fm2qvvr_pAW/s400/a2.png" alt="" id="BLOGGER_PHOTO_ID_5152101955432119858" border="0" /></a><br />Symmetry:P1 simple translation.<br />7 rows and 1 column<br />Shift: for X all the values are zero. for Y the per row field should be -98.5<br />Scale: scale X per row is -1.6, scale Y per row is -0.7, all others are zero.<br />Color: Initial color be red, for per row field change the H value to 13.5. Rest all should be 0.<br />We wont be using rotation blur & opacity so we can leave them as they are.<br />Now press create, your rainbow is ready.<br />Give it a little blur and decrease its opacity.<br /><br /><br />You have your Rainbow. You can add a few clouds like the ones <a href="http://noclayto.deviantart.com/art/Clouds-Uhh-31751187">here</a>. Apply a little blur to these clouds and it will look a bit realistic.<br />Happy Inkscaping...<div class="blogger-post-footer">http://raikardesigns.blogspot.com</div>Unknownnoreply@blogger.com132tag:blogger.com,1999:blog-1879180810535278517.post-64292112477103866602007-11-21T04:44:00.000-08:002008-12-11T19:16:46.835-08:00Illustrating shadows with InkscapeDrawing shadows along with objects gives an illustration some amount of reality. I was trying to illustrate shadows and felt like sharing some thoughts that I had. Probably a beginner may find it interesting. Anyways here it is...<br /><br />To draw a shadow, one needs to be clear about properties of three things:<br />1) <span style="font-style: italic;">source of light</span> (position, brightness, size)<br />2) <span style="font-style: italic;">the subject</span> itself which casts the shadow (position, shape & size)<br />3) <span style="font-style: italic;">the surface</span> on which shadow falls (position, shape & size)<br />Now how do these properties affect the shadow cast by the subject... ?<br />These two videos give you a basic idea of how shadow can be drawn and how the properties affect them. A must see... <a href="http://www.youtube.com/v/58XrS227oN8" target="_blank">How to draw shadows</a> and <a href="http://www.youtube.com/v/pp4ykackWDo" target="_blank">Drawing perspective shadows</a>.<br /><br /><span style="font-family:arial;">Some points to be noted are:</span><br />Size of shadow depends on distance between the source of light, object and surface of shadow. The size of the shadow increases as the distance between source of light and object decreases.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK93v8N7Y7nl-ANDZ1AEnI91xjdFqk2fuBzCwPMdgAy6R4ykdEbzuzv9NIxOEF1xg8akzUfna0BEIx8Ryso_JSnBzm5EmQR7ylsxCZJMA4tB1f9i6w6W7SHj-iig3rdIfIm32U4294tN_e/s1600-h/shadow+distance.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK93v8N7Y7nl-ANDZ1AEnI91xjdFqk2fuBzCwPMdgAy6R4ykdEbzuzv9NIxOEF1xg8akzUfna0BEIx8Ryso_JSnBzm5EmQR7ylsxCZJMA4tB1f9i6w6W7SHj-iig3rdIfIm32U4294tN_e/s400/shadow+distance.png" alt="" id="BLOGGER_PHOTO_ID_5136518685569120866" border="0" /></a> The shadow appears blurred if either there are many sources of light or if it is far from the subject.<br />The position(angle) of the source of light decides in which direction the shadow is cast.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKOoS_5ZkNYcvpslwmRKOVHFWbMPeuYdWaw9ejmfqKxRZ4ux1-tnkxMRW8gwWxSYo4J4fxNCDRofV1dM5SrCGVfYLX97GLNwzi6uqsUt6Shr9cYSoMOlwW6n113Ju5LEVuXqweG6znvsEU/s1600-h/angle.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKOoS_5ZkNYcvpslwmRKOVHFWbMPeuYdWaw9ejmfqKxRZ4ux1-tnkxMRW8gwWxSYo4J4fxNCDRofV1dM5SrCGVfYLX97GLNwzi6uqsUt6Shr9cYSoMOlwW6n113Ju5LEVuXqweG6znvsEU/s400/angle.png" alt="" id="BLOGGER_PHOTO_ID_5136519389943757426" border="0" /></a><br />The shape of shadow is also defined by the surface on which shadow is cast. shadow is irregular on irregular surfaces.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijnT5_B8G09HrGHM7aDOSMqMi1ylZxgwAmN_cSC5TFuYtEvJIyTjdUBu0AT3J-8w_h2XDw6SfGm8m0oksJM0Vkic19o_nJXGRtgocRyw7K0KwuWCgFK31Jrh2I8YklDOXRc_vKkTEK3oBa/s1600-h/surface.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijnT5_B8G09HrGHM7aDOSMqMi1ylZxgwAmN_cSC5TFuYtEvJIyTjdUBu0AT3J-8w_h2XDw6SfGm8m0oksJM0Vkic19o_nJXGRtgocRyw7K0KwuWCgFK31Jrh2I8YklDOXRc_vKkTEK3oBa/s400/surface.png" alt="" id="BLOGGER_PHOTO_ID_5136519819440487042" border="0" /></a><br />The 3 dimensional subject is cast as a two dimensional shadow whose shape is defined by the relative position of subject and source. For example see <a href="http://www.learner.org/teacherslab/math/geometry/space/shadows/index.html" target="_blank">what objects can cast a square shadow</a> and <a href="http://www.learner.org/teacherslab/math/geometry/space/shadows/shadows_1.html" target="_blank">what shadows a cube can cast</a> ... That would give you an idea.<br /><br />After getting basic idea about shadow, the next point is how do we illustrate a shadow in Inkscape.<br /><br /><span style="font-style: italic;"><span style="font-size:100%;"><span style="font-weight: bold;"><span style="font-size:100%;">The basic method is duplicate the subject to create the shadow, give it a grey color and decrease its opacity. Then do the transforms like skew, stretch and move. What transforms and how much you need to perform depend on the properties of source of light,subject and surface that you saw earlier.</span><br /><br /></span></span> </span>For 2D image editing softwares, the above idea can give good results for flat or simple sjubects. When the subject is a 2D illustration of a complex 3D object some amout of imagination and manual editing of the nodes of shadows is necessary.<br /><br /><br /><br />Here is a small how to for illustrating shadow for a human figure. You can apply the technique for other objects also.<br /><br /><span style="font-family:trebuchet ms;">1) Draw ellipses using ellipses tool, rotate and arrange them as above to get a human form.<br /></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVa7QWqVuQcKGA7Iz1WKD4e6H0mYl9ZeB2wSZJzbQfJTPhjvxaS-sBlkmiMFFcYneOkm22L31-6WKfGcCSvsgWLudYBZZGpmrz9UwxIr60x7g-pQ4XDALCxUhLe9Lkor6CLHpS5PLnfpnz/s1600-h/sh1.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVa7QWqVuQcKGA7Iz1WKD4e6H0mYl9ZeB2wSZJzbQfJTPhjvxaS-sBlkmiMFFcYneOkm22L31-6WKfGcCSvsgWLudYBZZGpmrz9UwxIr60x7g-pQ4XDALCxUhLe9Lkor6CLHpS5PLnfpnz/s400/sh1.png" alt="" id="BLOGGER_PHOTO_ID_5136522211737270930" border="0" /></a><br />2) To draw the shadow, duplicate the subject (select subject and press ctrl+d)<br />select all the ellipses and do a path->union.<br />give it a grey (888888ff) color fill and 75% opacity.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn4ujVKwJjjp5TwJXKywpfddC1DHYhTUY087Qbs2hl391p-jGkXG_Ao_3_xU1ISaZ6Piee_t4J6Gc9LpVoZ8aDUpyPUpnqlET-ZdKUBx6_3duLpMLkrM0Rp-XKKlI7LXclTSW1RgSvhhKF/s1600-h/sh2.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn4ujVKwJjjp5TwJXKywpfddC1DHYhTUY087Qbs2hl391p-jGkXG_Ao_3_xU1ISaZ6Piee_t4J6Gc9LpVoZ8aDUpyPUpnqlET-ZdKUBx6_3duLpMLkrM0Rp-XKKlI7LXclTSW1RgSvhhKF/s400/sh2.png" alt="" id="BLOGGER_PHOTO_ID_5136522804442757794" border="0" /></a><br />3) Group the ellipses of subject (Ctrl+g)<br />For time being, place the shadow object above the subject.<br />Align(ctrl+shift+a, center along vertical, center along horizontal axes) them both so that they overlap each other completely.<br /><br /><span style="font-weight: bold;">4) Angle of source of light:<br /></span>Click on the shadow layer twice, you will see the handle for skew operation.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://rockraikar.googlepages.com/skewhandle.jpg"><img style="cursor: pointer; width: 55px;" src="http://rockraikar.googlepages.com/skewhandle.jpg" alt="" border="0" /></a><br />Play with the skew operation holding shift key. This will give the angle at which the shadow is formed.<br />Depending on the position of source of light you can settle for a shadow.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeXmZQhVFQWE3_0QwcbtiJIu8Xw08JO5OUOSPoCFHs9XqBMfqPhDG7ituoJkbpcSj5W1hQ4lXKEz9rLBy70ae_e3I77yqxEajd9g7HRJmZ_ed3p9jjX5p34zNZLmBqPGluf9b1x6Qy0Owo/s1600-h/sh3.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeXmZQhVFQWE3_0QwcbtiJIu8Xw08JO5OUOSPoCFHs9XqBMfqPhDG7ituoJkbpcSj5W1hQ4lXKEz9rLBy70ae_e3I77yqxEajd9g7HRJmZ_ed3p9jjX5p34zNZLmBqPGluf9b1x6Qy0Owo/s400/sh3.png" alt="" id="BLOGGER_PHOTO_ID_5136525441552677570" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWtFCEm4r8fa1tUWJ1J0acEig-BwC3jFDyVg-CJwJS8n0WgA8kbG1RjXcaaosl31oUBAzamYdSuhGiOQOHZ7AMrkXaTe4cozW06z849nagGa4vwPFRo7LRZQpClvdyaspe89Xk3EFhkUgX/s1600-h/sh4.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWtFCEm4r8fa1tUWJ1J0acEig-BwC3jFDyVg-CJwJS8n0WgA8kbG1RjXcaaosl31oUBAzamYdSuhGiOQOHZ7AMrkXaTe4cozW06z849nagGa4vwPFRo7LRZQpClvdyaspe89Xk3EFhkUgX/s400/sh4.png" alt="" id="BLOGGER_PHOTO_ID_5136525789445028562" border="0" /></a><br />5) <span style="font-weight: bold;">Elevation of source of light<br /><br /></span>Now click on the shadow object once, you can see the squeeze or stretch handle.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://rockraikar.googlepages.com/stretchhandle.jpg"><img style="cursor: pointer; width: 55px;" src="http://rockraikar.googlepages.com/stretchhandle.jpg" alt="" border="0" /></a><img style="width: 47px; height: 39px;" alt="" src="file:///F:/WORKGROUND/stretch%20handle.jpg" /><br />play with this handle. this gives the elevation or the height of the source of light.<br />settle for required elevation.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIrEDTO-8Qlvbpv-ab6GEivlPBkn81cE8Qo4M7c5nxvYBRKOJhcOGrv1__SMaAFtXgymR3TiI83wdB6nHU7VCPyQ4uUpWwEHWr_DBCwU45WvylzSjz82MYym8R_sbr-oDYXw9LPFllzBrT/s1600-h/sh5.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIrEDTO-8Qlvbpv-ab6GEivlPBkn81cE8Qo4M7c5nxvYBRKOJhcOGrv1__SMaAFtXgymR3TiI83wdB6nHU7VCPyQ4uUpWwEHWr_DBCwU45WvylzSjz82MYym8R_sbr-oDYXw9LPFllzBrT/s400/sh5.png" alt="" id="BLOGGER_PHOTO_ID_5136526888956656354" border="0" /></a><br />So now we have a shadow of the object on a flat surface(floor).<br />What if there is a wall some distance behind the man, would the shadow be the same ?<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWESgeN_SqHjQ_19AJun0ypqipbsbFC75-tARLSe8OFGHr86hZBL5aiZkOsy2lEciukq8cazIFXbIc1OcNSPmEcLmFkgNRSby5fWYbI5mNXzHREryS3K8f3YKMW53LTr9N5Y8_DJovGLDK/s1600-h/sh6.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWESgeN_SqHjQ_19AJun0ypqipbsbFC75-tARLSe8OFGHr86hZBL5aiZkOsy2lEciukq8cazIFXbIc1OcNSPmEcLmFkgNRSby5fWYbI5mNXzHREryS3K8f3YKMW53LTr9N5Y8_DJovGLDK/s400/sh6.png" alt="" id="BLOGGER_PHOTO_ID_5136527705000442610" border="0" /></a><br />lets see how to illustrate that.<br /><br />A) Select the shadow and the wall surface and duplicate them.<br />Tthen do a path-->intersection. give this new shadow object the same fill and opacity as that of the shadow.<br /> Send the old shadow to bottom (select shadow and press end key)<br /> We need to do a skew to the new shadow as we did earlier for angle of shadow, this time the shadow must be vertical as below.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOth9wrUEdSVplacI0PwApy-Ntv_G9AwrL6fCCLfmxsZqlgr5SBRzvcAMEOR7mo6sDWkJEAw2SVCF3Q3-9lYEMjNbCCTsWZsunNGnyqYNhkHNQbnqJp2XOZsMkGv84FrsLuK8z6gdhhiDz/s1600-h/sh7.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOth9wrUEdSVplacI0PwApy-Ntv_G9AwrL6fCCLfmxsZqlgr5SBRzvcAMEOR7mo6sDWkJEAw2SVCF3Q3-9lYEMjNbCCTsWZsunNGnyqYNhkHNQbnqJp2XOZsMkGv84FrsLuK8z6gdhhiDz/s400/sh7.png" alt="" id="BLOGGER_PHOTO_ID_5136528701432855298" border="0" /></a>B) The shadow that you got is not a perfect one, we need to do the stretch operation.<br /> Decrease the opacity of the wall so that you can see the old shadow.<br /> Draw a reference line from the old shadow to the man's head.<br /> Now stretch the new shadow as we had done earlier until it touches the reference line.<br /> Now reset the opacity of wall and delete the reference line.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVP6zdAeDIjYq7Z_YwS0-atyrZrPKya96tUShBuP0JhosVgLxGvv02E5pvTLPIue15seifMArVf_EazOvoVbfBMItYu4kwvYrmsygxJXrQBoNexMVkAHYAUSYXhuPP7QcctVlRp5WTeO27/s1600-h/sh8.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVP6zdAeDIjYq7Z_YwS0-atyrZrPKya96tUShBuP0JhosVgLxGvv02E5pvTLPIue15seifMArVf_EazOvoVbfBMItYu4kwvYrmsygxJXrQBoNexMVkAHYAUSYXhuPP7QcctVlRp5WTeO27/s400/sh8.png" alt="" id="BLOGGER_PHOTO_ID_5136529629145791250" border="0" /></a>The final result<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQcucNfqSbJWf30o612euetXTxmNteH6fxYgpD40-jKuZzA_25zOwEN4JoBh2J1Hb2dhbeDwJ0Fc30afpX4uhUSbrXMEVMtxZbqm68rJxjOdbd_HOJIAv4NJVLhcV88m7UI2C_2ZKUv5r3/s1600-h/sh9.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQcucNfqSbJWf30o612euetXTxmNteH6fxYgpD40-jKuZzA_25zOwEN4JoBh2J1Hb2dhbeDwJ0Fc30afpX4uhUSbrXMEVMtxZbqm68rJxjOdbd_HOJIAv4NJVLhcV88m7UI2C_2ZKUv5r3/s400/sh9.png" alt="" id="BLOGGER_PHOTO_ID_5136530097297226530" border="0" /></a><br /><br />Applying the same technique you can illustrate shadows on complex surfaces. Here is an example of shadow on steps.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEwvcK7tfkSuIJr-hA8XD6W8WNC6xsV5Q1VtDc_E1ZuinOu8ZstEzUZF_qY-rhquk4li_S-DksVb27bz6MoFRPnF6NiKc84RvwykrZ67EksFDpIp2gZjXb-sSXncU7mUxZ1OlhOwy7qAQZ/s1600-h/sh10.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEwvcK7tfkSuIJr-hA8XD6W8WNC6xsV5Q1VtDc_E1ZuinOu8ZstEzUZF_qY-rhquk4li_S-DksVb27bz6MoFRPnF6NiKc84RvwykrZ67EksFDpIp2gZjXb-sSXncU7mUxZ1OlhOwy7qAQZ/s400/sh10.png" alt="" id="BLOGGER_PHOTO_ID_5136530479549315890" border="0" /></a><div class="blogger-post-footer">http://raikardesigns.blogspot.com</div>Unknownnoreply@blogger.com130tag:blogger.com,1999:blog-1879180810535278517.post-63356724124424196832007-11-01T05:02:00.000-07:002007-11-02T05:39:36.702-07:00Design a Brilliant cut Diamond with Inkscape<a href="http://en.wikipedia.org/wiki/Brilliant_%28diamond_cut%29">Brilliant cut</a> is one of the most popular diamond cuts. It consists of 58 facets, 33 on the crown (topview) and 25 on the pavillion(bottomview). I was thinking of illustrating it and got a pretty decent Diamond. Have a look at it.<br /><br /><br /><br /><object height="460" width="450"><param name="movie" value="http://backend.deviantart.com/embed/view.swf"><param name="flashvars" value="id=68729563"><embed src="http://backend.deviantart.com/embed/view.swf" type="application/x-shockwave-flash" flashvars="id=68729563" height="460" width="450"></embed></object><br /><a href="http://www.deviantart.com/deviation/68729563/">A diamond</a> by ~<a class="u" href="http://rockraikar.deviantart.com/">rockraikar</a> on <a href="http://www.deviantart.com/">deviant</a><a href="http://www.deviantart.com/">ART</a><br /><br /><br />I just thought of sharing how to draw this. I have two png files at deviantart.com for top as well as bottom view.<br /><a href="http://rockraikar.deviantart.com/art/Diamond-top-view-68729100" target="_blank" >Top view of diamond</a> and <a href="http://rockraikar.deviantart.com/art/Diamond-bottom-view-68729303" target="_blank">Bottom view of diamond</a> show how to draw them.<br />I haven't written more about filling with gradients there. Its pretty simple. Use a gradient with white & light greyish colors. It would be better if you have reduced the opacity of few colors because if we do an overlapping of these views , you will get a cool diamond as the one <a href="http://rockraikar.deviantart.com/art/Brilliant-cut-68505680" target="_blank">here</a>.<br /><br />I drew a cool Brilliant cut diamond Ring, looks pretty nice.<br /><br /><object height="393" width="450"><param name="movie" value="http://backend.deviantart.com/embed/view.swf"><param name="flashvars" value="id=68659316"><embed src="http://backend.deviantart.com/embed/view.swf" type="application/x-shockwave-flash" flashvars="id=68659316" height="393" width="450"></embed></object><br /><a href="http://www.deviantart.com/deviation/68659316/">A diamond ring.</a> by ~<a class="u" href="http://rockraikar.deviantart.com/">rockraikar</a> on <a href="http://www.deviantart.com/">deviant</a><a href="http://www.deviantart.com/">ART</a><br /><br /><br />If you have any doubts then please do mail or comment. You can also subscribe to my rss feed <a href="http://feeds.feedburner.com/RaikarDesigns">here</a>.<br />Happy Inkscaping.<div class="blogger-post-footer">http://raikardesigns.blogspot.com</div>Unknownnoreply@blogger.com58tag:blogger.com,1999:blog-1879180810535278517.post-10538738614262975812007-10-30T06:49:00.000-07:002007-10-30T20:18:26.036-07:00Leonardo da Vinci's Last supper goes online.Painting is one of the oldest forms of art. One of my favorite painters happens to be <a href="http://en.wikipedia.org/wiki/Ravi_varma">Raja Ravi Varma.</a> <a href="http://www.kamat.com/kalranga/art/raviverma/1011.htm">Romancing couple</a> is one of my personal favorites. In fact in last century or so <a href="http://en.wikipedia.org/wiki/Hindu">Hindus</a> have seen Gods from his eyes ( I mean the way he has depicted). You can find a few of his paintings <a href="http://www.flickr.com/photos/sarathc/tags/ravivarma/">here</a>.<br /><br />Another painter that has fascinated the world happens to be <a href="http://en.wikipedia.org/wiki/Leonardo_da_Vinci">Leonardo da Vinci.</a> His paintings too have a great influence on how we see Jesus today. One of his greatest contributions to this world, '<a href="http://en.wikipedia.org/wiki/The_Last_Supper_%28Leonardo%29">The last supper</a>' has gone online & I think everybody is really hooked onto it. The Nikon D2X camera took 1677 shots of the 460 x 880 cm painting powered by 2 Quad Core AMD Opteron processors to give a 16 billion pixels image of The Last Supper. It will be really advantageous to many art lovers as they can watch the minor details of the masterpiece live on their monitor screen and not have to travel to Milan. In fact they will get a better view of the painting sitting at their home. You can see the finest of the cracks in the painting. After Dan Brown's book 'The DaVinci code' , there will be many enthusiasts looking at this masterpiece eagerly.<br /><br />If you still haven't seen the painting, <a href="http://www.haltadefinizione.com/en/cenacolo/index.asp">here </a>it is at the haltadefinizione's website.<br /><br />At a resolution of 172181 x 93611, it really won't fit into any ordinary monitor so have to see it in pieces. At 100% zoom you can see 3.7 X 2 cm of the painting at a time. There is also the H9 watermark all over that may be disturbing to watch. It would have been better if there was some downloadable file that I could download to my machine and watch offline, but at that high resolution size downloading it is a big constraint too. May be they can provide some smaller resolution images for download.<div class="blogger-post-footer">http://raikardesigns.blogspot.com</div>Unknownnoreply@blogger.com26tag:blogger.com,1999:blog-1879180810535278517.post-21453508135791615792007-10-23T06:50:00.000-07:002011-10-10T12:34:55.221-07:00The camouflaged (CTRL+A) image using Gimp.<div dir="ltr" style="text-align: left;" trbidi="on"><img alt="abhi aish camouflage" border="0" src="http://rockraikar.googlepages.com/abhiaish.jpg" style="cursor: pointer; display: block; margin: 0px auto 10px; text-align: center;" /><br />
<br />
If you are browsing with Internet explorer then press CTRL+A, else check <a href="http://wg.vinayraikar.com/raikardesigns/ctrla.htm?img=https://sites.google.com/site/rockraikar/abhiaish.jpg" target="_blank">this</a> link.<br />
<br />
Initially you saw <a href="http://en.wikipedia.org/wiki/Aishwarya_Rai">Aishwarya</a> , then when you selected the image you saw <a href="http://en.wikipedia.org/wiki/Abhishek_Bachchan">Abhishek.</a> This is something called as CTRL+A images that I found through an email. So I thought of doing one. The one I got above is pretty decent one. You can google it up for <a href="http://www.google.com/search?q=ctrl%2Ba+images" target="_blank">CTRL+A images</a> to find many more such images. There are also few pages explaining you how to do it, but all of them with Photoshop. I thought of posting a small How-To for all those who cannot buy Photoshop but can get a free copy of <a href="http://en.wikipedia.org/wiki/GIMP">Gimp</a>.<br />
<br />
First of all, the funda behind the camouflaged image:<br />
This image consists of two images embedded into each other. Alternate pixels from these two different images are selected into one image. Further the levels of the image to be hidden is varied to make it a bit invisible.<br />
Why this image shows in MS applications only is that when image is selected in those applications it masks it with a grid showing only alternate pixels.<br />
<br />
Requirements:<br />
You need two images, Normal image and the Camouflaged image. The Normal image(one which you see normally) should be somewhat dense and varied so that it can cover the camouflaged image. Its better to stick to a simple single subject image for camouflaged image.<br />
<br />
Steps: Fire up GIMP<br />
<a href="http://rockraikar.googlepages.com/step1.jpg"><img alt="" border="0" src="http://rockraikar.googlepages.com/step1.jpg" style="cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 400px;" /></a><br />
1) Create a new image (appropriate size as that of your images). Drag and drop the two images into your new image. Let the layer containing image to be camouflaged be above the normal image layer.<br />
<br />
<a href="http://rockraikar.googlepages.com/step2x.jpg"><img alt="" border="0" src="http://rockraikar.googlepages.com/step2x.jpg" style="cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 400px;" /></a><br />
2) Create a new layer above them (Layer-->New layer). We need to fill it with a grid pattern. You can create your own pattern of a grid with black & transparent blocks or else just download <a href="http://rockraikar.googlepages.com/grid1.pat">this</a> pattern. Copy this into patterns folder of your Gimp installation.<br />
<br />
3) Fill this new layer with this Grid pattern.(using bucket fill tool and selecting pattern fill from tool options tab)<br />
<br />
<a href="http://rockraikar.googlepages.com/step4ax.png"><img alt="" border="0" src="http://rockraikar.googlepages.com/step4ax.png" style="cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 400px;" /></a><br />
4) Select this layer,zoom in about 800%, go to select-->select by color. Then select any black block from the grid.<br />
<br />
<a href="http://rockraikar.googlepages.com/step4bx.jpg"><img alt="" border="0" src="http://rockraikar.googlepages.com/step4bx.jpg" style="cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 400px;" /></a><br />
<br />
5) Now select the image to be camouflaged in the layer dialog box and press CTRL+X to delete the selected pixels. Now zoom out to 100% and toggle the visibility of the Grid layer.<br />
<br />
<a href="http://rockraikar.googlepages.com/step5x.jpg"><img alt="" border="0" src="http://rockraikar.googlepages.com/step5x.jpg" style="cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 400px;" /></a><br />
<br />
6) this will be a trial & error step. Once you get a hang of it you'll know what to do & how much to do. Now select the camouflaged image layer, go to Layers-->colors-->levels and adjust the output/input levels(move theoutput levels slider to the left) so that the camouflaged image's visibility decreases. Again toggle visibility of the grid layer to see the camouflaged image. By switching the visibility of the grid you can see how your final image will look. If you are not satisfied with the output, then undo(edit-->undo history, select levels & press undo) the levels adjustment and try once more.<br />
<br />
<a href="http://rockraikar.googlepages.com/step6.jpg"><img alt="" border="0" src="http://rockraikar.googlepages.com/step6.jpg" style="cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 400px;" /></a><br />
<a href="http://rockraikar.googlepages.com/step6bx.jpg"><img alt="" border="0" src="http://rockraikar.googlepages.com/step6bx.jpg" style="cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 400px;" /></a><br />
<br />
7) When you are satisfied with step 7, you are ready to save. Tun off the visibilty of grid layer.Save the image as png or jpg format & view it.<br />
<br />
<br />
Tips for good result:<br />
The camouflaged image should blend into the normal image so choosing two images that blend in well is really important. Generally the normal image should be something that is filled with lots of objects & stuff and image to be camouflaged must be a simple object with plain background. To check if the images will blend in or not, after step 1, decrease the opacity (in layer dialog box) of camouflaged image to about 40% and using Move tool (press M or tools-->transform tools-->move) move the layer to see if this image hides in well. For the abhi aish image above there was some decent match between the two.<br />
<br />
The step 7 is the most disturbing & annoying if you don't get it properly. Most of the times there will be a small shade of the hidden image. If you adjust the levels too much, you might not see the hidden image when selected. If you do the levels a bit less there will be a shade of hidden image.Its a compromise.<br />
<br />
And one warning, don't try this with a large image. When you select the pixels, your system may get too slow. So try with smaller (about 600px width) images.<br />
<br />
If you stumble upon some similar image what you can do is open it with gimp, create a new layer above it and fill it with grid pattern. Using move tool shift the grid layer, you can alternately see both the images.<br />
<br />
<br />
I'm not pretty good at explaining, hope you find it useful. Happy camouflaging :)</div><div class="blogger-post-footer">http://raikardesigns.blogspot.com</div>Unknownnoreply@blogger.com69tag:blogger.com,1999:blog-1879180810535278517.post-45403646776448768712007-10-17T04:55:00.000-07:002008-12-11T19:16:49.420-08:00Inkscaping a Globe with latitude, longitudes.I wanted to have a globe with those latitudes & longitudes on it.I was doing it manually earlier by duplicating and resizing, but there's the clone tool to do that easily. Here is a tutorial on how to do a simple globe with latitude/longitude. I have a very bad color sense so you can surely do a better job with colors. :)<br />Here is what we can have<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgODPXv6a51nKpdqb5v_i-xBQgEeszI_o8rGXu0oGwUKeOvnfbI5Se9eEAYJ-T-3BAUBPX6Mpmtji9L8legh4AMyEk4EdmQghyphenhyphenl1mnUEvUVCU7IhVSUV7IpODfm83oljvN6jhbRSLCBHPOH/s1600-h/rect5029.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgODPXv6a51nKpdqb5v_i-xBQgEeszI_o8rGXu0oGwUKeOvnfbI5Se9eEAYJ-T-3BAUBPX6Mpmtji9L8legh4AMyEk4EdmQghyphenhyphenl1mnUEvUVCU7IhVSUV7IpODfm83oljvN6jhbRSLCBHPOH/s320/rect5029.png" alt="" id="BLOGGER_PHOTO_ID_5122285606265368690" border="0" /></a><br /><br /><br />1) draw a perfect circle (holding ctrl key) with no fill and black stroke.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjORUGhpPawmDPl2uxLqAtpn5zhoywfvVKXBhGBz8a3iAUT0FNT5xOglzU9HYwpKz6wDqMDBYIkjMikXfbm5h3AaAuUqfZD8O6QXo5lNhcadDyWpdzlzHqL16i_2TXq3J68VQPrYnYmdBX-/s1600-h/01.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjORUGhpPawmDPl2uxLqAtpn5zhoywfvVKXBhGBz8a3iAUT0FNT5xOglzU9HYwpKz6wDqMDBYIkjMikXfbm5h3AaAuUqfZD8O6QXo5lNhcadDyWpdzlzHqL16i_2TXq3J68VQPrYnYmdBX-/s320/01.png" alt="" id="BLOGGER_PHOTO_ID_5122275044940787618" border="0" /></a>2) Now we need to do some cloning.<br />Select the circle and go to edit-->clone-->create tiled clones.<br />Select 'simple translation' for symmetry and following settings for shift and scale.<br /><div style="text-align: left;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9bhIy-HreM9na1JlKahhd3gdEgEDXjKkY22BkWNcgF6KlVaWFB_Lk-feAdNVUMYASZX686opFGA_Q90Wf15HmS3fUQqWlYx_19x97KP4UhQLhiQfaZba3VB-mnUSUQ4NJEU9IZO24Zk3g/s1600-h/clone1.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9bhIy-HreM9na1JlKahhd3gdEgEDXjKkY22BkWNcgF6KlVaWFB_Lk-feAdNVUMYASZX686opFGA_Q90Wf15HmS3fUQqWlYx_19x97KP4UhQLhiQfaZba3VB-mnUSUQ4NJEU9IZO24Zk3g/s320/clone1.png" alt="" id="BLOGGER_PHOTO_ID_5122275345588498354" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZrM5kr3XYY09UcTiW9sf7FeEmu6K6R3xyx_ayUb7B48vsIpTl6XEjCPHxZYIubbJqvmcliLfELsHQ0ZgtSsy7nMByvskQDnyqpFpzPeldSyEs-gDe0EzGNl8r_nDqTKp3rSOpo4QksqLd/s1600-h/clone2.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZrM5kr3XYY09UcTiW9sf7FeEmu6K6R3xyx_ayUb7B48vsIpTl6XEjCPHxZYIubbJqvmcliLfELsHQ0ZgtSsy7nMByvskQDnyqpFpzPeldSyEs-gDe0EzGNl8r_nDqTKp3rSOpo4QksqLd/s320/clone2.png" alt="" id="BLOGGER_PHOTO_ID_5122275590401634242" border="0" /></a>3) We will get something like this.<br />Now select them all and go to edit-->clone-->unlink clone (or shift+alt+D)<br /><br /></div><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwvjfPjIn7bj50j1SXjLYtWobFHMASoWUYHF2qBT5HGAVvrBtFswesJcRX4otYY2sKBudAQYUkF8uBvv1wGlNuhi0cx5rCfNiJOKH1ejADPLRJUJ4F0FyRGOx00oaZWa8VUPPbMVWegoHV/s1600-h/03.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwvjfPjIn7bj50j1SXjLYtWobFHMASoWUYHF2qBT5HGAVvrBtFswesJcRX4otYY2sKBudAQYUkF8uBvv1wGlNuhi0cx5rCfNiJOKH1ejADPLRJUJ4F0FyRGOx00oaZWa8VUPPbMVWegoHV/s320/03.png" alt="" id="BLOGGER_PHOTO_ID_5122276135862480850" border="0" /></a><br />4) Now draw a straight line from top center to bottom center to get the equator / meridian.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgInYcN9OeaHvJ8PLktSsqQPHfYE090Zl8cv99tHxENIzhHi7PXUJQAZkGWz6dhKvqNyOn1WnsBWslRN-PgvLZknmcPaH7ewarMZslI8_I-9XCdJk8rm7Oj2axX6NXTS4Zvxgschr64IpRO/s1600-h/04.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgInYcN9OeaHvJ8PLktSsqQPHfYE090Zl8cv99tHxENIzhHi7PXUJQAZkGWz6dhKvqNyOn1WnsBWslRN-PgvLZknmcPaH7ewarMZslI8_I-9XCdJk8rm7Oj2axX6NXTS4Zvxgschr64IpRO/s320/04.png" alt="" id="BLOGGER_PHOTO_ID_5122276457985028066" border="0" /></a>5) Now duplicate this and do object-->rotate 90 degree.<br />We have the latitude & longitudes. Now select these and go to path-->combine.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIb2iH-FBP8JW62Dw5hvdfI7ezMUAKAxGd-KcH7o7L__xF8GUwb3bQjtw3aVM9NRBw8h4C5fDbVt7KmNKulmP3ZRMs6ZOyY22OtEwkoS8t0n5fT0v4M0XdebHWyQjCd_USvr40m5CR1IxZ/s1600-h/05.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIb2iH-FBP8JW62Dw5hvdfI7ezMUAKAxGd-KcH7o7L__xF8GUwb3bQjtw3aVM9NRBw8h4C5fDbVt7KmNKulmP3ZRMs6ZOyY22OtEwkoS8t0n5fT0v4M0XdebHWyQjCd_USvr40m5CR1IxZ/s320/05.png" alt="" id="BLOGGER_PHOTO_ID_5122276939021365234" border="0" /></a>6) Now lets get back to the original circle give it a radial gradient.<br />And place the latitude/longitude globe over it. ( Use align and distribute tool to center the circles)<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8s8i866r8DfebzttQ8CNivNE5sQI8IQqgN3KFnMMTygjGbQ7qzA4j_80tVvprCMD8e_VoYJ1W-H46CM5fuFxrEkfecE-j2NovAy6S3l5I4B20P-FnEnShofvmeTDxZbw5EYtjxobtBL25/s1600-h/06.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8s8i866r8DfebzttQ8CNivNE5sQI8IQqgN3KFnMMTygjGbQ7qzA4j_80tVvprCMD8e_VoYJ1W-H46CM5fuFxrEkfecE-j2NovAy6S3l5I4B20P-FnEnShofvmeTDxZbw5EYtjxobtBL25/s320/06.png" alt="" id="BLOGGER_PHOTO_ID_5122277248259010562" border="0" /></a>7) You can also give a radial gradient to the latitude/longitudes, to get something like this.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizNmIIb3elQ0kDwz3O6wPrhDRud7XaEVptIaMwrRJLPg83p0WZlHwNHbPR6DdvtB-co9EDogNX261V7MbXRsgdYG9lqq5_g3GuEjKSzWMpY0eTC_f0Q28F3vUh7mcnk2Up6gPKm_OTg2eq/s1600-h/07.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizNmIIb3elQ0kDwz3O6wPrhDRud7XaEVptIaMwrRJLPg83p0WZlHwNHbPR6DdvtB-co9EDogNX261V7MbXRsgdYG9lqq5_g3GuEjKSzWMpY0eTC_f0Q28F3vUh7mcnk2Up6gPKm_OTg2eq/s320/07.png" alt="" id="BLOGGER_PHOTO_ID_5122277531726852114" border="0" /></a>8) Now you can write something at the center of the globe with bezier tool using the latitude/longitude as a grid.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTP7MVBlyOAKYJKlyPjTAKZJ35_IajCsjYbVy3Z7hS2FzuCtQ5ZVRvJ83JJueU7XkNmdX_20sGGw4yaXf99c47aOutJWkLZa_1R0S0D1a4D_G5VT6_NehQ0wsNQxg7aclPwrkazodLsSeo/s1600-h/08.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTP7MVBlyOAKYJKlyPjTAKZJ35_IajCsjYbVy3Z7hS2FzuCtQ5ZVRvJ83JJueU7XkNmdX_20sGGw4yaXf99c47aOutJWkLZa_1R0S0D1a4D_G5VT6_NehQ0wsNQxg7aclPwrkazodLsSeo/s320/08.png" alt="" id="BLOGGER_PHOTO_ID_5122277823784628258" border="0" /></a>9) Now select these letters and move sideways for editing. Give them a color fill and remove the stroke.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEfe7Ms15DO-UCs7jyZKgfnilp9RhJG3DNaZcXjgclviSCijZZNKCA1r4doZyULdvuLP5Yo1DDwyMWdqTkhN9fpmjoX_ytsAYMrSbd2RbBKIL3T4ww6XQk9JlKqTqknfCg4ue1fX4i9hoy/s1600-h/09.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEfe7Ms15DO-UCs7jyZKgfnilp9RhJG3DNaZcXjgclviSCijZZNKCA1r4doZyULdvuLP5Yo1DDwyMWdqTkhN9fpmjoX_ytsAYMrSbd2RbBKIL3T4ww6XQk9JlKqTqknfCg4ue1fX4i9hoy/s320/09.png" alt="" id="BLOGGER_PHOTO_ID_5122278098662535218" border="0" /></a>10) Do a path--> union of these letters and apply path-->simplify.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwhhpjxR-GX874-GMkRgyjtm7yIr-bmGBicrAoNwkZTdGUHbNy1PyxWgx735omD1zeNYKHL4t_fZ7ZHQ6EQC-jmaETi-VIbvLRjQ3ilfMXPZsNlyVkZQy59lXHBAOaGmNTpSv_cQysfuqx/s1600-h/010.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwhhpjxR-GX874-GMkRgyjtm7yIr-bmGBicrAoNwkZTdGUHbNy1PyxWgx735omD1zeNYKHL4t_fZ7ZHQ6EQC-jmaETi-VIbvLRjQ3ilfMXPZsNlyVkZQy59lXHBAOaGmNTpSv_cQysfuqx/s320/010.png" alt="" id="BLOGGER_PHOTO_ID_5122278369245474882" border="0" /></a>11) Give the text some suitable color, do some resizing(decrease height holding shift) and place it over the globe.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbJJP2Qz0-bOmXZxzY5HQVgfCKRg5T2US7toIPt7ngnVzQSrdLSuWyjFzDv-EojpNvNtKvE1n3r-o5536ElwkIJuyvooH9rmN7nRiKG7KfonTIOHbgS7VXwupRI0AGZfbbxDj4PWhu8Dwx/s1600-h/011.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbJJP2Qz0-bOmXZxzY5HQVgfCKRg5T2US7toIPt7ngnVzQSrdLSuWyjFzDv-EojpNvNtKvE1n3r-o5536ElwkIJuyvooH9rmN7nRiKG7KfonTIOHbgS7VXwupRI0AGZfbbxDj4PWhu8Dwx/s320/011.png" alt="" id="BLOGGER_PHOTO_ID_5122278614058610770" border="0" /></a><br />Further you can do things like giving the text or the globe a shadow effect etc like the one by heathenx <a href="http://screencasters.heathenx.org/index_04.html#ep003">here</a>.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCEnR0gi9Sk-pz4znomyMX_hf-cZlmOBqg1RGMoEUds_mMBho2j4tiRdiw9litgu67DmSjfM5HGO9su7kq4cMkSbga6O_q1jEruzZXEp69pZAu0Y8LV4nEFsqSGANg6cEU3xfd-dFq3L4G/s1600-h/012.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCEnR0gi9Sk-pz4znomyMX_hf-cZlmOBqg1RGMoEUds_mMBho2j4tiRdiw9litgu67DmSjfM5HGO9su7kq4cMkSbga6O_q1jEruzZXEp69pZAu0Y8LV4nEFsqSGANg6cEU3xfd-dFq3L4G/s320/012.png" alt="" id="BLOGGER_PHOTO_ID_5122280138772000866" border="0" /></a><br /><br />[ Edit: Stumbled upon <a href="http://www.youtube.com/watch?v=7rAa-OXkmyE">this</a> youtube video. Its really cool how you can build up on the globe layout... though its pretty tough to draw ]<br />The whole how-to in PNG format is available at deviantArt <a href="http://rockraikar.deviantart.com/art/Inkscaping-a-Globe-67520401">here</a>. Happy Inkscaping.<div class="blogger-post-footer">http://raikardesigns.blogspot.com</div>Unknownnoreply@blogger.com151tag:blogger.com,1999:blog-1879180810535278517.post-14432934375930282982007-10-14T04:20:00.000-07:002008-12-11T19:16:49.916-08:00Fractals...I was just going through a few wallpapers and was impressed by Fractal's. A fractal is a geometric shape that in a part is made up of a smaller but similar shape. More about it <a href="http://en.wikipedia.org/wiki/Fractal">here</a>.<br /><br />Wanting to try a few fractals I googled up and stumbled up on <a href="http://fractalview.sourceforge.net/">fractalview.</a> Downloaded it from <a href="http://sourceforge.net/project/showfiles.php?group_id=73083">sourceforge</a> and tried it. Its a java based so just had to set the classpath and ran it.<br /><br />Fractalview is a java application for viewing a few common fractals ( <a href="http://en.wikipedia.org/wiki/Mandelbrot_set" title="Mandelbrot set">Mandelbrot set</a>, <a href="http://en.wikipedia.org/wiki/Julia_set" title="Julia set">Julia set</a>). It runs in a fullscreen mode showing up a fractal. By using different keys you can change the parameters like julia constant, colors or do a zoom and even save it as a PNG file.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaO-juEf4Fe4n57eyYBris4UdXpV9aAou4Ze61zEtmyqq4oFCPKEJeY8BwVnOxT_80TH0DaTUeIyagkzGLC73bIk_CotTySPHRISzN3Y3amP8LL-er15-e3qGeZKI9LeuFjcCCdflcabpg/s1600-h/help.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaO-juEf4Fe4n57eyYBris4UdXpV9aAou4Ze61zEtmyqq4oFCPKEJeY8BwVnOxT_80TH0DaTUeIyagkzGLC73bIk_CotTySPHRISzN3Y3amP8LL-er15-e3qGeZKI9LeuFjcCCdflcabpg/s320/help.png" alt="" id="BLOGGER_PHOTO_ID_5121545626349940610" border="0" /></a><br /><br /><br />Few fractals I captured are here.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbpSBQILHmk8U2b8DuBg6_WtfjL2yJD0TlsPUUgwWuBKhRuRjKGKSWLNC5rUlS5EPJyXnJ_DZmgdpETI37LPJ938r5bYs-HfD3E1EjJUOrUSCFlSgSssmh9tSbVcaUbseFZdUriKiURu_3/s1600-h/Fractal0001.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbpSBQILHmk8U2b8DuBg6_WtfjL2yJD0TlsPUUgwWuBKhRuRjKGKSWLNC5rUlS5EPJyXnJ_DZmgdpETI37LPJ938r5bYs-HfD3E1EjJUOrUSCFlSgSssmh9tSbVcaUbseFZdUriKiURu_3/s320/Fractal0001.png" alt="" id="BLOGGER_PHOTO_ID_5121152907425296226" border="0" /></a><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqChHHu27UVleUN5iPvlbRipVPIPnz8YH0wc62k_6IhgEYTsN_3_BAJlxilAYE2YS-FqwPdEeU6N2bSVLlxLm6U4KmMqkCg1s5DZKWPuScsBBW3s7-YRmJIIf16CH6ySSIh4A0pQ22jLAN/s1600-h/Fractal0006.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqChHHu27UVleUN5iPvlbRipVPIPnz8YH0wc62k_6IhgEYTsN_3_BAJlxilAYE2YS-FqwPdEeU6N2bSVLlxLm6U4KmMqkCg1s5DZKWPuScsBBW3s7-YRmJIIf16CH6ySSIh4A0pQ22jLAN/s320/Fractal0006.png" alt="" id="BLOGGER_PHOTO_ID_5121153079223988082" border="0" /></a><br />The <a href="http://fractalview.sourceforge.net/gallery.html">fractal view gallery</a> has some good ones.<br /><br /><img src="http://gimp.org//images/wilber16.png" /><a href="http://gimp.org/"> Gimp </a>has also got a very good plug-in for generating fractals called as <a href="http://docs.gimp.org/en/plug-in-fractalexplorer.html">fractal explorer</a> It happens to be the easiest and best one I ever found.<div class="blogger-post-footer">http://raikardesigns.blogspot.com</div>Unknownnoreply@blogger.com7tag:blogger.com,1999:blog-1879180810535278517.post-71469741178684468582007-10-12T07:16:00.000-07:002008-12-11T19:16:50.449-08:00HOW TO WRITE YOUR NAME IN 3DI didn't really want to make "HOW TO WRITE YOUR NAME IN 3D" as the title of the post but yes, one curious artist landed on my blog from google search with the search string "HOW TO WRITE YOUR NAME IN 3D".<br />I'm also interested to write something in 3D but I dont have any 3D drawing softwares. Well I can use Inkscape for 3D looking text but its cumbersome & lot of work.<br />May be you need software like blender to do that or may be the google sketchup.<br />I tried with google <a href="http://sketchup.google.com/">sketchup</a>.<br />here's the result<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTzOjlDP6D5WxZvW5DJXwq6p25-IQeL9K0gULl15qOgD4ORVIUxRcz0UY7GqgOMgu4kyTl3WcPvx20pXKmVS7pvaAwD1OqIbehuUOr7aDi26lSeqw4zXSzLLijdOU9YQPqzUFr_RUsdqsL/s1600-h/rock.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTzOjlDP6D5WxZvW5DJXwq6p25-IQeL9K0gULl15qOgD4ORVIUxRcz0UY7GqgOMgu4kyTl3WcPvx20pXKmVS7pvaAwD1OqIbehuUOr7aDi26lSeqw4zXSzLLijdOU9YQPqzUFr_RUsdqsL/s320/rock.png" alt="" id="BLOGGER_PHOTO_ID_5120456425466845938" border="0" /></a><br /><br />Then did a touch up with <a href="http://www.gimp.org/">Gimp</a>. Here's the result.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFW72XU_-gA3hZ6vHONf_UZlfaC5NDtZlmDlb1Z3MP3240NLan4Dy5CAlWCQr2UPwYlsF3ksqfnyVjQsq7sKIYd9cFmbNdAY1_N5VU02hIUGHnScrxhnsBXYhU7UJJ2TaZcXlqIJDp6VNa/s1600-h/rock.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFW72XU_-gA3hZ6vHONf_UZlfaC5NDtZlmDlb1Z3MP3240NLan4Dy5CAlWCQr2UPwYlsF3ksqfnyVjQsq7sKIYd9cFmbNdAY1_N5VU02hIUGHnScrxhnsBXYhU7UJJ2TaZcXlqIJDp6VNa/s320/rock.png" alt="" id="BLOGGER_PHOTO_ID_5120456696049785602" border="0" /></a>All I did this in 4 minutes. So if you give it some time you can do wonders with it.<div class="blogger-post-footer">http://raikardesigns.blogspot.com</div>Unknownnoreply@blogger.com18tag:blogger.com,1999:blog-1879180810535278517.post-68432353389433336482007-10-09T04:47:00.000-07:002008-12-11T19:16:50.636-08:00Fascinating Bezier curves...I am fascinated with <span style="font-size:100%;"><a href="http://en.wikipedia.org/wiki/B%C3%A9zier_curve">Bézier curve</a> and playing with it a lot these days. No graphic design software is complete without Bezier curves. The mathematical definitions <a href="http://en.wikipedia.org/wiki/B%C3%A9zier_curve#Examination_of_cases" title="wikipedia" target="_blank">here </a>seem complicated, but the animations(</span><span style="font-size:100%;"><span class="mw-headline">Constructing Bézier curves in wikipedia</span></span><span style="font-size:100%;">) make for such easy understanding.<br /><br />When working with Inkscape, <a href="http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Paths-Bezier-Curves.html">this </a>tutorial gives you the basic idea of editing bezier curves. Illustrating complex objects needs some mastery of bezier curves.<br /><br /><br />Here's an understanding my mind has about bezier curves.<br /><br /></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglQ8LZi4fTkmOyCHu0-VyEeLeQRYzN5uPO9CGkQb6NfhAV5rKYVpFt__8yzMp_1VBW3m29Q0zhVx0YmmIqF5O8NUyF5ShE8-Dc2fP2HMtSR3zU3se4s_JBZ__lcBD9I1rm064hjdjxo_pJ/s1600-h/bezierdef.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglQ8LZi4fTkmOyCHu0-VyEeLeQRYzN5uPO9CGkQb6NfhAV5rKYVpFt__8yzMp_1VBW3m29Q0zhVx0YmmIqF5O8NUyF5ShE8-Dc2fP2HMtSR3zU3se4s_JBZ__lcBD9I1rm064hjdjxo_pJ/s320/bezierdef.png" alt="" id="BLOGGER_PHOTO_ID_5119312113035205346" border="0" /></a><br /><span style="font-size:100%;"><br />Each bezier curve has two end points (p1 and p2) and two control points (c1 and c2).<br />Control line is line joining control point and corresponding end point(p1,c1 or p2,c2).<br />The shape of bezier curve depends on the position of control point, that is<br /> a) distance between control point and the corresponding end point (control length).<br /> b) angle made by control line with line joining end points (control angle).<br /><br />The control line from an end point is tangent to </span><span style="font-size:100%;">the bezier curve starting from that end point.<br /></span><span style="font-size:100%;">A straight line is a bezier curve where control angles are zero.<br />A complex object can be drawn using multiple bezier curves.<br /><br />Though control length may seem less important(in deciding the curvature) but when the end points are near, it makes a lot of difference.<br /><br /></span><div class="blogger-post-footer">http://raikardesigns.blogspot.com</div>Unknownnoreply@blogger.com34tag:blogger.com,1999:blog-1879180810535278517.post-24894373393341394392007-10-02T06:33:00.000-07:002007-10-02T07:24:03.648-07:00I became a DeviantGot myself a <a href="http://en.wikipedia.org/wiki/DeviantART">deviantArt</a> account. The designs there are superb.<br />By the way I tried to illustrate my Motorola C168 mobile handset using Inkscape. It has come up really cool though I could have given some time to bring in the details... Anyways I'm happy with what I got :)<br /><br /><object height="638" width="450"><param name="movie" value="http://backend.deviantart.com/embed/view.swf"><param name="flashvars" value="id=66316339"><embed src="http://backend.deviantart.com/embed/view.swf" type="application/x-shockwave-flash" flashvars="id=66316339" height="638" width="450"></embed></object><br /><a href="http://www.deviantart.com/deviation/66316339/">My Moto C168</a> by ~<a class="u" href="http://rockraikar.deviantart.com/">rockraikar</a> on <a href="http://www.deviantart.com/">deviant</a><a href="http://www.deviantart.com/">ART</a><br /><br /><br />If you want to see what all objects makes this, the <a href="http://rockraikar.googlepages.com/Motoc168.svg">svg </a>is here.<div class="blogger-post-footer">http://raikardesigns.blogspot.com</div>Unknownnoreply@blogger.com11tag:blogger.com,1999:blog-1879180810535278517.post-29191394913438214362007-09-26T05:35:00.000-07:002007-09-26T06:28:31.104-07:00To do list...1) A personal profile page using XHTML, CSS and bit of Javascript.<br />2) An Avatar image.<br />3) An email signature.<br /><br />Proceedings...<br />Using <a href="http://www.w3.org/Amaya/">Amaya </a>and <a href="http://nvudev.com/index.php">Nvu</a> for designing the profile page. Nvu doesn't support XHTML and Amaya isn't user friendly for CSS editing (at least for me). I really like Nvu's CSS editing interface. To define structure and to abide by XHTML rules, will use Amaya and for CSS editing will use Nvu. Probably will be hosting it on <a href="http://pages.google.com/">googlepages </a>. Wish Google did some work & improved the googlepages interface and gave its users some freedom. One important thing that I would like is labels for the uploaded files. It will really help me clean my messy uploaded stuff section.<br /><br />An avatar, probably will use Inkscape and Gimp.<br /><br />For email signature, i'll go with pure html and inline styles with minimal images. also have to make one for forums which will be pure image.<div class="blogger-post-footer">http://raikardesigns.blogspot.com</div>Unknownnoreply@blogger.com27tag:blogger.com,1999:blog-1879180810535278517.post-57579310702167250122007-09-21T05:24:00.000-07:002008-12-11T19:16:52.373-08:00Illustrating 3D looking objects in Inkscape (Basic)Illustrating objects to give it a 3D look requires a few transforms, unions, differences & most importantly the gradient. Here is a simple circle you can draw. The technique used here applies only for basic shapes and that too for particular orientations.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9nhaJnCATkTPBMP97Q34qcusmbM-GWZbu_CPiPo5g0VXCr4KkSgfkidVeRaJc8OkMsPpdTXOu94YTloF9gm6Nn-McU3BbxVxBtprSs2dNrszZMoaEb47IzF6X69ASwyk7hkDMWTI1aOyq/s1600-h/3dring+breakup.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9nhaJnCATkTPBMP97Q34qcusmbM-GWZbu_CPiPo5g0VXCr4KkSgfkidVeRaJc8OkMsPpdTXOu94YTloF9gm6Nn-McU3BbxVxBtprSs2dNrszZMoaEb47IzF6X69ASwyk7hkDMWTI1aOyq/s320/3dring+breakup.png" alt="" id="BLOGGER_PHOTO_ID_5112633011171991922" border="0" /></a><br /><br />Only 3 objects is all you need to get this cool 3D looking ring.<br />here are the steps:<br /><br />step1: Draw an ellipse (let the opacity be around 75% for our visualization)<br /> Duplicate it and scale it to a smaller size holding shift & control.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQGqfhNX14p2TbPmxaQdHie0ufmveNOf6Kb8Z-cbNgQiBRTCWeva3vJ2ihoeNpTlWs8IHpb_DHGJuYGYMj7ziEiHoHYCDNQHorJ0N80S67fXHxxQPOe041yZQj24wctCPH2U_FUH2mgiRE/s1600-h/01.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQGqfhNX14p2TbPmxaQdHie0ufmveNOf6Kb8Z-cbNgQiBRTCWeva3vJ2ihoeNpTlWs8IHpb_DHGJuYGYMj7ziEiHoHYCDNQHorJ0N80S67fXHxxQPOe041yZQj24wctCPH2U_FUH2mgiRE/s320/01.png" alt="" id="BLOGGER_PHOTO_ID_5112634192287998338" border="0" /></a><br />step2: Duplicate these ellipses and move them out.<br /> Duplicate them once more and shift them vertically up by few pixels(as in image)<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnLbNk_w7Toa9bxz8t2QyCNY63HgrLvUvmeVsX9GnkF-F6kMBAOCzm3YPIFeT_5ivaMOVMKEwM0BNun1HmAytsSfgId15zuQm_jqNKenLqjBnDBJyOMqGmfmNPr6dpXmWSYEJkNJbediUd/s1600-h/02.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnLbNk_w7Toa9bxz8t2QyCNY63HgrLvUvmeVsX9GnkF-F6kMBAOCzm3YPIFeT_5ivaMOVMKEwM0BNun1HmAytsSfgId15zuQm_jqNKenLqjBnDBJyOMqGmfmNPr6dpXmWSYEJkNJbediUd/s320/02.png" alt="" id="BLOGGER_PHOTO_ID_5112634398446428562" border="0" /></a><br /><br />step3: Select the two ellipses, duplicate them and move them out.<br /> then do path-->difference<br /> We have our object 1.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfiBIGxAx6P6yDWIbm-1Z3unHNd8b_koK41JbPow0mP1KS2PrFcHgDPcuOeBy15nTmd_iVH5D0Nqf9di0dezxv1_1rWUrPgKNfYWw_nOt8nQb3iUdRUynbgMJUd_reu9EgblMGwWmD4pqe/s1600-h/03.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfiBIGxAx6P6yDWIbm-1Z3unHNd8b_koK41JbPow0mP1KS2PrFcHgDPcuOeBy15nTmd_iVH5D0Nqf9di0dezxv1_1rWUrPgKNfYWw_nOt8nQb3iUdRUynbgMJUd_reu9EgblMGwWmD4pqe/s320/03.png" alt="" id="BLOGGER_PHOTO_ID_5112634557360218530" border="0" /></a><br /><br />step4: Select the two smaller ellipses from the object in step 2, duplicate them and move them out.<br /> Now do path-->difference. (check out which object should be above which one )<br /> We have our object 2.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVonjMx_h-Y81kartDUGkKf8By9HWb-cLe-MbTXWXiLTECihbHyYpn7IYTYRjkYw6BEkpIbzv4CLU4uS_dzP003YCnG6bxThwesfzDaAuV0TsM6CuAvfhWaaF1Pik30AFeuPIDr2r-BI-Q/s1600-h/04.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVonjMx_h-Y81kartDUGkKf8By9HWb-cLe-MbTXWXiLTECihbHyYpn7IYTYRjkYw6BEkpIbzv4CLU4uS_dzP003YCnG6bxThwesfzDaAuV0TsM6CuAvfhWaaF1Pik30AFeuPIDr2r-BI-Q/s320/04.png" alt="" id="BLOGGER_PHOTO_ID_5112634836533092786" border="0" /></a><br /><br />step5: Select the two larger ellipses from the object in step 2, duplicate them and move them out.<br /> We need to draw a rectangle. Its width same as the width of the ellipse<br /> and height equal to the vertical distance between the ellipses.<br /> Select the lower ellipse and the rectangle and do path-->union. Move this object to bottom.<br /> Select both these objects and apply path-->difference.<br /> We have your object 3.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLNF45hEIQ6_8Yk9jUSqkC5eqx1qB4F4E_hs3V8EuehzXVVVQYALQYK3l_idHWRGylI3_6uXyqvjXTdyyZ24eCMLDv5192pSKuShhuPCm0pKBawdwmPSPOI0UBqP4EaBlFFGeZtF5S8Qde/s1600-h/05.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLNF45hEIQ6_8Yk9jUSqkC5eqx1qB4F4E_hs3V8EuehzXVVVQYALQYK3l_idHWRGylI3_6uXyqvjXTdyyZ24eCMLDv5192pSKuShhuPCm0pKBawdwmPSPOI0UBqP4EaBlFFGeZtF5S8Qde/s320/05.png" alt="" id="BLOGGER_PHOTO_ID_5112635077051261378" border="0" /></a><br /><br />step6: Now what you need to do is assemble these objects.<br /> Zoom in and arrange them.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg9AJ3AP1BtKOZINyHjr00N8DcRg-K2R23g88QEK7ZAMUyzagX2Xs-fcmCaXd23WYalK1r21veK8PGcRplutllOEQJqqrSzAfRldYhsIOS1UdgJaggRRH2zMiVFhUpdtk7q52JZaFTBSud/s1600-h/06.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg9AJ3AP1BtKOZINyHjr00N8DcRg-K2R23g88QEK7ZAMUyzagX2Xs-fcmCaXd23WYalK1r21veK8PGcRplutllOEQJqqrSzAfRldYhsIOS1UdgJaggRRH2zMiVFhUpdtk7q52JZaFTBSud/s320/06.png" alt="" id="BLOGGER_PHOTO_ID_5112635300389560786" border="0" /></a><br /><br />step7: Next we need to color them.<br /> for object 1, a plain fill is OK.<br /> for object 2, we need a linear gradient with variation 'dark to light to dark'<br /> for object 3, we need a linear gradient with variation 'light to dark to light'<br /> make the opacity to 100%<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcWtR99K_HldGSKn-qH2-bStQ0Njr3qJlZPbGZRo0lcp6uJgxGLaPZ7GSbFvGFpol4vKMcLqGOUckToIqSaJzfYRlPJ-WA6KSw95NUiiYNzg0LgIlIyE-8wruaTT-eC2bI4u4kT-VzhrNC/s1600-h/07.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcWtR99K_HldGSKn-qH2-bStQ0Njr3qJlZPbGZRo0lcp6uJgxGLaPZ7GSbFvGFpol4vKMcLqGOUckToIqSaJzfYRlPJ-WA6KSw95NUiiYNzg0LgIlIyE-8wruaTT-eC2bI4u4kT-VzhrNC/s320/07.png" alt="" id="BLOGGER_PHOTO_ID_5112635467893285346" border="0" /></a><br /><br />PS: when aliging objects, there may be some gaps/white spaces between them.<br /> to hide it, give the object a stroke with the same color/gradient of the fill.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTx7Wu8UxqkIyt1cMgvKAud89WfTd5GSCE-9DGLVAoGh20Ppj1vFI8rRZ7qdWRUrb5Bm5WvGxTI8XyxfcBzYV645JY74dAm0FdPFPcTKVxn2tRtfrZvzg4GlrhENpDYHurugIH7jgVKJee/s1600-h/08.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTx7Wu8UxqkIyt1cMgvKAud89WfTd5GSCE-9DGLVAoGh20Ppj1vFI8rRZ7qdWRUrb5Bm5WvGxTI8XyxfcBzYV645JY74dAm0FdPFPcTKVxn2tRtfrZvzg4GlrhENpDYHurugIH7jgVKJee/s320/08.png" alt="" id="BLOGGER_PHOTO_ID_5112635639691977202" border="0" /></a><br />You can do similarly for triangle and square shapes. A representation is here in the <a href="http://rockraikar.googlepages.com/3dbasic.png">PNG </a>& <a href="http://rockraikar.googlepages.com/3dbasic.svg">SVG </a>files.<br /><br />Grouping these objects, you can do cool 3D illustrations like this and many more....<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPaYlwqh70qsEv2E0yoVR2LKhUlN-bI61M4TxByT_oGySW4BpWQziZ9mZd-h0cHZlMNwGbElny4iD2wNaZ6_u50ilbll-PrMtmPF8YKe4-_UzXNzdA3BCN3etN_Xf-YacAEPoW7Q2_TewI/s1600-h/3d+group.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPaYlwqh70qsEv2E0yoVR2LKhUlN-bI61M4TxByT_oGySW4BpWQziZ9mZd-h0cHZlMNwGbElny4iD2wNaZ6_u50ilbll-PrMtmPF8YKe4-_UzXNzdA3BCN3etN_Xf-YacAEPoW7Q2_TewI/s320/3d+group.jpg" alt="" id="BLOGGER_PHOTO_ID_5112640630443975170" border="0" /></a>the <a href="http://rockraikar.googlepages.com/3dgroup.svg">svg</a>.<br /><br />For complex objects, and even for simple objects with different orientations, above technique is not suitable.Will try to cover that in next post.<br />Happy Inkscaping :)<div class="blogger-post-footer">http://raikardesigns.blogspot.com</div>Unknownnoreply@blogger.com560tag:blogger.com,1999:blog-1879180810535278517.post-83873894589632466162007-09-20T06:26:00.000-07:002008-12-11T19:16:52.464-08:00Drawing Images with HTML tables with Gimp<object height="350" width="425"><param name="movie" value="http://www.youtube.com/v/NqFOB77jLaE"><param name="wmode" value="transparent"><embed src="http://www.youtube.com/v/NqFOB77jLaE" type="application/x-shockwave-flash" wmode="transparent" height="350" width="425"></embed></object><br /><br />Impressed by this video ? Want to draw something in HTML ?<br /><a href="http://www.gimp.org/">Gimp</a> is there for you. Yes, Gimp lets you save your image as HTML tables.<br /><br />Open any image in Gimp,<br />File--> Save as --> Select File type by extension (select html )<br />and the settings for the table should be something like this<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrmZ1omQ6zX-khzssxPfsOHV-AL_1TOOTXvRdHP42HdA0NCUTvOlUC4FvQo7XA0N1rBplexUqR9XA1AFDlZxXoncCQ0YmZ4ZVZVBy1dgGqddOS3EbX6yXuoX4zP8j5-QKTQ9j7LaBW8E-o/s1600-h/table+option.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrmZ1omQ6zX-khzssxPfsOHV-AL_1TOOTXvRdHP42HdA0NCUTvOlUC4FvQo7XA0N1rBplexUqR9XA1AFDlZxXoncCQ0YmZ4ZVZVBy1dgGqddOS3EbX6yXuoX4zP8j5-QKTQ9j7LaBW8E-o/s320/table+option.jpg" alt="" id="BLOGGER_PHOTO_ID_5112290618744188642" border="0" /></a><br /><br />The results are really good, but the file size isn't :)<br /><br />Some of my experiments<br /><a href="http://rockraikar.googlepages.com/AVATARN.jpg">AVATARN.jpg</a> (14KB) to <a href="http://rockraikar.googlepages.com/AVATARN.html">AVATARN.html</a> (334KB)<br /><a href="http://rockraikar.googlepages.com/round.jpg">round.jpg</a> (23KB) to <a href="http://rockraikar.googlepages.com/round.html">round.html</a> (722KB)<br /><a href="http://rockraikar.googlepages.com/inkscapelove.png">inkscape love.png</a> (7K) to <a href="http://rockraikar.googlepages.com/inkscapelove.html">inkscape love.html</a> (199K).<br /><br />I tried to convert a picture taken from a camera into html & the result was mind blowing... 545KB of PNG image was converted to 16.9 MB of html. A nice way to hang your browser ;)<br />This is really fun, but complex images take a lot of resources.<div class="blogger-post-footer">http://raikardesigns.blogspot.com</div>Unknownnoreply@blogger.com34tag:blogger.com,1999:blog-1879180810535278517.post-81867038612565764922007-09-10T05:53:00.000-07:002007-12-06T19:53:02.899-08:00Raster and vector images.........One of my friend mailed me (after reading my posts about Inkscape). He said "what's the difference between Gimp and Inkscape ? they both seem to be same..." He isn't a techi so thought of mailing him back with some basic information, here is the excerpt...<br /><br />Images can be represented in computers in two ways,<br />1) <a href="http://en.wikipedia.org/wiki/Raster_graphics">Raster images</a> ( bitmap ).<br />2) <a href="http://en.wikipedia.org/wiki/Vector_graphics">Vector images</a>.<br /><br />Raster images are represented in terms of pixels. A pixel is the smallest displayable unit. Each pixel is in turn represented by colors like red,green,blue (RGB). These pixels when arranged in rectangular fashion form an raster image. The image size is represented in terms of pixels. A 100*100 pixel image consists of an rectangular array of 100X100 pixels. Depending on the display device, you can see the appropriate image. Now if you zoom in or enlarge this image, then the quality decreases...the pixels are now displayed as square boxes. This is one of the disadvantages of raster images.<br /><br />Vector images are represented in terms on points, lines, curves, polygons. Any object is represented by its attributes like position, shape, proportions, color, transparency etc., The main advantage of vector over raster is its ability to stretch or expand. As the vector image is represented by its attributes, when ever you scale the image, it expands without the loss of quality.<br /><br /><br />vector images are easily re sizable where as raster images cannot be expanded without the loss of quality.<br /><br />Vector image files take same amount of memory space to store what ever the size of the image be as the number of attribute required to represent the image are same. For scalar images, as size increases, the number of pixels increases so does the memory occupied by the file.<br /><br />The only disadvantage of vector images is that it is very difficult to represent real & life like images. Even if you try to represent them, they will take a lot of memory.<br /><br />Coming to the actual question,<br />Gimp is a raster image editing software where as Inkscape is vector image editing software. If you know the difference between raster & vector image representation this single line answers your question.<br /><br />The images that we capture from cameras are raster images. We use softwares like Gimp or Photoshop to edit/retouch or do some color corrections. Vector editors like Inkscape and Adobe Illustrator are widely used to create logo's, design patterns, animations and also in printing industry.<br /><br />Further Inkscape uses <a href="http://en.wikipedia.org/wiki/Scalable_Vector_Graphics">Scalable Vector Graphics</a> (SVG) to represent graphics. SVG is nothing but an XML file whose file format is defined by the world wide web consortium. SVG format also supports animations by allowing scripts to be included.<div class="blogger-post-footer">http://raikardesigns.blogspot.com</div>Unknownnoreply@blogger.com11tag:blogger.com,1999:blog-1879180810535278517.post-1283463379615249602007-09-07T04:31:00.000-07:002008-12-11T19:16:55.322-08:00Illustrating pile of coins in Inkscape.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXcidHYqp6jLhXhaXU4QnhQGLtMKTF-6iGd1KR6Jc13mDt8otUPxNnC_XeFhSLwc-6JsBSFUgF5Ed-BTdsdcWFcqbPAyGrLFCwNa5SAoDy-_ginjKVRe7DgX9ALh2CgLfVf8eAFLk3PrdE/s1600-h/16.PNG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXcidHYqp6jLhXhaXU4QnhQGLtMKTF-6iGd1KR6Jc13mDt8otUPxNnC_XeFhSLwc-6JsBSFUgF5Ed-BTdsdcWFcqbPAyGrLFCwNa5SAoDy-_ginjKVRe7DgX9ALh2CgLfVf8eAFLk3PrdE/s320/16.PNG" alt="inkscape coin illustration tutorial" id="BLOGGER_PHOTO_ID_5107423903860761666" border="0" /></a>This one is about illustrating pile of coins using Inkscape.<br />Steps to follow as below...<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4yfiHMtkBh2cRGAKzqt1qIG3jshCFNQzsjiJXIyIvyxR1ANWYxxdJa1doxhOfNYT4vTokcfvgkBzANPXUUmx3IL7gY-Tw1mBjHN15ugdkcnzTBGYK8dsdluXRhG2BPsnDze81noDKuRyp/s1600-h/01.PNG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4yfiHMtkBh2cRGAKzqt1qIG3jshCFNQzsjiJXIyIvyxR1ANWYxxdJa1doxhOfNYT4vTokcfvgkBzANPXUUmx3IL7gY-Tw1mBjHN15ugdkcnzTBGYK8dsdluXRhG2BPsnDze81noDKuRyp/s320/01.PNG" alt="inkscape coin illustration tutorial" id="BLOGGER_PHOTO_ID_5107424530925986898" border="0" /></a><br />1) Draw a perfect circle (this will be our cir1 object).<br />Fill it with linear gradient<br />Duplicate it, increase its size holding shift and ctrl keys.<br />Fill it with darker color (this will be our cir2 object). Place cir2 below cir1 (object-->lower)<br />you will get something like this.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkqfw12eE7PHjwNEnJDXTOOQ9iErMidiZX9pGPoLQ5d_LmPpXKsR6PGDHNrlwSgpdoPibfNivRAYLONIr7piiLH_7OSfKtianc9H1aSbqvsH_GTprbnG8iPRz3HBGzEB5Mi_LC4_KmHCMf/s1600-h/02.PNG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkqfw12eE7PHjwNEnJDXTOOQ9iErMidiZX9pGPoLQ5d_LmPpXKsR6PGDHNrlwSgpdoPibfNivRAYLONIr7piiLH_7OSfKtianc9H1aSbqvsH_GTprbnG8iPRz3HBGzEB5Mi_LC4_KmHCMf/s320/02.PNG" alt="inkscape coin illustration tutorial" id="BLOGGER_PHOTO_ID_5107424956127749218" border="0" /></a><br />2)Select both the circles, duplicate them and move them out<br />and apply path--> difference<br />Give it a circular gradient for the fill and fill a dark color for stroke.<br />This will be our cir3, the coin border.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDFj3W0YlcnDh2j59Y90W2UhIhW1lQ3w6ZlfjNhrRoPHwh3LJi6LvrGAK5qeLUgzaujGG9ed2_al_ED5E6RLiSHETmlQ_BBDXpI7FRw8yIbNOac4faUZsAZN_scXgBgatux25Dc2RSobjs/s1600-h/03.PNG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDFj3W0YlcnDh2j59Y90W2UhIhW1lQ3w6ZlfjNhrRoPHwh3LJi6LvrGAK5qeLUgzaujGG9ed2_al_ED5E6RLiSHETmlQ_BBDXpI7FRw8yIbNOac4faUZsAZN_scXgBgatux25Dc2RSobjs/s320/03.PNG" alt="inkscape coin illustration tutorial" id="BLOGGER_PHOTO_ID_5107425149401277554" border="0" /></a> 3)Slightly decrease the size of the smaller circle(cir1) holding CTRL<br />Now place cir3 over cir1 and cir2<br />Move cir1 slightly to get the slight shadow like effect of the border of the coin.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbT2Jb264nbzcDKi0QDeACtRc9T3WyyyXyGuOiHtXWIdKQ-BWtAJvltlchpwIDv1ktvZdiLzyERVZIlPCFKzlSx45BWeQf64V4inHogM7S4hSwQWeMW9YuwpkX_SjPeaI-vkMd8pyLpsGz/s1600-h/04.PNG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbT2Jb264nbzcDKi0QDeACtRc9T3WyyyXyGuOiHtXWIdKQ-BWtAJvltlchpwIDv1ktvZdiLzyERVZIlPCFKzlSx45BWeQf64V4inHogM7S4hSwQWeMW9YuwpkX_SjPeaI-vkMd8pyLpsGz/s320/04.PNG" alt="inkscape coin illustration tutorial" id="BLOGGER_PHOTO_ID_5107425351264740482" border="0" /></a><br />4)Type your text (preferrably in times new roman font)<br />Draw a beizer curve (make it as much circular as your coin)<br />Select both and text -->put on path.<br />(adjust the text size to get something like this)<br />Now select only the text and duplicate it to get our text in a curved path.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxzaPibO7jGJr7SKYfnsYTZqYx60260uwM56R41f1QopurirvXei81cs35iy4fRTMjce8AaVb1jS_JywzNPgShsR6o_5j54hbUy39I_Ahi6sSRUERLZt8dHKLktKbnZ15BjAZF_5tup8WF/s1600-h/05.PNG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxzaPibO7jGJr7SKYfnsYTZqYx60260uwM56R41f1QopurirvXei81cs35iy4fRTMjce8AaVb1jS_JywzNPgShsR6o_5j54hbUy39I_Ahi6sSRUERLZt8dHKLktKbnZ15BjAZF_5tup8WF/s320/05.PNG" alt="inkscape coin illustration tutorial" id="BLOGGER_PHOTO_ID_5107425626142647442" border="0" /></a><br />5)Similarly create other contents like year.<br />Now we will place our text within a circle<br />Small tweaks like rotating & resizing is required<br />to set them into the circle.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4aA1a214yTi20G9Dhd6UR9GOeSxg8p9BeBY9Xxqe_Vjpc3kbIfP6EoK4jHKJWtUY-8JlZTWP1kF9Zb3eKOdbLTCZ3LjfYIbzhbPjrGpx918rZDaF1Qkmr1Xa7D4t1XdsBhVr3kCYUjVBZ/s1600-h/06.PNG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4aA1a214yTi20G9Dhd6UR9GOeSxg8p9BeBY9Xxqe_Vjpc3kbIfP6EoK4jHKJWtUY-8JlZTWP1kF9Zb3eKOdbLTCZ3LjfYIbzhbPjrGpx918rZDaF1Qkmr1Xa7D4t1XdsBhVr3kCYUjVBZ/s320/06.PNG" alt="inkscape coin illustration tutorial" id="BLOGGER_PHOTO_ID_5107425918200423586" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5qA83Vre9PsWDxGwuPoopfM2HjeJGc7cwBR5pB408M1ppaHXANdxrHmROuDqBdV07y2r2SDZttgxD21hlMV5vcjfptr7FABdm8gUpO34kwpsv_cGtJlGfbkPv9j5xADYTTwwYQ3Dm9Cwz/s1600-h/07.PNG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5qA83Vre9PsWDxGwuPoopfM2HjeJGc7cwBR5pB408M1ppaHXANdxrHmROuDqBdV07y2r2SDZttgxD21hlMV5vcjfptr7FABdm8gUpO34kwpsv_cGtJlGfbkPv9j5xADYTTwwYQ3Dm9Cwz/s320/07.PNG" alt="inkscape coin illustration tutorial" id="BLOGGER_PHOTO_ID_5107426150128657586" border="0" /></a><br />6)here you are, a plain simple coin.<br />lets make a pile of coins..<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR9sM8SgNkr4Lc3i18tsTcIm9HTcLx1NW1N9CmqGMIUugpJ7R0r4XMsdytIcjRuOIXkKzGW5xpbQyzOBpApoLLHUlLQ5LZTlnYAvuVFqIwdjrOP3GPqxZPty7b6_YA4gtMBbum__Jwpl9F/s1600-h/08.PNG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR9sM8SgNkr4Lc3i18tsTcIm9HTcLx1NW1N9CmqGMIUugpJ7R0r4XMsdytIcjRuOIXkKzGW5xpbQyzOBpApoLLHUlLQ5LZTlnYAvuVFqIwdjrOP3GPqxZPty7b6_YA4gtMBbum__Jwpl9F/s320/08.PNG" alt="inkscape coin illustration tutorial" id="BLOGGER_PHOTO_ID_5107427082136560850" border="0" /></a><br />7)Select all the coin objects, rotate it and<br />shear it vertically to get something like this.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpgmuQArCckz-kit_0y9fkH5tvdJ_RkDN7s5pd37uNxOAlyA893mUhxJAVKe8MXiojWlCp13JI0g99raLWzkU93RvBnI4h4VThWtDny7IPesUKV8udtd_th4BmobwxMHlNLwx8SJva6SYx/s1600-h/09.PNG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpgmuQArCckz-kit_0y9fkH5tvdJ_RkDN7s5pd37uNxOAlyA893mUhxJAVKe8MXiojWlCp13JI0g99raLWzkU93RvBnI4h4VThWtDny7IPesUKV8udtd_th4BmobwxMHlNLwx8SJva6SYx/s320/09.PNG" alt="inkscape coin illustration tutorial" id="BLOGGER_PHOTO_ID_5107427425733944546" border="0" /></a><br />8)Now duplicate the coin border<br />Give it a grey color fill and<br />Send it to bottom(object-->bottom or END key)<br />Now move this with a slight shift downwards.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFFd2bj1GFsblrf9XyWCcqNcnH8XoU3GHOjBbeXR0KGhWJ8bVRz5Ju3ljt7tmkw0dqEnfGUTHRwSyb4wyr1FRfNwyGYC8WuwPSTGG1d0u1thEnqyOU9m5bTbQR2x3tAhv41bEAPoeCXP42/s1600-h/10.PNG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFFd2bj1GFsblrf9XyWCcqNcnH8XoU3GHOjBbeXR0KGhWJ8bVRz5Ju3ljt7tmkw0dqEnfGUTHRwSyb4wyr1FRfNwyGYC8WuwPSTGG1d0u1thEnqyOU9m5bTbQR2x3tAhv41bEAPoeCXP42/s320/10.PNG" alt="inkscape coin illustration tutorial" id="BLOGGER_PHOTO_ID_5107427988374660338" border="0" /></a><br />9)Now duplicate coin border once more and move it out.<br />We need to create a pattern to fill this.<br />- Type two | 's followed by two spaces.<br />- From object menu select pattern--> object to pattern.<br />Now fill the border with the pattern.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV3FzF6A3qTdCxdQ7x1dw9L3462Gzu_96nfh8V_KEZ1zTvXFZp2Y653QxZ0WPyAoVpdgEyfCQY4L7Jt5ksuln3gDJao8428O2JQL55xEbah6zmE8ZrJeufGZgaUoTLud6qfCQPiNEdfo1K/s1600-h/11.PNG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV3FzF6A3qTdCxdQ7x1dw9L3462Gzu_96nfh8V_KEZ1zTvXFZp2Y653QxZ0WPyAoVpdgEyfCQY4L7Jt5ksuln3gDJao8428O2JQL55xEbah6zmE8ZrJeufGZgaUoTLud6qfCQPiNEdfo1K/s320/11.PNG" alt="inkscape coin illustration tutorial" id="BLOGGER_PHOTO_ID_5107428241777730818" border="0" /></a><br />10)Now place this object over the previous coin border as above.<br />Select all these objects & press ctrl+g to group them.<br />You have your coin.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCB0nRkymi8HtgZsaEClFZIxupPgtg0MVZmYdx3I1BY__lzhCT2NspN729Yyd56RRzr-eCCXXUJ0KKCo_Wso7fSl66ySMhzhqc7ueEtu5Vj6Uk-E89jaUupF-cOFigvPf0UTlaBm27Yf4p/s1600-h/12.PNG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCB0nRkymi8HtgZsaEClFZIxupPgtg0MVZmYdx3I1BY__lzhCT2NspN729Yyd56RRzr-eCCXXUJ0KKCo_Wso7fSl66ySMhzhqc7ueEtu5Vj6Uk-E89jaUupF-cOFigvPf0UTlaBm27Yf4p/s320/12.PNG" alt="inkscape coin illustration tutorial" id="BLOGGER_PHOTO_ID_5107429117951059234" border="0" /></a><br />11)Duplicate these coins and place them with little shifts<br />Rotate one of the coin and shear it<br />so that it appears like leaning on the pile of coins.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6X0LHzu1IlD8aXw2db3ySTq3CxpWrMqSlgy10c9BGFPCVz8B2jb4IGEDfaVu9zR0IdFH7g1_jKitCm6JfM51lpGJGvzMHbn1t3IiKl2fvMBCYxhqs-qB1peZ0UoH3Xtu3553e1Zx5UVzs/s1600-h/13.PNG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6X0LHzu1IlD8aXw2db3ySTq3CxpWrMqSlgy10c9BGFPCVz8B2jb4IGEDfaVu9zR0IdFH7g1_jKitCm6JfM51lpGJGvzMHbn1t3IiKl2fvMBCYxhqs-qB1peZ0UoH3Xtu3553e1Zx5UVzs/s320/13.PNG" alt="inkscape coin illustration tutorial" id="BLOGGER_PHOTO_ID_5107429676296807730" border="0" /></a><br />12)Now if you want a shadow effect,<br />Move out the slant coin<br />Draw an ellipse and place it below the coin,<br />give it a grey color with about 70% opacity and 4-5% of blur.<br />This will be the shadow falling on the pile of coins.<br />Group both the shadow and coin into one object.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd3ocZMLWwp_UvGrwObJsoU69NK0L_lCK7dSktPYYKlG0BkbPYXuyBgyhxYBkofTFf55Q5Rpkw2T6l2b279hxrxbStiIRow0OBuTsI1ZGeGPO-abL-i76KFJLUBihBcgtBItBldePd7j5i/s1600-h/14.PNG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd3ocZMLWwp_UvGrwObJsoU69NK0L_lCK7dSktPYYKlG0BkbPYXuyBgyhxYBkofTFf55Q5Rpkw2T6l2b279hxrxbStiIRow0OBuTsI1ZGeGPO-abL-i76KFJLUBihBcgtBItBldePd7j5i/s320/14.PNG" alt="inkscape coin illustration tutorial" id="BLOGGER_PHOTO_ID_5107430105793537346" border="0" /></a><br /><br />13)Place this(slant coin with shadow) group over the pile of coins<br />You can also draw another ellipse, dark grey color 100% opacity & no blur.<br />Place this ellipse object at the bottom to give the sharp shadow.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIJCUcZprvt6Qq2veqghZUILy19Fmy_jxxrgrPwE9f6UoQM1PYtWgBRQ4mM_vpldhrN_zv_S-6eQV5yF6OqZO5V-8eeB83L3YlDtR30iqgj_UBuzG3r39mtDySO9lmJ74S-Gy66ibuvhRP/s1600-h/15.PNG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIJCUcZprvt6Qq2veqghZUILy19Fmy_jxxrgrPwE9f6UoQM1PYtWgBRQ4mM_vpldhrN_zv_S-6eQV5yF6OqZO5V-8eeB83L3YlDtR30iqgj_UBuzG3r39mtDySO9lmJ74S-Gy66ibuvhRP/s320/15.PNG" alt="inkscape coin illustration tutorial" id="BLOGGER_PHOTO_ID_5107430642664449362" border="0" /></a><br /><br /><br />lots more can be done to this like<br />-- having a logo in the coin content<br />-- giving the coin content a shadow, etc.<br /><br />The tutorial in PNG image format is <a href="http://rockraikar.googlepages.com/inkscapecoin.jpg">here </a>and in SVG format is <a href="http://rockraikar.googlepages.com/cointutorial.svg">here</a>.<br /><br />I am not that good at explaining things, especially when its in writing. Hope that you find this tutorial useful. Leave comments if you feel like...<br />Happy Inkscaping...<div class="blogger-post-footer">http://raikardesigns.blogspot.com</div>Unknownnoreply@blogger.com145tag:blogger.com,1999:blog-1879180810535278517.post-36795287537609329812007-08-31T05:05:00.000-07:002008-12-11T19:16:56.299-08:00Text effects using Inkscape in 15 seconds...15 seconds is all you need for these Simple text effects in Inkscape:<br />1) 3D effect<br />2) perpective shadow<br />3) reflection on floor<br />4) glow<br />5) drop shadow<br /><br />This isn't a tutorial, its just what I did to get these basic text effects.<br /><br />3D effect:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgImnauO_whZweC8v3waFQXdCgUw0o0r-tVQH0B0SbE0hAsLHMQKczc6A8NqRCxR34HKAcQS6lgG_3qD0fDGvTdzdf9Ii1ktnPtyU9TmFUnEpM-vAQrpCVYALhL1rELteLSEmcVKjhVu_RE/s1600-h/01.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgImnauO_whZweC8v3waFQXdCgUw0o0r-tVQH0B0SbE0hAsLHMQKczc6A8NqRCxR34HKAcQS6lgG_3qD0fDGvTdzdf9Ii1ktnPtyU9TmFUnEpM-vAQrpCVYALhL1rELteLSEmcVKjhVu_RE/s320/01.jpg" alt="inkscape 3d effect image" id="BLOGGER_PHOTO_ID_5104835223992247282" border="0" /></a><br />a) Using text tool write your name. Its better if you choose a bold font. Select a dark color for the fill and no stroke.<br />b) Now duplicate this text(Ctrl-D). For this set no fill for the fill and a dark color for the stroke. Send this text object to bottom (keeping the layer selected, press pagedown)<br />c) Now give a slight shift to this object and you have your 3D effect. Try shifting in different directions to see the 3D effect in different directioins.<br /><br /><br />perpective shadow:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQpNmbso14GMU7Fedion0tJzB8lqQdUnvd2VW8FFCGyjVWAGbD_6P8TlRhUalisCJqs6G1_dxS4UbuvK2y-gun1j40stAc-LCc86nWqwBrQwNz0EV8Zv-zVE5UVToM2fh6Jxsl0LL39c-H/s1600-h/text6078.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQpNmbso14GMU7Fedion0tJzB8lqQdUnvd2VW8FFCGyjVWAGbD_6P8TlRhUalisCJqs6G1_dxS4UbuvK2y-gun1j40stAc-LCc86nWqwBrQwNz0EV8Zv-zVE5UVToM2fh6Jxsl0LL39c-H/s320/text6078.jpg" alt="inkscape perspective shadow effect image" id="BLOGGER_PHOTO_ID_5104835550409761794" border="0" /></a><br />a) Using text tool write your name.<br />b) Now duplicate this text(Ctrl-D). Fill this object with grey color.<br />c) Now double click the object twice (so that the rotate/skew handles are active). Using the non-corner handles skew it horizontally.<br />d) Send this object to bottom(pagedown) and position it so that the lower corners of both the text objects are at same point.<br /><br />Reflection:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC6Ue4Y7YQQHFeRmVqz41qhcHVI8ujK9g12vvDKfGeqrUOCfucK75ek55w9JGwj6rVBJkRIeYvQHWQsvEwBpHJQyinf5EURwklTwJegEXveuM3IY_DC0C-RtZfVNemiizYX7IvO28vn9uB/s1600-h/text8435.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC6Ue4Y7YQQHFeRmVqz41qhcHVI8ujK9g12vvDKfGeqrUOCfucK75ek55w9JGwj6rVBJkRIeYvQHWQsvEwBpHJQyinf5EURwklTwJegEXveuM3IY_DC0C-RtZfVNemiizYX7IvO28vn9uB/s320/text8435.jpg" alt="inkscape reflection effect image" id="BLOGGER_PHOTO_ID_5104835820992701458" border="0" /></a><br />a) Using text tool write your name.<br />b) Now duplicate this text(Ctrl-D). Drag this object using the top-center handle to make the reflection.<br />c) Fill this object with a gradient which has a dark to light transition. Change the direction of the gradient so that the darker color is towards the base of the text object.<br /><br /><br />glow:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE0rTnASi6tvihQjtlILWhUWTAK2Njz2gIm0pEkd8KzTgGb5EeV_j6EVEbPrQDOs6ZwlB8UUOeAuRfRSaf5D9KZhu4p_h_2jFdAG4Zi3R46GcoEHBlFFzV1nLvPT-rLCcoRH0VVgR7fHb8/s1600-h/text17638.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE0rTnASi6tvihQjtlILWhUWTAK2Njz2gIm0pEkd8KzTgGb5EeV_j6EVEbPrQDOs6ZwlB8UUOeAuRfRSaf5D9KZhu4p_h_2jFdAG4Zi3R46GcoEHBlFFzV1nLvPT-rLCcoRH0VVgR7fHb8/s320/text17638.jpg" alt="inkscape glow effect image" id="BLOGGER_PHOTO_ID_5104836125935379490" border="0" /></a> a) Using text tool write your name. Its better if you choose a bold font. Select no color for the fill and black for stroke color.<br />b) Now duplicate this text(Ctrl-D). Apply some blur in the Fill & stroke dialog box.<br /><br /><br /><br />drop shadow:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmipqNB3RmOnCExndBVGxTKMjYsZ0vgxTYH6XusgeOS8m6IW4HzlO5Rv8vKdr3CdFkHuEdt2lLrUzeTq74SNlE6Bt5-UNsE40fTqPo4hDOZnx8mmDebWRSuSOPmgYcqdi7qT_nAO0RUUf5/s1600-h/text13698.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmipqNB3RmOnCExndBVGxTKMjYsZ0vgxTYH6XusgeOS8m6IW4HzlO5Rv8vKdr3CdFkHuEdt2lLrUzeTq74SNlE6Bt5-UNsE40fTqPo4hDOZnx8mmDebWRSuSOPmgYcqdi7qT_nAO0RUUf5/s320/text13698.jpg" alt="inkscape drop shadow effect image" id="BLOGGER_PHOTO_ID_5104836370748515378" border="0" /></a> a) Using text tool write your name. Select a dark color for the fill and no stroke.<br />b) Now duplicate this text(Ctrl-D). Apply some blur in the Fill & stroke dialog box. give it a little shift.<br /><br /><br /><br />All these effects are available in <a href="http://rockraikar.googlepages.com/texteffects.svg" title="inkscape text effects svg file">this</a> SVG file.<br /><br />Comments & suggestions for improvement are welcome..<div class="blogger-post-footer">http://raikardesigns.blogspot.com</div>Unknownnoreply@blogger.com58tag:blogger.com,1999:blog-1879180810535278517.post-7821526553793314422007-08-24T05:42:00.000-07:002008-12-11T19:16:56.623-08:00Clock in inkscape<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxAfp9vt99qWNHxJT1L6cTbQBKGvGayr0WbcN8VbKwwDzIDQcKQf0Ae7sYI0XfRQr0YjsuHSKIWcuwWUTHduynXbZBTwAvc9FeZWrA3U9-XKsaaCdfrk7xijsI2AzC0NCFBaBJjB98zAcl/s1600-h/clock.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxAfp9vt99qWNHxJT1L6cTbQBKGvGayr0WbcN8VbKwwDzIDQcKQf0Ae7sYI0XfRQr0YjsuHSKIWcuwWUTHduynXbZBTwAvc9FeZWrA3U9-XKsaaCdfrk7xijsI2AzC0NCFBaBJjB98zAcl/s320/clock.png" alt="" id="BLOGGER_PHOTO_ID_5102246924974518818" border="0" /></a><br />Designed a clock in Inkscape...<br />SVG is <a href="http://rockraikar.googlepages.com/clock.svg">here.</a><br /> Thinking of drawing some cool 3D objects. Have been playing a lot to design them. Will post some sooner.<div class="blogger-post-footer">http://raikardesigns.blogspot.com</div>Unknownnoreply@blogger.com28tag:blogger.com,1999:blog-1879180810535278517.post-42703892587555907782007-08-08T06:29:00.000-07:002007-08-08T07:22:34.250-07:00Wetpaint....I just stumbled upon <a href="http://wetpaintgroupart.com/">wetpaint</a> website.<br />One can create art projects, share with friends, invite them to contribute in it.<br /><a href="http://wetpaintgroupart.com/project.php?key=ZMXQP9RO9187NT5MYGX4PD4N7LRF41DG">Here</a> , <a href="http://wetpaintgroupart.com/project.php?key=VBABZG6ZY8O6RBOME23HQPR6U2ZH58KY">here </a>and <a href="http://wetpaintgroupart.com/project.php?key=6Y7Y6IZ0GZUJBJDDGRQS1I92GV47TP0B">this </a>are the ones i sketched.<br />Wetpaint also lets us have a wiki of our own, <a href="http://rockraikar.wetpaint.com/">this </a>is one i created just to know.<div class="blogger-post-footer">http://raikardesigns.blogspot.com</div>Unknownnoreply@blogger.com5tag:blogger.com,1999:blog-1879180810535278517.post-54024395513343400112007-08-02T06:03:00.000-07:002008-12-11T19:16:56.790-08:00RockraikarAn ego booster image :)<br />I was crazy about <a href="http://en.wikipedia.org/wiki/The_Rock_%28entertainer%29">The Rock</a>, So I had this name 'Rockraikar' for myself.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD64nvmLYgR3uju0onEpIfs4ueJw0liG_kCmvpx2xKP8qBwhn1J4UI35atDtDtU_4VvOicoUEDSYWSnqLok-3ib3QJPOG-qaT5oYyApft4KElcChBmeLzWeZCzY_Wpd4jNFu96F83f2MUi/s1600-h/ROCKRAIKAR.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD64nvmLYgR3uju0onEpIfs4ueJw0liG_kCmvpx2xKP8qBwhn1J4UI35atDtDtU_4VvOicoUEDSYWSnqLok-3ib3QJPOG-qaT5oYyApft4KElcChBmeLzWeZCzY_Wpd4jNFu96F83f2MUi/s320/ROCKRAIKAR.png" alt="" id="BLOGGER_PHOTO_ID_5094089455394184226" border="0" /></a><div class="blogger-post-footer">http://raikardesigns.blogspot.com</div>Unknownnoreply@blogger.com13tag:blogger.com,1999:blog-1879180810535278517.post-61311193427119341382007-07-31T05:31:00.000-07:002007-08-01T07:08:22.530-07:00Entering the art world.I am not a full time dedicated artist or designer, but an enthusiastic creative experimenter trying to sketch-out things & also in the process learn more about visual art and designs.<br /><br />I use open source softwares like <a href="http://www.gimp.org/">GIMP</a> , <a href="http://www.inkscape.org/">Inkscape</a> and freeware <a href="http://www.irfanview.com/">Irfanview</a> . This may be an hindrance as everybody else works on the advanced Adobe products but one thing is sure creativity is natural,no software can feed you with creativity !<br /><br />I'll be back with some of my logos, pics & all that I have created.<div class="blogger-post-footer">http://raikardesigns.blogspot.com</div>Unknownnoreply@blogger.com21