Pingg studio getting started

Jump to: navigation, search

Getting Started

Congratulations on joining us and welcome to the Design Community! You should now see the "Designer Studio" tab within the "Account" tab. Click the "Designer Studio" tab to go to the Studio at any time, where you can create and manage your profile and designs.

The first thing you should do before creating a design is create your profile. This makes it easy for you to share your work with others. To begin creating your profile, click "Profile" on the left-hand side of the Studio homepage. At a minimum you must add a photo, name, a bio intro, and select the artist type that best describes what you do.

Profile Photo Specs

Please make sure your profile photo is a JPG that is, ideally, 200 x 200 pixels. If the photo is larger, that's okay--we'll size it down to fit. However, if it is considerably smaller than 200 x 200 we'll have to increase the size, which will likely result in a poor quality image.

Website URL and Website Text

If you want your website URL to appear beneath your name on your profile page, enter the URL in the "Website URL" field. If you enter only the website URL and no website text, then the actual URL will appear beneath your name. However, if you enter text in the "Website Text" field, e.g., "this is my website", then "this is my website" will appear beneath your name and it will be an active link to your website. To see your profile, click the "Your Profile Page" link on the left-hand side beneath the "Designer Resources" heading.


Describe yourself in a short paragraph to tell the world who you are as an artist!

Add a link and/or email address within your bio

