Showing posts with label Tips - Tutorials. Show all posts
Showing posts with label Tips - Tutorials. Show all posts

1/19/2016

Tutorial Tuesday: 3 Easy Ways to Duplicate Layers



Here are 3 different ways to quickly and easily duplicate layers in Photoshop or Photoshop Elements.

Method 1: Click on the layer you would like to duplicate in order to select it.  Hold down the Control key, and hit “J” on the keyboard. A copy will be created. The copy will be placed directly on top of the original element; just select the copy and move it where you would like it to be.

sd-duplicate-layers-2

Method 2:  Hold down the ALT key. Click on the layer you would like to duplicate in order to select it. While holding down your mouse button, drag the layer up. When you reach the line between your original layer and the layer above it, let go of your mouse button, and the layer will be duplicated.

Method 3: (Easiest, I think!) Hold down the ALT key, click on the element within your document, and drag it away from the original element. A copy will be created.


credits:
The original tutorial was modified for this blog presentation.
 
See all of SnickerdoodleDesigns product at CUdigitals.


If you are not already a registered guest of our store, we encourage you to sign up for an account today! 

Sign up for store newsletter to receive notices of our new products and designer sale & promotion announcements!





12/22/2015

Tutorial Tuesday: Keep your favorite presets handy by using the Preset Manager in Photoshop




When using a particular Style Set throughout a project, it can be tedious to keep scrolling through your Styles Panel to find it every time you want to use it.  Today we are going to show you an easy way to have your favorites right at your fingertips!

When working with a style consistently, go to the Preset Manger.  You can find this by going to Edit > Presets > Preset Manager.



When the Preset Manager opens, change the Preset Type to Styles, by clicking on the down-pointing arrow in the options box, selecting Styles.  Then click Done.



Next, browse thru the styles in the Preset Manager and locate the styles that you want to work with. The goal is to move your most used or favorite ones to the top of the Panel to make them easier to find.   If you want to move a whole set of styles, click on the first style in the set, press and hold down the Shift key, then click on the last style in the set.  All of the styles in between your first click and the last click will be selected. Alternatively, you can select and move just one style, if you wish.  You can see the styles that you have chosen because they will have a blue box around them to indicate they are selected.



Next, let go of the Shift key, and drag the selected styles to the top of the Preset Manager Window, then click on Done.

Now, when you go to your Styles Panel, the styles you have moved will be right at the top!



This is a real time saver if you are using the same set of styles for a layout or design project! No more scrolling up and down to find what you am looking for!

This tip also works with all of the Preset Types in the Preset Manager:  Brushes, Swatches, Gradients, Styles, Patterns, Contours, Custom Shapes, and Tools in either Photoshop or in Photoshop Elements!

We hope this little tip helps you save time as well as possible frustration when working on your next graphic project!

credits:

 

See all of SnickerdoodleDesigns product at CUdigitals.


If you are not already a registered guest of our store, we encourage you to sign up for an account today! 

Sign up for store newsletter to receive notices of our new products and designer sale & promotion announcements!





12/15/2015

Tutorial Tuesday: How to Set Layer Panel Options in Photoshop




How to Set Layer Panel Options in Photoshop

Are there times when you struggle to see what is on a particular layer in a Photoshop document? Do you wish there was a way to have the thumbnails larger in size?  Well, there is!  There are, in fact, 2 changes we can make in our Panel Options to help us more easily see what is on our document layers.


Here is a screen shot of a cluster. In this screen shot, Panel Options are at the default settings. Notice how small the thumbnail is in size (circled in green); and how we cannot see what element is on the indicated layer (red arrow).

sd-layer-panel-1b
 
Let’s make 2 quick changes that will allow us to more easily see what we are working with.
At the top of the Layers Panel, click on the 3 horizontal lines to the far right. Doing so will open the Layers Panel Options Window:
sd-layer-panel-6
 
In the Layers Panel Options Window, we can choose our Thumbnail size. We have the option of not having a thumbnail at all, or of having a small, medium or large thumbnail.  Tick the button in front of the size you would like to have.
 
sd-layer-panel-2b
 
In the Layers Panel Options Window, we also  have the option of choosing our Thumbnail Contents.  “Layer Bounds” will show a layer element, with transparency trimmed to the boundaries of the element itself.   “Entire Document” will show the layer element in relation to where it is on the full-sized document that is active.
 
sd-layer-panel3b
 
Both views can be helpful, depending upon what you are trying to see or do.  It’s easy to switch back and forth between views too.  So the next time you find yourself straining to see what is on a document layer, just open your Layers Panel Options Window and make a quick switch!
 
