How to add a gradient or 50% transparent fill to an .ai imported path?

Hello All;
I need some help. My task sounds simple enough but not sure how to accomplish it.
I created the following path in Illustrator (See attached illustration - the top one). This is actually for a lower-third graphic.
I have been successful at importating that into .ai. Though should I be using a solid or a shape layer or doesn't it matter ?
I can add a stroke which affects the color and thickness of the outlines OK.
However, I can't figure out how to add either a gradient fill or one that is 50% transparent ? Can anyone help ?
Oh ... I'll mention I'm using After Effects CS3.
Thanks.
Tim

Rick;
I've used Illustrator for quite a while both at home and at work but I really havn't had to do anything that complex yet. Same goes for Photoshop. I bought DVD tutorials for most of the productivity software I use and when you gave your first explanation, I watched the DVD tutorial on Importing into AE so I know what you're referring to when you say to import as composition. So far, I've only tried to import into AE by copying and pasting. I think that's why I just got the path and not the background. I'll try importing a composition shortly and see if I get the fill too. I actually found a tutorial on making the type of shape I need to in Photoshop so maybe I'll try that instead of Illustrator and then import that into AE.
Btw - It may not actually be a gradient fill I need to use but instead a solid fill with the top half lighter and buttom half darker.
In case you're interested, here's actually what I'm trying to create for a video project. I could actually buy the animation for $8 but I figured that this can't be that difficult and I need to learn this stuff anyway ... http://videohive.net/item/lower-third-15-different-colour-schemes/145337?WT.ac=category_th umb&WT.seg_1=category_thumb&WT.z_author=berol
Tim

Similar Messages

How to create a gradient with a square fill (pyramid gradient)

I'm looking for the best way to this:
http://www.filterforge.com/wiki/index.php/Square_Gradient
Any input is appreciated. Thank you.

Thank you for the replies. I did do this, saved as a PDF and checked the file Acrobat. Acrobat seems to only recognize full percentage screens? The transition of the gradient screen went from 9 down to 1, except it only showed whole numbers. It looked fine on screen. Then, I placed the file in InDesign so we could step it properly for the presses. After this, I exported the file as a PDF. Now, the screen transition in Acrobat read as 9,8,9,8,7,8,7,6...and so on. I assume this has to do with the blending, but the straight save as a PDF from Illustrator didn't have the differing sequences for screen gradients. Both looked fine on screen and appeared to have a visually smooth transition; however, when we output the film, the transition on the negative didn't look smooth whatsoever. A press test confirmed this. Now, I may just step the file in Illustrator and hope this makes a difference.
Are there any suggestions how to make the transition smoother? Should I apply more steps? I used 50.
Again, to sum up: On screen the gradient trasition looks smooth, but on the negative and on print, it looks bad. Also, why does Acrobat using the object inspector screen only show whole number screen percentages? We work with gradient screents constantly and never had I had a square gradient like this. I hope it's not something more technical with the RIP software and line screens.
Thanks again.

How do you add a gradient to text in PSE 11?

I'm trying to make some text have a gradient color. I write the text, simplify it and then use the gradient tool normally, however, it's applying the gradient to the entire layer instead of just the text. Does anyone know what's going on or what I'm doing wrong? I searched the adobe support for how to add the gradient and followed the insturctions but it's still not working. Any help is appreciated!

Your layers panel should look like this afterwards:
and the text:

How can I modify data from a Transparent Table without ABAP code.

Hi,All
How can I modify data from a Transparent Table (like TCURR), and important thing is I want do all that with no ABAP code here. It is like that we always do that in a Oracle database use TOAD or PLSQL third party tools, with no script code here.
I had fond that there is a way can do that:
1, type 'se11',and Display Database table 'TCURR', click Contents, then click Execute to display all data
2, type '/h' and let debugging on
3, select one of this data then click 'Display',enter in debugging system.
4, then make a breakpoint in the code. But... display a dialog let I type a 'ABAP Cmnds', I want to know what can be type in for that?
and, My system is ECC6.
thank you all
Edited by: xuehui li on Aug 20, 2008 6:30 PM

