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

thebest8
thebest8 used Ask the Experts™
on
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
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
James BunchSystems Engineer

Commented:
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
Senior Consultant
Awarded 2017
Distinguished Expert 2018
Commented:
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

Author

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
Rowby Goren Makes an Impact on Screen and Online

Learn about longtime user Rowby Goren and his great contributions to the site. We explore his method for posing questions that are likely to yield a solution, and take a look at how his career transformed from a Hollywood writer to a website entrepreneur.

Shaun VermaakSenior Consultant
Awarded 2017
Distinguished Expert 2018

Commented:
screencast-o-matic is down for some reason. Will post the MP4

Author

Commented:
Ok please upload it as screencast is still having issues

Author

Commented:
it's working now, thanks, I will apply this on photoshop and let you know

Author

Commented:
thanks alot

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial