Resizing effects: Bevel & Emboss

Hi All,
I've created a logo in IDCS3 using Bevel and Emboss. It's a monogram with a diamond background, two elements one each on separate layers.
When I reduce this combo, the effect is remaining the same size. In other words when I reduce it to 60%, my 1/8" bevel is still 1/8". Obviously this will not work, I need the effect to reduce proportionally.
How can I resize the image AND the effect?
(Perhaps it was stupid to design a logo in IDCS3? I thought I'd give it a try since I know InDesign better than AI or PS. I can always export it as an EPS file, right?)

> I don't see any advantage in pre-flattening a logo.
Steve, I don't see any advantage either. BB is expressing concern over the bevel effect being rasterized. The PDF route will certainly work, my post #8 was intended as a warning that a flattened PDF will rasterize effect.
The advice should have been written as such... If you choose the PDF route for this particular quandary, use an unflattened PDF to avoid pre-rasterization of the effect.

Similar Messages

Bevel & Emboss effect not visible in flattened image

I created a file in .psd, with several text layers to which I applied effects (fx) such as stroke, bevel & emboss, outer glow. When I flatten the image, the outer glow and stroke remain, but the bevel & emboss effect is gone. Type is a single color without the 3 dimensional effect.
I am also not able to preserve the bevel & emboss look when saving as a jpeg or a flattened .tif or .pdf. A saved .tif or .pdf with layers shows the effect just fine, but if the pdf is opened with Acrobat instead of Photoshop, the effect is not visible.
This must be a new problem, because I found a file that I created several years ago that is a flattened .tif with the bevel & emboss effect preserved.
I tried rasterizing the layer, and the type. Tried converting to 16 bit changing mode to CMYK, and multi-channel. Everything that involved merging layers lost the bevel & emboss effect.
Any ideas on what I can do?
Thank you for the help!
Cindy

Hi Trevor,
Thank you for the help. That didn't do it, either.
I did figure it out, though. My problem was that I was making a very large image (36" x 28"), and was viewing it fit to the computer screen size. What I needed to do was view actual pixels and tune up the layer style at that size.
All is well, and I sure learned a lot!
CD

Illustrator Bevel & emboss

Has anyone come up with a better solution that using 3D Extrude & Bevel to simulate Photoshop's Bevel & Emboss. I cannot get the smoothness or dark edge colors as in the Photoshop example underneath(the green to dark green gradient filled bevel)
My doc raster effect setting is at 300 dpi.
I was hoping on rebuilding this in Illustrator to get a harder edge on the white outline, and just better quicker control for spot colors. I am not to worried about the bottom of that lowercase a going strange as a handle pull may fix that. .

I've been attempting to do this too but with poor results.
Reckon it's better to do it in Photoshop until they improve Illie's abominable 3D thingummy.
You can still do your white contours and drop shadow in Illie though. Make paths from the lettering selection, copy to Illie and give stroke and fill.

Mimic Photoshop's Bevel & Emboss layer style in Illustrator - how?

Having searched for topics akin to my question, I have only really found tips on how to achieve a bevel and emboss on type.
Here's what I'm trying to create... all using CS4...
I have an artwork, all in Illustrator so far. It has background images of people (as cut-outs), imported from Photoshop, with layer masks, saved as PSD's, to preserve transparency around the figures, which allows me to compose them over each other and other various component graphics, resident in the Illustrator document. This helps me keep all the graphical elements fully editable in the design/layout as only the people come from Photoshop.
The design has been finalised with the addition of a bevel and emboss layer effect, to the whole bounding box area of the design. I.e. the complete 900 x 700 pixel area is affected by the bevel and emboss - all the various underlying pixels of photoshop elements and Illustrator elements.
So far, I have only been able to achieve this by taking the whole thing back into Photoshop, as a single layer and then applying the Bevel&Emboss layer style effect!
Is there a way to keep this all in Illustrator?
It seems daft to have to go back into Photoshop just for the B&E effect... and a little dangerous, in case this step gets overlooked in the future!
My current thoughts involve a couple of shaped blends with a screen and multiply overlay setting for the light and shaded edges... but this is just my mind clicking!
Would love to know if this can be achieved in Illy.

Out of curiosity... and to better understand what Illustrator can do, I'd like to try both of your methods.
However, I'm a little lost with your explanation of the second method...
Can you expand on giving the "L" shaped path (that has been outlined): two fills?
Or the rectangle that has been outlined: four fills?
How do you give a shape more than one fill, gradient or otherwise?
And how do you deal with the light and dark intersections of the two grad styles (as appears in the bottom left and top right corners), did the 45° meeting point just happen or do you have to alter the geometry?
Any chance I could have the .ai file to pull apart?
Another method I found myself, after some experimenting is as follows...
Dotted white line = page/design bounds.
Give 'Shape A' a white drop shadow (Effect > Stylise > Drop shadow) with a "screen" mode and positive values for X and Y offset. This gives a light shadow below and to the right.
Make 'Shape B' a Clipping Mask for 'Shape A' - this leaves nothing but the drop shadow showing.
Give 'Shape D' a black drop shadow (Effect > Stylise > Drop shadow) with a "multiply" mode and negative values for X and Y offset. This gives a dark shadow above and to the left.
Make 'Shape C' a Clipping Mask for 'Shape D' - this leaves nothing but the drop shadow showing.
Here's the result...
Put the new geometry (light and dark bevel shapes) on a layer at the top and, hey presto, they'll influence anything on levels below.
Only downside of this method is that the drop shadows can take a while to render, each time they are adjusted, so it's worth turning them off (or hiding their layer) while working on other areas of the design.
Also, with all of these methods, you don't get quite the same intersections at the bottom left and top right corners, as you do with the bevel and emboss layer style/effect in Photoshop... but that's being really picky!
Thanks for helping with this and hope it helps others.
Still want to work through your methods though.

PS Elements 12 - Unable to Bevel & Emboss / chisel hard

Hi,
I am using PS Elements 12 and I am unable to Bevel & Emboss / chisel hard. (I am trying to create metallic font)
See point 12 below;
Metal Text Effect In Photoshop
How do I complete this task on PS 12? The structure and shading dialog boxes are not in PS12 as they are in the linked explanation.
"Bevel and Emboss from the list of layer styles that appears" I cannot see this.
Thanks,
John

I am having the exact same problem, and I see that many others are having similar issues as well. You can see similar reports on Amazon if you look at the people giving this product 1 star. I have tried everything I've seen recommended on the Adobe websites to no avail, and I guess my only option is to try customer support, but I'm not looking forward to hours on hold. I have PSE 11, so I might just return this product and wait for PSE 13.

How do I disable the Image Resize Effect?

The Image class does a zoom resize effect when you change
it's width and height. How do I disable that? it's .transitions
array is already empty.

Thanks Ralph, that fixed it, I did uncheck that box earlier however I had not restarted the computer. Thanks again.

Using Resize effect to resize the component to 100percent

Hi all,
I am using resize component to show the opening of a datagrid which contains itemrenderers.The number of itemrenderers is not fixed hence i want to use the resize effect to resize the grid from height=0 to height=100%. I m not getting any clue as to how to do percent resize with effects.
Please share ur ideas.

Thanks for your answer!
I tried setting the font size to Auto, but the problem is that the text starts off really small, at about 12pt font. I really need it to start with large text, eg to start off as one word at say 60pt size, and be able to go down to two words on the top line and two words on the bottom line, at around 20 pt size. So it starts large, but goes down in size with the more text that is put in.
I am making editable Avery Labels for teachers - 10 to a page - to put kids names in, or subjects and names.
Also... is it possible to cenre the text vertically with in the text box?
Thanks very much for your advice!

How to set resize effect for border container using flex 4 or 4.5

Hi friends,
resize effect works fine for one control (image). if want to same for custom comp, then is not working.
below is the code is in custom comp,
<?xml version="1.0" encoding="utf-8"?>
<s:VGroup xmlns:fx="http://ns.adobe.com/mxml/2009" width="200"
         xmlns:s="library://ns.adobe.com/flex/spark" horizontalAlign="left" verticalAlign="bottom"
         xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:parsley="http://www.spicefactory.org/parsley"
         xmlns:general="com.presentation.components.general.*">
    <fx:Declarations>
        <parsley:Configure/>
    </fx:Declarations>
    <s:BorderContainer id="bcMain" backgroundColor="#f4f4f4" borderColor="#CDC7C7" borderStyle="solid" borderVisible="true" width="100%">
        <s:layout>
            <s:VerticalLayout horizontalAlign="left" verticalAlign="middle" paddingTop="5" paddingLeft="5" paddingRight="5" paddingBottom="5"/>
        </s:layout>
        <s:HGroup id="hg1" horizontalAlign="left" verticalAlign="middle" width="100%" gap="5"
                  buttonMode="true" useHandCursor="true" >
            <s:Image id="img1" source="@Embed(source='assets/flex.png" width="15" height="17" cachePolicy="on" cacheAsBitmap="true"/>
            <s:Label text="label 1" textAlign="center"/>
        </s:HGroup>
        <mx:HRule width="100%"/>
        <s:HGroup horizontalAlign="left" verticalAlign="middle" width="100%" gap="10">
            <s:BorderContainer id="bc1" width="35" useHandCursor="true" buttonMode="true"
                      backgroundColor="#f4f4f4" height="40">
                <s:layout>
                    <s:VerticalLayout horizontalAlign="center" verticalAlign="middle"/>
                </s:layout>
                <s:Image id="img2" source="@Embed(source='assets/flex.png" cachePolicy="on" cacheAsBitmap="true"/>
                <s:Label text="label 2" textAlign="center"/>
            </s:BorderContainer>
            <s:BorderContainer id="bc2" width="35" useHandCursor="true" buttonMode="true"
                      backgroundColor="#f4f4f4" height="40">
                <s:layout>
                    <s:VerticalLayout horizontalAlign="center" verticalAlign="middle"/>
                </s:layout>
                <s:Image id="img3" source="@Embed(source='assets/flex.png" cachePolicy="on" cacheAsBitmap="true"/>
                <s:Label text="label 3" textAlign="center"/>
            </s:BorderContainer>
            <s:BorderContainer id="bc3" width="35" useHandCursor="true" buttonMode="true"
                      backgroundColor="#f4f4f4" height="40">
                <s:layout>
                    <s:VerticalLayout horizontalAlign="center" verticalAlign="middle"/>
                </s:layout>
                <s:Image id="img4" source="@Embed(source='assets/flex.png" cachePolicy="on" cacheAsBitmap="true"/>
                <s:Label text="label 4" textAlign="center"/>
            </s:BorderContainer>
        </s:HGroup>
    </s:BorderContainer>
</s:VGroup>
I followed how resize effects works for image control,
<mx:Resize id="expand" target="{img}" widthTo="100" heightTo="200" duration="2000"/>
        <mx:Resize id="contract" target="{img}" widthTo="30" heightTo="60" duration="2000"/>
<s:Panel title="Resize Effect Example" width="100%" height="100%">
        <s:VGroup width="100%" height="200" horizontalAlign="left" verticalAlign="bottom">
            <mx:Image id="img" source="@Embed(source='assets/05_ipad.png')" width="10" height="10"/>
            <mx:Button label="Expand" click="expand.end(); expand.play();"/>
            <mx:Button label="Contract" click="contract.end(); contract.play();"/>
        </s:VGroup>
    </s:Panel>
Please help me.

BorderContainer wont resize if the fixed width is specified, if u want to give some minimum width you can use minWidth . Give Width = "100%", now it will get Resizing capabilities

Resize effect bug?

In the mxml file below, if you click 'Expand' the red box on
the right uses a Resize effect to grow, but it ends up expanding
way off the screen (producing a scrollbar in the application window
briefly). Since I have specified 'absolute' layout, shouldn't the
Resize effect respect the 'right="0"' constraint and expand the red
box to the left instead of to the right?
Is there another way of doing this?
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
xmlns="*"
layout="absolute"
width="100%" height="400" backgroundColor="yellow" >
<mx:Script><![CDATA[
import mx.effects.Resize;
private var resize:Resize = new Resize();
private function expand():void
resize.target = right_box;
resize.heightBy = 0;
resize.widthTo = this.width;
resize.duration = 1000;
resize.play();
]]></mx:Script>
<mx:HBox id='left_box' width="200" height="100%" left="0"
backgroundColor="blue" />
<mx:HBox id='right_box' width="200" height="100%"
right="0" backgroundColor="red" >
<mx:Button label="Expand" click="expand()" />
<mx:Button label="Contract" click="right_box.width=200;"
/>
</mx:HBox>
</mx:Application>

Well, I suppose we could add support to resize to tell it to
move as well as resize, but we're not setup that way. You can add a
move effect that will do what you want.
Objects that are affected by effects don't listen to
constraints and such because otherwise those things could block the
effect.

[svn:fx-gumbo_beta2] 10484: Fix for autoCenter problem when Move/ Resize effects are used.

Revision: 10484
Author:   [email protected]
Date:     2009-09-21 19:38:14 -0700 (Mon, 21 Sep 2009)
Log Message:
Fix for autoCenter problem when Move/Resize effects are used. autoCenterTransform calculates the center dynamically, using the current width/height of the target. This calculation can be one frame off if a Resize effect is running in parallel with the transform effect. Also, containers do their validation lazily, so they need to be forced to validate in order to have an up-to-date width/height. This fix addresses these problems by reordering the effects in a Parallel hierarchy to put the Resize effects (and composite effects containing Resize) at the front of the set of effects and by calling validateNow() on the target of a transform effect prior to calculating the transform center (if appropriate).
QE notes: None
Doc notes: None
Bugs: SDK-23306
Reviewer: Jason
Tests run: checkintests, Mustella spark/effects mx/effects, manual tests
Is noteworthy for integration: Yes
Ticket Links:
    http://bugs.adobe.com/jira/browse/SDK-23306
Modified Paths:
    flex/sdk/branches/gumbo_beta2/frameworks/projects/framework/src/mx/effects/effectClasses/ CompositeEffectInstance.as
    flex/sdk/branches/gumbo_beta2/frameworks/projects/framework/src/mx/effects/effectClasses/ ParallelInstance.as
    flex/sdk/branches/gumbo_beta2/frameworks/projects/spark/src/spark/effects/supportClasses/ AnimateTransformInstance.as

Dear Pallavi,
Very useful post!
I am looking for similar accelerators for
Software Inventory Accelerator
Hardware Inventory Accelerator
Interfaces Inventory
Customization Assessment Accelerator
Sizing Tool
Which helps us to come up with the relevant Bill of Matetials for every area mentioned above, and the ones which I dont know...
Request help on such accelerators... Any clues?
Any reply, help is highly appreciated.
Regards
Manish Madhav

Resize effect in the repeater control

Hi All,
I developed an application using repeater control.Using repeater control i created 3 buttons.Is it possible to set the resize effect for the buttons in repeater control.I mean if i click on first button,only the first button need to be resized.If i click on secodn button,then only the second button need to be resized.Plz sugest the solution.

I don't understand completely.But below is a piece of code I wrote render a image as a zoom popup and then when i cliked on the pop up it resized to its original size. May be it can help you
use :-
img.addEventListener(MouseEvent.CLICK, image_click);
img.addEventListener(ResizeEvent.RESIZE, image_resize);
PopUpManager.addPopUp(img, this, true);
and
private function image_click(evt:MouseEvent):void {
PopUpManager.removePopUp(evt.currentTarget as Image);
private function image_resize(evt:ResizeEvent):void {
PopUpManager.centerPopUp(evt.currentTarget as Image);
If you are using image.

Resize effect maintaining the window centered

I have a TitleWindow that I open using the PopUpManager.
PopUpManager.centerPopUp(paymentWindow);
I would like to apply a resize effect when I show the window.
<mx:Resize id="expand" widthTo="640" heightTo="480"/>
The problem is that the TitleWindow is resized from the upper left corner to the bottom right corner. So the popup is no more centered. How can I apply the same effect but maintaining the window centered in the screen while it is resized?

I don't understand completely.But below is a piece of code I wrote render a image as a zoom popup and then when i cliked on the pop up it resized to its original size. May be it can help you
use :-
img.addEventListener(MouseEvent.CLICK, image_click);
img.addEventListener(ResizeEvent.RESIZE, image_resize);
PopUpManager.addPopUp(img, this, true);
and
private function image_click(evt:MouseEvent):void {
                    PopUpManager.removePopUp(evt.currentTarget as Image);
private function image_resize(evt:ResizeEvent):void {
                   PopUpManager.centerPopUp(evt.currentTarget as Image);
If you are using image.

Inner Shadow, Bevel, Emboss FX

Please can you add effects readily available in other Adobe CC apps like InDesign, Photoshop, Fireworks, etc. It would be a really simply coding to get it right, as we can already do it with a very long method of cropping, masking and other work-arounds.
Please add support for:
Inner Shadow
Bevel
Emboss

Yes please Illustrator Feature Requests!
I posted a feature request for this too, but got nothing but crickets, haha.
Especially inner shadow, seems odd that Indesign has had this effect for god knows how long yet Illustrator misses out...

Problem with spark:resize effect and constraint-layout

Hi,
maybe its just a missuderstanding, but how i an get this to work.
Also move effects doesnt seem to work.
Does somebody have a Link, where I can get deeeper in constraints and spark.effects?
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
                xmlns:s="library://ns.adobe.com/flex/spark"
                xmlns:mx="library://ns.adobe.com/flex/mx"
                minWidth="955" minHeight="600"
                width="100%" height="100%"
                currentState="State1"
                initialize="init()">
     <s:layout>
         <s:BasicLayout/>
     </s:layout>
    <fx:Script>
         <![CDATA[
             import flash.utils.Timer;
             import flash.events.TimerEvent;
             import flash.events.Event;
            private var timer:Timer;
             private function init():void {
                 timer = new Timer(5000);
                 timer.addEventListener(TimerEvent.TIMER, switcher);
                 timer.start();
             public function switcher(event:TimerEvent):void {
                 if (currentState =="State1") {
                     currentState = "State2";
                 } else {
                     currentState = "State1";
         ]]>
     </fx:Script>
     <s:states>
         <s:State name="State1"/>
         <s:State name="State2"/>
     </s:states>
     <s:transitions>
         <s:Transition fromState="State1" toState="State2">
             <s:Resize target="{mainPanel}" />
         </s:Transition>
         <s:Transition fromState="State2" toState="State1">
             <s:Resize target="{mainPanel}" />
         </s:Transition>
     </s:transitions>
    <s:Panel id="mainPanel"
             horizontalCenter="0" verticalCenter="0"
              width.State1="250" height.State1="200"
              horizontalCenter.State2="0" verticalCenter.State2="0"
              left.State2="20" right.State2="20" top.State2="10" bottom.State2="50">
     </s:Panel>
</s:Application>

I think there are bugs in this area for transitioning an objects size between states where two different sizing mechanisms are in play.
If you transition from constraints to constraints or from width/height to width/height it should work better:
    <s:Panel id="mainPanel"
             horizontalCenter="0" verticalCenter="0"
             left.State1="200" right.State1="200" top.State1="100" bottom.State1="500"
             left.State2="20" right.State2="20" top.State2="10" bottom.State2="50">

After merging two objects, effects (bevel) aren't working properly, any ideas?

I want to put a bevel all around this shape but after merging two shapes together, the 2nd shape isnt getting the same treatment, any idea on how to fix so effects work as its one shape?

This what you need?

Resizing effects: Bevel & Emboss

Similar Messages

Maybe you are looking for