Write and Feel
In: Photoshop Basics
23 Oct 2011Another way to drag a photo from one document to another while using tabbed document windows is with the Arrange Documents option, which is part of the Application Bar that was also introduced in Photoshop CS4. On a Windows system, the Application Bar is combined with the Menu Bar at the top of the screen. On a Mac
(which is what I’m using here), the Application Bar is separate and located directly below the Menu Bar:

Earlier, I said that by default, tabbed document windows allow us to view only one image at a time, but here’s where we can change that. Clicking on the Arrange Documents icon opens a menu with different layout choices for viewing multiple images on the screen at once. Since I only have two photos open at the moment, only the first two layouts – 2 up vertical and 2 up horizontal – are available to me. The others, which are for viewing 3, 4, 5 or 6 images at once, are grayed out but would be available if I had more images open. I’ll select the 2 up vertical layout by clicking on its icon:

This displays both photos side by side each other on the screen:

At this point, dragging one of the photos into the other photo’s document is as easy as if we were using floating document windows. Again, we need to have the Move Tool selected from the Tools panel. Click inside the photo you want to move to make it the active document. I’ll click inside the wedding
couple’s photo to select it. Then, click again inside the photo and, with your mouse button still held down, drag the photo into the other document:

Release your mouse button at the spot where you want the photo to appear, or hold down your Shift key, then release your mouse button, then release the Shift key to have Photoshop center the image inside the document, as I’ve done here:

And once again if we look in the Layers panel, we see that both photos are now inside the same document:

To switch back to the normal tabbed document windows layout when you’re done, click again on the Arrange Documents icon in the Application Bar, then click on the Consolidate All option in the top left corner of the layout choices:

With both photos now inside the same document, I can blend them together to create a new image. I’ll move the wedding couple a little to the right, then I’ll go up to the top of the Layers panel and change their layer blend mode from Normal to Overlay. Finally, I’ll use a layer mask to create a smooth transition between the roses and the left edge of the wedding couple photo. Here’s what the Layers panel now looks like:

And here’s my new image after blending the two photos together:

And there we have it! That’s how to move photos between documents using the new tabbed document windows interface in Photoshop CS4 and CS5! Even though dragging and dropping photos between documents is a bit different with tabbed document windows, the other two methods we looked at in the previous tutorial – the Duplicate Layer command and copy and paste – can be used no matter which type of interface you prefer. Be sure to check them out in the previous tutorial if you haven’t already.
In: Photoshop Basics
23 Oct 2011I mentioned a moment ago that floating document windows are still an option in Photoshop CS4 and CS5, and we can tell Photoshop which type of interface we prefer to use in the Preferences. On a PC, go up to the Edit menu in the Menu Bar along the top of the screen and choose Preferences. On a Mac
, go up to the Photoshop menu and choose Preferences. You can also get to the Preferences with the handy keyboard shortcut Ctrl+K (Win) / Command+K (Mac). Either way opens the Preferences dialog box.
You’ll see a list of various Preferences categories along the left of the dialog box. Click on the Interface category, second from the top:

There, in the Panels & Documents section, you’ll find an option that says Open Documents As Tabs:

With his option selected (checked), Photoshop will open all images in tabbed document windows. If you prefer floating document windows, uncheck this option. In that case, you’ll also want to uncheck the option below it, Enable Floating Document Window Docking. This tutorial assumes you’re using the tabbed document window interface. And now, let’s see how to move photos between them!
Here, I have two photos open in Photoshop, but unlike floating document windows which allow us to see both images at once, the tabbed document window interface only shows us one image at a time, at least by default. We’ll see how to change that a bit later in the tutorial:

To switch between the photos, we need to click on their name tabs at the top of the document windows. The tab of the currently active document will appear highlighted. I’ll click on the second photo’s name tab to select it.

And now, we can see my second image:

With floating document windows, where we could see both images onscreen at once, dragging one photo into the other photo’s document was simple. But how do you do it when you can only see one photo at a time? Well, it’s not the most intuitive thing in the world, but it’s actually very easy.
First, switch to the photo you want to move into the other document by clicking on its name tab. I want to move the wedding
couple into the hearts and roses photo, so I’ll click on the wedding couple’s name tab to select it:

We need Photoshop’s Move Tool to move the photo, which you’ll find at the top of the Tools panel. Click on its icon to select it:

With the Move Tool selected, click anywhere inside the photo you need to move and, with your mouse button still held down, drag the photo up onto the name tab of the second document:

