Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations IamaSherpa on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

text tile for backgroung 1

Status
Not open for further replies.

hassified

Technical User
Jun 25, 2002
43
US
I wanted to know how to tile text for a background (wallpapers, web, printing)without having to dup. the image over and over, and move into place. If someone could share some of their skills it would be a great help. THANKS.
EXAMPLE: hello hello
hello hello hello
hello hello
 
Hi,

First of all download this .psd file and then follow the instructions in this post while looking at the .psd file and make your own version.


also mirrored at this site:

Step-1:
- Create a new document size 300*300
- Fill it in with white for now
- Use the text tool to create your word on a new layer
- Rasterize the text

Step-2:
- Show rulers (Ctrl+R)
- Highlight the backgound layer and drag 2 guides to the center (1 horizontally and 1 vertically) to the background layer (it should snap to the center). If the rulers don't snap, first make sure you are on the correct layer, second goto VIEW|SNAP.
- Highlight your text layer and snap it to the center of those guides you just made.

Step-3:
- With the text layer selected drag more guides so that they snap to the outside of all edges of the word TEXT (or your word)
- duplicate your text layer 4 times (Ctrl+J times 4)
- then move each layer around the center TEXT so it looks like this:
TEXT TEXT
TEXT
TEXT TEXT

To make this easy I am going to use the following number placements to describe the text layers, you should name each of your layers like this so as to follow along easily.
1 2
5
3 4

1 and 2 will be touching and the bottom of them will be touching the top of 5

3 and 4 will be touching and the top of them will be touching the bottom of 5

Step-4:
- select the arrow tool
- highlight layer 1 (as per example above)
- press up arrow 5 times and the left arrow 5 times
- highlight layer 2 (as per example above)
- press up arrow 5 times and the right arrow 5 times
- highlight layer 3 (as per example above)
- press down arrow 5 times and the left arrow 5 times
- highlight layer 4 (as per example above)
- press down arrow 5 times and the right arrow 5 times

This will now look like this (spacing wise):
TEXT TEXT
TEXT
TEXT TEXT

It will be evenly spaced out vertically and horizontally relative to the center text layer.

Step-5:
- highlight layer 1 (as per example above)
- drag 2 guides to center of the word, 1 vertically and 1 horizontally to the word
- highlight layer 2 (as per example above)
- drag 1 guide to the center (vertically) of layer 2
- highlight layer 3 (as per example above)
- drag 1 guide to the center (horizontally) of layer 3
- your canvas should now look like mine (tiledtext.psd)

Step-6:
- you will notice in my .psd file there is a layer called: "highlight zone" that is the area you will want to select with a square marquee. All it is, is a rectangle formed by your outer most guides.
- show that layer by clicking on the box that should have an eye in it like the other layers do
- you may want to zoom in here (optional)
- now that you see the area in which to highlight hide the layer called "highlight zone" and hide the background layer
- click on layer 5 (as per above) and press Ctrl+Shift+E (merge visable)
- then select the marquee tool
- then make a rectangular marquee with the marquee tool in the exact area that the layer "highlight zone" was in (the marquee will snap to the guides, make sure they snap to the outer most guides)
- then goto EDIT-->DEFINE PATTERN
- name your pattern "Tiled Text"
- press OK

Step-7:
- make a new document (size = whatever)
- select the paint bucket tool
- fill the layer with your desired background color
- make a new layer and highlight it
- then press Ctrl+A (select all)
- goto EDIT-->FILL
- in the dropdown box select Pattern
- under custom pattern select "Tiled Text" pattern (it will be the last one there, hold you mouse over it for a few seconds to see the name popup)
- set the blending mode to NORMAL
- set opacity to 100%
- uncheck Preserve Transparency
- click OK
- press Ctrl+D (deselect)

FINISHED. You now have your word tiled (staggered) across your canvas on a layer above your background layer.

Sorry for being extremely long winded. This process isn't actually very long. If you are familiar with the technique and the key commands then this only takes a minute to do.

You can decide your placement that you need (you can substitute the number of times you press the arrow keys for whatever number you want) Make sure that you move layers 1 & 2 up the same number down as you move layers 3 & 4, and move layers 1 & 3 left the same number right as you move layers 2 & 4.

Hope this helps! NATE
spyderix.gif

 
Hi,

In (Step-3:) the example does not look 100% accurate, it should loook closer to this:

TEXTTEXT
TEXT
TEXTTEXT

I say "closer" b/c I want to show that all TEXT's should be touching, just imagine that there is no vertical space between the 2 top TEXT's and the middle one, and the bottom 2.

Hope this helps! NATE
spyderix.gif

 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top