Beruflich Dokumente
Kultur Dokumente
English
Tutorials
Inspiration
Wallpapers
Interviews
Jobs
Book
User News
About Us
TAGS
intermediate
photoshop
reader tutorial
tutorial
Hey guys this is Creative Volition, an advertising and design agency based out of South Florida. Just
a quick thanks to Abduzeedo for being such a great help to the design community. Also a special
thanks to everyone at Creative Volition for making our design agency what it is today.
Here is a quick tutorial from one of our latest designs. Hopefully this tutorial can benefit in your pursuit of
becoming a better designer.
Step 1
Create a new document at 1200 x 800 pixels with a resolution of 72dpi. Start off by importing all of your
Login
SPONSORED ADS
Contact Us
Portugus
Reader Tutorial: Typography Wallpaper in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
vector designs separately into a Photoshop canvas. In this case we divided our vectors into 3 separate smart
objects and dragged them into the Photoshop canvas.
Advertise Here
LATEST ARTICLES
1
Step 2
Hide all vectors and create a new text box. In this case I typed out the name of our company, "Creative
Volition Inc.". The font we chose was "ITC Avant Garde Gothic". Keep your font in full caps, especially if
your using this one! Continue to copy/paste your text across the text box.
Step 3
Reader Tutorial: Typography Wallpaper in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
Text settings: 16pt font, Regular, 16pt height spacing, Color #404040.
Step 4
Continue to copy/paste the text until it fills the entire canvas. Stretch the box out using the text tool until it
expands beyond the canvas size.
16
Step 5
Once the text box is filled completely with the copy begin to rotate the box clockwise in about a 45 degree
angle.
Reader Tutorial: Typography Wallpaper in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
Step 6
Make one of the smart objects visible. Command/Apple click the preview box on the layer panel to create
marching ants around your object.
Step 7
Once the marching ants appear, hide your smart object so you can see the selection.
Reader Tutorial: Typography Wallpaper in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
Step 8
Rasterize the type layer and with the marching ants active on your rasterized layer click Edit > Cut.
Step 9
Then click Edit > Paste and align your new layer so all the words connect. Open the Layer Style box and
change the "Color Overlay" to white.
Reader Tutorial: Typography Wallpaper in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
Step 10
Continue to do the same procedure with your other smart object layers but make sure to always cut from the
rasterized layer.
Step 11
Lastly create a new layer and fill it with any color. Place this layer on top of all other layers. Drop the fill down
to 0%. Open the Layer Styles box and change the inner glow to the following settings and click OK.
Reader Tutorial: Typography Wallpaper in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
Conclusion
Thats it! You should now have a beautiful design in front of you.
Reader Tutorial: Typography Wallpaper in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
Please drop us a comment and let us know what you think? Thanks again guys.
Text Ad:Our testkings online training comprises of best 640-822 and 70-448 tutorials require passing for
real exam.
53
Showing 80 of 91 comments
Sort by Oldest
Oldestfirst
first
Subscribe by email
Subscribe by RSS
Like
Reader Tutorial: Typography Wallpaper in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
1 year ago
Like
Like
Reply
Reply
7 months ago
Hi in reply toGuest
Like
Like
Reply
Reply
5 months ago
lol
2peopleliked this.
Like
Like
Reply
Reply
5 months ago
Yes u are...lol:|
Like
Like
Reply
Reply
1 month ago
Hesham_mostafau S A
Reply
Reply
1 year ago
Reader Tutorial: Typography Wallpaper in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
good jop
5peopleliked this.
Lelya
Like
Like
Reply
Reply
1 year ago
pitso phera
Like
Like
Reply
Reply
1 year ago
i love the fact that only Photoshop is being used and no illustrator. thanks for sharing.
16peopleliked this.
Too complicated
Like
Like
Reply
Reply
1 year ago
Why not just right click layer>create clipping mask? That's step 6-11 in two clicks.
26peopleliked this.
Like
Like
Reply
Reply
1 month ago
THANK YOU SO MUCH. I really don't get it starting from step 6 and you solved it in two clicks.
THANKS! :D
Like
Like
Sumtin2hateon
Reply
Reply
1 year ago
Like
Like
Reply
Reply
Reader Tutorial: Typography Wallpaper in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
1 year ago
You would control click on the preview pane and the preview pane is the thing in the layers
sections thatt shows what is in that layer not the little eye ball.
Also @ the too complicated subject the clipping mask would also work but the control clicking on
the preview pane is kinda like a shortcut. The clipping mask will work dont get me wrong but there
are some people that like to sue the keyboard instead of right clicking.
2peopleliked this.
Like
Like
Reply
Reply
1 year ago
Reply
Reply
11 months ago
click right button on layer image end select "smthing about selection" (forget)
1personliked this.
Like
Like
10 months ago
tits
Reply
Reply
1 month ago
Reader Tutorial: Typography Wallpaper in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
Like
Like
Bedevilchupu
Reply
Reply
1 year ago
wardyo
Reply
Reply
1 year ago
I get to the ants stage but caught seem to raster size the layer. As the edit>cut is graded out.
Also Sumtin2hateon your way doesn't work either.
1personliked this.
ClimberRC
Like
Like
Reply
Reply
1 year ago
I use this all the time now, It's wonderful! Great Tutorial!
2peopleliked this.
Awaemmanuel
Like
Like
Reply
Reply
1 year ago
when i do the edit and paste, my text in the big CV does not come out white and bold like yours. and its
the Entire big CV that turns white not just the creative volition in the background please help
Like
Like
Student
Reply
Reply
1 year ago
um ok...sure why not just leave out the illustrator stuff...thats the SMART thing to do. i couldnt even start
this tutorial because you didnt give us the graphics stupid...
1personliked this.
Like
Like
Reply
Reply
Reader Tutorial: Typography Wallpaper in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
Yeah
1 year ago
GUYS HERE'S A CORRECTION. FROM STEP 5. ONCE THE MARCHING ANTS APPEAR. DELETE
THAT LAYER AND ONLY THE MARCHING ANTS WILL APPEAR. NOT HIDE IT, DELETE IT. THEN
YOU CAN GO ON.
Like
Like
Me in reply toYeah
Reply
Reply
11 months ago
Reply
Reply
9 months ago
pepper
Like
Like
Reply
Reply
12 months ago
Yoga_man01
Reply
Reply
12 months ago
Reply
Reply
Reader Tutorial: Typography Wallpaper in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
:D
12 months ago
UH,
Reply
Reply
11 months ago
Like
Like
Reply
Reply
11 months ago
Marlene Walkey
Like
Like
Reply
Reply
11 months ago
Very helpful tutorial. I was able to come up with a good design from this. Thank you!
Like
Like
MVB
Reply
Reply
11 months ago
Bleach
Reply
Reply
11 months ago
Reader Tutorial: Typography Wallpaper in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
Another great one! This will come in handy for typography works. Thanks :]
Like
Like
pj
Reply
Reply
11 months ago
Great effect!!! I'm using Photoshop elements 9 and can't figure out the last step, the inner glow. I create
a new layer and when I go to Style>Style Settings>Glow I can't get the inner glow to work.
Is this right or should I be doing something else? Thanks for your help!
2peopleliked this.
Me in reply topj
Like
Like
Reply
Reply
11 months ago
hey when u fill that layer with a colour use the paint bucket tool to fill the whole layer with some
colour.. then make fill to 0%.. then do the inner glow settings.. hope it works. ^^
Like
Like
Lucratif1
Reply
Reply
11 months ago
THANK YOU!! Read it. Did it. And now I feel like a genius. Superb post.
Like
Like
Genryquito
Reply
Reply
11 months ago
Shaf-01
Reply
Reply
11 months ago
Reader Tutorial: Typography Wallpaper in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
Its damn easy and Useful. Thanks a lot for this tutorial :)
Like
Like
karenm
Reply
Reply
11 months ago
Like
Like
Reply
Reply
10 months ago
Santhosh
Like
Like
Reply
Reply
10 months ago
Daniel Hallberg
Reply
Reply
10 months ago
Sabiha.
Reply
Reply
10 months ago
Brilliance.
I used this tutorial both on Photoshop, and Corel PSP X3.
Worked amazingly on both.
Just took me a lil' while to work it on Photoshop. :)
Like
Like
Reply
Reply
Reader Tutorial: Typography Wallpaper in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
creativei
10 months ago
Step 8 and 9 cant we just right click and make layer via cut, wouldn't that be easy?
Like
Like
Andymhr
Reply
Reply
9 months ago
suck3
Reply
Reply
9 months ago
Orgasm
Reply
Reply
9 months ago
Jhorish_0103
Reply
Reply
9 months ago
Reply
Reply
Reader Tutorial: Typography Wallpaper in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
Cheypaigeee
9 months ago
Steps 6-11 aren't working for me. I rasterize my layer, hide it and all. but when i try to go to edit>cut
it doesn't even show up so it doesn't work...
Like
Like
Guest
Reply
Reply
9 months ago
Klguess
Reply
Reply
9 months ago
This tutorial is absolute crap. Steps 6-9 are ridiculous and poorly written
Like
Like
cefere
Reply
Reply
8 months ago
I made a wallpaper based on this tutorial. The result you can find at: http://cefere.com/download_wal... I
modified a bit the tutorial to get a better looking wallpaper.
2peopleliked this.
Like
Like
Reply
Reply
8 months ago
btw. this is a great tutorial. beginners can learn alot! Try it! Thanx abduzeedo for sharing this
2peopleliked this.
Like
Like
Reply
Reply
5 months ago
Reader Tutorial: Typography Wallpaper in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
Hollyrice11
Reply
Reply
8 months ago
I gave up after the 6-11 step. Why can't I press cut? You should pf thought about this before you posted
this tutorial. CRAP.
4peopleliked this.
Guest
Like
Like
Reply
Reply
8 months ago
Wiretrigger
Reply
Reply
8 months ago
thisi s great
Like
Like
Steven LaBarre
Reply
Reply
8 months ago
Im having trouble with numbers 6-8.. I add my overlaid text, and when i try to add a clipping mask it only
clips one letter and part of the other.. I have tried it both ways with the same result.
1personliked this.
Xx_rowena
Like
Like
Reply
Reply
8 months ago
Reply
Reader Tutorial: Typography Wallpaper in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
Like
123viv4
Reply
8 months ago
Love it. I made it for a logo in one of my digital design classes. The instructions were super easy. :)
Thank you!
1personliked this.
Versionnextx
Like
Like
Reply
Reply
7 months ago
Sharun
Reply
Reply
7 months ago
I have an idea: Instead of doing cut and paste all the time, you could just set the blending option of the
object layer to "color dodge"
Like
Like
Yves
Reply
Reply
7 months ago
Khyrwin_hidalgo
Reply
Reply
7 months ago
Reply
Reply
Reader Tutorial: Typography Wallpaper in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
Simon
7 months ago
Pangthagerous
Reply
Reply
7 months ago
54ty45tg
Like
Like
Reply
Reply
7 months ago
katrina tumibay
Reply
Reply
7 months ago
I dunno how to make that CV T_____T smart object and import.. i dunno. T_T
Like
Like
Esmee
Reply
Reply
6 months ago
herc
Reply
Reply
6 months ago
Reader Tutorial: Typography Wallpaper in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
moss
Reply
Reply
6 months ago
Big_big_ooo
Like
Like
Reply
Reply
6 months ago
nice Man!!!!!tnQ
Like
Like
Omarc9407
Reply
Reply
5 months ago
Okay, i don't know why it's happening, but everytime I copy and paste the small lettering, after a certain
point, all the words just disappear. How do i fix that?
Like
Like
Aayushkheterpal
Reply
Reply
5 months ago
Its gr88
Like
Like
Reply
Reply
4 months ago
Reader Tutorial: Typography Wallpaper in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
HEY EVERYBODY WHO'S HAVING TROUBLE WITH STEPS 6-10, I CHECKED OUT ANOTHER
TUTORIAL, AND THEY SAID TO DO IT A DIFFERENT WAY AND I DID AND IT WORKED. THE
OTHER TUTORIAL SAID TO JUST TYPE YOUR TEXT IN WHITE AND THEN CHANGE THE LAYER'S
BLENDING MODE TO "SOFT LIGHT" AND THAT'S ALL YOU HAVE TO DO!!!! THEN, IF IT'S TOO
LIGHT, YOU CAN DUPLICATE THE LAYER AS MANY TIMES AS YOU WANT TO MAKE IN A DARK
WHITE. IN THE END, THIS METHOD MAKES THE TEXT LOOK JUST LIKE IT'S SUPPOSED TO, BUT
IT'S THE EASY WAY TO DO IT BY FAR!!!!
1personliked this.
Like
Like
Reply
Reply
4 months ago
-WHY IS IT THAT I CANT COPY/PASTE THE CHOSEN WORDS TO FILL THE ENTIRE CANVAS?
ITS KINDA LIMITED?! NEED HELP! THANKS
YOU MAY SEND TO MY YAHOO MAIL THE SOLUTION!
death_hy1205@yahoo.com
Like
Like
Reply
Reply
4 months ago
http://www.youtube.com/watch?v...
easier to see it on vid.
ATTACHED FILES
2peopleliked this.
Like
Like
Reply
Reply
1 month ago
OMG! Thank You sooo much for the vid.....you saved alot of frustration lol.
as for the tutorial, its very usefull, you forgot to mention a few details about the cutting and
pasting part.
THe tut is great, you just need to fix it a little. :)
Thank youuu!
Like
Like
Reply
Reply
Reader Tutorial: Typography Wallpaper in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
Juhweetwelwie
4 months ago
mer
Like
Like
Reply
Reply
3 months ago
hi im from turkey istanbul.your pic. in the site are closed.can you repair it ? tanks
Like
Like
Apom88
Reply
Reply
3 months ago
cant make it work!!!! i cant rasterize type. it worked once. i don't know what i'm doing right or wrng
now
1personliked this.
Like
Like
Reply
Reply
Image
TRACKBACK URL
http://disqus.com/forums/abduzeedo/reader_tutorial_typography_wallpaper_in_photoshop/trackback/
Post as
Reader Tutorial: Typography Wallpaper in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
USER-NEWS
More user-news
Landscape Photography
Liquid Sculptures by
Shinichi Maruyama
ABDUZEEDO'S TAGS
inspiration
daily inspiration
illustration
design
photography
Typography
tutorial
architecture
photoshop
wallpaper
iphone
wallpaper of the
week
graphic design
video
free
fonts
freebie
product design
offices
logo design
FFFF
giveaway
gadgets
textures
Typography Mania
architect day
download
TTT
websites
ipad
web design
art
houses
interview
logo
3d
case study
type
poster
motion graphics
digital art
illustrator
photo manipulation
Advertise Here
Advertise Here
Advertise Here
Advertise Here
Advertise Here
Advertise Here
Advertise Here
Advertise Here
Advertise Here
Advertise Here
Advertise Here
Advertise Here
Advertise Here
Advertise Here
Advertise Here
Advertise Here
Reader Tutorial: Typography Wallpaper in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
illustrations
posters
wwp
VFX
pixelmator
hdr
ads
vintage
retro
graffiti
book
contest
vector
comics
painting
movies
blog
fireworks
music
portraits
t-shirt
quick tips
animation
Android
funny
drawings
drawing
reader tutorial
web 2.0
web
tips
computer graphics
color
brazil
more tags
Abduzeedo by http://abduzeedo.com is licensed under a Creative Commons AttributionNoncommercial-Share Alike 3.0 United States License. Permissions beyond the scope of this
license may be available at http://creativecommons.org/about/licenses/.