Giter Site home page Giter Site logo

kentliau / redbubble-template Goto Github PK

View Code? Open in Web Editor NEW
23.0 3.0 5.0 2.72 MB

A better Redbubble products template

Home Page: http://kentliau.com/redbubble-template/

License: Creative Commons Attribution 4.0 International

HTML 100.00%
redbubble

redbubble-template's Introduction

Redbubble Template

A Better Redbubble Template.

The dimensions below are suggested by Redbubble, most if not all, are 100% coverage to the products without any scaling up or down.

In other words, all the artwork will auto fit to the product without you changing the scaling and moving it.

If your artwork is double the size of the size specified below, then you should set the scaling to 50% at the "Add New Work" page in Redbubble.

* * *
Standard Print Clothing
2400 * 3200
Large Print Clothing
2875 * 3900
Contrast Tanks
3870 * 4280
Women's Chiffon Tops
3711 * 3814
Graphic T-Shirt Dress
4020 * 6090
Graphic T-Shirts
3873 * 4814
A-Line Dress
6310 * 6230
Stickers
2800 * 2800
Phone Cases & Skins
1187 * 1852
Phone Wallets
2087 * 1956
Pillows & Totes
3225 * 3225
Floor Pillows
4625 * 4625
Prints, Cards & Posters
5000 * 7100
Pouches, Laptop Skins & Sleeves
4600 * 3000
Duvets
7632 * 6480
Mugs
2700 * 1624
Travel Mugs
2376 * 2024
Leggings
4350 * 4032
Mini Skirts
2152 * 2502
Scarves
5748 * 5748
Tablet Cases & Skins
2696 * 3305
Drawstring Bags
2475 * 2775
Spiral Notebooks
1756 * 2481
Hardcover Journals
3502 * 2385
Clock
2940 * 2940
Art Board (Gallery Board)
4260 * 4260
Acrylic Block
1860 * 1860
Wall Tapestry
7632 * 6480

Largest artwork required are 7632 * 6480 (~50 megapixels), which are Duvets & Wall Tapestry. Therefore, a 8000 * 8000 (64 megapixels) creation is sufficient to cover all the products.

If you design in a vector software using 1000 * 1000, when export to PNG, upscale 8 times. For 2000 * 2000 you upscale it 4 times.

Template Download

Imgur Image

Clone the repository

How to use

Two ways of using the template

  1. You open the template image in your favorite software and using it as a canvas, size and proportion guide.
  2. You already have a artwork in arbitrary size (like from your camera), you then layer the template image on top of your artwork as a canvas, size and proportion guide. You then scale, crop or patch your artwork accordingly.

What the colors mean

  • Green: Main printing zone, you should focus your design around here.
  • Red: Bleeding printing zone, your artwork should cover up to this zone, but it should be non crucial as it will be cut off cause by different in size of the same products or small printing offset.
  • Blue: Rectangular boundary, your artwork should cover up to this point as well, similar to bleeding zone, this zone serve two purpose, one is to give a rectangular constrainst/proportion, second is to compensate the offset cause by printer.

For template without printing zone or bleeding zone specified, it means it is rectangular printing zone, you should avoid design around the edge.

For products like Phone cases/wallet (iPhone and Samsung Galaxy) and iPad cases, avoid design around the cut out for camera, speaker, port, button.

Special Notes

  • Stickers
    • Orientation doesn't matter
    • Adaptive ratio
    • Always fit into printable zone
    • 600 * 800 pixels for small
    • 1100 * 1100 pixels for medium
    • 1700 * 1700 pixels for large
    • 2800 * 2800 pixels for x-large
  • Prints, Cards & Posters
    • Adaptive ratio for poster
    • Other products will fit into printable zone
    • 5000 * 7100 pixels for largest poster
  • Art Board (Gallery Board)
    • Semi-Adaptive, Predefined Ratio (1, 1.25, 1.4, 1.5)
    • 4260 pixels is the largest size for one side, if you need a square output then use another 4260 pixels for the other side, else use a smaller value for different predefined ratio.
    • Swap width and height to switch between portrait and landscape

Author Information

LICENSE

Creative Commons Attribution 4.0

redbubble-template's People

Contributors

kentliau avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.