Wednesday, 2017-12-13, 7:59 PM Welcome Guest

THE HALL OF GREAT GURUS

Site menu
Section categories
Software Blog [17]
This blog is for software gurus to display their talent.
Hardware Blog [13]
This blog is for all hard ware Gurus and those who want to be gurus in hardware
Programming Blog [10]
This blog is for all programming Gurus and those who want to be gurus in programming.
Internet Blog [88]
This blog is for all internet Gurus and those who want to be gurus in internet
Computer Zone [97]
This blog is for all computer Gurus and those who want to be gurus in computer
Tutorials Blog [34]
This blog is for all tutorials Gurus and those who want to be gurus in tutorials
Education Blog [18]
This blog is for all book Gurus and those who want to be gurus in future
Gurus Admins Blog [1]
This blog is for only Admins
Gurus Guide Blog [9]
This blog is where all members can help others or for others to post their requests for assistance.
Society, Entertainment And Discussions. [3]
This category is all about Society, Entertainment And Discussions by Gurus.
Gurus Politics And Culture [1]
This blog is all about politics and culture.
Gurus Sports Blog [0]
This blog is where Gurus discuss about all aspects of sports.
Gurus Health And Fitness Blog [1]
This is where all Gurus discuss about health and guidelines to improve upon ones health.
Tag Board
200
Gurus Poll
Rate Gurus site
Total of answers: 15
Gurus Online

Total Gurus online: 1
Guests: 1
Users: 0

Login form
GurusShopping Cart
Your shopping cart is empty
Gurus Tag
hacking Gurus Facebook vpn internet INDIAN WEB PROXY Latest PC Tunneling Software s60v3 python Handler Apps FLASH UR PHONE UPGRADE MTN MODEM Registry Exe files MODEM SIGNAL Pc Tricks Animted Logo Security Enhancements firefox COMPUTER VIRUSES IWP SERVER s60v3 Phones HAcking Windows Yahoo Messenger Unblock Websites Circuit Diagram Biology of Vertebrates Gurus Biology Satelite Dish Gurus Chemistry Connectivity Gurus Phones Gurus Java Gurus Technology Gurus Software Gurus Tutorials Gurus Browsers Computer Tutorials Gurus Windowa Gurus Internet Gurus Browsres Gurus Windows Gurus Hack Facebook Status Hardware & Drivers
Gurus Shoutroom
Main » 2011 » March » 10 » How Gurus Add Circles Text Effect
0:25 AM
How Gurus Add Circles Text Effect

Circles Text Effect


In this tutorial we will be creating a neat "retro-ish” text effect, using a nice circles pattern, and applying some layer styles and filters.

The Final Result:

Good

Notes:

* the software used in this tutorial is Adobe Photoshop CS5 Extended
* the size of the final result image is 1024 * 768

Resources:

* Circles Text Effect Color Palette
* Grunge Texture by ~struckdumb

Step 1:
Start by filling the Background with the gradient created using the colors #52443c#7b7b7b.
and

Then, create your text using a bold retro font. The font used in this tutorial is "Becker Black NF”, the size is (175)px, and the color is #cec6b3.

Circles TE step 1

Step 2:
- We will be creating the circles now, so go ahead and create a new 250×250 px document.

Using the Ellipse Tool, start drawing some circles inside each other. Make sure that the circles are in separate layers (not added to each other). Drawing the circles with different distance from each other makes the result more dynamic.

Use three shades of a color: a light one, a medium one, and a dark one, and change the fill color of the circles you’ve just drawn accordingly.

When you’re done, group the layers and rename the group to "shape”.

Circles TE step 2

- Make sure the group is selected, go to Layer -> Duplicate Group, and duplicate the group to the original document you are working on.

Circles TE step 2_b

Step 3:
- Going back to the original document, right click on the "shape” group you’ve just duplicated, and choose Merge Group.

Circles TE step 3

- Create duplicates of the merged group, and start placing them the way you like around the first letter. Do NOT use the original merged shape, because you will need it to create duplicates for each letter, so after you create the duplicates each time, make the original shape layer invisible (by removing the eye next to it), then make it visible again to create more duplicates, and so on.

Circles TE step 4

- Once you’re done placing the layers around the letter, Ctrl + select all the shape layers for that letter, right click on any of them, and choose Merge Layers to merge them in one layer.

Circles TE step 5

- Now, it’s time to remove the extra parts, so Ctrl + click on the icon of the original TEXT layer to create a selection.

Circles TE step 6

- Then, make sure that the SHAPE layer is the active (selected) layer. You can erase any parts you don’t want.

Circles TE step 6_b

- Go to Select -> Inverse or press Shift + Ctrl + I to invert the selection, and hit Delete.

Step 4:
- Repeat the previous steps for each letter. When you’re done, group the layers you have in one group, you can rename it to "Shapes” for example.

Circles TE step 8

- It’s always good to keep a copy of the original layers before merging or rasterizing them. So make a duplicate of the "Shapes” group and the original Text Layer. Right click -> Merge the group, and right click -> Rasterize the text layer.

