In the image below the masked child layer is shown with a red rectangle.Ĭlick on one of the dinosaur layers then drag it over and just below the masked layer. The design needs to be placed beneath this layer in the same group. Under each Picture layer is a masked child layer. We need to move each design into one of the Picture layers. ![]() To make full use of the PSD layers, the order of the design layers needs to change. In the next step we will show you how this works. Now, you may be thinking “How is this any different to using a JPEG”? A PSD mockup accommodates your design so that you don’t have to do the complicated editing. To flip the design around, as we did, right click > Transform > Flip Horizontal. Then place your mouse in the middle of the design and click + drag to move it. To reposition the image, select the Move Tool. Using the resizing handles, click + drag in the right corner until you get the desired size. We chose three cute dinosaurs, which were all added as new layers.Īs with the JPEG mockup, we need to resize the images to fit in the frames on the wall. Using the drag and drop method, bring in the designs you want to use in the mockup. Click on the arrow for the Smart Objects layer to access the Picture layers. In this Smart objects layer, we will only use the layers Picture 3, Picture 12 and Picture 2. For our mockup, we will be working on the Smart objects layer. Depending on the file, you may have a Logo/Design layer that you will be working on. When you have located and opened the PSD file, you will see the layers on the right hand side. It can also be edited at any time with the layers still in place. This gives greater control over how the design is set up and saved. Method 2 - Use a PSD Mockup FileĪ PSD mockup consists of multiple layers that can be edited independently. For more complex setups, a PSD file is a better option. That’s all there is to using a JPEG mockup. With the Move Tool selected (top left), we repositioned the design in the middle of the frame. We selected the right corner sizing handle at the bottom, then clicked + dragged inward. Click on the newly added design to select and activate the sizing handles. The design will be placed at the top of the layers and may need to be resized. It is preferable to use a PNG file as these usually have a transparent background. We chose to drag and drop the watercolor design onto the canvas. Now, you can import your design by using copy and paste or drag and drop. Under the Layers panel on the right, right click the Background layer then select Duplicate. It’s usually best practice to create a duplicate in case you want to revert back to the original. Once you have opened Affinity Designer, locate and open the JPEG mockup you want to use. This is a great way to quickly add the design without the fuss of layers. Method 1 - Use a JPEG Mockup DesignĪ JPEG mockup is just a single file, unlike the layered files of a PSD. After downloading the purchased files on your PC, you may need to unzip the zip files first. We have both formats available in the mockup we chose. Mockup folders can consist of PSD or JPEG files or both. We will guide you through the process of using both PSD and JPEG mockups in Affinity Designer.ĭuring the tutorial we will be using a nursery frame mockup bundle and cute dinosaur clipart. Usually purchased in PSD formats, mockups can easily be customized in Affinity Designer. Mockups create a visual display for your designs allowing you an end result preview. In this tutorial you will learn how to use mockups in Affinity Designer.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |