Simple Text with Photoshop

Simple Text Ps

Hi guys, straight to the poin, today I'm gonna make a tutorial of Photoshop, this is my first tutorial and my first learn how to use Photoshop. This is tutorial is about how to make a simple text design. 

Dont worry this is a basic tutorial so i think you can do it easily without any problem. Why can i say like that? Its because i don't have any problem when i try to make it. (lol)

Ok ok I'll not make you wait, check it out. :D

Step 1

First, Photosop must have been installed on your PC, if you haven't install it you can download it on its server, but don't forget to buy the license, ok. After you install it, now run it, so the worksheet will open like this.

Interface

After that we make a new project, you press Ctrl + N for the shortcut or you can do this.

File > New...

Create New Project

And it will show like this. Set name into Simple Text, the width and height into 200x200px, Color Mode into 16bit, Resolution into 300px, and the background into transparent then click OK.

New Windows

This is the result, a blank worksheet.

New Work Area

Step 2

In this step we gonna make a text that read "SIMPLE TEXT" just like the sample image. We can do it like this, first click the Horizontal Type Tool (T) on the Tool Box.

Text Tool

After that make the Text like this. In this tutorial I use #fad689 for the color of the text and Showcard Gothic Font Style.

Text had been made

Step 3

In this step we gonna make the offside text. But first we change the foreground color on the Tool Box into #0035fc.

Change the foreground color

After that select the text by pressing Ctrl + Click the layer of the text.

Selected the text

And it gonna be like this.

Text selected

After that we create the new layer by pressing Ctrl + Shift + N, Set the name into "offside" and then click Ok.

Create New Layer

And the new layer had been made.

The New Layer

After that set the position of the offside layer on the bottom of the text layer

Below the Text

Then select the Offside layer and do this.

Click Select > Modify > Expand...

Create the Offside Part

And the Expand Selection will show, after that we set the Expand By into 5.

Set the Expand

And Now we change the color by pressing Shift + BackSpace, the "Fill" window will show up, in this window we set the content > use into foreground color and click Ok, and its gonna be like this. Press Ctrl + D to remove the selection.

The Expand Part

Step 4 Final Touch

For the final touch we can add a little decorating by using The Brush tool on the Tool Box. For this time I use the Vector Flower Brush Style. You can download the Brush Style in here. Don't forget to make a different layer for each style brush that we use. And this is the final result.

The Final Result

Ok that's all for tutorial today. I hope you can understand it easly. See ya in the next tutorial.

READ MORE - Simple Text with Photoshop

A Little Explanation About Photosop

Today i'm gonna talk about Photoshop, just like inkscape, Gimp, and Corel. Photoshop it can be used to create a graphic design but Photoshop is a very comprehensive pixel graphic software.

Photosop not only capable of processing graphics to photography, but also capable of processing other graphics. Here's interests or professions which are supported by the reliability of Photoshop:

1. Photo Editor.
2. Manga artist and Animator.
3. Graphic designers printing and advertising.
4. Web Designer

Here are some features that are owned by Photoshop:

• Able to work based on the concept of bitmap graphics so the resulting file more compatible.
• Has a feature that varied effects and filters.
• Tracing images can easily be done with features such as paths on vector graphics software.
• Using the layer system to facilitate the editing process.
• Can be integrated with other plug-ins software with many options.

And this is for the interface.

Photoshop Interface

Just like another software Photoshop can be basically divided into four main categories, namely:

1. Menu Bar
2. ToolBox and Option Bar
3. Palette
4. Work area.

Ok, I think that's all for the explanation about Photoshop. i hope you guy can understand it. If you want to know it more you can search it on google. Because there are so many explanation which more specific. :)

See ya on another time. :)

READ MORE - A Little Explanation About Photosop

A Simple Facebook Icon

Facebook Icon

Hi guys, we meet again today. Today i'm gonna share to you how to make a simple facebook icon with Inkscape. I think you all know what is facebook, because in this era everybody use it. Not only young children but also adults and even kids have a facebook.

Do you know a facebook icon, right. I know there are so many icons facebook that had been made in this cyber world. You can search it on google by writing keyword "Facebook Icon" on image search tab. And..... wuzzzzzzz....... There are so many icons facebook that will be appear.

But do you ever think "Can you make it by yours own way?". Because yes i'm. That's why i'm gonna show you how to make a simple facebook icon by my own way.

Ok here we go....

Step 1

First we open the Inkscape, after that click the Create Rectangles and Squares tool on Tool Box. This is the icon of Rectangles and Squares tool :

Rectangles Tool

After that on Tool Control Bar set the corner of the box by set the Rx to be 40px, just like this.

Set The Rx

And then make the box and it's gonna just like this.

The Square

Step 2

Now after the box is already made, we change its color to blue like this.

Blue Square

