As a designer, you work with a lot of different file formats. I know that in my daily workflow I have .indd, .ai, .psd, .pdf, .jpg files moving all over the place, and that’s just today. You probably have a similar story.\nBut we tend to put ourselves into these bubbles, and we may not always know what other file formats are and what they’re for. Hence this guide. Here I’ll tell you about all of the fun file formats we use here at Creative Market, what they’re used for, and what kind of magic you can do with them. Fun, right? Let’s get after it.\n
\nThis one is pretty straightforward. An AI file is an Adobe Illustrator file. That means that it’s a vector document, and even though it may contain raster-based imagery, it still makes shapes using geometry, as opposed to pixels. That said, it’s not just a regular old vector file like an EPS. Illustrator documents have layers and multiple artboards, so they can contain vastly more information. For more info, check out this article<\/a>.\n \nLike an AI file is for Adobe Illustrator, a PSD file is for Adobe Photoshop. It’s a raster-based file, so it uses pixels in various shades to create an image. What makes a PSD file different from a regular JPEG is that it can contain all sorts of layers inside the doc, and each layer can have its own modifications. A JPEG is a flattened version of that PSD doc (or one of the layers inside the doc), so it can’t be broken apart into different layers and reverse engineered.\n \nINDD stands for another Adobe product: Adobe InDesign. It’s the tool of choice for print designers, or designers that want to create print-like creations for the web via PDFs. I use InDesign all the time to create magazines for my clients. Like other Adobe products, an INDD doc can have multiple pages, styles, and patterns in one place, and can be broken down into those individual components.\n \nPDF stands for Portable Document Format, and it’s one of the older file formats on this list. It was developed originally by Adobe as a platform- and software-agnostic tool for fixed-layout flat documents. The idea is this: if you get a PDF document, it should look just like the printed version of the same doc, including all of the graphics, colors, fonts, text, and so on.\nNow where things get interesting is with the addition of fillable PDFs. These docs have fields that a user can fill in for their own uses. For example, you can download U.S. tax forms for free at IRS.gov for when you do your taxes. Then you fill out the fields with your information, save it, and\/or print it out. You can also create your own fillable PDFs, and one of the many tools to do that is Adobe Acrobat. It comes standard with Adobe Creative Cloud, and requires a subscription<\/a>.\n \nEPS stands for Encapsulated PostScript, and all that fancy language means that an .eps doc typically has vector graphics. The file format can also have bitmap images and text, but 9 times out of 10, if you ask for a vector document, you’ll get an EPS. For more vector info, check out one of my favorite articles<\/a>.\n \nOf course, EPS and AI aren’t the only vector games in town. SVG stands for Scalable Vector Graphics, so SVG files are also vector-based. But where it gets fancy is the relatively recent introduction of SVG fonts. They’re designed to use on the web, and it allows web designers to build a font into their pages, and scale it dynamically based on the user’s browser.\n \nAlrighty, here’s a big one. A JPEG (.jpg or .jpeg file) is the image format of the web. <\/em><\/em>It uses “lossy” compression, which you probably know if you’ve ever created one in Photoshop or a similar program. You know how you can adjust the image quality using a slider in Photoshop? This is how you dial in the compression, and therefore pick the best image quality. But have you ever seen an old meme? You know, the ones with all the blocks and messed up textures in them? That’s because the original JPEG was compressed, then someone compressed it again, and again, etc., to the point where the image has lost a substantial amount of quality. But hey, if it’s funny, do you really care anyway?\n \nWhen I worked at a magazine, we didn’t use JPEGs or GIFs for our high-resolution prints, we used TIFFs. Why? Compression. I just talked about how JPEGs are compressed, and how that can result in artifacts or blockiness if it’s compressed too much. TIFFs aren’t compressed. Period. That means that they don’t degrade at all every time you open and edit them.\nNow that’s not always the case. I have lots of magazines today that tell me to send them JPEGs, and forget the raw version of the file (which is what they would normally use to turn into a TIFF). And that’s often because TIFF files are huge. Since they’re not compressed at all, there are no file size savings to be had. That’s also why you don’t find them in use on the web.\nAll that said, a JPEG can give you a high-quality photo, no doubt. But the absolute best quality comes from a TIFF.\n \nWhether you use Slack all the time with your pals or you just want to send a funny animated message to someone, chances are good you’re going to use a GIF. They’re animated bitmap images that you can use in a variety of places, and they’re usually pretty small in file size.\n \nA Bitmap is another type of raster file, just like a JPEG and GIF. They’re mostly found on Windows operating systems, and nowadays aren’t as common as they used to be. That’s because even though there are a lot of cool things you can do with them — they work great with printers and CRTs, for example<\/a> — they tend to be fairly big, too. They also don’t resize as well as a JPEG, so when you combine those two downsides, you’re in a sticky situation.\n \nIf you’re a font junkie, then you know all about our next two listings. First up is TTF, or TrueType Font. Back in the day, Adobe ran the font market with PostScript. But Microsoft and Apple wanted to get into the game (and stop paying Adobe licensing fees), so they created TrueType together. It’s your standard font format nowadays, and you can use a TTF on pretty much anything. As Wikipedia puts it<\/a>, “The primary strength of TrueType was, originally, that it offered font developers a high degree of control over precisely how their fonts are displayed, right down to particular pixels, at various font sizes. With widely varying rendering technologies in use today, pixel-level control is no longer certain in a TrueType font.”\n \nOTF, or OpenType Font is the next generation of TTF created by Microsoft with some help from Adobe. While TTF lets designers play with pixels, OTF is a scalable computer font. That means that once you design the font, you don’t have to mess with specifics; everything scales up or down appropriately automatically.\n \nWant to add some cool brushes to your Photoshop toolbox? Then you’ll want some ABR files. It stands for Adobe Photoshop Brushes file, and each one has a collection of brushes that the Photoshop Brush tool will use. They’ve got all sorts of specific tweaks and customizations, and you can check out a whole bunch of samples right here<\/a>.\n \nYou can do a lot of things with Lightroom, but you probably already knew that<\/a>. And one of the cooler things is using presets in Lightroom. That’s what an LRTEMPLATE file is all about. It’s a predefined set of instructions for Lightroom that you can apply to all of your photos. In fact, some of your favorite Instagram photos were probably tweaked with a LRTEMPLATE file. But in case you need some inspiration, here are some great examples.<\/a>\n \nIf you’re not using Actions in Photoshop, then you’re not living, folks. Actions are powerful tools that allow you to do a multitude of different options, from automatically adjusting images to, well, anything. For example, I use Actions to bulk resize images for my photography, cut off borders on screenshots and more. And they’re all saved in ATN files. Seriously, you should get on the Action train if you’re not there already.\n \nJust like that, all of the popular design file formats you need to know in one convenient place. Did we miss one? Let us know in the comments below and we’ll include it.\n<\/p> As a designer, you work with a lot of different file formats. I know that in my daily workflow I have .indd, .ai, .psd, .pdf, .jpg files moving all over the place, and that’s just today. You probably have a similar story. But we tend to put ourselves into these bubbles, and we may not […]<\/p>\n","protected":false},"author":89,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[3],"tags":[693],"topics":[],"class_list":["post-49187","post","type-post","status-publish","format-standard","hentry","category-design-basics","tag-design-basics"],"acf":[],"yoast_head":"\n<\/span>PSD<\/span><\/h2>
<\/span>INDD<\/span><\/h2>
<\/span>PDF<\/span><\/h2>
<\/span>EPS<\/span><\/h2>
<\/span>SVG<\/span><\/h2>
<\/span>JPG or JPEG<\/span><\/h2>
<\/span>TIFF<\/span><\/h2>
<\/span>GIF<\/span><\/h2>
<\/span>BMP<\/span><\/h2>
<\/span>TTF<\/span><\/h2>
<\/span>OTF<\/span><\/h2>
<\/span>ABR<\/span><\/h2>
<\/span>LRTEMPLATE<\/span><\/h2>
<\/span>ATN<\/span><\/h2>
<\/span>There you have it<\/span><\/h2>
Products Seen In This Post:<\/strong><\/p>