10 best tools and tips for choosing a color scheme for the site
The choice of color scheme for the site should not be carried out randomly. Particular attention should be paid to finding colors that match the niche, culture, branding and ideas…

Continue reading →

Complete Web Animation Guide (part 2)
Step 23 Using the Angle tool, drag the lower left point of the black rectangle to round a sharp corner. Using the "Select Site" tool, drag this point right up:…

Continue reading →

Create the Wonder Woman logo in Photoshop
Step 1 The first thing to do is to create the main form of the symbol of a miracle woman. Step 2 The main secret is to put all the…

Continue reading →

How to place two images side by side in Photoshop

Learn how to combine two photos into one image using Photoshop. Walkthrough for Photoshop CC and CS6.

In the example, we use photographs in portrait (vertical) orientation so that the composite image does not turn out wide. It is desirable that both images be the same height and width.

Step 1: select the command “Upload files to the stack”
First you need to open the images. By default, Photoshop opens images in a separate document. But we need to put two images in one document.

Therefore, go to the File menu, select the item “Scripts”, “Upload files to the stack”:
Path: File> Scripts> Load Files Into Stack.

Step 2: select images
In the dialog box “Download layers”, select “Apply to files” and then click on the “Browse” button:
The dialog box “Load Layers” (Load Layers).

Specify the photos that we want to open. Next, click on the “Open” button.
Select images and click “Open” (Open).

Step 3: upload images to Photoshop
Go back to the “Load Layers” dialog box.

The two options below “Attempt to automatically align the source image” and “Create a smart object after loading layers” are left unchecked. Then load the images into Photoshop by clicking on the OK button:
Click “OK” to upload images to Photoshop.

Photoshop loads both images into one document. In the layer panel, each image is located on a separate layer. The file names are used in the name of the layers:
The Layers panel shows each image on a separate layer.

View two images
Image located on the top layer (photo of mom and daughter from Adobe Stock Photo Bank):
The first of two images.

Turn off the visibility of the upper layer by clicking on the eye icon:
Hide the image of the top layer.

After that, we will see the image located on the bottom layer (photo of a football player from the Adobe Stock photo bank):
The second image.

Turn on the visibility of the top layer:
Turn on the visibility of the top layer.

Step 4: Use the Move Tool
Now two images are in one document. But how to place them next to each other?

One way is to increase the size of the document’s workspace using the “Canvas Size” command and drag one of the images to a new space. But you can do both operations at the same time. To do this, use the “Move” tool:
Select the Move Tool.

Step 5: Verify that Snap and Snap To Document Bounds are active
To use this method, you need to snap the image to the edges of the document. To do this, you need to activate several parameters.

Go to the “View” menu and check if the “Binding” option is active:
We check the activity of the Snap option.

Below we enable the “Snap to” parameter and check the activity of the “Document Borders” option:
Make sure the option “Snap to document borders” is active.

Step 6: select the top layer
In the Layers panel, select the top layer:

 

Click on the top layer to select it.

Step 7: drag the image to the edge of another image
Using the Move tool, drag the image in the document left or right relative to the image below it. While dragging, press and hold the Shift key to limit the direction in which you can move.
Drag the top image to the right of the bottom image.

Snap an image to the edge of a document
As soon as you get close enough to the edge of the document, your image will sharply be drawn to the edge. The top image is now hidden, as it is from the edge of the canvas:
The top image is hidden behind the edge of the canvas.

Step 8: select the option “Show all”
To activate the visibility of both images, in the “Image” menu, select the “Show All” option.
Go to the Image menu> Reveal All.

How to become a web designer
In this article we will tell you how to become a web designer and what you need to know and be able to do. Web design is an exciting and…

...

Create a digital graphic effect in Photoshop
Step 1 The process of creating digital graphics begins with a sketch, this is a real picture, drawn from scratch. The artist uses brushes, a sample image, and many techniques…

...

Create a double stroke effect in Photoshop
In today's guide, I would like to tell how to stroke the text in Photoshop. Photoshop layer styles let you easily add shadows, glows, outlines, color overlays, and more. Combining…

...

New Scrolling Rules in Web Design
Why scrolling is reborn Since there have been more mobile users than desktop users, designers have begun to adapt. As scrolling becomes more and more popular: the smaller the screen,…

...