credits:
The original tutorial was modified for this blog presentation.
 
See all of SnickerdoodleDesigns product at CUdigitals.


If you are not already a registered guest of our store, we encourage you to sign up for an account today! 

Sign up for store newsletter to receive notices of our new products and designer sale & promotion announcements!





11/24/2015

Tutorial Tuesday: Creating a Custom Text Box in Photoshop



Adding a lot of journaling to a page can be difficult at times. If you have a long story to share, sometimes it can look “boxey” and not integrate well with the images on your page. But we scrap to share our lives, our stories…. so today let’s take a look at one way to make long journaling pieces a tad more interesting looking.

Let’s go from uninteresting...

sd-custom-text-2
 
...to this much more attractive and integrated custom text box.
 
sd-custom-text-1
 
The technique will work with any Photoshop version that has a Pen tool, although in previous versions there may be a slight variation in technique.  While Photoshop Elements does not have a Pen Tool, I do have a work-around for you, so keep reading!

To create a Custom Text Box:
1. Have the element you would like to create a custom text box for on your canvas.
2. Click on the element layer to make it the active layer.
3. Select the Pen Tool. (Shortcut “P”).
4. Select “Path” in the top Menu Options Bar.

sd-custom-text-3
 
5.  Click on your document near the top of your element, here, the Christmas tree, to set your first Anchor Point (Anchor points will reflect as small squares on your document.) Release your mouse.

6. Click a second time on your document a little away from your first anchor point.  Before releasing your mouse, drag slightly down and to the right or left in order to create a slight curve around your element.  Things can get wonky fast, so take it slow and use short movements.

7. Continue until you have a path along the entire side of your element where you want your text box contour. This doesn’t have to be perfect. Just a general shape will be fine!

sd-custom-text-4
 
8. Hold down Shift, and click on the right edge of your document to establish the right edge of your text box. (Holding down Shift as you click will constrain the movement of the path, making it straight.)

9.Using the same method, click near the top right, then click on your first anchor point to close the path. When you path is closed, you will notice that all of the anchor points, are all now solidly colored black.

sd-custom-text-6
 
10. Press and hold the Control key, while clicking on the very first anchor point you placed on your document.  This will allow you to manipulate the anchor points.

11. While still holding down Control, click on the top right anchor point and move it either up or down, as needed, to create a straight line.  You can just “eyeball” it, or pull down a guideline to help you keep the adjustment straight.

12. Once you have straightened your top line, release the Control key and mouse.

13. Go to your Paragraph Panel.  (If you do not keep this Panel  docked,  go to the top Menu Bar > Window > Paragraph, and it will open for you.)  Click on Right Justify.

sd-custom-text-7a
 
14. Click on the Text Tool, and move your mouse into the text area you have just created.  The cursor will change to an “I” looking shape with a tiny line through it, and a circle surrounding it. Click anywhere within your text box and start typing, filling up the shape.
 
15. Add embellishments as you like, and you’re done!
 
sd-custom-text-8

Please note that this tutorial will not work for Photoshop Elements.

 
To see all of SnickerdoodleDesigns product at CUdigitals, click on her logo below.


If you are not already a registered guest of our store, we encourage you to sign up for an account today! 

Sign up for store newsletter to receive notices of our new products and designer sale & promotion announcements!




11/17/2015

Tutorial Tuesday: How to use Photo Masks in Photoshop



What is a photo mask? A photo mask, or clipping mask, uses the contents of a layer to conceal or reveal part of the layer above it.
 
Below is an image of a photo mask from  (Garden Mask by SnickerdoodleDesigns):

http://cudigitals.com/index.php?main_page=product_info&cPath=1_245&products_id=14697


sd-photo-masks-2
 
To use the photo mask:
1. Place the photo mask on a blank layer.
2. Place the photo you want to use on a layer above the photo mask.
This is what your canvas and layer panel should look like at this point. I have placed a background paper below the mask so it is easier to see what we are doing.
sd-photo-masks-3
 
3. We now need to clip our photo with the mask (“clipping mask”).   You may either (1) go up to the Layer menu in the top menu Bar and choose “Create Clipping Mask” in the drop-down menu options, or (2) hold down the Alt key; hover your cursor in-between the photo and the mask layer; it will change to a down-pointing arrow; click your mouse; release your mouse and then the Alt key.

Your photo will be “clipped” to the mask – and by definition, take on the shape of that mask. We can look at the document to confirm that has happened.  Notice in the layers panel how the clipped photo is “indented” and there is a down-pointing arrow to the left of it? That is another indication that the photo has been clipped to the mask.

