Holiday Card Collage with just one image

cardgnomegtgcardkatiesampleIt’s that time of year! Many families are getting family portraits done for their yearly Holiday Cards.  If they are like me, they love that creative collage look that you see for custom greeting cards, but also like the simplicity of using just one photo. Here is something unique and special you can create if you just have one favorite image for your Holiday Card.  A Holiday Card Collage. Gotta LOVE the WOW factor of this creative “collage” look.   Most greeting cards with a collage design require several images. Here is how to create your masterpiece Holiday Card Collage look with just ONE image.

Click to download tutorial Greeting Card Collage Tutorial pdf

Photoshop tutorial:   Create a holiday collage greeting card with only one image
We will use the NEW Photoshop’s Guide Layout to help divide the image into smaller sections. You must have Photoshop CC to use this method.
The image I chose to use for my sample below is a sweet little rescued foster kitten named Denver, a litter of 5.

 

Step 1: Create a new document go to File>New  I used greeting card specs. For my Purposes, I set width to 1575 px, height 2175 px, resolution 300, white background. If you use a different size document, make sure you compensate for it in your gutters, margins and drop shadows, by adjusting their size accordingly.

Step 2: Add a new layer and name it Shapes

Step 3: Make a 3 x 3 grid with gutter, and margin around edges:
  • go to View>new guide layout
  • set column number to 3 leave the width field empty, set gutter to 30 px
  • click rows, set number to 5, leave height empty, set gutter to 30 px
  • make sure preview box Is selected.
  • Add margins around edges of document: click in the margin checkbox, then set each of the four options top, left, bottom and right to 100 px.
  • Click ok
Step 4: Draw the shapes: select the rectangular marquee tool from the tools panel to draw in shapes. Drag selections around different squares in the 3 x 3 grid begin at one corner and drag to make rectangle. To add press and hold shift key to add next rectangle to it. Continue adding each shape so that all rectangles and center square are selected as one.
Step 5: Fill in the selection with black go to Edit>Fill set contents to black, normal and opacity to 100% click ok.
Step 6: remove the selection and the guides to remove go to Select>deselect. Go to view>clear guides
Step 7: Add a drop shadow to the Shapes Layer. Select shapes layer, click on layer styles, choose drop shadow, settings: blend mode: multiply, opacity 40, angle: 135, use global light, distance 50, spread 0 ,size 50. click ok
Step 8: Open the image you want to use in Photoshop.
Go to select>all... go to edit>copy
Step 9: Paste image into shape collage: Switch over to the shape collage document by clicking on its tab.Go to Edit>paste special>paste in place
Photoshop pastes and centers the photo in the document. You will see it as a new layer above the shpaes layer.
Step 10: create a clipping mask. Select the small menu icon in the upper right corner of the layers panel. Choose create clipping mask. This clips the layer directly in the layer below it.
Step 11:use free transform to resize and reposition image. make sure image layer is selected, Go to edit>free transform pres and hold shift as you drag a corner to lock the aspect ratio. Press enter when done.
Hope you enjoyed this tutorial.
Show your support and help your local animal rescue.

kellyrichardsonmark

How to Photoshop Tutorial: Shape Collage with one Image

Photoshop tutorial: create a shape collage from one image.

Click to Download the tutorial with steps, images and screenshot examples.

We will use the NEW Photoshop’s Guide Layout to help divide the image into smaller sections. This is a very hand tool to learn as it can be applied to many other designs that need an instant grid. You must have Photoshop CC to use this method.   Here is the image before and after:

Photoshop tutorial: create a shape collage from one image. STEPS

Step 1: Create a new document go to File>New  set width 12 in, height 12 in, resolution 300, white background

Step 2: Add a new layer and name it Shapes

Step 3: Make a 3 x 3 grid with gutter, and margin around edges:  go to View>new guide layout

  • set column number to 3 leave the width field empty, set gutter to 80 px

  • click rows, set number to 3, leave height empty, set gutter to 80 px

  • make sure preview box Is selected.

  • Add margins around edges of document: click in the margin checkbox, then set each of the four options top, left, bottom and right to 160 px.

  • Click ok

Step 4: Draw the shapes: select the rectangular marquee tool from the tools panel to draw in shapes. Drag selections around different squares in the 3 x 3 grid begin at one corner and drag to make rectangle. To add press and hold shift key to add next rectangle to it. Continue adding each shape so that all 4 rectangles and center square are selected as one.

Step 5: Fill in the selection with black go to Edit>Fill set contents to black, normal and opacity to 100% click ok.

