zdjęcia w necie

Zdjęcia w necie są wszechobecne począwszy od stron internetowych poprzez przeróżne aukcje do ogromnie popularnych portali społecznościowych. Standardowe pliki z lustrzanek cyfrowych są za duże do publikacji w sieci ich wgranie zajmuje zbyt dużo czasu i miejsca na serwerze. Ten tutorial pokaże jak sprawnie zmniejszyć zdjęcia w programach photoshop i gimp. Zademonstruje również jak podpisać zdjęcie czyli jak dodać znak wodny.

Save for web...

 

Photoshop

Zacznę od nałożenia znaku wodnego w postaci warstwy tekstowej. Otwieramy zdjęcie, które ma być przygotowane na website, chwytamy za narzędzie skrót T, na górnym panelu ustawiamy rodzaj czcionki, jej wielkość i kolor (klikamy na prostokąt w środkowej części listwy)

photoshop górny panel narzędzia tekstowego

paleta koloru photoshop

Wpisujemy tekst znaku wodnego, może to być nazwisko autora, nazwa firmy bądź adres strony internetowej, który umieszczamy w dolnej części zdjęcia, ja wybrałam prawą stronę. Warstwę tekstową przeciągamy trzymając wciśnięty lewy przycisk myszy. Efekt wygląda tak:

przygotowanie znaku wodnego w photoshop

 

paleta warstw photoshop

 

 

Podpis nie może odwracać uwagi od treści samego zdjęcia dlatego zmniejszę krycie tekstu. W tym celu otwieram paletę warstw (F7 lub zakładka OKNO/WARSTWA ) w okienku krycia możemy ręcznie wpisać wartość np.41%  albo wciskając strzałkę po prawej stronie rozwijamy skalę.

 

 

 

 

 

 

 

 

 

 

 

Scalamy warstwę tekstową z naszym zdjęciem WARSTWA/ZŁĄCZ WIDOCZNE lub skrót Shift+Ctrl+S

znak wodny photoshop

zakładka plik w photoshop

 

 

 

 

 

 

Przejdźmy teraz do sedna sprawy czyli zmniejszenia rozmiarów zdjęcia na potrzeby internetu. W photoshop jest taka fajna funkcja w zakładce PLIK,  ZAPISZ DLA INTERNETU I URZĄDZEŃ....  (Alt+Shift+Ctrl+S). Kiedy zdjęcie jest już gotowe do publikacji: wykadrowane, drobny retusz zrobiony ewentualnie wykończone ramką , wybieramy wyżej wymienione polecenie, które otworzy nam dodatkowe okno:

 

 

 

 

 

 

 

save for web

 

save for web.....Przyjrzyjmy się możliwościom jakie daje panel z prawej strony okna. Niekonwencjonalnie zacznę omawiać funkcje od dolnej części palety. Omijamy tablicę koloru i klikamy ROZMIAR OBRAZU ja wybrałam szerokość 700 pikseli i przy zaznaczonym oknie zachowaj proporcje wysokość zostanie automatycznie przeliczona. Klikamy na przycisk ZASTOSUJ i nasze zdjęcie ma nowy rozmiar. Idziemy wyżej STYL USTAWIEŃ. Pierwsze okno od lewej strony wybieramy JPEG , plik o takim rozszerzeniu najlepiej oddaje obrazy o ciągłej tonacji barw ( np. Gif świetnie nadaje się do grafiki wektorowej lub animacji). Niżej mamy stopień kompresji i jakości obrazu. Maksymalna da nam najlepszą jakość obrazu ale najmniejszą kompresję czyli dość duży plik. Niska znacznie pogorszy czytelność naszego obrazu ale kompresja będzie największa i plik będzie tak mały, że momentalnie zobaczymy go w sieci. Ja osobiście zalecam używanie jakości wysokiej a nawet bardzo wysokiej , szybkość wgrywania do netu nie może odbywać się kosztem jakości  zdjęć. Ten sam parametr można ustawić w oknie JAKOŚĆ za pomocą suwaka. Zaznaczając ZOPTYMALIZOWANY uzyskamy najmniejszy możliwy rozmiar pliku. PROGRESYWNY wybierając tę opcję, obraz w przeglądarce internetowej będzie pojawiał się stopniowo w czasie ładowania na stronę. Jeśli zależy nam na jakości obrazu nie radzę używać rozmycia. Jeśli zamierzamy częściej wykorzystywać takie ustawienia możemy je zapisać klikając na dwie strzałki zaznaczone na ilustracji czerwonym kółkiem.

Przy obecnym ustawieniu na pulpicie mamy jeden obraz zoptymalizowany, możemy jednak ustawić dwa gdzie w lewym będzie widoczny fragment oryginału i w drugim zdjęcie po kompresji. Jest też możliwość podziału pulpitu na cztery zdjęcia : oryginał  porównany z wybraną przez nas kompresja ( w niebieskiej otoczce) i dodatkowe dwie bardziej skompresowane, które można wybrać jednym kliknięciem.

 

optymalizacja obrazu w photoshop

 

 

 

save for web photoshop

Pod każdą propozycją kompresji widzimy wielkość pliku i czas wgrywania do sieci przy konkretnej prędkości łącza internetowego, po prawej stronie informację o stopniu jakości.

photoshop zapisywanie dla netu

Kiedy już wszystko gotowe wciskamy OK w prawym górnym rogu wskazujemy lokalizacje na naszym komputerze do zapisania zmniejszonego pliku.

 

Gimp

Jeśli używacie gimpa przydatną wtyczką do optymalizacji obrazu będzie RIOT - Radical Image Optimization. Plik po ściągnięciu na komputer należy rozpakować, po zainstalowaniu otwórzcie Gimp  i rozwińcie zakładkę PLIK znajdziecie tam nowo zainstalowaną pozycję:

optymalizacja obrazu w gimp zanim wybierzemy tę zakładkę, należy otworzyć zdjęcie, które chcemy zmniejszyć dla potrzeb internetu Ctrl+O, dalej wybieramy SAVE FOR WEB WITH RIOT.... Jeśli plik oryginalny jest duży pokaże  się taka komenda:

gimp save for web

 

 

 

 

Potwierdzamy YES i zobaczymy okno w którym wstawiamy wielkość pomniejszonego obrazu, wystarczy wstawić width, szerokość, przy zaznaczonej opcji Keep aspect ratio wysokość zostanie automatycznie wyliczona. Wartość zmniejszenia obrazu można również ustalić procentowo:

gimp zmniejszamy plik

 

 

 

 

 

 

 

 

 

 

 

 

Wybraną, nową wielkość zatwierdzamy OK i ustawiamy dalej:

 

gimp

Jeśli zabiegi nas satysfakcjonują wybieramy SAVE i zapisujemy nowy, pomniejszony obraz w dowolnej lokalizacji naszego komputera.

 

1 Votes left

Programy

Chcę poznać możliwości porogramu

27

Votes

GIMP
Vote
44

Votes

Adobe Photoshop
Vote
36

Votes

Adobe Lightroom
Vote

jVoteSystem developed and designed by www.joomess.de.

Udostępnij :

© Aidifoto - Kilka słów o fotografii | Design by: LernVid.com