Showing posts with label Simple Design. Show all posts
Showing posts with label Simple Design. Show all posts


Create Skype Icon in Inkscape

Skype is software that enables the world's conversations. Millions of individuals and businesses use Skype to make free video and voice calls, send instant messages and share files with other Skype users. Everyday, people also use Skype to make low-cost calls to landlines and mobiles.[1]

But today, we will not gonna talk about how to use the Skype or how to download it and install it. Today, I'll will tell you how to make a Skype icon. Ok here we go.....

Step 1
First we open the Inkscape and then we make 3 circle like this bellow using tool "Create circles, ellipses, and arcs"
After we create the circles, now we set it into one line like this.
To make it like that you can do like this : First we set the two circles in above and in bottom become like this.
After that we click this icon on "the command bar" area.
Then it will show "Align and Distribute" page on right side. Now click "the center objecs horizontally" icon to make it centered in one line.
When it done, union it by pressing Ctrl + + and change the color into light blue (#00CCFF) like this.
Step 2
In this step 2 we gonna make the light shadow one like this.
First we gonna make an offset from the circle that we have make before by doing this. Click the circle and then go to "Path > Linked Offset" or we can use the short cut by perssing Alt + Ctrl + J.
Then zoom it, click the node and drag it "in" not "out".
After that now we set the color into "White" and press "Page Up" Button to make it in front of the body like this.
Then block it all and rotate it like this.
Now we gonna make the gradient from the white one, by doing this : select the white part and then click "create and edit gradients" tool on the tool box side.
And make it like this bellow.
That's for the Step 2.
Step 3
This is the final Step, in this Step we gonna make the letter "S" by doing first click the "Create and edit text object" tool in Tool Box.
And write the "S" like this bellow.
After that we change the "S" style by clicking "View and select Font Family, ..." tool in Command Bar.
And it'll show like this. I use Bold Courier Font Style in here.
Now set all of it like the image above, click "apply" button and close it. And then set the position into the middle of body and chage the color into white, it gonna be like this.
That was the last step, after that we can export it into png format. You can click in here if you don't know how to format it into png file.
READ MORE - Create Skype Icon in Inkscape


SVG to PNG

Hi guys, how are you today? :) how's your work? is it fine???
Today i'm gonna tell you how to export the svg file into the Bitmap file (.png) in Inkscape. Actually this is an easy part, all we need it just open the svg file with Inkscape and then select/block it all the image that had been made before to export it into Bitmap file (.png) like this.
My Banner Project
In this case I use my banner blog project. After we select / block it all, now on the Command Bar side we click "Export this document or a selection as a bitmap image" (
The Export Tool
) tool and it'll appear a windows like this.
The Export Window
Ok now on the Export Area set it become "Selection" it mean it will export the image which we have already selected before, click the browser button to change the directory that you use to save the image, and then click the Export button. This is the result.
Final Result
READ MORE - SVG to PNG


Simpel Text Style With Inkscape

Loewyi Room (loeroo)
My Style


Hi guys how are you today?? I hope you all fine.
Ok today i'll tell you about how to design a simple text with inkscape, waw this is my first tutorial so i hope you can enjoy it and understand it.

This is an simple design that you can do without any problem. In this tutorial i'll explain it step by step so that you'll be understand it easily.

Ok lets start it.

Step 0
Before we start it we have to open the application in this case is Inkscape in this case i use Ubuntu GNU Linux.

Applications > Graphics > Inkscape Vector Graphics Editor

After we click it it'll appear the worksheet wich it'll be like this.
Loewyi Room (loeroo)

information :

  1. A = Menu Bar
  2. B = Command Bar
  3. C = Snap Control Bar
  4. D = Tool Box
  5. E = Lembar Kerja
  6. F = Palette
  7. G = Status Bar
  8. H = Tool Control Bar
  9. I = Rulers
Step 1
Now we make the text for the start, use the create and edit text object tool in tool box and then make a text like this bellow and then change the Font Style into a Bison Font Style and set the size for "MY" into 68px and 100px for "STYLE" and it's look like this.
Loewyi Room (loeroo)
After that we change the colour just like this.
Loewyi Room (loeroo)
Step 2
In this step we gonna make the text become like this.
Loewyi Room (loeroo)
To do this, first we have to select/block the letter, in this example is "M". After that we can press ALT+Left and ALT+Right to move the letters to left and right, ALT+Up and ALT+Down to move the letters to up and down or we can press Shift+ALT+Left, Shift+ALT+Right, Shift+ALT+Up, and Shift+ALT+Down.
We can rotate the letter by pressing button ALT+[ and ALT+] for counter and clockwise rotation.
Step 3
After that this time for us to make the offside part just like this.
Loewyi Room (loeroo)
To do that first we click the text and then click :

Path > Linked Offset or you can press CTRL+ALT+J

Can you see the node after we do that? it is right here
Loewyi Room (loeroo)
Ok now click and hold it, after that drag it to become like this
Loewyi Room (loeroo)
And then we set fill and set stroke into blue n and green like this.
Loewyi Room (loeroo)
Step 3 is done, now lets move to the next step.
Step 4
In this step we gonna change the size of the stroke of linked offside part and blur the linked offset part. First select the linked offside part that we make before and then you can press Shift+CTRL+F or you can click this icon in Command Bar.
Loewyi Room (loeroo)
After that click the Stroke Style tab and change the width become 5px, and then set the Blur bar into 5.7 it's gonna be like this:
Loewyi Room (loeroo)
That's for the step 4 now go to the next step, the final step, step 5
Step 5 Final Step
This is the final step in this step we just gonna change the opacity of the text become 90%, by doing this. Just like Step 4 first we click the text and then press Shift+CTRL+F after that we set the opacity become 90% and here it come the final result.
Loewyi Room (loeroo)
Final Result
Ok done..... That's it, we only need 6 step to make it, from Step 0 until Step 5. It's simple right, we don't have to be pro to do this.
READ MORE - Simpel Text Style With Inkscape