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


Simple Text with Photoshop

Loewyi Room (loeroo)
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.
Loewyi Room (loeroo)
Interface
After that we make a new project, you press Ctrl + N for the shortcut or you can do this.
File > New...
Loewyi Room (loeroo)
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.
Loewyi Room (loeroo)
New Windows
This is the result, a blank worksheet.
Loewyi Room (loeroo)
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.
Loewyi Room (loeroo)
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.
Loewyi Room (loeroo)
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.
Loewyi Room (loeroo)
Change the foreground color
After that select the text by pressing Ctrl + Click the layer of the text.
Loewyi Room (loeroo)
Selected the text
And it gonna be like this.
Loewyi Room (loeroo)
Text selected
After that we create the new layer by pressing Ctrl + Shift + N, Set the name into "offside" and then click Ok.
Loewyi Room (loeroo)
Create New Layer
And the new layer had been made.
Loewyi Room (loeroo)
The New Layer
After that set the position of the offside layer on the bottom of the text layer
Loewyi Room (loeroo)
Below the Text
Then select the Offside layer and do this.
Click Select > Modify > Expand...
Loewyi Room (loeroo)
Create the Offside Part
And the Expand Selection will show, after that we set the Expand By into 5.
Loewyi Room (loeroo)
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.
Loewyi Room (loeroo)
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.
Loewyi Room (loeroo)
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


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