Keep your mouse button held down as you hover the cursor over the name tab, and Photoshop will switch over to the second photo. Don’t let go of your mouse button yet. Keep it held down and drag the cursor down into the second photo:

Release your mouse button at the spot where you want the photo to appear and Photoshop drops it into place. Or, hold down your Shift key just before releasing your mouse button and Photoshop will center the photo inside the document. Here, I’ve simply dropped it along the right of the second photo:

If we look in the Layers panel, we see that the hearts and roses image, which was the original image in this document, is sitting on the Background layer, and the wedding couple photo has been added on its own layer above the Background layer:

By default, tabbed document windows only show one image at a time, but there’s a way to change that and make dragging and dropping between documents easier, which we’ll look at next!
With just this one circle added in the center of the tile, we could save the tile as a pattern, but let’s make it look a bit more interesting before we do that. First, make a copy of the layer by going up to the Layer menu at the top of the screen, choosing New, then choosing Layer via Copy. Or, if you prefer keyboard shortcuts, press Ctrl+J (Win) / Command+J (Mac
):

Nothing will happen yet in the document window, but a copy of the layer, which Photoshop names “Layer 1 copy”, appears above the original in the Layers panel: Read the rest of this entry »
In: Photoshop Basics
10 Sep 2011Let’s begin by creating a single tile for the pattern. For that, we need a new blank document, so go up to the File menu in the Menu Bar along the top of the screen and choose New:
New command in Photoshop. Image © 2011 Photoshop Essentials.com” width=”291″ height=”108″ />
This opens the New Document dialog box. Enter 100 pixels for both the Width and Height. The document’s size will determine the size of the tile, which will affect how often the pattern repeats in the document (since a smaller tile will need more repetitions to fill the same amount of space than a larger tile would). In this case we’ll be creating a 100 px x 100 px tile. You’ll want to experiment with different sizes when creating your own patterns later. I’ll leave my Resolution value set to 72 pixels/inch. Set the Background Contents to Transparent so our new document will have a transparent background:

In: Photoshop Basics
10 Sep 2011We can also add gradients to our pattern designs, and the steps are very similar. In fact, the only real difference is that instead of adding a Solid Color fill layer, we add a Gradient fill layer! I’ll delete the two Solid Color fill layers I’ve added by clicking on each one and dragging it down onto the trash bin at the bottom of the Layers panel:

Here’s our design as it appears so far:

In: Photoshop Basics
7 Sep 2011Let’s create a new document to fill with our newly created pattern. As we did in Step 1, go up to the File menu and choose New. This time when the New Document dialog box appears, enter 1000 pixels for both the Width and Height of the document and change the Background Contents to White. Leave the Resolution value set to 72 pixels/inch. Click OK to close out of the dialog box. The new document, filled with white, will appear on your screen:

As we learned back at the beginning of this series, the first thing we need to do is design a single tile which will become our repeating pattern. For that, we need a new blank document, so go up to the File menu in the Menu Bar along the top of the screen and choose New:

This opens Photoshop’s New Document dialog box. The size of the document we create here will become the size of the tile that will be repeating as a pattern. Since smaller tiles need to repeat more than larger ones to fill the same amount of space, tile size has a big impact on the overall appearance of the pattern. You’ll want to experiment with different tile sizes for your own designs later, but for this tutorial, enter 100 pixels for both the Width and Height of the document and make sure Background Contents is set to Transparent. You can leave the Resolution value set to its default 72 pixels/inch:

In: Photoshop Basics
21 Aug 2011This time, let’s add a new shape to the text. Click once again on the shape preview thumbnail in the Options Bar to open the Shape Picker, then click on a different shape to select it. I’ll choose the Dog shape this time. Press Enter (Win) / Return (Mac
) when you’re done to close out of the Shape Picker:

In: Photoshop Basics
21 Aug 2011Here’s the document I’m starting with, a simple background with the word “dogs” added in front of it (sorry to all the cat lovers out there):

Welcome to Yolokow.com, where anyone can learn Photoshop! Far from it! It means that even if you're learning a professional photo retouching technique or how to create a complex photo effect, something that may seem far beyond your current skill level, every step along the way is fully explained and easy to follow! Whether you're a photographer, graphic designer or web designer, amateur or professional, if you're looking for Photoshop tutorials that are fun and simple, and most importantly, if you're looking for tutorials that actually teach you Photoshop, not just hand you recipes for effects or a bunch of steps and filter settings to memorize, you'll find them here!
Recent Comments