Hybrid Garbs Mock-ups
Product Design
Project type
Product Design
Project year
2022
Product mock-ups for Hybrid Garbs using Adobe Photoshop.
For the owner of the brand Hybrid Garbs I created mock-ups for existing and yet to be released products. These mock-ups were then used in his website featuring his clothing and advertising campaigns run by the brand.
Start
To start the process of creating the mockups, I first took the silk lining design provided to me and began mapping out where each part of the design would lay inside the hood. After mapping out the silk liner, I cut out the shapes and placed them. I then added shading in and around the hood to make the silk lining look realistic. This was all done using Adobe Photoshop.
Diagrams
After implementing the silk liner in the hood, I then began to add the brand text which is "Hybrid Garbs" in the center of the sweater. To make the text stand out and create dimension, I added highlights by using the Curve and Level adjustments in Photoshop. To add shading, I used the Drop Shadows adjustment. Lastly, I added the "Hybrid Garbs" logo on the left sleeve and once again added Curve, Level, and Drop Shadow adjustments.
Wire-frames Low-fidelity
This sweater follows the same process as the one previous to this, however the shape of the hood is different. Once again, I mapped out where the silk liner will sit in the hood, followed by the cutting out the shape and adding shading to provide realism.
Wire-frames Mid-fidelity
To finish this sweater like the others, I added in the "Hybrid Garbs" text, followed by the logo. To make the brand text look realistic I added Photoshop effects like Drop Shadows and Highlights. The same was done with the Hybrid Garbs logo on the left sleeve as allow the image to look flat.
Wire-frames High-fidelity
Cursor
To really fit the theme of Pokémon we wanted to change the cursor to a Pokémon. Using the internet we found this Eevee cursor. We did not make this cursor and take no credit. The cursor can be created by Max Castell. This is the link to the website where the cursor can be found.
Chocolate Liner
To start the process of creating the mockups, I first took the silk lining design provided to me and began mapping out where each part of the design would lay inside the hood. After mapping out the silk liner, I cut out the shapes and placed them. I then added shading in and around the hood to make the silk lining look realistic. This was all done using Adobe Photoshop.
Chocolate Finish
After implementing the silk liner in the hood, I then began to add the brand text which is "Hybrid Garbs" in the center of the sweater. To make the text stand out and create dimension, I added highlights by using the Curve and Level adjustments in Photoshop. To add shading, I used the Drop Shadows adjustment. Lastly, I added the "Hybrid Garbs" logo on the left sleeve and once again added Curve, Level, and Drop Shadow adjustments.
Font Creation
Font was created by taking inspiration from the Y2K style.
Shapes Creation
For the client I created a wide variety of shapes In Adobe Illustrator that can be used for a Y2K style. Many of the shapes are plays of hearts or stars. The client then picked which shapes would be used to create rough designs.
Rough Designs
I created a total of 7 rough designs for the client with the generic black shapes. The next step was to chose three and refine them.
Refined Designs
For the refined designs the color pallet was changed to a more simple pallet. This was done to reduce the cost of printing.
Chosen Final
Clients favorite chosen design. The client had a strong connection with the starts and hearts used in this design.
Photoshop Embroidery
I took the final design to Adobe Photoshop and turned it into an embroidered design. I did this by adding; Texture, Bevel & Emboss, Inner Shadow, Gradient Overlay, and Drop Shadows.
Royal Blue Liner
This sweater follows the same process as the one previous to this, however the shape of the hood is different. Once again, I mapped out where the silk liner will sit in the hood, followed by the cutting out the shape and adding shading to provide realism.
Royal Blue Finish
To finish this sweater like the others, I added in the "Hybrid Garbs" text, followed by the logo. To make the brand text look realistic I added Photoshop effects like Drop Shadows and Highlights. The same was done with the Hybrid Garbs logo on the left sleeve as allow the image to look flat.
