Skip to main content

Tutorial - Coloring Digis in Photoshop

Hi I'm back with a tutorial for you.  I was asked how I colored my D2D digi, Bullfrogs n' Butterflies using Photoshop, so I thought I'd create a tutorial.  (you'll see it's kinda long, but I think pretty thorough for those who need to SEE how to do each step)  *Ü* 

I used PS 7.0 so it's an older version, however if your buttons look different, I'm sure you can figure out something similar.

Remember, you can click these pics to enlarge to full size.

TUTORIAL - How to color digis in Photoshop

This works for any images that have lines that are totally connected.  Some digis have disconnected lines for the outline and that takes an extra step or two.  I will try to cover those in another tutorial later on.  So be sure to pick a digi in .PNG FORMAT with solid, connected lines such as this Bullfrogs n’ Butterflies set from D2D!
1)  Open your digi in Photoshop

2)  Right click on the only layer* there “Layer 0” and you can rename the layer if you’d like to “ORIGINAL” – this will help you later on as you add more layers

*If you don’t see a box with a “LAYERS” tab, then go to the tab bar (under the blue bar at top) that says “window” and click on “LAYERS”. 

3)  Right-Click on “Original” Layer and click “DUPLICATE LAYER”

4)  Rename that layer “FROG” and click “OK”
(in the future, you’ll rename each layer according to what you’re coloring; ie. flower, butterflies, etc.)

5)  On the “TOOLS” bar, click the magic wand icon, then click on the frog

6)  When you see running dots/lines around the frog, (or other) and know it’s selected, then click on the PAINT BUCKET icon.
7)  Make sure you have the color you want (as shown in green square below) – to change this, just click on it and select the color you want.

8)  Click inside the frog with the paint bucket

9)  Go up to “SELECT” and say “deselect”  - Make sure you are on your FROG layer!

11)  In the middle of that box, check the Source to “CENTER” instead of edge and then move the SIZE slider to the right until you get it how you want.  (make sure to drag your box on the screen so it’s not covering your frog.  You want to see what’s going on as you move the slider)
NOTE: the mouth and other frog elements might look faded.  That is OK!  When we are done, we will have that “ORIGINAL” outline layer that we will move on top to add the black lines back on top of our colored version.  =)

12)  With that same window open, check the box that says “INNER SHADOW”
13)  change the color to a darker green (see arrow below) and move the SIZE slider to the right until you get a good shadow on your frog.

14)  Now on your LAYERS box, drag the ORIGINAL layer up above your FROG layer.  You should see the black outline on top of your frog again!
15)  Right-click on the “ORIGINAL” layer and click on “DUPLICATE LAYER”.  Rename that layer “FLOWERS”  (or other)

16)  to color the flowers, repeat steps 5 – 13, except changing colors to floral colors, etc.    

NOTE:  you can switch back and forth between the magic wand to select your petals and the paint bucket to fill in the color, and back to the wand etc. until all your flowers are colored (on the same layer).  HOWEVER… remember that everything you color on the SAME LAYER will have the same effect applied to it. 
I colored all my pink flowers on one layer, and then started a new layer for my orange smaller flowers because I wanted to give them a different color “INNER SHADOW” than the pink.

**EACH LAYER YOU WANT TO GIVE ITS OWN EFFECTS, MAKE SURE YOU GO TO YOUR “ORIGINAL LAYER” and Right-click it to DUPLICATE LAYER and give it a new name.  (ie. small flowers, petals, butterflies, etc.)  

17)  When you get all your elements colored, then be sure to drag your ORIGINAL LAYER to the top (above all your other layers) so that you have nice black outlines on top of all the color. 

18)  To add a background color (sky), right-click on your ORIGINAL layer again and DUPLICATE that and call it “SKY” or BG or whatever.
19)  Click on the MAGIC WAND and then click somewhere in the open space (background) – it will show that it’s selected by some running dashes or other
20)  Click then PAINT BUCKET icon and then make sure you have the color selected to a light blue

21)  At the top, click on FILTER / RENDER / CLOUDS

22)  at top, SELECT / DESELECT
23)  Drag your “ORIGINAL” Layer up to the top again, so you have nice crisp black outlines again.

That’s it!  =)  CONGRATULATIONS!! 

If you have any questions please ask away!  I don’t claim to know everything about coloring in PS, but this works for me.  Hope you had as much fun as I did in coloring with Photoshop!!


