RGB and CMYK color models: an affordable guide
Additive model Additive colors are created using a method that combines many different shades. Red, green and blue are the main colors that are used in the additive model. Combinations…

Continue reading →

Top 10 Trends in Web Design for E-Commerce in 2016
10. Great backgrounds Large photographs and videos in the background became a trend for e-commerce sites in 2015. This helps brands to tell their story, and also allows you to…

Continue reading →

Complete Web Animation Guide (part 4)
Step 71 To make a brochure correctly, activate the Site Selection tool. Pressing and holding the left mouse button, circle the left part of the arrow to select its two…

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.

Choosing the best background for your site
Communication with the audience Choose an image related to your business to make the visitor feel something positive and create an emotional connection with your brand. If you want to…


Create a shop theme for handmade products in Photoshop (part 2)
Step 6 It's time to create a catchy title for your website layout design. Use the large and bold font Source Sans Pro and write a short title. I used…


How to use the Pen tool to precisely select
The Pen tool creates paths in the image by connecting multiple points. From the point of view of photographers, this tool is ideal as a way to cut a variety…


16 best examples of website homepage design (part 1)
1) The design of the home page clearly answers the question “Who am I?”, “What am I offering?” And / or “What can the user do here?” If you represent…