Photoshop text + bevel and emboss on TRANSPARENT background?

I've created my Photoshop title images with text + bevel and emboss, on a transparent background.
I've Rasterized the type and I've merged down leaving the transparent background (not flattened) then saved as .psd or .tif (with layers).
When I import into FCP I either get the text WITH bevel and emboss, on a WHITE background or text WITHOUT bevel and emboss, on a TRANSPARENT background.
Strange thing is, I've imported Photoshop images with transparent backgrounds into FCP several times before and although I can't say I've never had problems, I've always managed to work it out quite easily. Not this time, I'm baffled and seriously considering getting cross!
Quad 2.5 G5. 8 GB Ram. 250 & 500 GB Internal Drives. G-Tech G-Raid 1 TB Mac OS X (10.4.6) FCP 5.0.4 (FC Studio). Photoshop CS2. Sony HVR-Z1E

Hello,
I have tried the Ken Stone method (thank God for that guy...) but I am loosing my drop shadow and bevel effects on the text once the file is imported in FCP.. I used the NTSC preset with Transparent background in Photoshop. What am I missing? I have looked around in this forum and can't find a clear answer!!
Any thoughts??
B
G5 Dual Mac OS X (10.4.2)

Similar Messages

Text bevel and emboss? HELPPPPPP!

Hi there everyone...
I have a photo of a clock ...
http://s409.photobucket.com/albums/pp175/Studentiermegs/?action=view&current=DSC_0679.jpg
and what I want to do is put some text onto the face, so it looks as though it is part of the clock... so like if I took a tool and carved into the back of the face and whatever I had carved appeared raised on the front. Hope that makes sence!
Have tried bevel and emboss and pattern maker to try and get the surface of the clock, but looks terrible so I must be doing something wrong, if I have the right idea at all!
Help!
Thanks

In your case the perspective will kill you. More or less I think you are not looking for a straightforward bevel and emboss at all, but rather a way to create the illusion of the stamped faces catching light. Even if you flatten bevel&emboss before transforming it, it will look goofy. Therefore I would recommend to create this in multiple layers. I suppose you should only create the shadowed areas using bevel&emboss on a white layer, then transform that and use multiply blendmode. Likewise, for the base you'd only use a slightly tinted version and use a blendmode. After that, I'd use Find Edges on a duplicate, remove all unwanted lines, blur it and place it on top to create the soft curvature you have on embossed plates. Might take some experimentation, but certainly will ook more "real" than a layer style only.
Mylenium

Text bevel and emboss options

HI,
In a Spanish tutorial, I'm told to use "redondeado" (or rounded) as the structure technique. No such option! Only Smooth, Soft Chisel and Hard Chisel.
What can I do?
Regards,
Ron

Yeah you did mention that your tooltips were'nt working.
Maybe a reset of the photoshop preferences will get them back.
http://help.adobe.com/en_US/photoshop/cs/using/WSfd1234e1c4b69f30ea53e41001031ab64-74aaa.h tml
MTSTUNER

Bevel and Embossed text

Hey guys...just wondering if anyone has a nice way of re-creating a Photoshop Bevel and Emboss effect for the text in Motion 3. I get a similar effect using the INDENT filter, but it's just not the same. Any thoughts?

Hi,
welcome to the posts. NIce alias name, classy!
I had to look over the project again and it took me some time to sort it out. I made it in M2 and i think M3 does something funky.
The layer with the little t is the text layer. Should have called it something else like "indented text" to make it clearer I guess. In answer to your question the text layers blend mode is set to stencil luma which make it act like a stencil, and therefore shows the paper layer below. Then there is another paper layer below that to give the background. If you didnt do the stenciled paper layer it would look like some coloured text indented into the paper, which wasnt the original brief.
The spotlight is an M2 construct. Now of course we have lights in M3 so it becomes a bit easier.
Just a point to clarify. 'parenting' is really an AfterEffects idea, something that Motion doesnt do. instead you have to put things in groups, a bit like comping in AE, but more flexible.
hth
adam

Bevel and emboss like Photoshop

Is there any easy way to get something like the 'bevel and emboss' effect in Photoshop? Short of bringing the paths into Photoshop and applying it there, of course...
I was toying a little bit with doing something like that using the drop shadow effect, but the shadow has to come on the inside... Any tips?
I would prefer to have it as a live effect - I have done it manually with vectors by duplicating/offsetting/trimming, but it is a fair bit of work...

