https://github.com/flex-development/yslf-p001

YORSELF COLLECTION Product Templates
https://github.com/flex-development/yslf-p001

ecommerce photoshop

Last synced: 5 months ago
JSON representation

YORSELF COLLECTION Product Templates

• Host: GitHub
• URL: https://github.com/flex-development/yslf-p001
• Owner: flex-development
• Created: 2020-03-16T23:12:42.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2020-03-16T23:16:57.000Z (almost 6 years ago)
• Last Synced: 2025-02-26T12:43:11.664Z (10 months ago)
• Topics: ecommerce, photoshop
• Homepage: https://www.yorselfcollection.com/
• Size: 5.87 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# YORSELF COLLECTION Product Templates

[![emoji-log](https://cdn.rawgit.com/ahmadawais/stuff/ca97874/emoji-log/non-flat-round.svg)](https://github.com/ahmadawais/Emoji-Log/)

## Overview

[Getting Started](#getting-started)  

[Usage](#usage)  

[Built With](#built-with)

## Getting Started

> [YORSELF COLLECTION][1], promotes the highest form of love; self love. Whatever you

> do in life; wether u find joy and escape in skating like, you cook, you get

> your hands dirty, work a 9-5. Or simply live a fast paced lifestyle... YORSELF

> COLLECTION will always have a piece just right for U.

[1]: https://www.yorselfcollection.com/

## Usage

This Product Template was created in Adobe Photoshop using Smart Objects.

For more information, please visit the [Work with Smart Objects][1] from the

Adobe Photoshop docs.

[1]: https://helpx.adobe.com/photoshop/using/create-smart-objects.html

### Product Templates

**1. Download the Photoshop [template][1]**  

[1]: https://adobe.ly/2TSAArc

**2. **Double click** on the `Template` layer**  

![Download the template](docs/usage-2.png)

**3. Insert your product image into the `*.psb` file that has opened up**  

![Download the template](docs/usage-3.png)

To begin adjusting the image, you may need to rasterize the layer. To do this,

right click on your image layer and select "Rasterize Layer".

Additionally, you may want to make the image background transparent.

**4. Resize your image**  

Still working within the `*.psb` layer, proportionally resize your image so that

it is `936px` wide.

In the final template, this will create a gutter of 72px around the image.

![Download the template](docs/usage-4.png)

In the original template file, you can adjust the Guide Layout to experiement

with different gutter widths.

**5. Save your image**  

Once satisified, save your transformed image and return to the original template

file. Your image will be placed inside the template safe zone and will be ready

for you to export to any format of your choosing.

![Download the template](docs/usage-5.png)

## Built With

- [Adobe Photoshop][1] - Imaging and graphic design software

[1]: https://www.adobe.com/products/photoshop