Photoshop Tutorial: Quickly Create a Color Scheme from a Photo -HD-

Hello and welcome back to another Photoshop
tutorial. Today I’m going to be showing you how you
can generate a color scheme from a photo. So the first thing you need to do, is load
up a photo onto your stage. Now once you have that done, you can go up
to “File” and then down to “Save for Web.” Now once this dialog box opens, we can go
ahead and zoom out so that we can see our whole photo. Now the first option we’re going to adjust
is the one that currently says “JPEG.” Now yours might say something else, but what
we want to select is “GIF.” Now this is going to try and render this image
as a gif using anywhere between 2 and 256 colors. Now what I want you to direct your attention
to is this option down here called “Color Table.” And this basically shows us swatches of every
color that is currently being used to make up this image. Now that means if we come up here to this
colors dropdown and instead of using, say 256 colors, we change it to 8, it’s then going
to try and recreate that image using only 8 colors. So, in doing that, Photoshop is going to automatically
create and pick the 8 most dominant colors in the image so that it can try and recreate
that, giving that to us down here in our color table. Now you can delete or modify, or select certain
color table color swatches, but I’m just going to leave all of the defaults by deselecting
them. And what we’re going to do is go to this little
menu here off to the side called “Color Palette Menu” and we’re going to go down to “Save
Color Table.” So I’m just going to go ahead and put this
on my desktop and we can just call this something like “sunset.” And I’m just going to go ahead and and save
that there. Now, we don’t care how this image looks because
we’re not actually going to be saving it, so we can just go ahead and click “cancel.” We’re just using it to generate that color
table. So now we can go ahead and pull off our swatches
menu, and we can open up its little menu up in the corner. So here we can actually reset the swatches,
load the swatches, or replace the swatches, and I’m going to go ahead and go with the
“replace swatches” option. So here what we want to do is look for that
color table file that we just saved out. Now you might not see it, even if it’s in
the same location that you saved it, but make sure and change the file type that you’re
looking for to “Color Table.” So once you do that, you should see the file. You can select it and then click “load.” So here you’ll see in my swatches menu, now
I have all of the colors that were exported from that save for web and devices dialog
box, and now I can use those in my project as I see fit. So you can use them as a start to a design
or in combination with other similar photography, or any other styles that you want. So that’s my time for today, but as always,
if you enjoyed this tutorial, be sure to subscribe, rate, and comment for more.


  1. Chiparooo January 13, 2015 at 6:04 am

    Cool trick.

  2. Kush Beats January 13, 2015 at 7:07 am

    Neat trick and very helpful as well…keep it up, these videos are great

  3. MoshPit II January 13, 2015 at 12:48 pm

    Thank you for this great tip!

    best regards

  4. Shininghawk January 14, 2015 at 7:25 pm

    Very nice tutorial, thank you! =)

  5. Alexandru Grecov January 17, 2015 at 7:01 am

    yea, cool, first time when I see that, thanks !

  6. IM EAGLE March 21, 2015 at 6:45 am


  7. No Need Umbrella July 21, 2015 at 1:47 pm

    thanks for sharing!
    actually what different between Kuler extensions?

  8. Tish Zedalis December 17, 2015 at 3:15 pm

    As usual…….Very informative…..and Quick

  9. Fiona DVK May 31, 2016 at 10:31 pm

    thank you!!!!

  10. Crimea_River October 25, 2016 at 8:49 pm

    Nice! And very ADD proof!

  11. Sbeth85 November 3, 2016 at 8:38 pm

    Thank you! Quick and clear and to the point! Much appreciated!

  12. Gstaff Africa January 11, 2017 at 2:36 pm

    Thank you

  13. ThatOnePerson February 7, 2017 at 12:32 am


  14. SiMohamed ACHAMRAR July 6, 2017 at 4:43 am

    Thank you

  15. Madyson Bearry October 7, 2017 at 2:26 pm

    Big, very big, thank you for this !! ๐Ÿ˜€

  16. Fai C October 27, 2017 at 6:16 am

    very useful trick, thanks for sharing it and i subscribed ๐Ÿ™‚

  17. benard msambazi February 20, 2018 at 8:56 am

    Amazing very clear!

  18. Nito Vlado February 25, 2018 at 10:55 am

    SUPER EASY…..๐Ÿ™Œ๐Ÿ™Œ๐Ÿ™Œ๐Ÿ™Œ๐Ÿ™Œ๐Ÿ™Œ thanks so muuuuch

  19. Ernest Drรณลผdลผ March 7, 2018 at 12:48 pm

    Thank you kindly! ๐Ÿ™‚ very clear and to-the-point tutorial, I really like that

  20. Gerry Alex April 1, 2018 at 11:29 pm

    OMG thank you so much for making it so simple to understand. this is exactly what I wanted!

  21. khalid alshamsi April 11, 2018 at 11:16 pm

    really thank you

  22. Ron Gray August 8, 2018 at 9:34 am

    I cannot BELIEVE how long I've used Photoshop and didn't know this. Excellent Tip. Thanks.

  23. Rakesh Dey September 3, 2018 at 3:17 pm

    thanks a lot man. You are God.

Leave a Comment

Your email address will not be published. Required fields are marked *