sd-photo-masks-5

Depending upon the photo, the design of the mask, and sometimes the background paper you are using, there are times when you might like to experiment with blend modes of the photo. This most often happens when there is white or light gray contained with the mask.

I’ve added a few white starbursts to my black mask using a brush.

sd-photo-masks-6
 
Here is the photo clipped to the mask, with the photo blend mode set to Normal.  Notice you can’t see the stars?
 
sd-photo-masks-7
 
When I change the blend mode of the photo to Screen; however, we CAN see the stars.
 
sd-photo-masks-8
 
A few other quick tips:
  • If a mask doesn’t quite fit the photo you would like to clip to it, you may stretch the mask a bit to make it fit. It’s a good general rule not to stretch your photo however.
  • Once your clip your photo to a mask, with the photo layer active, click on the photo in the document and hold down your mouse to reposition the photo to your liking.
  • You may add to a mask with brushes, text, or anything you like. Conversely, you may also subtract with a mask with either the eraser tool, or by applying a “layer mask” to the photo mask, and brushing away with a soft brush, black foreground color, what you don’t want to see.
  • Don’t forget to to rotate masks if that suits your needs.
  • Try combining different masks to get even more use out of what you already own.


 
To see all of SnickerdoodleDesigns product at CUdigitals, click on her logo below.


If you are not already a registered guest of our store, we encourage you to sign up for an account today! 

Sign up for store newsletter to receive notices of our new products and designer sale & promotion announcements!




11/10/2015

Tutorial Tuesday: Lorem Ipsum... a great way to use it!



Sometimes our scrapbook pages can include very personal information.  Information we might not like to share online.  However, we still might want to share our  page because we like its artistic design.  If you find yourself in this situation, there’s an easy fix.  Lorem Ipsum.  Lorem Ipsum is “dummy text.”  Adobe has included this tool in CS6 and above.  Let’s look at that today.  And we’ll also look at a work-around for those using other versions of Photoshop, as well as Photoshop Elements.

Here is an example:

sd-lorem-ipsum-1
 
Let’s replace the text with Lorem Ipsum.
1. Click on the Text Tool to make it active.
2. Drag out a text box on your layout.
3. Choose a font style in the top options bar.
4. Adjust the font size in the top options bar. (You may do so later by highlighting the text and adjusting, but it’s easier to do it now.)
5. In the top menu bar, click on Type to access the drop-down box, then click on “Paste Lorem Ipsum.”
6. Click on the check mark in the top menu bar to commit the text.

sd-lorem-ipsum-2
 
And here is the result.

sd-lorem-ipsum-3

In comparing the text on the original layout with this one, you will see that the journaling was wrapped around the layout elements beautifully.  If that is what works best for your layout, instead of dragging out a square or rectangular text box, create a uniquely-shaped text box that suits your needs.

sd-lorem-ipsum-4
 
For Photoshop and Photoshop Elements users who do not have the Lorem Ipsum tool available for them to use, you may go to the Lorem Ipsum website to generate text.  Look under the “Where can I get some?” paragraph on the lower right side of the page.  You may generate paragraphs, bytes, lists, and (my favorite) an exact number of words.  It’s really pretty fun for anyone, even if you have the Lorem Ipsum tool available!

Lorem Ipsum can be helpful in another way too, I think. If you are creating a layout page and wish to go back later to do your journaling, create your text box(es), fill them with dummy text so you have a visual of how the page will look, continue with your page design, then go back later to complete the journaling.


 
To see all of SnickerdoodleDesigns product at CUdigitals, click on her logo below.


If you are not already a registered guest of our store, we encourage you to sign up for an account today! 

Sign up for store newsletter to receive notices of our new products and designer sale & promotion announcements!




11/03/2015

Tutorial Tuesday: Smart Objects in Photoshop



Let’s take a look at Smart Objects in Photoshop, and how they can help us in our digital layouts and projects.

So just what IS a Smart Object?

“A Smart Object is a container in which you can embed raster (e.g. PSD, JPEG, TIFF) or vector (e.g. AI, PDF, EPS) image data from another Photoshop or Adobe Illustrator file that retains all its original characteristics and remains fully editable.  A Smart Object can be scaled, rotated, and warped non-destructively without losing original image data.”   (ref: Steven Johnson)

And what does that mean for us as digital scrapbookers?
It means that we can work non-destructively, when we work with Smart Objects.

Here is a visual reference:
On the left:  I resized the pixel-based word art, making it very small, then sized it back up to its original dimensions.
 