Don’t forget to make the original layers invisible.

Circles TE step 9

- Now, we are going to save a selection of the circles before merging them with the text, so Ctrl + Click on the icon of the circles layer ("Shapes copy”), then go to Select -> Save Selection, and type in a name for the selection.

After that, select the circles layer and the text layer, and press Ctrl + E to merge them.

Rename the final layer to "final text”.

Circles TE step 11_a

Circles TE step 11_b

Step 5:

Double click on the merged "final text” layer, and apply the following styles:

- A simple Drop Shadow, use the color #4e4e4e, change the Distance and the Size values to 3px.

Circles TE step 12

- Apply a Bevel and Emboss with the Depth of 10%, change the Size to 1px, and change the Shadow Mode color to #766454.

Circles TE step 13

- Finally, apply a thin Stroke, change the Size to 1px, and use the color #99917d.

Circles TE step 14

The result should look something like this.

Circles TE step 15

Step 6:
We will load the selection we’ve saved a few steps earlier, so go to Select -> Load Selection, and choose your selection from the drop down menu.

Circles TE step 16

Add a Levels adjustment layer on top of the rest of the layers you have, change the Gamma (middle) value to 0.7. This will darken the circles a little bit, making the colors more vibrant.

Circles TE step 17

Step 7:

- It’s time to create the Background stuff now. Using the Rectangle Tool, draw a long but really thin rectangle vertically. Choose a light shade of the colors you are using in the effect. The color used here is #b5a181.

- Switch to the Ellipse Tool, and from the top menu click the Add to Shape area icon, so that the circle you’ll draw will be added to the rectangle in ONE shape (on the same layer), which will make changing their color later on easier, and draw a circle at the end of the rectangle.

- After that, click the Create New shape Layer icon so that you are no longer adding shapes to this one, and draw two more circles (in two different layers).

- Using a darker shade of the color you’ve chosen, fill the shape in the middle, then, put all the shapes in a group together.

Circles TE step 18

Step 8:

Select the group, press Ctrl + T, and rotate it a little bit.

After rotating the group, duplicate it. Move the copy away from the original, and change its position the way you like. Before creating more duplicates, we need to inverse the fill colors of the new group’s shapes so that they are the opposite of the original ones.

The colors used here are shown in the image below. You can pick your own colors as well.

Circles TE step 19

- Continue creating duplicates of both groups and changing their positions until you like the result. After that, put all of the groups you created in one master group, let’s call it "BG Shapes”. Change the "BG Shapes” group’s Opacity to 50%.

Circles TE step 20

- Duplicate the "BG Shapes” group, and with the new copy selected, press Ctrl + T. On the top menu, add a - (minus sign) to the W (width) and H (height). This will flip the group horizontally and vertically.

Move the groups around until you’re satisfied with the result.

Circles TE step 21

Step 9:

Create a new layer on top of all the layers you have, and fill it with the color #cbb99d. Then go to Filter -> Noise -> Add Noise, change the Amount to 5%, the Distribution to Gaussian, and check the Monochromatic box.

Circles TE step 22

Go to Filter -> Sketch -> Halftone Pattern, change the Size to 1, the Contrast0, and the Pattern Type to Dot. to

Circles TE step 23

Click OK, and change the layer Blend Mode to Overlay.

Step 10:

Under the last layer you created, put this Grunge Texture in a separate layer. Resize it if you like, then go to Image -> Adjustments -> Hue/Saturation or simply press Ctrl + U, and change the Saturation value to -100.

Circles TE step 24

Click OK, and change the layer Blend Mode to Overlay as well.

Step 11:

Finally, We’ll be adding another Levels adjustment layer, beneath the "final text” layer, and above the Background layers. Change the Shadows (first – black point slider) value to something around 66 to darken the background.

Circles TE step 25

And… We’re Done!

Good

CREDIT IS GIVEN TO TEXTUTS.COM
Category: Tutorials Blog | Views: 455 | Added by: seniorkoa | Gurus Tags: Gurus Windows, Gurus Tutorials | Gurus Rating: 5.0/1
Total comments by Gurus: 2
0   Spam
2 LittleProf   (2011-03-10 1:45 PM)
Software download difficulty!!!!!!!!!!!!! angry cry

0   Spam
1 LittleProf   (2011-03-10 3:32 AM)
Good post. This is in fact easy to learn with these screenshots. biggrin happy wacko

Only registered GURUS can add comments.
[ Gurus Registration | Login ]
Your IP
Gurus Search
Gurus Calendar
«  March 2011  »
SuMoTuWeThFrSa
  12345
6789101112
13141516171819
20212223242526
2728293031
Entries archive
Gurus Beloved Coun
  • Gurus Beloved Country
  • Gurus Content
    Gurus Informers
    "Guests" are not permitted to view this module.
    Gurus Facebook Ads
    Bessle Pandorine

    Create Your Badge
    Seniorkoa And Gurus Copyright MyCorp © 2017