Changes between Version 4 and Version 5 of Guidelines/CommonMistakes


Ignore:
Timestamp:
06/02/08 21:55:57 (6 years ago)
Author:
mso
Comment:

--

Legend:

Unmodified
Added
Removed
Modified
  • Guidelines/CommonMistakes

    v4 v5  
    1515[[Image(blurry-10-1.png)]] 
    1616 
    17 But how are you supposed to make it correct if you don't see the difference in 1:1 and inkscape zooms it other way than we did? Again, don't worry. Inkscape can show the pixel grid for you, so you can check if anything is aligned as supposed. Go to File > Document Properties, and there click on the Grid tab. Add new rectangular grid and make sure, Spacing X/Y is set to 1 px and Origin X/Y is set to 0 px. Now the pixel grid lines appear in the document.  
     17But how are you supposed to make it correct if you don't see the difference in 1:1 and inkscape zooms it other way than we did? Again, don't worry. Inkscape can show the pixel grid for you, so you can check if anything is aligned as supposed. Go to File > Document Properties, and there click on the Grid tab. Add new rectangular grid and make sure Spacing X/Y is set to 1 px and Origin X/Y is set to 0 px. Now the pixel grid lines appear in the document.  
    1818 
    1919However, you need to keep in mind that the grid lines are actually what you can call "lines between pixels" so the real pixels are inbetween the lines. That means, that every line you have in your icon needs to be '''between''' the grid lines - '''not''' cross them. Again here's the example what the wrong (on the left) and correct (on the right) case look like: 
     
    2121[[Image(blurry-inkscape.png)]] 
    2222 
    23 Now you have nearly everything you need in order to make your icon crisp. However, inkscape has prepared one another "trap" for you - if the grid is displayed it automaticaly aligns everything on it - which means your lines will be just in between two pixels (note that sometimes this might intentional in order to easily create various effects), which in the result image will look blurry because the line would be divided into two pixels. But how to workaround that? There are multiple ways to do it: 
     23Now you have nearly everything you need in order to make your icon crisp. However, inkscape has prepared one another "trap" for you - if the grid is displayed it automaticaly aligns everything on it - which means your lines will be just in between two pixels (note that sometimes this might be intentional in order to easily create various effects), which in the result image will look blurry because the line would be divided into two pixels. But how to workaround that? There are multiple ways to do it: 
    2424 
    2525 * Set the Origin X/Y to 0.5 px and draw the lines '''on''' the grid lines, or