On the right: I converted the word art into a Smart Object, resized it to make  it very small, then sized it back up to its original dimensions.
 
The pixel-based word art has lost resolution, while the Smart Object graphics has retained its clarity.
 
sd_smartobject2
There are several ways to convert pixel-based graphics into Smart Objects (dependent upon which version of Photoshop you are using):
 
1.  Use the Place command, instead of the Open command, when accessing your word art (or any pixel-based object). (Top Menu Bar:  File > Place.)
 
2.  If your pixel-based object is already in your Layers Panel, right click on its layer and choose:  Convert to Smart Object
 
3.  In the top Menu Bar:  Layer > Smart Objects > Convert to Smart Object
 
(Photoshop Elements Users:  Use the Place command to put a graphic on your page as a Smart Object.)
 
A small square box located in the lower right corner of your graphics thumbnail indicates that your object is now a Smart Object.
 
sd_smartobject3
 
Now you can begin working on your layout, changing the size of the word art as many times as you like without losing any image quality!
 
Smart Objects are very smart!  This is just one of the things they do that make life for us, as digital artists, easy! 

 
To see all of SnickerdoodleDesigns product at CUdigitals.


If you are not already a registered guest of our store, we encourage you to sign up for an account today! 

Sign up for store newsletter to receive notices of our new products and designer sale & promotion announcements!




10/27/2015

Tutorial Tuesday: How to use Inner Shadows and Inner Glow in Photoshop



Inner Shadows and Inner Glows can add to the sense of realism in an object, taking it from a flat-looking piece to one with dimension.

sd-inner-sh1
 
It’s easy to create this effect.  Here’s how:
 
I have filled each layer on this pumpkin with a solid orange, so it will be easier to see the shadowing we will be doing today.
 
sd-inner-sh2
 
1. Let’s start with the center layer. Click on Layer 1 to make it active.
 
2. Double-click on the Layer 1 to bring up the Layer Style Panel.
 
3. Tick the box in front of “Inner Shadow” on the left side of the Layer Style Panel.
 
4. Click on the “Inner Shadow” Label to bring up the Inner Shadow Structure options, which will show on the right of the Layer Style Panel.
 
sd-inner-sh3
 
5. In the Structure options, click on the Color Picker box to the right of “Blend Mode” to bring up the Color Picker. Select the color you would like for your Inner Shadow.  (Tip: Click on the solid color of the pumpkin.  With the Luminosity Button ticked in the Color Picker, drag the triangles on the Color Slider down just a bit, to select a slightly darker orange color.) Click OK.
 
sd-inner-sh4
 
6. Set the Blend Mode to Color Burn.
 
7. Adjust the Distance, Choke, and Size sliders until you get the effect you like.  In this example, I have set the Distance to 0 px, because I want the Inner Shadow to be exactly the same on all sides.  I set the Choke to 49 px and the Size to 95 px.  These sizes will vary based upon the size element you are working with and your personal taste.
 
sd-inner-sh5
 
8. Let’s add a little Inner Glow to add to the realism.  With the Layer Style Panel still open, tick the box in front of “Inner Glow,” then click on the “Inner Glow” label to bring up the Inner Glow Structure options.  The Screen Color default is white, with a Screen Blend Mode. Leave that as-is.
 
sd-inner-sh6
 
9. The default Source is “Edge.” Tick the Center button; we want our glow to be in the center of the pumpkin slice. Adjust the Choke and Size sliders to your liking. For this piece, I selected a Choke of 30 px and a Size of 250 px. click OK.
 
10. To give a little more depth to the Pumpkin Slice, while still in the Layer Style Panel, I also added a slight Drop Shadow. (Color the same as the Inner Shadow; Opacity 35%; Distance 3 px; Spread 0; Size 21 px).
 
sd-inner-sh7
 
11. Now that you have the basic shadowing complete, personalize your templates as you like!
 
If you have avoided using templates in the past, now is a good time to give them a try. CUdigitals.com has a huge supply of templates to choose from and in various styles. Check them out HERE
 
 

 
To see all of SnickerdoodleDesigns product at CUdigitals, click on her logo below.


If you are not already a registered guest of our store, we encourage you to sign up for an account today! 

Sign up for store newsletter to receive notices of our new products and designer sale & promotion announcements!




10/20/2015

Tutorial Tuesday: Using the Puppet Warp Tool in Photoshop, Part 2



Last week we took a very quick look at the Puppet Warp tool in Photoshop. (Using the Puppet Warp Tool in Photoshop)  You asked for a more in-depth study of this tool, so let’s look at all of its features today.
As a quick review: Puppet Warp was introduced into Photoshop in the CS5 version.  It is not available in prior versions, nor is it available in Photoshop Elements.    I am using CC2015. The paths I mention will be similar, if not exactly the same, as in CS5 and CS6.