Lorie said…
This is fabulous, as always, Kris! I pinned it to my 'how to' board on pinterest for future use!
Jennie said…
Ah wow fabulous Kris!!!!
Great idea :) xx
Wonderful tutorial Kris! Thanks so much for sharing!
Jan Hunnicutt said…
Wow, I think I might actually try this - thank you! I've been wanting to learn how to color with Photoshop but need a teacher :)
MariLynn said…
Great tutorial Kris! Love it!!
Lori said…
Beautiful card and nice tutorial. Wish I had photoshop, too!
~ Kendra ~ said…
Kris, thanks so much for sharing this! I can't wait to try it out! What a great tutorial!! THANKS! I appreciate it!
Becky said…
Great tutorial Kris, thanks :)
Lola said…
Wow! This was digitally colored?! How amazing!

Popular posts from this blog

Multi-Tiered Pop Up Penguins

 Welcome friends!  I had a great time last night on a Zoom call with my SU! upline and 8 others in her downline group - so fun to "meet" them and put faces to names and craft together - for 3 hours!  :)  We all worked on our own projects and they were so diverse, love it!   For my zoom project, I created a multi-tiered pop up box card --- no surprise there, right guys?!  BUT, this one was on a much larger scale and needs a 6 1/8" square envelope, which I had to make myself, but with the help of my nifty envelope punch board , it was pretty easy... PRETTY being the operative word as I used some the same Whimsy & Wonder dsp from SU! as I used on my card!   I will include the measurements for making this card below my photos, so keep scrolling :)  The Whimsy & Wonder dsp has holographic striped paper that I used on the sides of my box.   These cute penguins and matching punch are bundled in the new Holiday Catalog, July - Dec. 2021, and so is the Whimsy & Wond

Tutorial - Box Cards W/O Dies

 Hello again!  I'm back with 2 more box cards using some brand new stamps and dies from the upcoming SU! Holiday mini catalog & SAB and a tutorial on how you can make these without using special dies! First I'll show you a card that uses special dies that make it super quick & easy to create the basic box base to showcase all your fun images, and then I will show you how you can make a very similar card without using the dies.  This is a fun new stamp set featured in the upcoming SU! Holiday Mini Catalog called "Penguin Place" - I bought the bundle, so it has a punch that goes with it to punch out the sitting/standing penguin outline, the white inner piece, and the feet.  I had to fussy cut the trees, gifts, hats & scarves and the sliding penguin.  This is one set I wish they had made a die set to match for all those smaller pieces.   The Box base is created with dies by  My Favorite Things  called " Outside the Box Level Up Die-namics ".  My

Multi-Layered Cube Card

Ok y'all, those who know me know I love a card challenge - especially fancy folds!  So when I saw this gorgeous card of Lavonne Schwendeman's I had to try it.  And as impressive as this style of card is, I prolly won't make another of these for a long while as it took me quite a long time to make.  But it was worth it for my daughter who's birthday is in a couple of weeks!  Maybe I'll make a (fall/winter) one for my other daughter who's birthday is next May, LOL!     I love how the sentiment and larger butterflies actually POP OUT away from the card base!   Here's a view from the top-ish.... The "Lovely Wishes" foam words are pink foiled on the front and are shiney when the light hits.  They are attached to clear window sheets that are then glued to the cardstock in front of them.   The flourishes were pretty flimsy, so I cut out 3 of each and glued together to make them more sturdy. Each size of butterfly is embossed with a different texture - th

Tutorial - Origami 4-Drawer Easel Card

 Happy Sunday crafty friends!  I was asked for instructions after posting pictures of this box card on a FB group, so here it is!   While I am not the original creator of the 4-drawer easel card that were all the rage 10 years ago, I thought of a way to create the drawers from designer paper ,  when others were creating it using cardstock.  Some had dies that cut the drawers and others were clever enough to come up with the correct measurements to cut and score and tape, but I couldn't wait to find what I was looking for so I just made a simple origami fold box for the drawers and wha-la!  It worked ... and is prettier than plain cardstock IMO.  :)   So I'm here to share it with y'all again, this time using Stampin' Up!'s Ornate Garden Suite (stamps, dies and paper!)   Supplies Needed: - (4) 6-inch pieces of designer series paper - (2) 4 ¾” coordinating designer paper (or can use same   as 6” pcs.) - (3) 8 ½ x 11” sheets of cardstock – can be same or different color