How to make a banner with 2 or more colors with photoshop

Hello,

I need some help on how to create a banner with separate colors and how to take a shape and put it in the image.

Sorry for the way of asking this question.

What I need is in the screenshot to explain it better
banner-1-h3.jpg
banner-5-h3.jpg
banner-6-h3.jpg
thebest8Asked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

James BunchSystems EngineerCommented:
One of the easier ways to do this without a ton of PS knowledge is with creating multiple layers. Set your base layer to your primary color, then tailor your layers above it to span the different colors you want. This is good for hard color transitions like you linked.

However, if you want to create a transitional layer all on the same one, you will have to create a custom color in the layer. You can adjust the type of transition by double clikcing the layer, then using the styles on the left to change a gradient. I have a few pics linked below.

Capture one: The double click of the layer
Capture two: In here you can choose the gradient. If you see the sliders at the bottom is where you can add the effects of it middle ways, high, low etc.
Capture1.JPG
Capture2.JPG
0
Shaun VermaakTechnical Specialist/DeveloperCommented:
The gradient definitely a tool that can be used but for the effect in your attachments, drag location boxes together (see below)
Gradient.png
See this video
http://screencast-o-matic.com/watch/cFVj1Ioiir
1

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
thebest8Author Commented:
Thanks Shaun for your response,

I'm trying to check the link you provided but it's giving me Could not connect: Too many connections

any idea
0
C++ 11 Fundamentals

This course will introduce you to C++ 11 and teach you about syntax fundamentals.

Shaun VermaakTechnical Specialist/DeveloperCommented:
screencast-o-matic is down for some reason. Will post the MP4
0
thebest8Author Commented:
Ok please upload it as screencast is still having issues
0
thebest8Author Commented:
it's working now, thanks, I will apply this on photoshop and let you know
0
thebest8Author Commented:
thanks alot
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Images and Photos

From novice to tech pro — start learning today.