Hello,
Your approach (with Vijay's suggestion) MAY work. However, depending on how tight security is at the company that you are working at you may or may not be able to acutaly change the value of the SHOW field to EDIT. This will be especially true if you are working in a Production environment. Vijay's other comment is true as well. This is not a recommended approach to change data (especially data with a financial impact like TCURR) in a production environment. The auditors will not be impressed.
Explore the option of a maintenace view or look at tcode TBDM to upload a file which includes daily rates from providers like Reuters or try tcode s_bce_68000174 which is a maintenance view on TCURR.
Regards
Greg Kern

How to add users to OSM using UserAdmin.xsd

Hi,
Can you please explain me how to add users to OSM using UserAdmin.xsd i.e xml import/export tool. I need the steps how to do that..
Thanks in Advance,
Menaka

Hi Razvi444,
You need to use submit data to web service in Submit button rule,where you can use above web service.
Refer http://office.microsoft.com/en-in/infopath-help/submit-form-data-to-a-web-service-HA010107048.aspx more details
Thanks

How do I save an image (logo) transparent so that it will appear transparent on any color background such as a gradient or black?

How do I save an image (logo) transparent so that it will appear transparent on any color background such as a gradient or black?
I save image as "transparent" at File > New... but when I place on a gradient background it keeps appearing white. I'm trying to save transparent to be effective on any color such as a gradient or black. How do I truly save as transparent?

Put the logo on its own layer set the layer fill to 0 and add a layer style to the logo layer. Here I duped one change fill to 0 added style.

How do you add a gradient on only half of a photo?

I want to add a gradient on only half of the picture. How do you do this?

Or
Set the gradiant to Foreground to Transparent. Drag to the point you want the gradient to extend to. If you are not far enough, try again. Foreground to Transparent is the only gradient choice that allows you o build the effect.
or
Run the gradient right across a new layer, and use free transform to resize and position.
or
Run the gradient to the point you want on a new layer, and add a layer mask. Run another gradient in the oposite direction in the layer mask, and unlink the layer mask (click on the chain link between Eye icon and layer mask). Now use the Move tool to fine tune the position of the layer mask.

How do i add a gradient as the stroke to text instead of a solid color for PSE10

I have PSE10 and i got thsi urge to add a gradient as the stroke to a text, but don't know how...
help!!!!

Something like this might work for you:
1. Ctrl or Cmd click on layer thumbnail in the layers panel with the text.
That makes a selection of the text
2. Add a new blank layer below the text layer and go to Edit>Stroke (Outline) Selection and choose Center and the size.
3. Select>Deselect
4. Go to Layer>New Fill Layer>Gradient and check Use Previous Layer to Create Clipping Mask
5. In the Gradient Fill dialog you can experiment with different gradients and settings.

How to create an image with a transparent shape

Hi
This should be easy -
The end result I want is this:
a png which is mostly black (or any colour) but with a defined shape in it which is transparent.
I have the shape. I select it. I seem to be able to make a mask from this (a selection which I can copy and move about). But what I can't figure out how
is how to create a new image which is filled except for this masked area which is transparent
Any help gratefully received.
Thanks
--Justin Wyllie

Open a blank, new file with foreground color green
Type text
Open effects palette, and in the drop-down go to bevels, then select "Simple Emboss" - it is the second one in my program. Apply
Still in he effects palette, in the drop-down, go to visibility, select "Hide". Apply
Double click the f icon on the text layer in the layers palette to bring up the Style settings dialog, and add a small stroke to better define the letters.

How to add text to gif

Hello, i'm a beginner in photoshop.
I want to add text to my gif in animation frame, but somehow the text look transparent even though i already use black color for the text.
Could someone give me tutorial to how to add text to the gif and then make some kind of a subtitle?
Thanks..

So, if i want to make the text appear in layer 1-10 only, i only have to put the text layer above layer 10 right?
Do you mean 'Frame 1 - 10'? If you want the text to appear in Frames 1 - 10, you have to add the text to all frames from 1 - 10 above your image layer.
But what if then i want to make a new text for layer 11-20? Wouldn't the text appear in layer 1-10 as well? How to separate the text then?
If you want new text for Frame 11-20, you have to create a text layer in Frames 11 - 20 and change the text that you want to show in 11-20 frames.

How to add a vertical resize bar for each TableRow in a TableView?

I am looking for a best approach / best practice to accomplish this task. I need to be able to implement, in the least, re-sizable (by dragging on a divider line) TableRows. I understand this to be a bit more difficult to retain the height of each individual TableRow because they are virtual and reused. My first goal is only to have all TableRows re-sized (eliminating the need to carry individual row sizes ).
I am able to implement my own TableRow by extending TableRow - and I was able to retrieve a reference to the TableRow's Skin and adding a divider line (Rectangle) and capturing the Mouse events to effectively re-size the height of the Row by dragging.
My Question is this: Without implementing a new TableRowSkin - how can I force the divider line to be at the bottom of the TableRow? Currently - I am just adding the Rectangle Node (Divider) to the TableRowSkin's children list - causing the divider line to be positioned at the top of the TableRow (This gives an odd feeling when resizing - the line should be on the bottom).
I feel like I am hacking at the issue without realizing the intent of the JavaFX developers. Is the intent for Row Height resizing to be implemented by providing a new Skin? There doesn't seem to be an easy way to accomplish this task using the existing TableRow or TableRowSkin.
I can post example code if requested - but I will need to condense the example to a small enough self-contained file.
If the answer is "Yes - implement a new skin" that is fine, but this task might be difficult without the source code for guidance :) [hint..hint..]

