August 2016

How To Create Color Swatches From External Files In Photoshop – HTML, CSS, SVG, and JPGs

In this Photoshop tutorial, I am going to show you how to create color swatches from external files such as HTML, CSS, SVG, and JPG documents.

This video is going to be really helpful for designers who are working on projects that require the use of specific colors found in external files. The goal is to create a custom color swatch set that can be used when working on projects that require those specific colors.

In the first example, we will take a logo into Adobe Color CC so that the online app analyzes the colors and saves them into a CC library.

Then I’ll show you how to take an SVG file, and CSS file into Photoshop to create a color swatch set from the colors found within those files.

These first two examples require Photoshop CC. But the third example can be followed by anyone using older versions of Photoshop. We will use color tables to grab the color palette from any photograph and open that color table in the Swatches panel.

If you have any questions please leave them below
or head over to this tutorial’s page on our website:

How To Create Color Swatches From External Files In Photoshop

Subscribe + Like + Share + Comment = More Video Tutorials!

Thank you for watching!

===================================

If you enjoyed this video be sure to subscribe to our newsletter to receive free weekly photoshop tips and more!

Subscribe: http://ptcvids.com/subscribe

For more in-depth Photoshop Tutorials be sure to check out our Premium tutorials.

http://ptcvids.com/shop/

===================================
LINKS

Website:

Photoshop Tutorials

Facebook:
https://www.facebook.com/PhotoshopTrainingChannel

Instagram:
http://instagram.com/jrfromptc

LinkedIn:
http://linkedin.com/company/Photoshop-Training-Channel

Pinterest:
http://pinterest.com/ptcpins

Behance:
https://www.behance.net/JRfromPTC

YouTube Channel:
https://www.youtube.com/user/photoshoptrainingch

Google +:
https://google.com/+Photoshoptrainingchannel

This Video’s Youtube Link:

Photoshop video tutorials by Jesus Ramirez

How to Colorize in Photoshop

Our #1 PRO Tutorial ever is now on Sale! https://phlearn.com/popular

How to Colorize in Photoshop

Take control of color in today’s episode – learn how to use Colorize to change the color of any object in Photoshop!

Create a Selection of the Area You Want to Colorize
In order to colorize a specific area of a photo, first you will need to create a selection around that area. In this example, we use “Select-Color Range’ to select out the pink hair.

After making the selection it needs to be refined. To refine the selection even more, hold ALT/OPTN and click on the layer mask of the Hue/Saturation Adjustment layer and paint white or black with the Brush Tool set to ‘Overlay’ Blend Mode.

Hue/Saturation + Colorize
Once the selection around the hair is perfect, click on the ‘Colorize’ Button in the Hue/Saturation Adjustment Layer Properties window.

When Colorizing an image, you have control over Hue, Saturation, and Lightness. You can use the combination of these three sliders to make any color.

In this tutorial, we use several Hue/Saturation Adjustment Layers to Colorize different parts of the hair and eye shadow.

How to Use Two Layer Masks on One Layer
In this example we work hard to create a great selection around the hair of the subject. Because we want to colorize different parts of the hair, it makes sense to keep the original layer mask intact.

To keep the original layer mask intact and hide additional parts of a layer, try grouping a layer with itself and adding a layer mask to that group. This is a way to effectively have two layer masks controlling the visibility of one layer.

VISIT PHLEARN.COM FOR MORE FREE TUTORIALS

Homepage

SUBSCRIBE NOW FOR MORE FREE TIPS AND TRICKS
http://www.youtube.com/subscription_center?add_user=phlearnllc

GET FREE TUTORIALS SENT TO YOUR EMAIL + DISCOUNTS ON OUR PRO TUTORIALS!
https://phlearn.com/mail

LET’S BE FRIENDS!
Instagram ► https://www.instagram.com/phlearn/
Facebook ► https://facebook.com/phlearn
Twitter ► https://twitter.com/phlearn
Google+ ► https://plus.google.com/116791098059215639405
Phlearn ► https://phlearn.com

Channel Update 1.0 | Tutorials junction

For more free photoshop tutorials visit: http://bit.ly/1Q8u7Op

This is basically a video of me describing what is going on currently on channel so need to put a description here. ba-bye ^_^

===================================

Background music by : https://www.youtube.com/user/EMHmusicPromo

===================================
subscribe at ► http://bit.ly/1Q8u7Op

Facebook: https://www.facebook.com/tutorialsjunction

===================================

Tutorial of the video i was working on: https://www.youtube.com/watch?v=uvotCUORN2I