Last week, I covered how to make a vector mock-up for a gift card, tag and bag. If you haven’t read it yet, then I would recommend reading it before this blog post, just so everything makes more sense. For this second part, I am only going to focus on the gift bag.
The other points worth making before we start is that while you can mock-up a design in Illustrator, or indeed create a mock-up in Photoshop before applying a design to it, but for this tutorial, I am moving the mock-up made in Illustrator into Photoshop to apply the design.
The artwork I will be using is pictured below and is a design I have made. There will be a future blog post that explains why I created the design, but that will have to wait for another day.
PART 2: GIFT BAG
It’s important with every project to start with a suitable document. For this, it is a case of opening Adobe Photoshop, and making a new document, at 4000×3000 pixels. Depending on whether you plan to print your design or have it on-screen affects the Resolution and Colour Mode you choose. For print, you need 300dpi and CMYK, while for web use, you need 72dpi and RGB respectively.
Double-click on the Background layer in the Layers Palette to make it active. Set the Foreground Color to 50% grey, before selecting the Paint Bucket Tool, and clicking once to fill the canvas.
Now it is time to bring the bag mock-up into the document. Go into the Illustrator file, select all the elements of the bag and go to Edit > Copy (or Cmd/Ctrl + C) before going to the Photoshop file and going to Edit > Paste (or Cmd/Ctrl + V). Make sure the resulting dialog box has Smart Object selected and press OK. It will automatically be placed on a new layer. Re-size as necessary to best fit the document.
This step may not be necessary for some, but I wanted to change the colour of the bag. Instead of changing the colour of each shape in Illustrator, I decided to create a select the Magic Wand Tool (or the selection tool of your choice) and select the bag. It may take some time to refine the selection.
Then with the active selection, add a new layer and fill it with the colour you want, in this case for me I want black. Because of this, I set the Blending Mode to Linear Burn, but for most colours, you would choose Multiply.
I also wanted to change the colour of the handles. Now as I made them black in the mock-up, this is harder to change, but still possible. Select the layer with the bag mockup on, and add a ‘Hue, Saturation, Brightness’ Adjustment Layer. I chose the settings you see below. The important part is to tick Colorize. Add a Layer Mask to the adjustment layer and press Cmd/Ctrl + I to invert the mask to black. Then select the Brush Tool, choose a relatively hard brush with the colour set to white, and brush in the areas you want to change colour. You can see the end result I achieved below.
Now it’s time to apply the artwork to the bag. Find your art and place it into the document. (File > Place) However, it is going to need to be ‘warped’ to fit the bag’s shape. To do this, while it is still in transform mode, hover over a corner square until you see the usual re-sizing arrow appear. When it does, press and hold the Cmd/Ctrl key while dragging a corner to its new position. Do this for all the sides before you hit the Enter key to confirm the changes.
That’s it for this tutorial! Hopefully it has been helpful to some degree. I am currently wondering whether to continue this series as I now have a lot less time than I used to, so don’t be surprised if a tutorial on a Tuesday becomes a lot less common in the future.