Step 6: remove the selection and the guides to remove go to Select>deselect. Go to view>clear guides

Step 7: Add a drop shadow to the Shapes Layer. Select shapes layer, click on layer styles, choose drop shadow, settings: blend mode: multiply, opacity 40, angle: 135, use global light, distance 50, spread 0 ,size 50. click ok

Step 8: Open the image you want to use in Photoshop. Go to select>all... go to edit>copy

Step 9: Paste image into shape collage: Switch over to the shape collage document by clicking on its tab.Go to Edit>paste special>paste in place Photoshop pastes and centers the photo in the document. You will see it as a new layer above the shapes layer.

Step 10: create a clipping mask. Select the small menu icon in the upper right corner of the layers panel. Choose create clipping mask. This clips the layer directly in the layer below it.

Step 11:use free transform to resize and reposition image. make sure image layer is selected, Go to edit>free transform pres and hold shift as you drag a corner to lock the aspect ratio. Press enter when done.

Hope you enjoyed this tutorial.  Show your support and help your local animal rescue.

Spring is in the Air Photoshop Tutorial and add sky

Tabby Kitten light blue backgroundSpring is in the Air Photoshop Tutorial

If you like this Image, wait until you see how it was made with a little Photoshop Magic. Here are some  of Kelly’s Photoshop Secrets … PSD Tutorial with two parts : Smooth out background, add a blue sky to a plain blue background.

Click to download the Photoshop Tutorial PDF
BASIC PHOTOSHOP CS6 WORKFLOW: Please note: this PSD tutorial is not for beginners.  Must have photoshop experience and understand the concept of a painting with a mask, and using layers.
Here is the image before PSD ( unedited version- yikes!)  **Most of the time, the shadows and wrinkles in the fleece blanket can be smoothed out ahead of time and clipped down tighter to help, however this image was taken on a messy background.  I will demonstrate in this tutorial how to smooth it out in photoshop.
Fleece backgrounds are prone to wrinkle and show pock marks when photographed. However, for me they are still a practical solution.   Fleece blankets can be picked up at the dollar store in almost every color and kittens love to play on the soft surface and they are washable and re-usable.
 
**Sometimes the only thing you need to do is use the guassian blur tool to smooth out the pock marks in the fleece, but in the case of big wrinkles, painting may be the best option.
Here is the workflow to smooth out the background:
step11. Open image in Photoshop that needs the background to be smoothed out. Press ctrl j to duplicate the image. Use the select tool and select the background only.

 

 

step22. With all background area selected, press alt-j to duplicate it on its own layer. Click the eye so that the background is the only layer to see.

 

 

 

 

step33. On the background layer select the empty transparent space, then go to select>inverse. Click on paint brush tool and choose soft brush. Use the eye dropper on background color to color match the blue background and begin painting to smooth out wrinkles for a uniform color. When done painting background, deselect by typing ctrl>d at same time. Go to filter>blur>guassian blur. try radius of 25, it will smooth the edges.click ok.

 

step44. Add a layer mask to the background layer by clicking the rectangle with the circle at bottom of layers pallette. Press D to change colorchip to black. Click on eye on layer beneath to show subject. Click on paint brush tool, adjust the flow to 50% and paint any areas that may have blurred edges showing on your subject. Crop and save as PSD file with layers.
NOW, Let’s make Beautiful BETTER! Go out and photograph the beautiful blue sky, with a few clouds (raw) and start Part 2. PSD Tutorial: add a blue sky SIMPLE SKY TUTORIAL *for blue backgrounds only
stepsat11. Open image in Photoshop that needs the Simple Sky tutorial – only works on images with a blue background, Go to bridge and choose your sky image, drag onto the open file as the top layer. Change the opacity of sky layer to 50%.

 

 

 

stepsat2. Add an adjustment layer>saturation. Change saturation of sky to match your correct shade of your blue background.

 

 

 

 

step63.Use a clipping mask to clip saturation layer to sky layer. 3. Add mask to the sky layer

 

 

 

 

 

step74. Get black paint brush and paint the subject back in, using a soft brush and flow of 50%. Done. Save as PSD file with layers.

 

 

 

 
This Image is one of many beautiful kitten hammock images that can be found in the image-bank 2016 Spring Collection.
Tabby Kitten light blue background
EQUIPMENT/PHOTOSHOOT:  Canon Mark II EOS 5D, Canon Macro Lens EF 100 mm L IS 2.8 SETTINGS: F 2.8 SS 125 ISO 100, shoot in RAW.  Shoot gray card and custom set white balance. Lighting set-up: Window light with 1 monolight flash bounce off ceiling. Homemade hammock, blue fleece blanket background. one sleepy kitten and an awesome assistant (my daughter!)
Following is another cute image that lends itself to a beautiful blue SKY! This image is one from a shoot of several butterfly net images that can be found in the image-bank in the 2016 Spring Kitten Collection.

 

