Monday, November 17, 2008
Open Source Software
Monday, November 10, 2008
Inkscape Tutorial #1 - Adding a drop shadow
WARNING!: Before you try this tutorial, i HIGHLY recommend reading Inkscape's basic tutorial. It will show you the basics of the program, and its built right into the program and easy to follow. Just open Inkscape, and navigate to Help>Tutorials>Inkscape:basic
Step 1.
Open Inkscape and make a basic star shape. To do this click on the icon on the left toolbar with a picture of a yellow star and polygon on it (or just click Shift+8), then click and drag anywhere in your main window. It doesn't matter how big or where it is right now, all you need is a star.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWSrdh4qI9C08vto4y8VHpoToEsoYfOjFAS1j9skX8ZLqRaW5s_FQ1Y0nyfb4p_Z1fvvTVnrTeVd2TBT2qxvBT_xg8sP2xQ4niV-TBzo46jN-sHTIAynnlirTL7M64qlLgEggPRDhXlmXx/s400/inkscape1.png)
Now we need to duplicate the object. Do this by selecting the star and going to Edit>Duplicate (Or just hit Ctrl+D). Now you have 2 of the same star shapes. We will use one of these shapes for the drop shadow. We need to make one of the stars black, for our shadow. Look at the bottom of your Inkscape window. Do you see a bunch of little rectangles that are different colors? You should. These can be used to color objects, and that's what we are going to use today. Select the top star shape, and click on the little black rectangle on the bottom. (The one all the way to the left). Your star should turn black. But their is a problem: The black star is still on top; it should be on bottom. We can fix this by selecting the black star and going to - Object>Lower. (Or just push Page Down). Now your black star is under the yellow one, but don't deselect it yet! We are still going to use the black one in the next step. ;)
Step 3:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxt1mn7tfbzjUm-l8H_igyTw0y9BHK8dESBJ8Th9RHqNo36SkGjrESlcDW4TqMJmU5lbpSTrrR9QLxM-psBlRwIGOGirN0zE0lcqTVFGofe_wp2wabXM-ZnucvOzvkw_KMIIjCZXC_N8Ua/s400/inkscape2.png)
Now we can scale up the black star to make it look like a shadow. With the black star still selected, we can now scale it up. Holding down "Ctrl" (To keep it proportional) and click the black arrows at the bottom right of the selection box and drag.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcQTHk9KMcXF17hb1xoMh83bHoqx5by8pwU30MMbj9l35OPYV1Ta2XjQYCaibCHbc_Xqn5TPNlIDTAe3LL2B4o_U7pUhhk9YSbqbCmkYkOEfrdtGxpLcdwJMFFY_VT6IyybI0yfgKd8eQt/s400/inkscape3.png)
Now that we have a basic shadow, we need to touch it up. With the shadow still selected, goto Object>Fill and Stroke. (Or just hit Shit+Ctrl+F). Now a window labeled "Fill and Stroke" will pop up. We will make the shadow look more "Realistic" by blurring it and lowering the opacity. I recommend setting the blur to around 3.3 and the opacity to around 68.9%. (You can play around with it to get it looking the way you want it.)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-u0v6pV24dwz1Cno3mXldy_CC0PwGfre0AjUnt45uzCo_ZUMAKEB7iLM_V_tuSQLMFpq-9jbJLdr5akclv4jbwynkFtE6HTgYE0nAuJCU1_jgy7MtD4anPMGhyphenhyphenMMvAX4ql0eWIwRnukrZ/s400/Inkscape4.png)
And there you have it! You can export your star by going to FIle>Export Bitmap (Basically saving it as a .png picture file.)Select "Drawing" At the top, then browse for where you want to save your picture. When you are done, click "Export" and Inkscape will do the rest. ;)
And here is your completed star! -
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRyDCeW6EJkAScKlS9XeYGk8_xO0dwAVB_8wi88IHOo_mbFZeyZ1x1n3O5k9DE-mgGmV5D2Q50TTfwcw2RqzXs7jbOd_rDc0rBtmh0FLKPTP0YQkS8DnUYNlShDiC8LCd8A7gfkAUVv6n5/s400/stardropshadow.png)
Thanks! Check back later for more great tutorials and posts!
-Drummeralec
Saturday, November 8, 2008
Inkscape - An Open Source vector graphics editor
Inkscape - The free program you have to see to believe.
Ok, So you don't know a thing about computers or graphic design. All you want to make is a simple logo or image, (Like the one at the top of this blog), but you have no idea to do it, and you need to make it quick. Well, i have an answer for you: Inkscape.
"Inkscape is An Open Source vector graphics editor, with capabilities similar to Illustrator, CorelDraw, or Xara X, using the W3C standard Scalable Vector Graphics (SVG) file format." (From: http://www.inkscape.org/)
Basically, Inkscape is a program that can make, well, anything. (it's like a more powerful version of paint). It saves files in SVG format, and it is vary useful for editing text and logos. If you don't know what inkscape is or how to use it, don't worry. If you continue reading this blog, you soon will. (Once I post some tutorials) ;) Also, you can goto Inkscape's FAQ for more information. http://wiki.inkscape.org/wiki/index.php/FAQ#What_is_Inkscape.3F
You can download inkscape here-
http://inkscape.org/download/?lang=en (Inkscape works in Windows, OSX, and Linux.)
Hope you can subscribe and continue reading! I will also post tutorials on programs like gimp, blender, and other open source programs.
Thanks!
-Drummeralec
Thursday, November 6, 2008
Dell Monitors Made in Blender
This is just a quick little "mini" project, but, i might as well post it on my new blog, just to see what people think. For the textures i did nothing "complicated", just basic colors and a mirror effect on the monitor. I added a couple different angles, but here it is. Its nothing special, but at least its something. ;)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM8C70TRzCvsPBbl2jYuuUqdZm-KmJAJ35inJTWJXBLWgfD9aeJZ9Alg67RxQ1HU8ePq_LfUe70S0Uvk3M_HBnm0HQPLVdpP43rr6_uR3VT17wVHi5CHvn1mB2Pd6njtuDa-aIQlOC5wto/s400/comp.jpg)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoyPRGIrFfoV9JPIuFe1mfRKZRsRON-I4sQ2_VodGkDdolXS8JzVtvecIcYKkfmUMID_2pNrzpkk9TWsUddg8YTqAnAR64pV13QP5e_6mDeyeziYdDRd7Mw-ZDmHVtLsbKQCuVUWcxvYia/s400/comp3.jpg)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi8AehyzHhMAnb89GHQH6q5EoQlTXaXH9-ZhkFNtZuPhYrxa5KSRG7ekL2_mkrWlOKZfCnB3UEDrJCRI7nKRf_UtZ_e6sD2ycj-4TafgNl69XQJMBTDKqjVwV-xZgHjm6tBFdrv5wkA2BX/s400/comp4.jpg)
-Drummeralec