function(){return A.apply(null,[this].concat($A(arguments)))}
Please Adobe, can't we have this as a raster effect in the next version of Illy!
Please, NO.
Provide ordinary, tidy, efficient 2D-based bevel and extrude VECTOR path operations. Long overdue.
JET

Bevel and Emboss filters?

It appears to me that Motion 1 doesn't have the same degree of filters for text that Photoshop does, or at least I haven't found them yet.
I did find the bevel border but that does not bevel the individual letters. I also found the color emboss in the stylistic group but that doesn't have near the capability that Photoshop does.
I realize I could create letters in Photoshop and import them but that seems inefficient.
Can anyone recommend any 3rd party filters that will accomplish the bevel and emboss effects directly in Motion?
Hopefully at a reasonable price.
Thanks for any help,
Ken

Specialcase,
Thanks for the response.
I'm sure I'm as blind as a bat, but when I go to "add filter" with a text word selected in my copy of Motion 1.01 and choose "stylize", there is no word that begins with an "i" anywhere in the list. Indent is just not there.
Could that be a feature only in Motion 2? Or, do you think I might have a corrupt list of filters?
Ken
Ken

Bevel and emboss not smooth

I am having issues using the bevel and emboss layer styles on my text. I am getting a stair stepping almost banding look on the bevel. It does this with any setting. Very noticable using the chisel hard setting. It almost looks like lines are in the bevel. What could be causing this? Thanks for any help

What could be causing this?
Normal behavior - because it's pixel-based, it uses thresholds to determine which semi-transparent pixels get "extruded" and which ones not, ultimately reflecting those pixel patterns in the final result. It's a limitation in most such effects and any additional operation that introduces more semi-transparent pixels intensifies the problem (such as 3D layers with filtering). Some tools like RevisionFX' Shade/Shape use additional code to reconstruct the edges and do a better job. Anyway, based on your image, even that may not be good enough. You are simply pushing too far IMO. What you seem to want would really be done much better with proper 3D geometry. If you can't and don't want to spend money on a plug-in, your best bet is to create a pre-comp with teh type as large as possible, apply the bevel, then scale it back in your main comp. When scaling down, at least a part of the streaks will be interpolated and thus the result look smoother...
Mylenium

Can I use photoshop text styles and photoshop actions with creative cloud photography?

I'm really confused by this subscription pricing. If I purchase the $9.99/month, do I get the full desktop app of Photoshop and Lightroom? But I see on this page Products they list something called Photoshop CC that costs twice as much. How is that different from the Creative Cloud Photography?
My main question is whether I can use photoshop text styles and photoshop actions with Creative Cloud Photography, since I just purchased a bundle that includes these and I want to be able to use them. But I'd also like to understand what comes with all of the various products and how they are different.
My other question is how is Lightroom different from Photoshop? I have a sense of what you can do in Photoshop but I don't know much about Lightroom at all.
One more question: the free trial -- is it limited in any way besides the time length? If I do that, will I get a clear idea of all that I will be able to do once I subscribe, or are the functions limited in the trial?
I tried to just send an email to Adobe to ask these questions but apparently they are not interested in responding to emails from people who are not yet paying customers, so I was directed here. Thanks very much for your help!