To turn any text within your bio into a link, simply enclose the text you want to turn into a link in square parentheses, immediately followed by the actual URL you want the text to link to enclosed in regular parentheses. For example:

  • [This]( links the word "This" to, and users will not see the actual URL in your bio.

In the bio users see, it will look like this:

  • This links the word "This" to, and users will not see the actual URL in your bio.

To add a clickable email address within your bio, simply enclose the email address with angle brackets. For example:

  • You can reach me at <>

Once you've created a profile, go ahead and start creating a design.

Creating a design from start to finish requires the following steps:

  • Selecting a stencil
  • Uploading your artwork
  • Editing the foreground and background
  • Naming, tagging & activating your design

To begin creating a design:

  1. Click "Designer Studio" within the "Accounts" tab
  2. Click the "Designs" link on the left-hand side of the Studio page
  3. Click the "Create new designs" button

Selecting a Stencil

Stencils are your starting point and the basic structure you will use to build your invitation or ecard. After clicking the "create new designs" button, you will see a variety of square and rectangular stencils for you to choose from. Some stencils are very basic and have space for your artwork only. Other stencils offer one or more areas for users to add their own images (image ports) and/or text. You can move image ports and text fields, but you cannot add or remove them, so choose a stencil that has all the elements you need. Once you've chosen a stencil, it's time to upload your artwork.

Upload Artwork

After selecting a stencil, you'll see the "upload" button on the right-hand side of the page. If you already have your artwork ready to go (e.g., a digital photograph, etc.) simply click the "upload" button and choose the .jpg file you wish to use. Your artwork should meet the following specifications:

  • It must be a .jpg
  • it should conform to an aspect ratio of less than 3:1 or 1:3 (i.e. it must be less than 3 times high as it is wide, or vice-versa)
  • The file cannot be larger than 4MB
  • The file must be saved with an RGB color space, and not CMYK; CMYK images will not work

Also, please note:

  • Resolution: use the highest resolution JPG you can, saved with an RGB color space (not CMYK). Your finished product may be used for postal invitations and cards (i.e., a printed, hard copy), so the higher the resolution the better. We recommend using a JPG that is at least 1200 x 1200, although smaller JPGs may work, depending on the stencil you have chosen.
  • Bleed: if your artwork is touching one or more edges of the stencil, the design tool will automatically factor in a bleed area, thus cutting off a small portion of your image around the edge. It is not possible to print an image so that it is flush with the edge of the card, so the printer will print a larger area than is needed and trim the card down to size so the image is flush with the edge.

Once you have uploaded your artwork you can start editing the background and foreground elements of your design. To edit background elements click the "Edit Background" button located above your design; to edit foreground elements, click the "Edit Foreground" button, also above your design. You can specify the default font style and colors for users to personalize your design.

Edit Background

To edit the following background elements, first click the "Edit Background" button directly above your design.


If you have selected a stencil without an overlay, the artwork you uploaded will initially fill the entire stencil. If you have selected a stencil with an overlay, your artwork will initially be framed by the overlay.

Here is an example of uploaded artwork on a stencil without an overlay:

Error creating thumbnail: Unable to save thumbnail to destination

And here is an example of the same artwork on a stencil with an overlay:

Error creating thumbnail: Unable to save thumbnail to destination

Regardless of stencil type you have chosen, after you've uploaded your artwork you will see your background editing options to the right of the stencil. To change the overall size of your artwork, click-and-drag the lower right-hand corner of your artwork. To change the position of your artwork on the stencil, click the "done" button on the right-hand side and simply drag-and-drop your artwork anywhere on the stencil.


As described earlier, an overlay is a layer that frames your artwork or a text field, similar to a matte over-top a framed photo or painting. If you have chosen a stencil with an overlay, you will also see a selection of overlays to choose from on the right-hand side; just click the arrows to see the available overlay options. To change the overall color of the overlay, click the "overlay" color-picker icon and adjust the color. You will see the overlay color change as you adjust the color with the color-picker.

Background color

To change the background color, click the "background" color-picker icon to the right of the stencil and adjust the color. You will see the background color change as you adjust the color with the color-picker.

Edit Foreground

To edit the following foreground elements, first click the "Edit Foreground" button directly above your design.

Text areas

Text areas are where users will enter their own, unique text. Text areas are indicated by the sample text within them. You will be prompted to add specific sample text to your designs for usage suggestions. Your sample text should match the theme of your invitation or card, giving hosts a realistic example of how the design can be used. Please see our Design Tips for more details on adding text to your designs.

Here's a few of our sample text suggestions:

Adult Birthday:

Join us for a birthday celebration honoring

Caitlin Marie’s 30th Birthday

Saturday, April 13th 7:30pm to 10:00pm

Union Square Cafe 46 West 16th Street New York, NY

Please RSVP by April 5th

Baby Shower:

Please join us for a Baby Shower honoring Melissa Ann

Saturday, March 15th 12:00pm to 3:00pm

The Smith Residence 114 West Avenue Huntington, New York

RSVP by March 3rd

Melissa is registered at Target, Babies ‘R Us and Pottery Barn Kids

Wedding Invitation:

We’re Getting Married!

You are cordially invited to celebrate the wedding of Elizabeth Ann and Michael Christopher

Saturday, May 19th Seven o’clock in the evening

Gotham Hall New York, NY

RSVP by May 1st

Color Picker

Click "Color Picker" to change the font color and add font color choices for users. To set the default font color, click the first color picker icon and set the color. To add font color options, click the "+" icon and set the color in the same way. To remove options click the "-" icon. To allow users to set their own font colors, select the "Show Color Wheel" box.

User Images

User image areas, or image ports, are spaces on your design where users will insert their own images. Like text areas, you can change the size of an image port by clicking and dragging the bottom right-hand corner; to move an image port, click anywhere else on the image port and drag-and-drop it to another location on your stencil. To change the placeholder image in the image port, click inside the image port and you will see a variety of placeholder image options. Scroll through the options and click the image that you want to use. To edit or crop the placeholder image, click the "edit/crop" button; use the slider to zoom in & out on the placeholder image. To move the placeholder image within the image port, click on it and drag it.

You can choose to preview your design by clicking the "Preview" button. Click the "Save" button to save your work. All you have left to do is Name, Tag, and Activate your design.

Naming & Tagging

After saving your design, you will see the "design details" page for your design. Choose a name for your design and enter it in the "Design Name" field. For example: if your design prominently features the Eiffel Tower, naming it "Cheese Sandwich" or "Little Red Riding Hood" would be conceptually unrelated. A name like "Eiffel Tower" or even "Paris" would be more suitable.

You should also tag your design with words that are conceptually related to the design itself. For example: if your design has the words "Happy Birthday" as part of the design, you would add the tags "happy birthday", "birthday", etc. If it has a cake as part of the design, add the tag "cake".

Tags help us categorize and keep track of the designs you create, and we strongly recommend you add them to your design details. To add tags, first enter a keyword in the "tag search" field to find the available tags. For example, if you enter the keyword "birthday" and click "search", you will see a variety of tags to choose from: "boy birthday", "girl birthday", "birthday cake", etc. To add a tag to your details, simply click the "+" icon next to the tag. You can add up to 10 tags to your design, and you'll see any tags that you have added in the "Tags on this design" section, directly below the "Available Tags."

You can also add up to 2 design styles. Select the boxes next to the design styles that you want to add to your design. This will help users find your design based on the styles that they are looking for, using the navigation options in collections.

When you're finished naming and tagging your work, click the "save changes" button. Now, it's time to activate and promote your design.

Activating your design

After clicking the "save changes" button, you will be redirected back to the "designs" page where you'll see two sections: "active designs" and "inactive designs." You'll find your newly created design in the "inactive designs" section. To activate your design, drag and drop it in the "active designs" section. Please be sure to click the "save changes" button. Once your design is active, it can be used by anyone. With that in mind, you're going to want to tell your friends about your great new design.

Promoting your designs

Not only do we give you a place to create great art, but we also supply you with the tools to get the word out. Click the "promotional material" link on the left-hand side under the "studio management" heading. On this page you can post your custom URL (which links directly to your profile page) to Facebook or Twitter via the corresponding icons. Or, copy/paste the custom URL to send it to friends and family in any way you choose.

If you have your own website, you can also place a button or banner that will link directly to your profile page and designs. Simply choose from one of the six banner/button options and copy the resulting code beneath the banners and paste that into your site.