Custom Layouts 3/3 - Adding graphics

Follow

Comments

10 comments

  • Avatar
    Norbert Csibra

    Hi, after added graphics, how can I check how would it look like with a specific keycap color?

    The keycap colors only supported by the designer, but the designer does not show the custom legends.

    So how can I preview the custom graphics with the keycap colors?

    0
    Comment actions Permalink
  • Avatar
    Paige

    Hi,

     

    Our online designer tool is not set up to display custom files, due to the reformatting that would be required, sorry. One option would be to fill in your key colors on a layer in your file, to get a better idea of what it will look like. We can also create a preview for you before we go to print,  if you request it in your order comments.

    0
    Comment actions Permalink
  • Avatar
    Teroshki

    After I have finished everything, do I have to save it as a jpeg

    0
    Comment actions Permalink
  • Avatar
    Paige

    Once you finish your custom layout file, make sure your fonts are converted to vector shapes, then save it. We need it to stay the same file type as it was originally.

    Images within the custom file can be jpegs, but the actual template file should be an svg, or an ai if you're using Illustrator instead.

    Let us know if you have any other questions.

    0
    Comment actions Permalink
  • Avatar
    Philip Marshall

    Is it required that custom images be clipped in a .svg file for them to be used, or is that just to allow us to get a preview of what it will look like? Also, is it possible to use multiple images on a single template?

    0
    Comment actions Permalink
  • Avatar
    Paige

    We recommend that large images spanning multiple keys should be clipped, but we can still work with it as long as the image is placed where you want it. You can use more than one image on a single template, that's fine. 

    0
    Comment actions Permalink
  • Avatar
    allen close

    Hi,

    I was wondering how I could go about clip masking my custom keycap image in Adobe Illustrator. I tried to apply a clipping mask shown here to test things out, but it didn't work. The image was a png:

    I also tried it with an image traced version of the picture, but that did not work as well.

    The reason I ask is because I'm not really familiar with Inkscape and would much rather use Illustrator if possible.

    Additionally, could I use a high quality vector image in svg format for my image? If I can get the clipping to work, I'd like to spend time making a large vector from scratch to use for my keycap set. Or are pngs/jpegs preferred?

    Thanks in advance!

    0
    Comment actions Permalink
  • Avatar
    Paige

    Hi,

    First, be sure your image is placed in the file. It will no longer have the X in it once it is. 

    Then get your key frame shapes by themselves and make sure they are ungrouped. Then select them all and make them a compound path. (Under Object) That compound path can be used as the clipping mask. 

    I hope that helps, please feel free to email us with more details if you're still stuck.

    0
    Comment actions Permalink
  • Avatar
    João Rossa

    HI there! so when you upload the svg file in the custom key cap set, you cant actually see how it will look right? 
    Also the small 4 squares inside the key are the maximum area where we can write?

     

    Also, how do you convert the fonts to vectors? i only see how to convert imported images in the tutorial.

    regards,

    0
    Comment actions Permalink
  • Avatar
    Paige

    The inner grid is more for alignment, the outer frame shapes represent the edges of the key tops, and our maximum printable area.

    There is a note on the template about converting the fonts that reads: IMPORTANT: To avoid delays and errors in your order you must convert all of your fonts and text to vector data. Before saving and uploading your file: select all of your text; go to Path > Object to Path (Ctrl+Shift+C)

    0
    Comment actions Permalink

Please sign in to leave a comment.

Powered by Zendesk