I always like to trot this bit about Bridge once in a while or in the voice of the "Two Bobs" from Office Space,
"Can you tell us exactly what it is you do around here?"
What Adobe Bridge does:
Bridge is the coordinating hub of the Creative Suite. Synchronizing color management settings for all suite programs is done from Bridge, and can only be done from Bridge, to take one important use.
Bridge displays actual thumbnails of many more file types than Finder or Explorer. It also allows instant play of sound or video files more readily than the native OS file managers.
Bridge allows direct access to file metadata, to embed copyright information and keywords where appropriate (e.g., for corporate logo vector and raster files). It also displays the fonts used in an InDesign file, the swatches in an INDD or AI and the output plates (including spot color plates) they use.
When managing the assets for a design project, Bridge allows quick and simple sorting, rating and custom labeling (with color flash indications) of assets. I can rate images according to whether they are rejects, possibles, for review by client, or approved. The filters built into Bridge allow instant isolation of only the approved images or designs in a folder, only the rejects (for deletion) or only files with certain ratings, no matter how many files it contains. It recognizes aspect ratios, so if I only need a landscape or a 16:9 image in a folder of hundreds of images, I turn off the aspect ratios I don't need.
Once filtered, the remaining visible files can be selected and copied, moved, or deleted without affecting the rest of the contents of a folder.
Collections are a massively useful feature. One of my clients is a performing arts center, and in a season we turn out dozens of ads, flyers, brochures, web banners, playbills, billboards and other collateral using the same assets over and over. These assets are organized by artist and/or show on disk, but I set up each season's repeating assets as a Collection in Bridge, so that I just have to open the collection and drag and drop these assets into new INDD, AI, PSD, HTML (in Dreamweaver), FLA or AE projects without having to navigate from folder to folder picking up individual files.
Bridge's Favorites is another place I stack frequently-accessed folders, such as stock photography, backgrounds, and top-level folders for active projects.
Assets can be divided into subfolders, but a quick toggle of "Show items from subfolders" exposes all of the assets in a single view while maintaining their organization. I will typically keep AIs, PSDs, EPSs, stock photography and client images in separate subfolders within a project. When I'm ready to start pulling assets into an InDesign layout, I toggle this on and simply drag what I need into the layout.
Bridge comes with Adobe Camera Raw built in, which is many times faster than using Photoshop to adjust jpegs or tiffs for things like tonal range, white balance, cropping, spotting and sharpening, and is non-destructive.
One tremendously useful Bridge function for InDesign CS5+ users is the "Show linked files" feature, which opens all the linked files in a layout into a single view, regardless of where they are physically located. I often use this when doing alternative layouts from a client-approved mockup for a campaign, to be certain the same assets are used in each piece, or when creating a motion graphic or interactive piece for the campaign in After Effects or Flash.
The batch and image processing scripts built into Bridge automate things like creating web-ready small jpegs from multiple images, renaming large numbers of files in place or by copying to an alternative location, creating sets of PSD, png, jpeg or other file types from an assortment of image files, and so on.
Bridge is so much a part of my daily workflow that on my main workstation I have one monitor dedicated to it almost 100%. Bridge just sits open 24/7, ready for use. I would run at half speed without it, no question.

Convert Bevel and Emboss Effect into Separate Layers

I was following a tutorial for making paint drips at http://www.planetphotoshop.com/dripping-color.html.
I am not sure which version of Photoshop was being used in the video. Maybe CS3 or 4? It looks like the video was created in 2008? Towards the end of tutorial (about the last 1/4), he converts the Bevel and Emboss effect into separate layers in order to delete the effect from the top and sides of the image. I can't seem to locate the "Create Layers" option when I control+mouse click on the layer. Is the "Create Layers" listed some place else or is there another way to remove the Bevel and Emboss effects from the top and sides only?

Layer > Layer Style > Create Layers
Which version do you work with?

Bevel and emboss

so, after much research, i finally found out that you cannot create a bevel and emboss look like in photoshop. so i have created a very 'flat' looking logo in ai, but i want to add bevel and emboss layer effects. how does everyone else do this? i need the effects and the flexibility of a vector graphic. also, i have different layers in my ai file, and i need them to remain as layers when i open in photoshop.

nope, not even close to what i can achieve in ps. i've accepted the fact that there is no way to replicate the ps bevel and emboss in ai. that's fine with me. i just want to know what other graphic designers to do work around it. i can't imagine rasterizing the file at different sizes, then applying the effects in ps. or do you rasterize the file at a huge size then apply the effects in ps, then scale it down if need-be? either way, it sounds very 'clumsy.'

"bevel and emboss" in AI?

hi,
i have a logo:
http://wtf2.myfonts.com/uploads/images/81/8125584acfd1f91a596bb5c0b19daf09.98563.jpeg
abd have the permission to use it, but they dont have an vector format of it :S
so i'm trying it at my self...
i have the right font, and used the "bevel and emboss" in pgotoshop. its nearly what i need, only other colors, and the horizontal parts had to keep going straight, now the vertical line "breaks" it:
http://www.volgensbartjes.nl/musketiersPS.jpg
but the fact is, that i actualy want to make him in illustrator, but i cant find he right tools there. i have tryed:
http://www.volgensbartjes.nl/musketiersAI.jpg , but a you see, he makes the right part of each sword part of the R well, but he makes the left part of each zword part bigger :S
does anyone haveing a good idea how i could make this in illustrator, like how he is in photoshop, but than with the good horizontal parts, like the original?
thanks...
Bart
ps, this is not commercial, its for a amature musical group...
ps, if you speak dutch, please answer in dutch, thats easyer for me ;)

