Create A Photo Mosaic In Photoshop

How to Create A Photo Mosaic In Photoshop
Over the following steps, I will show you how to create a photo mosaic in Adobe Photoshop using Pattern (Edit> Define Pattern) and Guides (View> New Guide) to help us in position images. By combining the use of Guides with the “Snap” feature, we can perfectly align images along guidelines. We'll experiment with a variety of imagery to build up a digital mosaic. Let's get started!

Video: How To Create A Photo Mosaic In Photoshop.

Watch the video for detailed instructions and use the written steps for quick reference. If you enjoyed this video, I highly encourage you to subscribe to my Youtube channel - Photo Effect.

Stock image used in this Photoshop tutorial: person-858580.

1. Prepare Photos For Mosaic Pattern.
Please prepare or download images to be used for the mosaic pattern, at least 10 different images. You can download images for free from Pixabay, Stockvault or Rgbstock.

2. Create a New Document For Pattern.
Open Photoshop and then create a new, blank document. Choose File> New command in the top menu or else just press Ctrl+N. The standard New dialog box appears. In the pop-up window, type a name in the Name field and enter the following information: Width 1500 pixels, Height 1500 pixels, Resolution 72 Pixels/Inch, Color Mode RGB color, and Background contents White. Click OK. See the easy way on creating mosaic in Photoshop using Contact Sheet.
Create a new document
Picture: Create a new document.

3. Create a Vertical Guide.
Guides help you position any object (shapes or images) precisely. We will create 9 vertical guides. Create the first vertical guide. Choose View> New Guide. In the dialog box, select Vertical orientation, enter 10 % position and click OK.  Repeat this step for position 20%, 30%, 40%, 50%, 60%, 70%, 80% and 90%.

If you didn't see the guidelines, then choose View> Show> Guides.
Create vertical Guides
Picture: Create vertical Guides.


Create 9 vertical guides
Picture: Create 9 vertical guides.

4. Create a Horizontal Guide.
Now create horizontal guides. We will create 9 horizontal guides. Choose View>New Guide. In the dialog box, select Horizontal orientation, enter 10 % position and click OK.  Repeat this step for position 20%, 30%, 40%, 50%, 60%, 70%, 80% and 90%.

If you want to lock all guides, choose View>Lock Guides. This way you can't move them by accident.

Snapping is a useful feature in Photoshop that allows users to align images, layers, shapes or text perfectly with other objects or guides. Choose View>Snap to enabling snaping that will help you to align any object (including images) you want. Make sure that View>Snap to>Guides is checked.
Create horizontal guides
Picture: Create horizontal guides.

5. Insert Image.
Choose File>Place command in the top menu to open the image you'd like to insert. The Place dialog box appears. Navigate to the folder that contains your image file then select the name of the file you want to open. If your file does not appear, try to view all files by selecting All Formats from the Files of type list. Click the Place button. You can now edit the image as follows:
  • Resize the image by dragging any corner while holding down the Shift key to keep the image does not distort.
  • Move the image by clicking and hold anywhere inside the image and drag.
  • Rotate the image by moving your cursor farther out from any corner until you see two arrows. Click and hold, then drag the image.
  • Press Enter key when you are done.
The Place dialog box
Picture: The Place dialog box.


    Position the first image in your first guide box
    Picture: Position the first image in your first guide box.

    Select the rectangular marquee tool at the top of the Tools panel. or else just press M. There are four tools available to choose from, the Rectangular Maarquee Tool, the Elliptical Marquee Tool, the Single Row Marquee Tool, and Single Column Marquee Tool. Press Shift+M to cycle through the four available marquee tools until the one you want is active.

    Now, drag your mouse over part of the image in the first guide square while holding down the Shift key to keep the rectangular selection doesn't distort, then duplicate the image layer by going to Layer>New>Layer via copy or Ctrl+J. You can now delete the image's layer.
    Rectangular Marquee Tool
    Picture: Rectangular Marquee Tool.

    Drag mouse over part of the image in the first guide square, then duplicate the image layer by going to Layer>New>Layer via copy or Ctrl+J
    Picture: Drag mouse over part of the image in the first guide square, then duplicate the image layer by going to Layer>New>Layer via copy or Ctrl+J.

    You can now delete the image's layer
    Picture: You can now delete the image's layer.

    6. Insert all Image.
    Repeat step 5 to open and manipulate each picture you'd like to insert. The result will be shown as below:
    Canvas filled with photos
    Picture: Canvas filled with photos.

    7. Define Pattern Mosaic.
    The next step, Choose Edit> Define Pattern. The Pattern Name dialog box appears. Name it like 'Mosaic'. Click the OK button. Now you can save and close your Pattern.PSD document.
    Define Pattern
    Picture: Define Pattern.

    8. Open Your Main Image.
    Choose File>Open or else just press Ctrl+O to Open up your main image in Adobe Photoshop. The standard Open dialog box appears. Navigate to the folder that contains your file then select the name of the file you want to open. If your file does not appear, try to view all files by selecting All Formats from the Files of type list. Click the Open button.

    Create a new layer to fill with our mosaic pattern by going to Layer>New>Layer or else just press Shift+Ctrl+N. The New Layer dialog box appears allowing you to name your layer and specify other options. Leave the default settings and click OK. In the Layers panel, a layer with the default name of Layer 1 appears above the Background layer.
    The Open dialog box
    Picture: The Open dialog box.

    Open the photo and then create a new layer
    Picture: Open the photo and then create a new layer.

    9. Fill with Mosaic Pattern.
    Select Layer 1 and then choose Edit> Fill. The Fill dialog box appears. Select Pattern in Use drop-down menu. In the Custom Pattern, choose a mosaic pattern that we previously created. Click the OK button.
    Fill with the mosaic pattern
    Picture: Fill with the mosaic pattern.

    10. Desaturate, change the Blend Mode and Opacity.
    Desaturate Layer 1 by choosing Image> Adjustments> Desaturate or else just press Shift+Ctrl+U. Change its blend mode to Overlay by going to the drop-down menu in the Layers panel. Adjust its opacity if necessary.
    Set the blend mode and opacity
    Picture: Set the blend mode and opacity.

    11. Save your document.
    Choose File>Save or else just press Ctrl+S to save your project file. The Save As dialog box appears. Navigate to the folder where you want to store your project file. Type a name in the File Name text box and leave the default Photoshop (*.PSD;*.PDD) format. Click Save to store the project file.
    Save the Document
    Picture: Save the Document.

    Here is the result:
    Photoshop Mosaic
    Picture: Create A Photo Mosaic In Photoshop.

    If you liked this Photoshop tutorial, then please share it on facebook, or twitter. See also other Photoshop Collage tutorials:
      This is a PhotoEffect tutorial, and I have just shown you how to Create A Photo Mosaic In Photoshop. If you have any questions or comments regarding this tutorial, just add them to the section below. Thank you for choosing PhotoEffect!

      2 comments:

      1. How can I download the app for my MacBook? Please help!!

        ReplyDelete
        Replies
        1. Install Photoshop go here https://goo.gl/qgyeqh

          Delete