The Arrange Documents Option

Another 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 Macmag glass 10x10 Moving Photos Between Tabbed Documents In Photoshop CS4 & CS5 (part 2) (which is what I’m using here), the Application Bar is separate and located directly below the Menu Bar:

photoshop application bar Moving Photos Between Tabbed Documents In Photoshop CS4 & CS5 (part 2)

The Arrange Documents icon in the Application 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:

2 up vertical Moving Photos Between Tabbed Documents In Photoshop CS4 & CS5 (part 2)

Selecting the 2 up vertical layout.

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

photoshop 2 photo layout Moving Photos Between Tabbed Documents In Photoshop CS4 & CS5 (part 2)

The 2 up vertical layout lets us see both photos at once.

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 weddingmag glass 10x10 Moving Photos Between Tabbed Documents In Photoshop CS4 & CS5 (part 2) 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:

photoshop drag photo Moving Photos Between Tabbed Documents In Photoshop CS4 & CS5 (part 2)

Click and drag the photo into the other document, just as you would with floating document windows.

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:

photo centered Moving Photos Between Tabbed Documents In Photoshop CS4 & CS5 (part 2)

Holding the Shift key before releasing my mouse button centered the photo in the document.

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

photoshop cs5 layers panel Moving Photos Between Tabbed Documents In Photoshop CS4 & CS5 (part 2)

The Layers panel again showing both photos, each on its own layer.

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:

consolidate all Moving Photos Between Tabbed Documents In Photoshop CS4 & CS5 (part 2)

Clcik again on the Arrange Documents icon, then click on the Consolidate All option.

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:

overlay layer mask Moving Photos Between Tabbed Documents In Photoshop CS4 & CS5 (part 2)

The Layers panel showing the Overlay blend mode and the layer mask thumbnail.

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

wedding couple hearts roses Moving Photos Between Tabbed Documents In Photoshop CS4 & CS5 (part 2)

The final result.

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.

 

Go To Pages : part 1 | part 2

Photoshop Preferences

I 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 Macmag glass 10x10 Moving Photos Between Tabbed Documents In Photoshop CS4 & CS5 (Part 1), 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:

photoshop interface preferences Moving Photos Between Tabbed Documents In Photoshop CS4 & CS5 (Part 1)

Select the Interface category on the left.

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

open documents as tabs Moving Photos Between Tabbed Documents In Photoshop CS4 & CS5 (Part 1)

The “Open Documents As Tabs” option in Photoshop’s Interface Preferences.

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:

happy couple Moving Photos Between Tabbed Documents In Photoshop CS4 & CS5 (Part 1)

One of two photos open in Photoshop using tabbed document windows.

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.

name tabs Moving Photos Between Tabbed Documents In Photoshop CS4 & CS5 (Part 1)

Click on the name tabs at the top to switch between images.

And now, we can see my second image:

hearts and roses Moving Photos Between Tabbed Documents In Photoshop CS4 & CS5 (Part 1)

The second image appears.

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 weddingmag glass 10x10 Moving Photos Between Tabbed Documents In Photoshop CS4 & CS5 (Part 1) couple into the hearts and roses photo, so I’ll click on the wedding couple’s name tab to select it:

happy couple name tab Moving Photos Between Tabbed Documents In Photoshop CS4 & CS5 (Part 1)

Select the photo you need to move by clicking on its tab.

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:

photoshop move tool Moving Photos Between Tabbed Documents In Photoshop CS4 & CS5 (Part 1)

Select the Move Tool.

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:

drag photo onto tab Moving Photos Between Tabbed Documents In Photoshop CS4 & CS5 (Part 1)

Click inside the photo and drag it onto the name tab of the other 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:

drag into other Moving Photos Between Tabbed Documents In Photoshop CS4 & CS5 (Part 1)

Keep your mouse button held down and drag from the name tab into the second document.

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:

photo moved Moving Photos Between Tabbed Documents In Photoshop CS4 & CS5 (Part 1)

Release your mouse button to drop the photo into the second document.

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:

photoshop layers panel Moving Photos Between Tabbed Documents In Photoshop CS4 & CS5 (Part 1)

The Layers panel showing both photos, each on its own layer in the same document.

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!

 

Go To Pages : part 1 | part 2

Step 5: Duplicate The Layer

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 (Macmag glass 10x10 Repeating Patterns In Photoshop   The Basics ( parts 2 )):

layer new layer via copy Repeating Patterns In Photoshop   The Basics ( parts 2 )

Go to Layer > New > Layer via Copy.

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 »

Step 1: Create A New Document

Let’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:

file new Repeating Patterns In Photoshop   The Basics New command in Photoshop. Image © 2011 Photoshop Essentials.com” width=”291″ height=”108″ />

Go to File > New.

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:

new document dialog box Repeating Patterns In Photoshop   The Basics

Enter the width and height of your document and make sure Background Contents is set to Transparent. Read the rest of this entry »

Adding Gradients To Repeating Patterns

We 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:

trash bin Repeating Patterns In Photoshop   Adding Colors And Gradients ( Parts 2 )

Both the background and circle pattern colors have been changed. Read the rest of this entry »

Here’s our design as it appears so far:

repeating circle pattern Repeating Patterns In Photoshop   Adding Colors And Gradients

Black circles against a white background. Not terribly interesting.

Adding Solid Colors Read the rest of this entry »

Step 11: Create A New Document

Let’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:

new document 2 Creating Repeating Patterns From Custom Shapes In Photoshop ( part 2 )

Creating a new document. Read the rest of this entry »

Step 1: Create A New Document

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:

file new Creating Repeating Patterns From Custom Shapes In Photoshop

Go to File > 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:

new document dialog box Creating Repeating Patterns From Custom Shapes In Photoshop

The New Document dialog box. Read the rest of this entry »

About this blog

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!

Photostream

  • Free Stuff: I have been looking for hours online to find a place to watch the games. Can anybody recommend some [...]
  • best dating sites: Great web site. Lots of helpful information here. I am sending it to some buddies ans additionally s [...]
  • Internet Marketing Tutorials: I viewed your website and I can see several areas where I could create some incredible value. I've j [...]
  • facebook123: Cool sites... [...]we came across a cool site that you might enjoy. Take a look if [...]
  • facebook123: Online Article…... [...]The information mentioned in the article are some of the [...]

Subscribe

Enter your email address:

Delivered by FeedBurner

Ads

Translator

ArabicEnglishFrenchGermanIndonesianItalianJapaneseKoreanMalayPortugueseRussianSpanish

Archives

Nuff Ads