Welcome Guest [Log In] [Register]
Welcome to RealEmotion. We hope you enjoy your visit.


You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
  • Pages:
  • 1
Image within Word Sigs
Topic Started: Jul 6 2005, 05:04 AM (10,976 Views)
xYunaxFantasiesx
My avie pwns yours.
Administrator
Tutorial for: Adobe Imageready and Adobe Photoshop
Turorial By: xYunaxFantasiesX
Tutorial difficulty: 2/10

1.Open the image you want to be inside the text.
Posted Image

2. Take the Text tool and type whatever you want your text to be. You might want to make your font size like 150 depending on the font you use. I used Base 02
Posted Image
3. Press Ctrl + Enter

4. In the Layer Palette (Bottom right hand corner) select the Image layer and move it above the text layer. If your Image layer say “Background “ Then go up to Layer-> New layer from background. Now move the Image layer above the text layer.
Posted Image

5. So now the Image layer is still selected go up to layer->Create Clipping Mask
Posted Image
6. (Optional) You can use the move tool and drag the image layer to where you want ti to be.

7. (Optional) You can add some effect to your finish word sig now. If so go up to Layer->Merge Visible, then go to your layer palette right click on the layer go to blending options and you can add whatever.

8. Last but not least go to file and Save optimize as. for Imageready. For Photoshop File-> Save as GIF and make sure the Transparency is selected.

My result: I used my sig.
Posted Image
Offline Profile Quote Post Goto Top
 
Icy:Cold:Flame
Member Avatar
Official Member
Official Members
This is great for advertising and for websites. Cool tutorial. :P
Offline Profile Quote Post Goto Top
 
*Olivia (;

Members
How cool!
----
less than five words please don't spam again
Offline Profile Quote Post Goto Top
 
arvin5

Members
Thanks thats awesome.
Offline Profile Quote Post Goto Top
 
jOaNnAxD

Official Members
That's great! Too bad I don't have Photoshop.
Offline Profile Quote Post Goto Top
 
+.lanna.llama.duck.
Member Avatar
sdrawkcab heart <33
Elite Member
thats so cool! i'll try it...*opens photoshop*

Offline Profile Quote Post Goto Top
 
insanehobbit
Member Avatar
this is the right turn wrong universe
Official Members
I was wondering is there anyway to get the white stuff out that's around the image. I know that usually happens, doesn't it look cleaner if you save it as PNG and view on firefox?
Offline Profile Quote Post Goto Top
 
xYunaxFantasiesx
My avie pwns yours.
Administrator
Really good way to get rid of that is when you save go up to file or maybe edit>>Save for web and click ok that way the quality doen't mess up!!!
Offline Profile Quote Post Goto Top
 
TanakaYukio

Members
Thx this really worked and helped me :D
Offline Profile Quote Post Goto Top
 
Parcos
Member Avatar
Real Designer
Official Members
Great tut thx :)
Offline Profile Quote Post Goto Top
 
ohnoxsirens
cross my fingers and point them to the sky
Official Members
it wont become transparent, but its okay. thanks, good tutorial.
Offline Profile Quote Post Goto Top
 
Jackie
Member Avatar

Members
Great tut and this should come in handy for me.
Offline Profile Quote Post Goto Top
 
+Kitzutsuita
.-|-.
Elite Member
how come i dont see layer->Create Clipping Mask?
Offline Profile Quote Post Goto Top
 
xYunaxFantasiesx
My avie pwns yours.
Administrator
What verison of Photoshop do you have and make sure your in PS not Imagready.
Offline Profile Quote Post Goto Top
 
+Kitzutsuita
.-|-.
Elite Member
i have photoshop 7.0, and is there another way to do it?
Offline Profile Quote Post Goto Top
 
xYunaxFantasiesx
My avie pwns yours.
Administrator
There probably is but I don't know sorry.
Offline Profile Quote Post Goto Top
 
godblessyou

Official Members
its kinda hard to do but oh wells i'll learn one day.
Offline Profile Quote Post Goto Top
 
BlackoutFX

Official Members
Wouldn't saving it in .PNG format make it way better when it comes to the transparency?

Let me test it:

.GIF
Posted Image

.PNG
Posted Image

Ahh! This not being able to edit my posts thing is very annoying.

Most of you will probably see the PNG with a background.. that's because of the browser support. PNG is waaay better for transparency, unfortunately MSIE doesn't support it.

"Browser Support
The unfortunate thing with alpha in PNG's is that browser support is way behind the times, although slowly catching up. Although both Netscape 4.04+ and Internet Explorer 4.0+ both read PNG images, the windows version of MSIE 5.0 can only read one level of transparency in 8-bit PNG's (the Mac version of MSIE5.0 works perfectly!). At least this allows for direct conversion of GIF's to PNG's. The good news is that the new Mozilla browser (the browser behind Netscape 6.0) fully supports PNG alpha. Microsoft should catch up very soon!
"
- http://www.atalasoft.com/PNG.aspx
Offline Profile Quote Post Goto Top
 
lailai

Members
This is a cool tutor ,but then what version photoshop you use?? I have Photoshope 7. and I don't see layer->Create Clipping Mask?
Can you show me how ?? thanks..


http://img.photobucket.com/albums/v412/fullmoonlin/lll.jpg
Offline Profile Quote Post Goto Top
 
TheDLink
Member Avatar

Members
I never knew you could do this. Thanks
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Designing · Next Topic »
Add Reply
  • Pages:
  • 1