How to Use the Color Picker component to switch between Solid, Linear and Radial Gradient colors

Hi everyone, and welcome back! I'm Alex from PixTeller, and today we’ll better our skills because I will show you how to use the color picker component to switch between solid, linear and radial colors. Why focus on the color picker? Because it is one of the most important assets of our editor.

For this tutorial, I will use a logo design made by one of my friends from Spain. Here’s the pre-made design.

USE design

So, let’s get down to business. Once I click the USE button, the logo will open in the PixTeller Editor. In order to show you the color picker, I will change the background color of my friend's logo. You can choose from solid, linear or radial colors gradients as you can see here.

Color picker

From the solid menu, you can adjust the background opacity in order to make it transparent.

Change opacity

Also, here is where you can select any predefined solid colors from our palette or use the Advanced mode to play with the sliders and the ball, to choose the color you enjoy most.
Back in simple mode, you can input the HEX or RGB values. For example, code ff0000 represents the color red. 00ff00 is green. You can find all possible values online by doing a quick search. It’s all there.

HEX values input

Now, let me show you how to set a Linear gradient color. Once I am in the submenu, I can easily set the angle of the colors. I can change the color palette by clicking on the color and then selecting a different one in the Edit/Change menu. I’m playing a bit with the colors and gradient but look how cool the images are!

Edit linear colors Edit linear colors

To add a new color, just click on the bottom line.

Add a linear color

As you can see, we now have an amazing background simply by using gradient colors!

Outcome

Another aspect I like, is that you can quickly change any color element similar to the design background color I just showed you, to improve your image or make it more your style.

Change element color

I am pleased with what I have, so I will now save the design and click the Download button to preview it.

Final design

Did you know you can literally create an awesome design in seconds by simply changing the colors? Yup, and it’s just like our motto states and we stand by our beliefs.
Now go ahead and try it for yourselves.

The final outcome of our tutorial today should look something this. Great job, everyone!

Thank you for watching and until next time, have fun using PixTeller!

For more, follow our blog to learn tricks and tips that will make your designs the best out there. Join PixTeller.com and create your own Images, GIFs and Videos for your Websites, Banners, Social Media Posts, Mobile Apps, Business and more. It's free! Yey!!!

Have a great day, guys, and stay tuned for more!

0
No comments
Register to post comments

Easy-to-Use
Image & Animation Maker

Register - It's free
Have an account? Login