Showing posts with label design. Show all posts
Showing posts with label design. Show all posts

Sunday, October 23, 2011

Photoshop, Illustrator & InDesign: When to use what


If you're planning on doing some basic design or photo work for yourself, it's important to know the differences between the basic Adobe Creative Suite programs. One of the most basic packages Adobe offers is the Creative Suite Design Premium; this includes Photoshop, Illustrator, and InDesign. You might want all three, you might only want one. So, how do you know what's good for you?


WHEN TO USE PHOTOSHOP

If you're dealing with photographs, you're most likely going to want to work in Photoshop — the name is the big hint. When you're retouching photos, digitally cleaning up a little dust from your camera lens, brightening photos that came out to dark in an otherwise sunny location, or cropping unnecessary background clutter out of the picture, you'll want to do it all in Photoshop.


WHEN TO USE ILLUSTRATOR

Illustrator is a "vector based" program, which means if you're planning on designing something in a vectorized style, such as a logo, or working mainly with type and text, Illustrator would be the best choice. With a few exceptions, think about "illustrating" something in Illustrator — one of the main tools used in Illustrator is the pen tool. It's a daunting tool that cause many users to shy away from the program, but once you start to understand how it works and play around with the pen tool, it's a fun thing to create things with, including shapes and abstract images.


WHEN TO USE INDESIGN

Generally understood to be a good platform to create multi-page documents in (e.g. books), InDesign is a good program where you can combine text and images. While you cannot heavily edit photos in InDesign like you can in Photoshop, if you want to combine photographs and text in flyers, posters, or small books, you can do this easily in InDesign. You'll be able to combine images and text without worrying about accidentally flattening layers (as in Photoshop) or directly affecting your photograph. If you think you have a basic understanding of Photoshop and Illustrator already, InDesign might be a good supplemental tool for you. This is a better alternative to programs such as Powerpoint (which should only be used for presentations, really) and Microsoft Publisher.

Let's not worry about InDesign for now and we'll focus on Photoshop and Illustrator first.


PHOTOSHOP VS. ILLUSTRATOR

While you can still type and edit text in Photoshop, text may be treated as a rasterized image in Photoshop in your final product, which might cause blurriness or pixelation on the edges of larger display sized text if you're not careful. But, If you think that you'll be doing more photo editing work than designing, then Photoshop will most likely be your answer.

Illustrator can produce sharper images and objects, but cannot edit photos. You can draw and create shapes and images in Illustrator using the pen or shape tools (you can do this in Photoshop as well, but it is much easier in Illustrator). While Illustrator can do limited 3D rendering, its generally best known for its ability to generate 2D (flat) images sharply, also known as vectorized images or objects. For example, pineapples, cucumbers, and oranges!

These are just the basic ideas of each program — you aren't limited to playing with text in Illustrator, as Photoshop can produce some wonderful typographic-centered images as well! Each program has its strengths and weaknesses, and I'll be touching on specific features and tools in future EBAC Design posts.


Have questions? Looking forward to next Sunday's Design Tips and want to know or learn something specific? Comment!

Cheese + butter,
Mayene Design

: : : : : : : : : : : : : : : :

Sunday, October 16, 2011

Choosing fonts for your Etsy banner


Fonts. People get emotional over them and people get overwhelmed by them. There are so many to choose from, so where do you start? Here are a few questions to ask yourself before jumping into pages and pages of font browsing:

1. What kind of shop do I own?
2. Who is my target audience?
3. Will my Etsy banner have large or small text or both?

When trying to decide on a font for your shop, if you don't already have a logo for your "brand" just think in terms of how you want text to display on your Etsy banner. Your shop banner on Etsy is limited to 760 pixels (width) by 100 pixels (height) — that's really not a lot of space, but it is enough to get the job done.
It's ok to have more than one font in your banner (I'd recommend sticking to one or two only), but how do you know if they match or clash? Below are some basic design rules 
when trying to choose "font pairs".


AVOID HAVING TWINS
Have two fonts that look alike? Most people either won't care about the difference between Helvetica and Arial or won't even notice if you use them right next to each other or one on top of the other. There is no point in using two separate items that do the same job unless you are intentionally trying to annoy a designer that gets picky about that kind of minor detail (in that case, don't sacrifice your Etsy banner for that and get mixed up in the font mumbo jumbo — you're there to sell your work!)
This rule also includes mixing two fonts that are similar but you can still tell the difference between them — don't, they'll clash. Sibling rivalry is no fun.



