Do przygotowana naszej oprawy graficznej w programie Photoshop wymagane są 2 polecenia: Slice Tool, ono da nam możność zbudowania tabelek, które posłużą za prowadnice dla powiedzmy nożyczek oraz Save for Web, które producent wprowadził z wydaniem 5.5, które posiada możliwość eksportu naszej pracy, z wcześniej pociętej grafiką jako pełnej witryny HTML, a za razem bardzo dobrej optymalizacji całości plików.

Pocięta grafika to nic innego jak kilka obrazków wspólnie składających się w jedną całość, czyli pierwotnie stworzoną grafikę.
Jej zastosowanie jest różne, spotyka się coraz więcej przypadków jej wykonania na stronach internetowych; tworzenie layoutu (oprawy graficznej) całej strony w programie graficznym wymaga późniejszego cięcia grafiki na poszczególne jej elementy.
Dodatkowo Adobe Photoshopma funkcję , dzięki której program sam tworzy kod HTML i wstawia na websajt przygotowane grafiki, jako całość. Ponadto dla nowicjuszy języka HTML, dzięki pociętej grafice proście jest robić dużo linków hipertekstowych, niż ma to miejsce w przypadku mapowania linków na pojedynczym imidżu.

Warto też umieszczać wszelkiego rodzaju fotografie, rysunki czy też obszerne pliki graficzne pocięte na witrynie internetowej. Dlaczego? Otóż ma to swoje plusy i minusy. Często błędnie mylimy to, że dzięki pociętej grafii strony będą wczytywane szybciej. Każda witryna zawierająca, lub składająca się w całości z pociętej grafiki będzie sprawniej się wczytywać (a nie załaduje), gdyż przeglądarka będzie miała za zadanie sciągnąć po kolei każdy plik przygotowanej szaty graficznej. Wiemy, że im będzie on lżejszy załaduje go lepiej, a user będzie mógł ujżeć na websajcie coś się dzieje i najprawdopodobniej jej nie zostawi i poczeka aż wczyta się całość. Trzeba jeszcze podkreślić, iż suma całkowitego czasu oczekiwania w 2 będzie identyczna.

W cięciu grafiki nie ma nic nadzwyczaj niepojętego. Przygotowaną szatę trzeba tylko pociąć . Wcześniej celowo nieznacznie zmodyfikowany (operacka Brightless/Contrast), by zademonstrować interesujący wynik:
Teraz mamy element naszej strony internetowej i możemy po krótkich modyfikacjach kodu na przykład pisać na danej części obrazka. Modyfikujemy nasz kod: zmieniamy rysunek3.gif jako background dolnego rzędu, a jemu nadajemy cięcie grafiki wymiary tego samego rysunku, by uzyskać ten sam rozmiar całej tabelki.

To tylko mały przykład ile zastosowań może posiada cięcie grafiki i jak bardzo jest one użyteczne. Nadmieniam istnieją dodatkowe cięcie layoutu opcje cięcia grafiki, np. zoomowanie na elementy o danej szerokości. Mam nadzieję, iż jest ono dla Was zrozumiałe.

Muszę też wspomnieć o konkurencyjnym oprogramowaniuu Photoshop. W Paint Shop Pro funkcja cięcia szat graficznych doszła do programu w wydaniu 7 i jest oczywiście dostępna w najświeższych wersjach. Służy do tego krok: File=>Export=>Image Slicer. Inne firmy nie stoją w tle i też zaopatrzyły własne programy w ficzery cięcia grafiki.

Podobne teksty:

  1. Wykorzystanie grafiki komputerowej w reklamie.
  2. Strony www Rzeszów