• Premium Lifetime access

  • Amazing masonry photo gallery in Photoshop in 5 minutes

    Share on pinterest
    Share on facebook
    Share on tumblr
    Share on twitter
    Share on whatsapp
  • In this video you will learn how to create a modular photo gallery in Photoshop. I will show you how to create a grid layout and how to use the Frame Tool (K) to make placeholders for your Photoshop gallery so you can quickly drag & drop your images onto them.

    Tutorial result

    Create a photo gallery in Photoshop

    Photo gallery in Photoshop - Tutorial Andrei Oprinca

    How to create a photo gallery in Photoshop quickly and easy

    Masonry galleries are the hardest type of gallery you can create in Photoshop because there can be irregular numbers or rows or columns. But if you use a modular grid system you can create a photo gallery in Photoshop in no time. If you’re new to Photoshop check my free Photoshop course here.

    Create a new document blank document in Photoshop with the desired dimensions and go to View>New Guide Layout (if this option is not available it means you’re using a pretty old version of Photoshop. Consider upgrading.)

    Amazing masonry photo gallery in Photoshop in 5 minutes Photoshop Tutorials 2022

    The settings for the layout grid will depend on your needs. You will need to make some basic planning here for your gallery layout. My advice is to try to have enough cells on your layout so that you have enough flexibility to create any size for each individual photo. I try to set up the columns and rows in a way that I get square cells on my layout or as close as possible to a square shape because that makes it easier later on when drawing the image placeholders.

    Design a photo gallery in Photoshop

    You can create an easy drag & drop gallery in Photoshop using the Frame Tool (K). This tool was introduced in Photoshop CC and it’s very useful for making image placeholders on your document.

    In order to design your gallery in Photoshop, it is a good idea to determine what layout you want for it. In my case I chose the 3rd type where all rows have the same height and the columns number varies.

    If you want your columns with images to fit perfectly on your document you must divide the total amount of rows by the amount columns you want to have and you will get the number of cells that each column must have.

    Amazing masonry photo gallery in Photoshop in 5 minutes Photoshop Tutorials 2022

    Draw the image placeholders using the Frame Tool. When you start drawing the tool will snap to the grid so it’s really easy to draw the placeholders for your images. Check the video for more details on how I designed my gallery.

    Amazing masonry photo gallery in Photoshop in 5 minutes Photoshop Tutorials 2022

    Once your layout is created, just drag and drop your images over the placeholders and populate your gallery. If you want to replace and image simply drop another image over it and Photoshop will replace it. All images used for this demo gallery have been downloaded from Pexels.

    Other tutorials

    Leave a Reply

    Your email address will not be published.

  • Keep in touch

  • © PSD Box 2010-2022 | Andrei Oprinca

    What's new in 2022

    In this video I will highlight the most important changes and new releases in 2022.

    If you are a member and have any problems accessing the site or downloading the premium content, please click the “I need help” link on the top menu bar.

    Log in

    Access your account

    Don't have an account?

    Create a free account and unlock hundreds of free downloads: PSD files and tutorial resources

    Novedades en 2022​

    En este vídeo destacaré los cambios más importantes y las novedades de 2022.

    Si eres miembro y tienes algún problema para acceder al sitio o descargar los contenidos premium, haz clic en el enlace “Necesito ayuda” de la barra de menú superior.

    Iniciar sesión

    Accede a tu cuenta

    ¿No eres miembro?

    Cree una cuenta gratuita y desbloquee cientos de descargas gratuitas: Archivos PSD y recursos