After attempting to override the TableRow itself - I ran into a bug in the underlying skin causing a ClassCastException when sorting on the headers - apparently the underlying TableRowSkin doesn't like it when you add anything other then a TableCell (I added a Rectangle in this case, could not be cast to a TableCell). The bug was filed in Jira and fixed for 2.1 - so in the mean time I took the individual TableCell approach - add a divider to the bottom of each tableCell.
The trick is not the the divider - but it is the other Control you have above the divider. I am using a TextArea, and you may generally want to override the PreferredHeight otherwise the height of the Control continues to extend. This behavior may be a result of using VBox to house the TextArea and the Rectangle vs your suggestion of a BorderPane.
I was able to get the aesthetic functionality working to my desire. NOTE: functionality needs to be added for the table to "remember" any change of tablerowheight for each associated data item - otherwise the TableRow with the differeing height will get recycled and used for a different data item later. This shouldn't be too hard to implement with a Map for every non-default tableRowHeight change with a key of the TableRow Data Item. (Perhaps a max memory of associations as to not use up all available memory if someone wanted to resize all rows, for instance. Or we could also apply a new default Row size as well. I'm thinking this functionality should be applied to a sub-classed TableView).
editThe posted code does not have a bug - it is placing the vertical resize divider in each cell, not each tablerow. Aesthiticaly - it will take some additional tweaking. You will notice the Textarea scroll bar "bleeds" into the other Transparent cells.. Not a critical bug, but an issue to deal with I will have to tackle later. If I can hack into the TableColumn resizing behavior - or set a minWidth on each Tablecolumn - that will be my approach to deal with it for now.--edit--
public class TextAreaCell<S> extends TableCell<S,String> {
        private TextArea textArea;
        private StringProperty boundToCurrently = null;
        private Rectangle r = new Rectangle(1,3,Color.TRANSPARENT);
        private VBox vbox = new VBox();
        public TextAreaCell() {
            this.getStyleClass().add("table-cell-for-controls");
            textArea = new TextArea();
            textArea.getStyleClass().add("table-cell-text-field");
            textArea.setWrapText(true);
            textArea.prefHeightProperty().set(5);
            textArea.minHeightProperty().set(0);
            vbox.getChildren().add(textArea);
            vbox.getChildren().add(r);
            vbox.setFillWidth(true);
            r.widthProperty().bind(vbox.widthProperty());
            r.setCursor(Cursor.V_RESIZE);
            r.setOnMouseDragged(new EventHandler<MouseEvent>() {
                @Override
                public void handle(MouseEvent event) {
                    TextArea y = TextAreaCell.this.textArea;
                    TextAreaCell.this.printTextAreaInfo(y, event);
                    TableRow tr = TextAreaCell.this.getTableRow();
                    double newHeight = tr.getHeight() + event.getY();
                    if (newHeight <= 24) {
                        newHeight = 24;
                    tr.setPrefHeight(newHeight);
                    tr.requestLayout();
            VBox.setVgrow(textArea, Priority.SOMETIMES);
            vbox.setMinWidth(1);
            this.setGraphic(vbox);
        @Override
        protected void updateItem(String item, boolean empty) {
            super.updateItem(item, empty);
            if(!empty) {
                // Show the Text Area
                this.setContentDisplay(ContentDisplay.GRAPHIC_ONLY);
                // Retrieve the actual String Property that should be bound to the TextField
                // If the TextField is currently bound to a different StringProperty
                // Unbind the old property and rebind to the new one
                ObservableValue<String> ov = getTableColumn().getCellObservableValue(getIndex());
                SimpleStringProperty sp = (SimpleStringProperty)ov;
                if(this.boundToCurrently==null) {
                    this.boundToCurrently = sp;
                    this.textArea.textProperty().bindBidirectional(sp);
                else {
                    if(this.boundToCurrently != sp) {
                        this.textArea.textProperty().unbindBidirectional(this.boundToCurrently);
                        this.boundToCurrently = sp;
                        this.textArea.textProperty().bindBidirectional(this.boundToCurrently);
            else {
                this.setContentDisplay(ContentDisplay.TEXT_ONLY);
        private void printTextAreaInfo(TextArea t, MouseEvent e) {
            StringBuilder s = new StringBuilder();
            s.append(e.toString()).append("\n");
            s.append("\tTextArea.prefHeight:").append(t.getPrefHeight()).append("\n");
            s.append("\tTextArea.MinHeight:").append(t.getMinHeight()).append("\n");
            s.append("\tTextArea.MaxHeight:").append(t.getMaxHeight()).append("\n");
            s.append("\tTextArea.Height:").append(t.getHeight()).append("\n");
            s.append("------------------------------------------------------------------------------------------------------------------------");
            System.out.println(s.toString());
}And the Css
.table-cell-for-controls {
    -fx-skin: "com.sun.javafx.scene.control.skin.TableCellSkin";
    -fx-padding: 0; /* 2px, plus border adds 1px */
    -fx-background-color: transparent;
    -fx-border-color: -fx-table-cell-border-color -fx-table-cell-border-color -fx-table-cell-border-color -fx-table-cell-border-color;
    -fx-border-width: 0.083333em; /* 1 */
    -fx-cell-size: 2.0em; /* 24 */
.table-cell-text-field {
    -fx-background-color: transparent;/*-fx-control-inner-background;*/
    -fx-background-insets: 0;
    -fx-background-radius: 0;
    -fx-padding: 3 5 3 5;
    -fx-prompt-text-fill: derive(-fx-control-inner-background,-30%);
    -fx-cursor: text;
}Edited by: jkaufmann on Nov 7, 2011 4:33 AM

How to add this mp3 player in my movie flash

How to add this mp3 player in my movie flash. This mp3 player
was generated in other web site and after i created what i got back
was this :
<center><embed src="
http://www.mp3asset.com/swf/mp3/myPod.swf"
quality="high" wmode="transparent"
flashvars="myid=3597756&path=2007/07/31&mycolor=0xAFC0D4&mycolor2=0x422F21&mycolor3=0xFFF FFF&autoplay=true&rand=0&f=3"
width="180" height="380"
name="myflashfetish" align="middle"
type="application/x-shockwave-flash"
pluginspage="
http://www.macromedia.com/go/getflashplayer"
/><br>I made this <a href="
http://www.myflashfetish.com"
target="_blank">MySpace Music Player</a> at <a href="
http://www.myflashfetish.com"
target="_blank">MyFlashFetish</a>.com.</center><br><br>
THIS CODE CAN BE ADDED IN ANY WEB PAGE BUT WHAT I WANTED TO
KNOW IS HOW CAN I PUT THIS INSIDE OF MY FLASH MOVIE???? THANK YOU
PLEASE HELP ME !!!!!!!!!!!!!

use the same method that i posted in your other topic, but
use a new empty movie clip with new instance name and replace the
"URL" with
http://www.mp3asset.com/swf/mp3/myPod.swf"

Shadow/Gradient Fade to Transparent Effect

Hello. I am using PS CS3 on MAC and I am trying to create the inner shadow gradient fade to transparent show in the sidebar of this webpage: http://kinoma.com/about/
First, I create a rectangle with linear gradient fill that fades to transparent. Then I create an inner shadow on the left of the sidebar. I'm stuck on what to do next. How do I fade the entire sidebar to transparent on different sides? Thanks.

Black to transparent gradient from left to right (then reduce opacity), then make a layer mask and make a gradient from top to bottom that's black to white to black.
J

How to add silver front panel theme for labview 2010

how to add silver front panel theme for labview 2010

Mahisnair wrote:
yes i had tried this way but the vi built with silver theme doesnt look good in 2010 :-(
wish if there was a way to include silver theme in 2010
The only way I see to make it like that would be to recreate the theme in LabVIEW 2010 with external bitmap objects. Unfortunately it won't be as functional as the silver controls in various terms such scaling (bitmaps scale very badly) or transparency and click through functionality (a bitmap assigned to a control part will always catch all clicks and never allow a click to pass through anywhere to a lower layered part).
The silver controls are using special internal graphic objects that were added in LabVIEW 2011, so recreating silver controls with the same functionality in earlier LabVIEW versions is impossible.
Rolf Kalbermatter
CIT Engineering Netherlands
a division of Test & Measurement Solutions

How in Illustrator I write text with transparent background ?

How in Illustrator I write text with transparent background ?

that is correct. You open it in AI and you have an option to use area text, you first take the text tool and drag to make a text frame, which wors like it does in a layout program. Or you click the text tool any where on the canvas and just start typing if you want to make another line you either hit the return (enter) key or for soft return use shift/return (enter).
The default is a transparent background.
All art i Illustrator is on a transparent background unless you add an object behind other objects that has a fill color.

How to add a gradient or 50% transparent fill to an .ai imported path?

Similar Messages

Maybe you are looking for