KEEP IT IN THE FAMILY
There's an easy way to avoid looking for more than one font. Use a typeface. People often mix-up the two terms, so here's some clarification: a typeface is a "family" of fonts, while a font is one set of letters, numbers, and other glyphs or characters (sometimes just referred to as one "weight" of a typeface). For example, Helvetica is a typeface; it may include three (or more) different weights such as Light, Regular, and Bold. However, if you say "Helvetica Bold", then you are referring to a font. When you want to have two different fonts in your Etsy banner — one for your shop name and another for a brief description underneath — it's easy to use two fonts from the same typeface. When you keep your fonts in the same family, it makes the design of your banner look clean and professional. And it makes life simpler.



IT'S OK TO PAIR A SERIF AND A SANS-SERIF
Serifs are a little "brackets" or "feet" at the ends of the letters (e.g. Garamond is a serif font) and a sans-serif font is one without these little feet and hands (e.g. Helvetica or Gill Sans are sans-serif fonts). If you're going to be matchmaking these two types of fonts, go ahead and experiment.



IF YOU'RE USING A SCRIPT FONT…
Keep in mind that there are fonts that work well at bigger sizes, but not so well at smaller sizes. If you're planning on using a script or cursive font for your shop name, and you see that it looks great at a big display size on your banner, don't think that you'll get away with that elegance when writing a small shop description beneath your name in the same font. The readability decreases with size for some fonts, such as scripts or decorative fonts. In these cases, if you're planning on having a brief description in your banner, pair your script font with a serif or sans serif font.



Have questions? Looking forward to next Sunday's Design Tips and want to know or learn something specific? Comment!


Cheese & butter,
Mayene Design


: : : : : : : : : : : : : : : : :

Sunday, October 2, 2011

Design tips coming soon!

Hello all! While I write up your weekly Wednesday Item Features, I'll be starting to whip up design-related posts from tutorials to typography tips. Each post will be marked with this image before I begin:
In a couple of weeks, I'll start posting regularly on Sunday nights with your weekly dose of design, including How-To tutorials on your favorite (or most despised) programs, such as Adobe Photoshop, Illustrator, or InDesign. Have a question about fonts? Ask away — I will be happy to give suggestions or recommendations or build lists of fonts that may work for types of items or specific target audiences.

If there is anything design-related you would love to see or read more about, please let me know!

Stay tuned for the first EBAC design post!


Cheese + butter,
Mayene Design

: : : : : : : : : : : : : : : :

Wednesday, June 29, 2011

Wednesday Item Feature: Time for Typography

As a designer, I'm aware that typography books are being published left and right and font-related designs from jewelry to apparel to art are all over Etsy. It's my pleasure to find more and more people becoming aware of the importance of typography or just being interested in the art of beautiful letterforms. Happy to find a fellow designer in the EBAC team, Dee Adams from Oakland (also known as DeeDee914 on Etsy) grabbed my attention with her typography posters.

From Ballpark Wiener to Gill Sans Ultra Bold to a handwritten script typeface that states something I personally believe in ("Almost anything goes with bacon."), Dee presents what she calls "Feldmanisms", a collection of one-liners from a graphic design colleague. In beautiful hues of green (another hit for me, with green being my favorite color), these Feldmanisms are framed by boldly vectored swirls and a wavy border that almost looks like a thickly hand-sewn embroidery.

Printed on archival quality, 100% cotton rag, acid-free paper, using UV-stable pigment inks to maintain the rich green colors, the poster measures 18 x 24 inches and ships to you in heavy duty rolled shipping tubes.

If you're looking for something new, something different, or something to add to your typography and design posters and art all over your room or house, you'll find Dee's Feldmanisms typography poster is an entrancing green mix of magic for your walls. Well, what do you think?

Check out DeeDee914's listing on Etsy now: 18x24 Design Quotes Typography Poster - Feldmanisms!


Tune in next week for the Wednesday Item Feature!

Love & donuts,
Mayene