bar with alpha gradiented to 0%

N
Posted By
Netman
Mar 22, 2011
Views
437
Replies
3
Status
Closed
Hello!

I would like to create a bar 1920px x 100px which has 100% alpha on the left side and 0% alpha on the right side.
I want to fill this bar with blue gradient.

How to do it in Photoshop CS4

Please help me
Thank you in advance
Netm.

MacBook Pro 16” Mockups 🔥

– in 4 materials (clay versions included)

– 12 scenes

– 48 MacBook Pro 16″ mockups

– 6000 x 4500 px

JS
John Stafford
Mar 23, 2011
In article <imb2eh$iuo$>,
"Netman" wrote:

Hello!

I would like to create a bar 1920px x 100px which has 100% alpha on the left side and 0% alpha on the right side.
I want to fill this bar with blue gradient.

How to do it in Photoshop CS4

http://www.digoliardi.net/grad.png
N
Netman
Mar 23, 2011
U
DJ
david johnson
Mar 24, 2011
On Wed, 23 Mar 2011 21:06:01 +0100, "Netman"
wrote:

U¿ytkownik "John Stafford" napisa³ w wiadomo¶ci
In article <imb2eh$iuo$>,
"Netman" wrote:

Hello!

I would like to create a bar 1920px x 100px which has 100% alpha on the left
side and 0% alpha on the right side.
I want to fill this bar with blue gradient.

How to do it in Photoshop CS4

http://www.digoliardi.net/grad.png

Yes, thank you. That is what I wanted.

Can you write me how you did so?
I would like to have possibility to change color in the future.
Netm.
create the document size you need
using alpha as the background

choose the colour blue you require

choose the gradient tool
then choose the 2nd gradient option foreground to transparency on teh gradient picker

cliick on teh left hand side hold and drag to right left go if you hold shift you get a perfect straight line
you can of course just use a small portion say the last part to get the gradient. the gradient applies to the length of the dragging

you always have undo if you don;t get right 🙂

How to Improve Photoshop Performance

Learn how to optimize Photoshop for maximum speed, troubleshoot common issues, and keep your projects organized so that you can work faster than ever before!

Related Discussion Topics

Nice and short text about related topics in discussion sections