Creating a Gradient Shape

Some time back I asked how to create a gradient shape in FCPx. I appreciated the answers, but none of them were clear to me, and I have not yet been able to pull it off. Wondering if anyone is interested in making a short tutorial showing how to do this? I am simply after a rectangle that has a linear or radial shape using color point values on the gradient as required, preferably values that can be eye-dropped from elsewhere on the screen.
Thanks!
Geoff

Probably the most general way to do this would be to create a generator in Motion, but...
Here is a way you can do that, using only content already available in FCP X.
In this, I will use the "Shape" and "Gradient" generators.
1) Place the Gradient in the timeline and adjust as desired.
2) Place the Shape generator ABOVE the gradient. Set the fill to white and turn off the Outline in the generator part of the inspector.
3) Click the video tab of the inspector and under Compositing set the Blend Mode to "Stencil Luma"
4) By now you will have the shape filled with the gradient and the rest of the frame black.
5) Select the shape and the gradient and hit option-G to turn this into a compound clip. This will confine the blend mode set above so that it does not affect any clips that lie below the shape and gradient, maling them visible behind the shape.

Similar Messages

Creating a gradient then setting transparency to lighten doesn't work

Hi folks, i'm trying to create a gradient overlay that is set to 'lighten' in the transparency palette but for some reason it creates a total white result?
To, visually at any rate, get the desired effect the only setting that seems to work is overlay but that's not what i want really.
It seems to work fine with 'multiply' the gradient's dark area multiply the background object.
Any ideas??
Thanks

Really? I got 16 hits. Here's the 2nd:
To create opacity masks
To create a mask from an existing object, select at least two objects or groups, and choose Make Opacity Mask from the Transparency palette menu. The topmost selected object or group is used as the mask.
To create an empty mask, select a single object or group, or target a layer in the Layers palette. Then double-click directly to the right of the thumbnail in the Transparency palette. If the thumbnail isnt visible, choose Show Thumbnails from the palette menu. An empty mask is created and Illustrator automatically enters mask-editing mode. Use the drawing tools to draw a mask shape. Click the artwork thumbnail (left thumbnail) in the Transparency palette to exit mask-editing mode.
Note: The Clip option sets the mask background to black. Therefore, black objects, such as black type, used to create an opacity mask with the Clip option selected will not be visible. To see the objects, use a different color or deselect the Clip option.

----- Is it possible to create this mask shape effect in FCP X?

I've been playing around with some masks in FCP X, but I cannot figure out how to create this effect..is it possible?
I am interested in creating a mask shape where I can use it to identify something on the screen inside the shape with the surrounding area darker.
In FCP 6/7, I used to just add a slug on top of the clip, add a mask shape, tweak it, invert it and lower the opacity.
Any thoughts?
Thank you.

AppleUsur wrote:
… I am interested in creating a mask shape where I can use it to identify something on the screen inside the shape with the surrounding area darker.
in FCPX no masks nor additional tracks needed:
select the clip
in the Info board, select the Color Correction
there's a built-in Mask tool - select that
switch on the Color Board, here comes the trick: …
you are allowed to select WHERE the correction is applied: inside or outside the mask
(in my German interface Innen/Außen)
drag down the general exposure
there are handles to define size, shape, position
you can drag the outer circle (no handles) to define blurr gradient
you can even animate that highlight by key-framing it ....
with the same tool, you can e.g. apply super-fast some simple 'grading' such a 'CSI Miami-style Blue Sky':

How to create transparency gradient

Hi
please share how to create transparency gradient
have attached the example

qanibh,
In the newest version(s), you may specify opacity values for the Gradient Fill.
In older versions,, you may:
1) Create the shape with the solid end colour upon the seethrough background;
2) Copy to the front, apply a gradient to the copy, and in the Transparency palette/panel flyout Make Opacity Mask, setting Clip and Invert as wished.

How do I use shapes I create in Adobe Shape?