Then we set the opacity of the box by pressing CTRL + SHIFT + F that will appear Fill and Stroke boxes like this.

Fill and Stroke

In the section marked opacity we set the opacity to be 88.9%.

Sey The Opacity

Step 3

After that we make the line which lies in the inside by doing this. Click on the square and then we duplicate by pressing CTRL + D, after that we set the color becomes colorless at the Palette by clicking the color that marked cross.

Set to Colorless

And then we set the stroke color become light blue (# D7F4EE) by right-clicking on the respective colors then click Set Stroke like this.

Set Stroke

After we set the stroke and then we set the thickness of a stroke in a way in Fill and Stroke boxes or we can open it by pressing Shift + CTRL + F and then we select the Stroke Style tab and we set its width to 10px.

Set The Width of Stroke

Step 4

After that we zoom out the square, by clicking CTRL and we pull the tip of the right of the box.

Zoom Out the Square

Then we set the location right in the middle position of the first square like this.

Set To the Center

After that we set the opacity of the second square into 59.3%

Set the Opacity

Step 5

And now it's time for us to make the letter "F". First click "Create and Edit Text Object" icon on the Tool Box.

Text Tool

After that, write the letter "f" and change the color to be white. In this Tutorial I use Calibri Font Style, but you can use another Font Style. And then we enlarge by pressing the CTRL key and then drag the bottom right corner so that it looks like this.

Zoom In the Text

That's for the Step 5 and now the step 6.

Step 6

In this step we gonna make the shiny part, here it is the instruction.
First we will create an oval circle, on the Tool Box click the "Create Circles, Ellipses, and Arcs" icon. Don't forget to change the color to be white.

Circle Tool

Then we create a circle on top to cover the top of the letter F like this.

Create the circle

After that we duplicate the First Square which have the blue color.

Duplicate the Blue Square

And then we select the Square that we have been duplicate before and the circle. First click the Square and thet press Shift+click the circle to select them both.

Select the Circle and the Aquare

After that, on the Menu Bar click Path > Division or we can press CTRL + / for the shortcut.

Make Division

And it's gonna be like this.

Had been Division

Then we remove the top so that would be like this.

After Remove the Top

Now change the opacity to be 23.0% by pressing Shift + CTRL + F and set the opacity bar so that it look like this and set the stroke color into white.

The Result of Step 6

Step 7 Final Touch

Duplicate the First Square, the blue one, then we change the color to be Aqua (#00FFFF) and change the opacity to be 27.9%.

Duplicate it

The last thing, press the PageDown (PgDn) as much as three times it used to change the position of the box at the bottom of the letter "F". So this is the final result.

Final Result

How about it, it's easy right. Ok, I think that's all for today and see you in another tutorial.

READ MORE - A Simple Facebook Icon

Kaskus Icon in Blogspot Comment Box

Kaskus Icon

Hi guys how are you today? I hope you all fine.

There are so many people who want to have an icon in their comment box, just like me and you can see it in my comment area. I have been search it in google about how to make it, and there are so many way to make it.

There are so many comment icons that had been made by another blogger, just like Upin and Ipin icons, army icons, kaskus icons, and another. And I prefer icons kaskus thats why in this comment box blog, I use kaskus icons.

And because that to, in this night i'm gonna tell you about how to put a kaskus icon into blogspot comment box just like what i did in this blog.

Here is the way :

Step 1 : Login into your blogger after that chose design, edit HTML, and than check the Expand Widget Templates. 

Step 2 : Find this code ]]></b:skin> and than copy paste this javascript bellow right after code ]]></b:skin>

<script src='http://loewyi.googlecode.com/files/ngaskusmile.js' type='text/javascript'/>

Step 3 : Save it

To use it you can type it like this

:8 = :8
:-V = :-V
:-cd = :-cd
:-# = :-#
:D = :D
:-hh = :-hh
:-@ = :-@
:-Y = :-Y
:-indo = :-indo
:-indo = :T_T
:shy = :shy
:toss = :toss
:confused = :confused
:hammer = :hammer
:fear = :fear
:spew = :spew
:mad = :mad
:sorrow = :sorrow
:sad = :sad
:cekpm = :cekpm
:top = :top
:lol = :lol
:pedicab = :pedicab
:shakehand = :shakehand
:iloveindonesia = :iloveindonesia

Ok that's it, it's easy right. Oh ya, i would say thank's to http://pondok-cerita.blogspot.com because of them, i can make this thing.

READ MORE - Kaskus Icon in Blogspot Comment Box

Simpel Text Style With Inkscape

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.

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.

After that we change the colour just like this.

Step 2

In this step we gonna make the text become like this.

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.

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

Ok now click and hold it, after that drag it to become like this

And then we set fill and set stroke into blue n and green like this.

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.

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:

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.

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