Hot answers tagged pixel
10
Pixel fonts aren't terribly different from tiny print fonts when you get right down to it*. The one big exception is that you know what the medium will do with pixel fonts -- a very big advantage.
There really isn't an ideal pixel grid, per se. Obviously a larger grid gives you more room to work. The smallest types I've seen work successfully are 7px ...
7
Short answer: One pixel can contain one color (and one value for opacity, but that's not relevant here). The different letters/number you see in your color code are the values that constitute it.
HTML colors are defined using a hexadecimal notation (HEX), those are the letters/numbers you see, and they are the combination of Red, Green, and Blue color ...
6
Joe Gillespie did some great micro screen font work under the MiniFonts moniker.
These are still available via MyFonts.
Silkscreen is a related design by Jason Kottke.
6
Using File → Save for Web and entering the dimensions will do what you're after. Also, Illustrator uses vector scaling, so the results are better than if you tried the same thing in Photoshop — entering dimensions that don't match the document in Photoshop means the image will be bitmap scaled.
Please note that you have to click Apply after changing the ...
4
No you should not use anti-aliasing for pixel art
You can draw by hand or on the computer but in the end you need to use the pencil tool for the majority of the work you do on the computer, that's the whole idea behind "pixel art."
I have no idea what you mean by the rest of your question, are you trying to do anti-aliasing by hand? That doesn't really ...
3
I've seen this before as well. I was able to fix it by disabling “Use Graphics Processor” under Preferences / Performance (I'm using CS6, so the names may be slightly different).
There's a little more discussion here: Photoshop: Inaccurate selections with Radeon graphics cards on Mac OS
Of course, disabling GPU will slow things down...
It's worth noting ...
3
I've found the iOS specifications in one single page, it's hard to find all resolutions in one single place, because the list is growing up everyday, and some of them becomes obsoletes soon, but fortunately that information is not hard to accomplish, as soon as you need to now one, is just a Google search far from you, and you could create your own list with ...
3
If you are planning to use photoshop for making your logo, here is how, I think, you can go for it:
1) create a new blank document, with your desired dimension.
2) Use any bold(thick) font and type "SBS".
3) Add stroke to the text, by double clicking the text layer, via Layer Styles.
4) Create a rectangular box (U), and duplicate it as many times as you ...
2
In the top right corner fly out menu of the transform panel, you can select or deselect "Align New Objects To Pixel Grid"
The paths within the symbol might be set to "Align To Pixel Grid". Disabling it for the specific paths might be ignored anyway, so it's necessary to dispatch the shape from the symbol, disable the align option and recreate the symbol. ...
1
For many instances simply using Save for Web or Exporting from Illustrator is sufficient.
You may need to take care that you choose the right anti-aliasing option. Often Art Optimized yields the best results.
And working with the Align to Pixel Grid option turned on always helps keep things crisp and smooth.
I only move items to Photoshop if I want to ...
1
Since this seems to be web-focused: you can get a colour picker add-on for most browsers that let you click any pixel and get its colour code right there, including in HTML hex format. Colorzilla is a longstanding popular choice for Firefox and Chrome.
(Internet explorer actually has one built in, believe it or not... ctrl-k or Developer Tools (F12) > ...
1
Preferably a method that doesn't involve copying and pasting blocks
around.
Unfortunately you're going to need to do this work yourself. Not everything in this world is perfect and automated yet. While I'm sure there's some sort of software/action out there to achieve this, you'll have much more control and freedom over your logo if you do it by hand.
...
1
You may or may not have a problem.
You say:
The user is able to preload the editor with a fixed canvas size..
either its 500 * 500 pixels or 300* 300 pixels ... my user draws in
pixels but i tell him that this is millimiters. The user has no idea
it is pixels
If you make the user aware that the canvas area on the screen represents a printable ...
1
It would be nice if you posted a screen-shot.
I will assume that you are not sitting on a high resolution screen. And sometimes when the canvas is zoomed out, some pixels have to dissappear. Say that you have a one pixel straight line and zommes out to 0.5x, that line still have to be 1 pixel wide. If you know what I mean.
I'm not sure I understood your ...
1
I've heard lots of complaints about this but my team and I have had very few issues.
I occasionally run into stray anti-aliasing pixels. In those cases, simply dragging the object off the artboard then repositioning solves it.
This approach has worked for me since CS3. Though I haven't personally tried it in CS6 one designer I work with uses 6 primarily ...
1
"Isometric" pixel art, as per Eboy uses lines with a 2:1 horizontal:vertical ratio. As far as I am aware, these are constructed from copy-pasting pixels rather than using Photoshop's line tool - here's a tutorial.
This is a 26.66° angle (arctan (1/2)).
Only top voted, non community-wiki answers of a minimum length are eligible