All the shapes you create with Adobe Shape are stored in a CC Library. This means you can access them in other desktop, mobile, and web apps. Detailed instructions below.
How to access your shapes in Creative Cloud
Desktop: In order for this to work, you must have the most recent version of Illustrator and Photoshop.
Open Adobe Illustrator on your desktop.
Open the Libraries panel (Windows > Libraries)
Your shapes should be present in your Libraries. If you don’t see them there, select the libraries drop down to see if you saved your shapes in a different library.
Now, you can drag the shape onto your canvas.
At this point, you can continue working with your shape, by adding editing. Or, you can simply save the file. Of course, after you save it to your desktop, you can email, post online, etc.
Mobile apps:
Open Adobe Illustrator Draw and open a drawing.
Tap the Shapes icon to open the Shapes menu.
Tap a library name to view the shapes in the Creative Cloud Library. Tap Change Library to select another library.
Select your shape by tapping on it.
Active Slide or Tocuh Slide. You can use Adobe Slide or Touch Slide to place the shape on the canvas. Access Touch Slide by tapping on the circular icon at the top of the menu bar.
Place the shape. Once you have activated Touch Slide, you will see a light rendition of your shape on the canvas. Simply double tap on the shape outline to stamp the shape in place.
Web:
Navigate to https://assets.adobe.com/
Select the Libraries menu item (left menu on the page)
Select the desired library (if this is your first time using Libraries, you will only have one).
This page provide a preview only.
Also, here’s a great walk through video that may be useful: http://helpx.adobe.com/mobile-apps/how-to/shape-get-started.html?set=mobile-apps--fundamen tals--adobe-shape-cc

I use Illustrator CC not Illustrator CC 2014 where can I find "Open the Libraries panel (Windows > Libraries)" and How can get the vector file from adobe shape cc?

How can i create a gradient chooser within the plugin window

Hi
i'd like to create a gradient chooser similar to the one used in Photoshop but inside the plugin window.
How can i do that ?
And i need a way that is compatible Mac/windows if possible
thanks a lot!
Jeff

Hi Chris
thank you for your answer.
finally i got WxWidgets working within Photoshop thanks to Dimitri from wx-users and i also found an all-done gradient editor! so all is good thanks
Jeff

When creating a rectangle shap, how to manually set dimensions

I am creating a rectangular shape with the tool (U).
How can I manually set the dimensions (height and width).
I know I can see the dimensions with the info button in the right side bar, bug I want to edit those values.
Is this possible?

You can set the dimensions before using the rectangle tool in the
tool options bar (fixed size).
Or you can change the dimensions after, by using the move tool or Edit<Free Transform Path
and entering the dimensions in pixels (px) in the width and height boxes.
MTSTUNER

How to get rid of the properties tab popping out when I create a new shape?

Hi! I am having a bit of trouble getting rid of the properties tab that pops out everytime I create a new shape in Photoshop CC.
Are there some settings to stop this from happening? I have my space strictly organized, as most of you probably, and I need to close it each time I create new shape... so it's frustrating.
Thank you!

After you draw out a shape, then go to the Properties panel fly-out menu and uncheck Show on Shape Creation

Gradient shape expands into series of banded shapes upon paste

The past couple of days, I've noticed a disturbing problem with my gradient shapes in Illustrator. Sometimes, when I copy a shape from one document and paste it into another, the gradient expands into a series of banded shapes that are masked by the original shape. What is going on? Is this a bug?

I just tried that here. On both Win 7 and Mac OSX 10.9.-- systems. Illustrator CS5.5, CS6 and CC (I do not yet have 2014). I cannot reproduce this.
Is there anything special about the colors you use -- pantone, spot color, anything?
My knee-jerk would be to go back to what Monika said, and make sure no other programs have hooks into your clipboard.
Sorry I can't be more help.
--OB

Why do I get an error when creating a custom shape

I have a student version of Photoshop CC and it seemed to be working just fine until I had to create a custom shape. When I try and create a custom shape I receive the following error.
Did something go wrong during installation or am I missing an addon??

Before you draw the shape with the Pen Tool set to Paths, ensure that you have the Path Operations set to either Combine or Exclude
Looks like yours is set to Subtract, which will produce a program error when trying to define a custom shape.

Create a funnel shape in Illustrator CS6?

Hello I am trying to create a funnel shape in Illustrator that is divided up by levels. For example a funnel shape with six different levels. I have uploaded an example, when I have tried to use an image trace to get the basic shape the lines aren't sharp they are often bumpy and not straight. Anyone have tips or a how to create a sharp funnel image? Thanks a lot!
Miles

