Photoshop :: Transparent Text Over A Css Gradient Background
Dec 5, 2006
I have created a gradient background in photoshop and positioned this on my webpage using css.
I thought it would be nice to create some page titles in photoshop instead of using regular fonts.
Something that has always stumped me, is whenever I have created text on top of a transparent background using photoshop, saved for web, gif @ 256 colours and applied to the webpage, no matter what I do the text always look frazzled around the edges. Is there a technique to creating transparent text that looks smooth?
I'm creating text that will be printed on a deep gray to black tshirt.
I created text, added an offset path to it with a gradient, and a deep gray color fill on top, achieving the gradient stroke. However, I'm not exactly sure what color the shirt itself will be, other than deep gray to black. And I didn't want the deep gray/black fill in my text to appear and look awkward on the shirt. Unless that is something I shouldn't be considered about.
To be safe, how would you create transparent text with a gradient stroke? I'm using Illustrator CS5.
I have a white text (without any effects) on a transparent background. When I save it as a .gif image and use it as a logo on a dark background, the text is not smooth anymore. What is the right parameters for saving as a .gif image for web? I mean in the dialog window when saving.
I am trying to put text with a black light film in the background at the bottom of the picture and I cannot do it. I don't know how to isolate the portion of the picture I want with the text with the light black background while you can still see the picture through black background.
I have a jpg file (part of our logo) white background with black text and I would like to change it to transparent background and keep the black text (to be able to insert it on a cup image).
I tried to change it in photoshop, however, when I slide the "opacity" and "fill", the text got ligther as well.
Do I need to have the original psd.file to be able to do that, or can you please lead me through with jpg file? (I tried to save the jpg to psd and png, but it did not work.)
I looked on one of your videos, but I could not find one of the features under "Select" tab.
My plan is to recreate the text to have the transparent background if necessary (It would be great if I can avoid that). However, how do I find out which font was originaly used? Does photoshop has this feature, or do I need to go trough each of the font one-by-one?
how do I change space between letters (to have them more tight. I am not able to find it.
I want to create a transparent text on a solid color background, and I need text transparency to go all the way to through the image (i.e. do not show the solid color background). I have the transparent background layer, the solid rectangle layer that occupies part of the image, and the text layer (with text element) on the top of the solid rectangle layer. How do I make text transparency to go all the way through? Here is a similar example for Photoshop CS, only in my case, the background layer is transparent (i.e. there is no picture): URL... Basically, I need to make the letters see through, so they show the background color on which the image will be placed. Is it possible to do in Photoshop Elements? I'm using version 9 on Windows 7.
I want to create the effect a clipping mask would have, but for use as an overlay for a motion graphics project, I've tried various methods but the problem I can't resolve is how to do it with the translucent solid color layer as well. I want the text to show right through the gradient tot he video elements it will be laid over, almost like the text was written with an eraser.
I have been manipulating a file which has text on a transparent background but the text on the image has the obligatory white jaggies around the fringes. I can't for the life of me establish what I am doing wrong as I have done this before without this same issue.
I created a layer of text in Photoshop (CC) that has a transparent background. I want to place this text in an Illustrator document overtop of the artwork already there.
I dragged the layer from PS into AI. It transfered fine but in AI is has a white background.
I am sure there must be a way around this - I just don't know AI well enough.
I've typed in the text in the color that I want. I've clicked on the magic wand, clicked on the white space and I get the checkered background. But it also covers my text and then when I try to use the saved image, it's all completely transparent.
How do I do this so that the text shows up, but the background remains transparent?
Hey, I'm having troubles with applying a gradient tool to a rectangular marquee in Photoshop CS3 for Mac OS X 5.8. Instead of getting a black color to fade into the background, I just get the black color.
And I'm click and dragging about 1.5 inches long. Sometimes I end up covering the entire picture with that color, not just the object (even though the object is selected). Gradient maps and layer masks don't seem to work.
I need to strip my current image of its background color so that the background color on my website goes thru my image. In other words I need a transparent background for my image.
I have create a new layer that is transparent, but the background color on my website does not go thru it. The background color of this image appears to be grayish not transparent.
Im using Photoshop cs6 and im trying to blend 2 images together, i followed this tutorial;
[URL]........
which i also foiled last year to blend my images and it worked, but for some reason nothing is happening this time i try it, and what im doing differently to what i did last year!
I have attached an image of what im trying to do but it doesn't seem to be working at all.
I have a gradient in CS6 which I have set from 0% white to 100% Spot Color then back to 0% white as I want the gradient to be transparent at the edges.
For some reason the 0% is not displaying as transparent on the screen, even though in the Gradient editor it does show the transparency is there.
i want to transform an image and make it transparent with a gradient. i want the image no be 100% in the left, 50% in the midle and 0% in the right(i dont know if that was explicit). how do i do that?
I have some text documents in PDF format and would like to edit it in photoshop CS5, but each time I open them up in photoshop, the background seems to be transparent (tiny grey and white tiles), which is very eye tiring when editing/annotating with a wacom pen, how to fill the background total white?
I've had the hobby of graphic design for a while now. Recently, I've been trying to recreate things like flyers and websites for entertainment.
I'm currently trying to recreate a professional photo booth flyer. I'm having trouble recreating the dark to transparent gradient in the footer. Here's the original flyer:
[URL]...........
Whenever I try to recreate this effect, it ends up being very sudden and unappealing. Here's an example (note that it is unfinished, leaving some areas white):
[URL]........
Is there any better way of doing this gradient effect (or does it even need to be fixed, for that matter?).
I have a webpage that has a gradient background that extends down the page at least 800 px and is set to repeat-x. I have an auto centerd column which has a background applied to it. The background is set to repeat-y. The center column has a dropshadow applied all the way around it. The problem is that I am not able to get the drop shadow to blend in with the gradient as the page grows. Initially at the top of the gradient where it, the gradient, is the darkest, the drop shadow blends in. But as the gradient moves down, i.e., becomes lighter, the drop shadow ceases to blend in any more. is it possible to solve this problem? If so then how?
What I want to do is make a row of five small thumbnail images that blend into each other. I've got them on five separate layers, and I just want to be able to select the edges of the pictures and create a horizontal gradient that makes the very outer edge almost 100% transparent, and the inner edge of my selection 100% opaque.
I am having a little trouble trying to add multiple fade to transparent gradients appear in a single image. Here are the steps I have done so far:
Create a new vector with the photo unlocked
Add a layer mask
use the black to white gradient, so the edge of the photo is completely translarent and as you move to the center, it slowly reveals the photo.
I used this technique I found online for one edge of the photo and it worked great, untill I tried the second gradient on the same photo, and the first one I did disappeared. I guess Photoshop only lets you have one.
The next thing I tried is to create another vector mask and create another gradient, but it did not work at all. Also, Photoshop only lets you have two vector masks per layer, so That wont do me much good if I need 4 gradients, each one fading to transparent around the 4 edges of the photo.
Any solution would be greatly appreciated. I plan to take the photo that has the fade to transparent gradients and copy it to another background image with some text.
I want to take a photograph and have it go from transparent to solid opacity. I believe the gradient tool can do that (maybe) but I don't want any color, just have the transparent blend to solid.
I'm coming from Fireworks.A technique I use often in my ui work is to combine a texture with a gradient that fades the gradients color and the pattern to transparent.
In Fireworks, this can be done on a single layer with no mask. The transparency of the gradient affects the pattern.This is not the case in Photoshop. I am wondering how I can accomplish the same thing in Photoshop, while keeping everything vector.
I am trying to make a gradient to go from "transparent to white" example: I have a circle that the center is transparent, but I want it to go from a transparent to a white. I can't seem to figure out how to do this.
I am following the following tutorial:[URL]....... I create a new page in Paint .Net and select the gradient tool. Once i have the page with the gradient colors i've chosen, i select the Line tool and create a wavy line.
The issue im having is fading out this line. The tutorial states "and fade out the far end with a linear transparent gradient" I cant find this tool or not sure what action to take.