1.  To find Puppet Warp go to the top menu bar:  Edit > Puppet Warp

2. When you select Puppet Warp, a mesh is placed over the object on your active layer. Options are available in the Options Bar:
  • Mode: Click on the down-pointing arrow to choose either: Rigid, Normal, or Distort.  I typically leave this set to the default of Normal; but play with the options, as you can get some pretty fun results (especially with Distort.)
  • Density:  Click on the down-pointing arrow to choose either: Fewer Points, Normal, More Points.  The default is Normal.  I usually leave this set to Normal as well.
  • Expansion: This indicates the pixel size of the mesh from the edge of the subject. The default is 2 px.  I usually change this to 0 px for a tight fit.
  • Mesh: You can check or uncheck this box, depending on whether or not you would like to see the mesh or not.
We’ll look at Pin Depth later in this tutorial.

sd-puppetwarp2-1a
 
Although it’s good to understand what all of your options are, leaving them all set to their default state usually works just fine.
  • Refresher from last week:  When you move your cursor over your document, it will turn into the image of a “push pin.” click down on any part of your image that you want to remain stationary.  Click and drag any part of the image you would like to make an adjustment to. In last week’s tutorial we moved the left tail end of the bow, scooting it over to the right a bit. Once we had made the move, we clicked on the check mark in the options bar to commit our change.
sd-puppet-warp3
 
Here are a few more things you need to know about Puppet Warp in order to use it effectively.  When you place a pin (anchor point), the image rotates around that pin.

The first image below is the original. I would like to have the rooster looking upward.  I placed pins throughout the middle of the entire image to keep the other animals in place. I placed a pin on the roosters tail, his wing, and than on his head. I moved the head pin to the right. I have greatly exaggerated the movement, so you can see how the pixels are rotating from the pin on the wing. (There is also a slight movement on the tail. If I had placed more pins around the lower part of the body, near the tail, we wouldn’t have had any tail movement.)

sd-puppetwarp2-2a
 
I used Control + Z to undo the changes I had made to the rooster.  I next placed pins right where I had them before, but in addition placed a pin on the roosters neck. This time when I clicked on the pin on the top of his head, the pixels were rotated from the new anchor point (neck), creating a better look (and, of course, I didn’t exaggerate this movement).  However, it’s still not great looking.  Pixels can get distorted easily if you don’t have enough pins placed, or don’t have them placed accurately to get the movement that you want.  With a more precise movement of the cursor, it IS possible to get a better result with this particular pin placement; but there’s also an easier way.
 
sd-puppetwarp2-3a
 
Once again, I have placed the pins on the rooster on his body, neck and head.   With the head pin active (you can tell it’s active by the little white dot in the middle of the pin), click on Alt, and a circle will surround your pin.  Place your cursor near the circle, and a curved double-ended arrow will appear.  Move your cursor in the direction that you would like your pixels to move.  The pixels will move from that anchor point (head), rather than a neighboring one (neck).

sd-puppetwarp2-4
 
Using this method, I have made a few slight changes (with no distortions!)  to the animals.  Can you tell what they are? The original piece is on the left; the altered one on the right.

sd-puppetwarp2-5a

But, oh, dear… now we have the goose’s beak in front of the pigs ear. What if we want it behind the ear? We’ve already clicked on the check mark in the options bar to commit our changes, and the mesh has been removed? Not a problem.  Puppet Warp changes are applied as Smart Filters, so we can always adjust them as needed.  Click on Edit > Puppet Warp to bring back the mesh on your image.
 
Remember I said we would come back to Pin Depth, which is available in the Options bar? That is what will help us with the goose’s beak.  Click on the pin on the goose’s head to make it active, then click on the Pin Depth with the arrow pointing down. That will cause the pixels on the top of the image to be placed in the rear position. So now we have the goose’s beak behind the pig’s ears.
 
sd-puppetwarp2-6
 
A few last minute facts:
  • Right click a pin to open an options panel, to quickly delete Pins, Remove All Pins, and other options.
  • Press and hold H on your keyboard to temporarily hide pins.
  • Don’t like your result? Click the Cancel button in the menu bar at any time to start all over again!


 
To see all of SnickerdoodleDesigns product at CUdigitals, click on her logo below.


If you are not already a registered guest of our store, we encourage you to sign up for an account today! 

Sign up for store newsletter to receive notices of our new products and designer sale & promotion announcements!