Photoshop veebidisaineritele

Kursus keskendub Photoshopi kasutusvõimalustele veebidisaineri perspektiivist. Vaatame töövahendeid ja võtteid, mis hõlbustavad graafika loomist veebis kasutamiseks.

1-päevane Kurus on mõeldud arvutikasutajale, kes on olemas vähene varasem kokkupuude Adobe tooteperekonna toodetega.

JPEG

JPEG (or JPG) images often have better compression than PNGs which will result in smaller filesize. Try using JPEGs whenever you don’t need transparency (for example, background images). About 90% of the time you’ll get a smaller file with JPEG which will reduce loading time of your compositions. Most design tools offer a quality option for JPEG export, which is useful when trying to achieve an optimal balance between image size and quality. The lower the quality, the lower the filesize, and vice-versa.

PNG

PNG files are ideal when you need to use images with transparency. PNG also supports alpha transparency, which makes them ideal for creating graphics with translucent colours. There are three main formats of PNG. (There’s also animated PNGs which are a great GIF contender, but unfortunately don’t have very wide browser support.)

PNG-8

PNG-8 as exported from Photoshop or Illustrator doesn’t support alpha transparency, which means that every pixel is either transparent or opaque so you’ll see some jaggedness on curves or diagonal edges (see the above graphic). However if your graphic contains straight lines and you need transparency (for example, a blue square on a transparent background) PNG-8 is the way to go for optimal file size.

PNG-24

PNG-24 supports alpha transparency, which means you can have fine degradations of translucency. This is the most popular format for Edge Animate as transparent PNGs allows for crisp graphics with transparency support so you can layer your elements.

PNG-32

PNG-32 is similar to PNG-24 with the exception it also carries 8 bits of transparency.