BEFORE and AFTER
Kitten Stuck in Butterfly Net
IMG_3248 unedited out of camera, fleece blanket has pock marks and needs to be smoothed.
Kitten Stuck in Butterfly Net
IMG_3248 edited background smoothed out with guassian blur tool, and in severe cases, painted blue
Kitten Stuck in Butterfly Net blue sky in Photoshop
IMG_3248 sky added on top
 
 

Add Bokeh Background

 

White and orange tabby kitten playing in fall leaves

Capture the Colors of Fall with natural brown, rich red, orange and yellow hues.  Add Bokeh background to enrich your original image, adding more color and dimension.  In this Photoshop Tutorial we will be capturing a small part of our image that lends itself to creating a beautiful bokeh background – the colored berries.  We will use that piece with the Field Blur Filter to create a colorful bokeh background that can be used for many purposes. In this case, we used the bokeh background we just created to blend on top of our original image to add more color and depth to the image. Follow this Photoshop tutorial to find out how.

Click to download a PDF of this tutorial. **Some knowledge of Photoshop CS6 is necessary to complete this tutorial.

_MG_8835_bokeh

WHICH IMAGE DO YOU LIKE BETTER?

BEFORE Bokeh Background
White and orange tabby kitten playing in fall leaves on a brown, burlap background with acorn, berries, stem,
AFTER Bokeh Background

 

 

 

 

 

 

 

Equipment used for this shoot: Canon EOS 5D Mark III, Canon Macro 100mm 1:2.8L IS

Clowning Around in Photoshop Tutorial : How To Make a Clown Nose

 Funny Happy Birthday Beagle Dog Clown

Clowning Around in Photoshop CS6 Tutorial: how to make a clown nose.

This months photo shoot is dedicated to Beagles and Miss P who won the Westminster Kennel Club title Best in Show.  I advertised an “all call” for Beagles  and this beauty turned up.  This is Lucy who came to us from Deltona, Florida.   We had some fun in the studio with this cute little beagle.  She was an absolute joy to work with as you can see from the photos we were able to capture.  This is one of my newest props that is actually recycled.  My daughter went as Minnie Mouse for Halloween last year and this is the bow tie we purchased for her costume.  Lucy didn’t seem to mind it at all. She especially liked the cheese we used to bribe her to sit still!   To get a clown nose on her was however,  impossible, so we decided it would have to be created in Photoshop.  I have created this Photoshop Tutorial with CS6: clowning around in Photoshop to share with my readers in case you ever want to clown around with friends and put a clown nose on them! There are probably many ways to make this, this is just the way I did it using CS6 in the example shown above.

STEP 1: Use the Elliptical Marquee tool and draw a circle shape on dogs nose.  Go to top menu and click LAYER> new fill layer>solid color, click ok, choose color, click ok. You should now have a red circle. Add a drop shadow to the circle.

STEP 2: Use the selection tool and select the red circle. Go to top menu and click LAYER> new fill layer>gradient. Choose a gradient that goes from black to white and make  Style: radial.  Angle 90, Check boxes: reverse and align with layer. click ok.

STEP 3: For a nose like  Image 2 with a white highlight, change gradient layer blend mode to screen. If necessary adjust the gradient sliders and the opacity to create the perfectly rounded 3d looking nose.  For a nose like Image 3 with no white highlight, I chose the blend mode darken and adjusted gradient sliders by adding new points with differing opacities.  It takes some “clowning around” with the gradient sliders to make the perfect nose for your subject, and it really is a matter of preference.

STEP 4: Link the layers together so that you can move the nose around and change its size . Change the size of the nose by using ctr>T to transform.

STEP 5: Add noise to your nose so that it looks like the foamy material.  To do this I duplicated my nose layers and the layers into one by highlighting both layers and using the following : ctrl>J, then ctrl>E, then in the top menu choose filter>noise>add noise.

That’s it!

Would you like to take the image one step further? Get creative! Then you MUST read this next post to see the real potential of what can be done with the beauty of an isolated image.  Gotta Love Isolated Images

 Licensees link to Beagle Gallery in image-bank