Half of the cross-section. Like this:
This was all done with filled shapes. If you want the inside to be all the same colour it would probably entail using stroked shapes.

Creating a gradient

First off I am very new to Illustrator. Just learning. I was wathing a following along with a tutorial for creating a gradient. The user was creating the gradient inside a rectangle. WIthin the gradient options on his screen, there was a list of colors that he had included into the gradiant from the swath/pallette. With these colors was a box that he could input a percent to black for each color. I am not seeing that on mine. I am assuming that there is simply a setting I need to open or view. Any help?

WellSir,
It sounds as if it may have been the Vindow>Color palette. In its flyot you can choose the colour space (CMYK(/RGB/whatever), and when you click on one of the squares under the Gradient Slider in the Gradient palette, you can see and change the composition of that colour, such as adding black.

Help creating this gradient pattern

I'm kinda stumped. Basically I need to create a gradient pattern going from inside (green) to outside (brown) with a small white and yellow step in between. The problem I am having is that I need to follow the pattern of the logo in the middle, but end up with a rectangle on the outside and it needs to be a fluid transition between the colors, kinda like this:
Any advice on how I can get what I am trying to achieve?
Using C3.

Userbak,
Blends like matching Anchor Points.
Presuming the logo pattern has 10 Anchor Points, namely 4 corner ones, 2 top/bottom ones, and 4 at the transition between circular and rectangular parts, you may add 3 matching Anchor Points to each of the horizontal sides of the rectangle, a) one in the middle and b) one on either side; you may move the b) Anchor Points to different (symmetrical) positions, maybe even to coincide with the corner Anchor Points. That may remove the choppiness as much as is possible.
To have one or more colours in between, you may create a stepwise blend with stroke/no fill paths, expand, and create the final blend from that.

How do I edit shapes created by Adobe Shape?

Shapes created in Adobe Shape can be modified in Illustrator or Photoshop and saved as a separate file. However, your new file will not be updated in Adobe Shape.

Your shapes should be automatically saved to the Creative Cloud. I’m going to explain how you can access them below.
How to access your shapes in other apps
Desktop: In order for this to work, you must have the most recent version of Illustrator and Photoshop.
Open Adobe Illustrator on your desktop.
Open the Libraries panel (Windows > Libraries)
Your shapes should be present in your Libraries. If you don’t see them there, select the libraries drop down to see if you saved your shapes in a different library.
Now, you can drag the shape onto your canvas. Or, right click and select "Use in document"
At this point, you can continue working with your shape, by adding editing. Or, you can simply save the file. Of course, after you save it to your desktop, you can email, post online, etc.
Mobile apps:
Open Adobe Illustrator Draw and open a drawing.
Tap the Shapes icon to open the Shapes menu.
Tap a library name to view the shapes in the Creative Cloud Library. Tap Change Library to select another library.
Select your shape by tapping on it.
Active Slide or Tocuh Slide. You can use Adobe Slide or Touch Slide to place the shape on the canvas. Access Touch Slide by tapping on the circular icon at the top of the menu bar.
Place the shape. Once you have activated Touch Slide, you will see a light rendition of your shape on the canvas. Simply double tap on the shape outline to stamp the shape in place.
Web:
Navigate to https://assets.adobe.com/
Select the Libraries menu item (left menu on the page)
Select the desired library (if this is your first time using Libraries, you will only have one).
This page provide a preview only.
Also, here’s a great walk through video that may be useful: http://helpx.adobe.com/mobile-apps/how-to/shape-get-started.html?set=mobile-apps--fundamen tals--adobe-shape-cc

Help creating an image/shape

Hi,
I'm looking for some help to create something similar to the below shape on the box (the pic in the top right). I am just looking to create the shape--I know how to add my own text. I am beginner when it comes to CS6 and learning the ropes. Any help would be greatly appreciate!
Thanks!
Saundra

Thanks, this was helpful. I didn't even think to try to create a few shapes to get what I wanted. I just played around with it and ended up creating one rectangle and 2 circles and manipulating them to get a shape close to what I was looking for.
Thanks again for the help and quick response!

Creating a Gradient Shape

Similar Messages

Maybe you are looking for