no, i post this in illustrator becouse i realy wanna do it in illustrator, i need to be able to move points later, so i can make parts longer as in the original is, and i also want to use the "sword font" later in other thingd, zo if its not a vector than anymore, i can never change anything anymore as its in photoshop....
i have also tryed to cut one part of the R, and give it the fiter as shown in the 3rd picture, but it keeps making strange things outside the part, while ive choosen for inside....
so if anyone knows an solution for illustrator? i really wanna know ;)

Bevel and emboss comes out wrong in pdf

I am using bevel and emboss in indesign on objects i created in illustrator and copy/pasted in.
when i export the piece to pdf the bevel and emboss looks wrong. not smooth at all.
how can I fix this?

in overprint preview it looks fine.
well i took off the bevel and emboss and reapplied it with different setting and it looks right for now..
but here is what i was getting before:
heres how it should look
how it was coming out:
why would it do this?

What are bevel and emboss styles ?

what are bevel and emboss styles?

Hi Garry,
Check out this video tutorial on Bevel and Emboss effects:

How can i rotate a PNG photo and keep the transparent background?

current i use this method to rotate a photo, but the transparent background is lost.
what can I do ?
public CreateRotationPhoto(String photofile,String filetype,int rotation_value,String desfile){
             File fileIn = new File(photofile);
           if (!fileIn.exists()) {
               System.out.println(" file not exists!");
               return;
           try {
                   InputStream input = new FileInputStream(fileIn);
                   JPEGImageDecoder decoder = JPEGCodec.createJPEGDecoder(input);
                   BufferedImage imageSrc = decoder.decodeAsBufferedImage();
                   int width = imageSrc.getWidth();
                   int height = imageSrc.getHeight();
                   BufferedImage src = ImageIO.read(input);
                   int width = src.getWidth(); //?????
                        int height = src.getHeight(); //?????
                   Image img = src.getScaledInstance(width, height,
                           Image.SCALE_FAST);
                   BufferedImage bi;
                   int fill_width=0;
                   int fill_height=0;
                   if (rotation_value==1||rotation_value==3){
                        bi = new BufferedImage(height, width,BufferedImage.TYPE_INT_RGB);
                        fill_width=height;
                        fill_height=width;
                   else{
                        bi = new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB);
                        fill_height=height;
                        fill_width=width;
                        //BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
                   input.close();
                   System.out.println(photofile);
                   File fileOut = new File(desfile);
                   //File fileOut = new File("c:/Host1.PNG");
                   OutputStream output = new FileOutputStream(fileOut);
                   JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(output);
                   JPEGEncodeParam param = encoder.getDefaultJPEGEncodeParam(bi);
                   param.setQuality(0.90f, false);
                   encoder.setJPEGEncodeParam(param);
                   Graphics2D biContext =bi.createGraphics();
                  biContext.setColor(Color.white);
                   biContext.fillRect(0,0,fill_width,fill_height);
                   int frame_width,frame_height;
                 if (rotation_value==1||rotation_value==3){
                        frame_width=height;
                        frame_height=width;
                   }else{
                        frame_width=width;
                        frame_height=height;
                   int x=0,y=0;
                   if (rotation_value==2){
                        x=frame_width;
                        y=frame_height;
                   if (rotation_value==0){
                         x=frame_width;
                         y=frame_height;
                   if (rotation_value==1){
                            x=frame_height;
                             y=frame_height;
                   if (rotation_value==3){
                                x=frame_width;
                             y=frame_width;
                   double rotate=0;
                   if (rotation_value==0){
                         rotate=Math.PI *2;
                   if (rotation_value==1){
                        rotate=Math.PI / 2;
                   if (rotation_value==2){
                        rotate=Math.PI;
                   if (rotation_value==3){
                        rotate=Math.PI*1.5;
                   int x=0,y=0;
                   if (rotation_value==2){
                        x=width;
                        y=height;
                   if (rotation_value==1){
                            x=height;
                             y=height;
                   if (rotation_value==3){
                                x=width;
                             y=width;
                   double rotate=0;
                   if (rotation_value==1){
                        rotate=Math.PI / 2;
                   if (rotation_value==2){
                        rotate=Math.PI;
                   if (rotation_value==3){
                        rotate=Math.PI*1.5;
                   System.out.println(Integer.toString(x)+"|x|"+Integer.toString(y)+"|y|"+Double.toString(rotate));
                   biContext.rotate(rotate, x / 2, y / 2);
                   biContext.drawImage(src, 0, 0, null);
                   biContext.dispose();
                   System.out.println("123123123123");
                   try{
                           ImageIO.write(bi, filetype, output);
                           //ImageIO.write(bi, filetype, "c:/Host.PNG");
                           output.close();
                      }catch (IOException e) {
                          System.err.println(e);
                  // encoder.encode(bi);
                   //output.close();
            } catch (Exception e) {
                     e.printStackTrace();
      }

Using this BufferedImage.TYPE_INT_RGB for the type will eliminate any transparency in
your image. Try BufferedImage.TYPE_INT_ARGB.
Image file: Bird.gif
import java.awt.*;
import java.awt.event.*;
import java.awt.geom.AffineTransform;
import java.awt.image.BufferedImage;
import java.io.*;
import javax.imageio.ImageIO;
import javax.swing.*;
import javax.swing.event.*;
public class Rotate implements ChangeListener
    BufferedImage image;
    JLabel label;
    JSlider slider;
    public Rotate(BufferedImage orig)
        // make transparent background
        Color toErase = new Color(248, 248, 248, 255);
        image = eraseColor(convertImage(orig), toErase);
    public void stateChanged(ChangeEvent e)
        int value = slider.getValue();
        double theta = Math.toRadians(value);
        BufferedImage rotated = getImage(theta);
        label.setIcon(new ImageIcon(rotated));
    private BufferedImage getImage(double theta)
        double cos = Math.cos(theta);
        double sin = Math.sin(theta);
        int w = image.getWidth();
        int h = image.getHeight();
        int width = (int)(Math.abs(w * cos) + Math.abs(h * sin));
        int height = (int)(Math.abs(w * sin) + Math.abs(h * cos));
        BufferedImage bi = new BufferedImage(width, height, image.getType());
        Graphics2D g2 = bi.createGraphics();
        g2.setPaint(new Color(0,0,0,0));
        g2.fillRect(0,0,width,height);
        AffineTransform at = AffineTransform.getRotateInstance(theta, width/2, height/2);
        double x = (width - w)/2;
        double y = (height - h)/2;
        at.translate(x, y);
        g2.drawRenderedImage(image, at);
        g2.dispose();
        return bi;
    private BufferedImage convertImage(BufferedImage in)
        GraphicsEnvironment ge = GraphicsEnvironment.getLocalGraphicsEnvironment();
        GraphicsDevice gd = ge.getDefaultScreenDevice();
        GraphicsConfiguration gc = gd.getDefaultConfiguration();
        BufferedImage out = gc.createCompatibleImage(in.getWidth(), in.getHeight(),
                                                     Transparency.TRANSLUCENT);
        Graphics2D g2 = out.createGraphics();
        g2.drawImage(in, 0, 0, null);
        g2.dispose();
        return out;
    private BufferedImage eraseColor(BufferedImage source, Color color)
        int w = source.getWidth();
        int h = source.getHeight();
        int type = BufferedImage.TYPE_INT_ARGB;
        BufferedImage out = new BufferedImage(w, h, type);
        Graphics2D g2 = out.createGraphics();
        g2.setPaint(new Color(0,0,0,0));
        g2.fillRect(0,0,w,h);
        int target = color.getRGB();
        for(int j = 0; j < w*h; j++)
            int x = j % w;
            int y = j / w;
            if(source.getRGB(x, y) == target)
                source.setRGB(x, y, 0);
        g2.drawImage(source, 0, 0, null);
        g2.dispose();
        return out;
    private JLabel getLabel()
        label = new JLabel(new ImageIcon(image));
        return label;
    private JSlider getSlider()
        slider = new JSlider(JSlider.HORIZONTAL, 0, 360, 0);
        slider.addChangeListener(this);
        return slider;
    public static void main(String[] args) throws IOException
        String path = "images/Bird.gif";
        ClassLoader cl = Rotate.class.getClassLoader();
        InputStream is = cl.getResourceAsStream(path);
        Rotate rotate = new Rotate(ImageIO.read(is));
        JFrame f = new JFrame();
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.getContentPane().setBackground(Color.pink);
        f.getContentPane().add(rotate.getLabel());
        f.getContentPane().add(rotate.getSlider(), "South");
        f.setSize(400,400);
        f.setLocation(200,200);
        f.setVisible(true);
}

Bevel and emboss for object, not text

Is there a way to apply a bevel to a shape that I created in Photoshop and "placed" into Illustrator? I know I can add the bevel in Photoshop, but I'm wondering if there's a way to do it in Illustrator as well.
Thanks!

These methods work for object, not just text.
http://forums.adobe.com/thread/480665

Photoshop text + bevel and emboss on TRANSPARENT background?

Similar Messages

Maybe you are looking for