I'm trying to create similar icons to the coverflow one below within Illustrator, but I can't find a tutorial b/c I don't know what the effect is called. It looks like it's embossed with a light grey border. (I took an enlarged screen shot of the icon)
Is this "letterpressed"? And, would I be better off using Photoshop?
Any help appreciated!
WHUT . . .
Dude, what are you talking about??? Letterpressed . . ?
That's just some tiny little 24px X 24px icon made in Photoshop, using the Pencil Tool. SUPER simple. Nothing complicated going on here. Just manual pixel placement. But if you're not accustomed to "pixel art" to any degree even creating icons modelled after your posted image may feel awkward.
You can do this, It's easy. Yes, Photoshop is what you need for this, not Illy. At the very most, there may be a 1px vertical drop shadow applied to generate the emboss highlight at the bottom, as if to indicate the graphic is slightly engraved into the surface.
Holler if you have further questionations. I'll try to remain calm.
Photoshop is what you need for this, not Illy.
Why would you need photoshop? You can easily make a grid of boxes (via various methods) whatever size you desire in illustrator and color them however you desire. I see no drop shadows, gradients, embosses, just simple colored boxes with stokes to create the result shown in the provided photo.
Whoops - this was in response to 1st comment.
Thanks for your help.
I can replicate it in PS using said Pencil tool, but it's a PITA. I was hoping for some magical unicorn setting that would do it for me... plus, I'd like to keep it vector.
I figured someone would suggest this. Yes, of course you could use Illy to make a grid of boxes, but why would you do that?
If each box is a separate object they become clumsy to quickly move around and recolor, whereas in PS you simply draw away with the Pencil Tool. Easier/faster. Make it larger by scaling the resulting raster PNG by factors of 100% using Nearest Neighbor to make sure all original pixels stay square, like dis:
the provided photo
That's just a screenshot of the 24x24 icon open in PS, zoomed way it, with Pixel Grid turned on. OP doesn't actually wanted the thin grey grid over the top; no strokes needed.
Yeah Mathias17, I understand pixel art, raster vs vector, scaling, yada yada, its an illustrator forum thus I gave an illustrator answer. Heck I could do it in Flash as well, but again this was an illustrator question. Also it seemed like webchic2008 was wondering about the stokes when they questioned "don't know what the effect is called. It looks like it's embossed with a light grey border."
Regardless, can it be done in illustrator? Yes! Is it the best tool, thats up to the person doing the creating and the result they wish to yield.
Yep, it's one of those cases where the functionality overlap in mutliple programs can confuse what software is best used.
And I may be wrong to suggest Photoshop, say if hawtwebchick wants to use the icon at various random sizes for something and doesn't mind randomly anti-aliased edges. I guess the determining factor ought to be intended usage. And, I think, what software you're most comfy with should factor in.
It's Seusical the Musical!
The person (dude) who wants me to create these icons hasn't specified dimensions, and he [thinks he] knows Illustrator. So, I'm figuring if I hold out long enough, I can make him do the Pixel Penciling his ol'self because that, my friend, is no fun.
Thank you both for the help.
in illustrator I figured someone would suggest this. Yes, of course you could use Illy to make a grid of boxes, but why would you do that? If each box is a separate object they become clumsy to quickly move around and recolor
Just for the record, aside from various methods of making grids in Illustrator as I already mentioned above, I don't see the colorization as being all that cumbersome or time consuming either if you know what your doing in Illustrator, likewise through various methods such as: regular selection methods, eye dropper tool + option key, Live Paint features, etc...
But again it all comes down to what you want to achieve, the overall end result desired, and what you know in regards to the ability needed to accomplish things. But can Pixel Art be done in Illustrator yes, is it the best option, thats subjective based on the desired result and outcome.
I agree. It's mostly personal preference - Different people may accomplish the same thing at the same speed, but in different programs they happen to be proficient with, and the resultant outcome still perform as needed in it's intended context.
Or something like that.
(dudechic I hadn't even noticed you marked me as helpful, I was just kidding with you. They need a "complete retard" label.)
Is the label for you or for me?
I had previously marked you as helpful for fear of retribution of the spaghetti kind. WHUT?
You both contributed to me becoming a better person, and if that seems far fetched, then at least presented the pros and cons of Illy & PS.
This one differs greatly from the first one you posted.
I would definitely never recommend manual pixel art for an icon like this - way too much need for smooth antialiasing.
You could even design these in Illy, using the pixel snapping . . . but it's so annoying. Though, you get so much more control when doing little tinies like these.