Przygotowanie dowolnego obrazu cyfrowego, który można odczytać w edytorze graficznym Adobe Photoshop, niezależnie od tego, czy jest to plik PSD, obraz TIF, czy „duży” obraz JPEG, do publikacji na stronie internetowej, forum lub w sieciach społecznościowych, a także do wysyłki do e-mail. Innymi słowy, jpeg dla Internetu. Udało się w rymie.
Oczywiście formaty obrazów, które może odczytać Photoshop, nie ograniczają się do tych trzech. I co miłe, większość da się przekonwertować do JPEG. Niezależnie od oryginalnego formatu istnieją dwa sposoby „japegize” w Photoshopie. Możliwość wyboru jest podwójnie przyjemna. Obie ścieżki są różne. Zewnętrzne różnice ujawniają się gołym okiem, różnice w celu („Którą drogą?”) Konkretnie podkreślę.
W tym samouczku przedstawię dwie instrukcje krok po kroku z niezbędnymi teoretycznymi „plamami”. Został zaprojektowany, aby pokazać, jak najlepiej zapisać wirtualny rysunek, kolaż lub zdjęcie w powszechnie używanym Format JPEG. Ta ostatnia jest najbardziej efektywna w przypadku obrazów z płynnymi przejściami kolorów.
Aby utrwalić i poszerzyć zdobytą wiedzę, a także rozwinąć umiejętności, przygotowałem odpowiednie ćwiczenia. Proponuję je uzupełnić, a następnie opublikować swoje wyniki w komentarzach do tej lekcji. Wypróbuj swoje umiejętności w „warunkach polowych”!
Pierwszy sposób
1 krok
otwarty oryginalny obraz w Photoshopie. W moim przypadku jest to plik o nazwie „Przykład.psd” zawierający narysowaną piłkę.
Naciskam kombinację klawiszy „Ctrl”, „Shift” i klawisz oznaczony łacińską literą „S” na klawiaturze lub wybieram „Plik” („Plik”)> „Zapisz jako ...” („Zapisz jako . ..”) w menu głównym. Pojawi się okno dialogowe zatytułowane „Zapisz jako”.
2 kroki
Wybieram lokalizację przyszłego obrazu JPEG. W razie potrzeby w polu „Nazwa pliku” wprowadź nową nazwę obrazu. Z rozwijanej listy „Typ pliku” wybieram format „JPEG (*.JPG, *.JPEG, *.JPE)”.
Poniższe parametry pozostawiam bez zmian, upewniając się, że „standardowy” sRGB jest określony i wybrany jako profil kolorów osadzony w przyszłym obrazie JPEG. Jeśli tak, przejdź do czwartego kroku.
Jeśli określono inny zamiast sRGB profil kolorów, na przykład ProPhotoRGB lub AdobeRGB, przed rozpoczęciem procedury omówionej w lekcji przekonwertuję oryginalny obraz do przestrzeni kolorów sRGB, aby kolory były wyświetlane jednolicie na większości urządzeń. Zrobię to w następujący sposób.
3 kroki
Naciskam klawisz Esc na klawiaturze, aby zamknąć okno Zapisz jako.
Wybieram w menu głównym „Obraz” („Obraz”)> „Tryb” („Tryb”). Jeśli „ptaszek” jest ustawiony obok „8 bitów\kanał” („8Bitów\Kanał”), wybieram „16 bitów\kanał” („16bitów\Kanał”). Pożądane jest zwiększenie głębi kolorów, aby konwersja z jednego profilu kolorów na inny przebiegała płynnie. Wizualnie zmiana głębi kolorów prawie nie wpłynie na oryginalne i końcowe obrazy.
Następnie wybieram „Edytuj” > „Konwertuj na profil” z menu głównego. Pojawi się okno dialogowe zatytułowane „Konwertuj na profil”.
W moim przypadku źródłowy profil kolorów („Source Space”), który opisuje kolory na rysunku, nazywa się „Adobe RGB (1998)”. Wybieram wartość „sRGB IEC61966-2.1” z listy rozwijanej „Przestrzeń docelowa”. Sprawdzam parametry konwersji - znajdują się one poniżej: parametr "Narzędzie" ("Silnik") jest ustawiony na "Adobe (ACE)", "Metoda (rendering)" ("Intent") - "Względny kolorymetryczny" ("Względny Kolorymetryczny”), ustaw Nie ma znacznika wyboru obok opcji „Użyj kompensacji punktu czerni”, nie ma znacznika wyboru obok opcji „Spłaszcz obraz, aby zachować wygląd”.
Jeśli zwiększyłeś głębię kolorów (zrobiłem to trochę wcześniej), opcja "Użyj Dither" będzie nieaktywna. Jeśli w otwartym obrazie jest tylko jedna warstwa (po otwarciu plików JPEG lub „zwykłych” plików TIF zwykle tak jest), opcja Spłaszcz obraz w celu zachowania widoku również jest wyłączona.
Klikam przycisk „Zakończ” („OK”). Okno Konwertuj na profil zniknie.
4 kroki
W głównym oknie programu pojawi się nowe okno dialogowe zatytułowane „Opcje JPEG”. Parametr „Jakość” pozwala ustawić stosunek jakości obrazu wyjściowego do objętości, jaką obraz zajmie w pamięci komputera. Tak więc zapłatą za zmniejszenie objętości jest pogorszenie jakości oryginalnego obrazu. Im niższe ustawienie Jakość, tym mniejszy rozmiar obrazu JPEG.
W tym przykładzie zatrzymam się na wartości 6.
Aby ocenić jakość obrazu przed zapisaniem, zaznaczę pole obok parametru „Podgląd”.
5 kroków
Ustaw wartość drugiego parametru - "Opcje formatu" - równą "Standardowo zoptymalizowany" ("Baseline Optimized"). Objętość przyszłego obrazu JPEG zmniejszyła się, ale jakość obrazu pozostaje taka sama.
6 kroków
Klikam przycisk OK w oknie Opcje JPEG i sprawdzam wynik.
Porównuję objętość oryginalnego rysunku PSD (~3000 Kb) i końcowego obrazu JPEG (82 Kb). Tym samym plik JPEG okazał się około 36 razy mniejszy od oryginalnego obrazu przy wizualnie równej jakości. Wygodna!
Zwracam uwagę na fakt, że rozmiar końcowego obrazu JPEG pozostaje taki sam, jak w oryginalnym obrazie PSD, to 2480 pikseli × 2480 pikseli.
Drugi sposób
1 krok
Otwieram oryginalny obraz w Photoshopie.
Naciskam kombinację klawiszy „Ctrl”, „Alt”, „Shift” i klawisz oznaczony łacińską literą „S” na klawiaturze lub wybieram „Plik” > „Zapisz dla Internetu...” („Zapisz dla sieci…»).
Pojawi się nowe okno dialogowe o tym samym tytule.
2 kroki
3 kroki
Ustawiam wartość parametru "Jakość" ("Jakość") na maksimum.
4 kroki
Zmniejszam rozmiar obrazu za pomocą parametru „Rozmiar obrazu”.
Jest to operacja opcjonalna, ale pomaga znacznie zmniejszyć rozmiar przyszłego obrazu JPEG, najczęściej przy minimalnej utracie jakości. Z jednej strony zmniejszenie rozmiaru doprowadzi do naturalnego zmniejszenia objętości, az drugiej do zmniejszenia szczegółowości. To z kolei ogranicza moją możliwość wydrukowania ostatecznego obrazu JPEG. Jeśli nie planuję drukować najnowszego, to zapomnę o ograniczeniach.
W ten przykład W polu „Szerokość” wpisuję wartość 600. Wartość w polu „Wysokość” zmieni się automatycznie. Ponadto rozmiar obrazu wyjściowego zostanie automatycznie zmieniony w stosunku do rozmiaru oryginalnego obrazu, określonego w polu „Procent”. Zmiany następują automatycznie, a pole „Procent” jest w stanie aktywnym, jeśli pola-parametry „Szerokość” i „Wysokość” są połączone, o czym świadczy odpowiednia ikona znajdująca się po prawej stronie nazwanych pól.
W oknie podglądu po lewej stronie ocenię rozmiar i jakość obrazu. I mogę znaleźć przybliżoną objętość tego ostatniego według wskazanej liczby, zwykle w kilobajtach (Kb) lub megabajtach (Mb) pod lewym rogiem okna.
5 kroków
Zaznaczam pole obok parametru „Zoptymalizowany”.
6 kroków
Jeśli chcę jeszcze bardziej zmniejszyć rozmiar obrazu wyjściowego, zmniejszam wartość parametru „Jakość” („Jakość”). Polecam trzymać się wartościw przedziale 45-90.
W tym przypadku wybiorę wartość 75.
W rezultacie średni czas przy dostępie do Internetu na poziomie jednego megabita (1 Mbit) czas pobierania mojego rysunku z Internetu wyniesie jedną sekundę. Jest to wskazane pod wartością głośności przyszłego obrazu JPEG.
Jednocześnie wizualnie obraz okazał się całkiem akceptowalnej jakości, przejścia tonalne są dość płynne.
7 kroków
Zaznaczam pole obok opcji „Konwertuj na sRGB” i wybieram wartość „Kolor monitora” z rozwijanej listy poniżej.
8 kroków
Na koniec zaznaczam pole obok opcji „Osadź profil kolorów”.
Pożądane są działania na 7 i 8 kroku, aby przyszły obraz JPEG był w przybliżeniu taki sam wyświetlany na różnych urządzeniach.
krok 9
W oknie dialogowym, które pojawia się z tytułem „Zapisz zoptymalizowany jako” („Zapisz zoptymalizowany jako”), wybieram lokalizację obrazu JPEG i ustawiam jego nazwę, jeśli to konieczne. Klikam przycisk „Zapisz” w aktywnym oknie. Oba okna znikają. Teraz mogę ocenić wynik.
Zamknij oryginalny obraz. W wyświetlonym oknie dialogowym z prośbą o zapisanie zmian wybierz „Nie” („Nie”).
Obraz uzyskany drugą metodą jest wygodny w użyciu do publikacji w Internecie. A obraz uzyskany pierwszą metodą można wydrukować oprócz publikacji w Internecie. Ze względu na to, że wielkość obrazu nie uległa zmianie, nie został on poddany interpolacji, co oznacza, że jego jakość jest a priori wyższa niż jakość obrazu uzyskanego drugą metodą.
Więcej o interpolacji i jej wpływie na pogorszenie jakości obrazu cyfrowego opowiem w lekcji „Co to jest interpolacja?”
Aby utrwalić zdobytą wiedzę, proponuję nie tylko zapisać kilka własnych zdjęć w formacie JPEG, ale także wykonać ćwiczenia dołączone do tej lekcji. Te ostatnie obejmują wyzwania, jakie możesz napotkać w fotografii.
Dzisiaj porozmawiamy o tym, jak prawidłowo zapisać i zoptymalizować obraz w Photoshopie oraz w jakim formacie lepiej to zrobić. Ale właściwy wybór Zapisz format ma duży wpływ na jakość i wygląd zewnętrzny obrazy, a także wagę obrazu w kilobajtach. Jest to szczególnie ważne dla tych, którzy biorą pod uwagę zużycie ruchu. Zajmijmy się więc kolejno jpg, gif i png.
1. W jakich formatach zapisywać zdjęcia
Po otwarciu ulubionego zdjęcia w Photoshopie i jakoś wyczarowaniu go lub w ogóle stworzeniu od podstaw kolażu własnej produkcji, należy ten plik zapisać na swoim komputerze. Istnieją trzy najpopularniejsze formaty zapisywania plików.
format jpg. Być może najczęstszy format. Nadaje się do przechowywania kompleksu obrazy graficzne o wielu kolorach i odcieniach oraz bogatej fakturze. Oznacza to, że zdjęcia najlepiej zapisać w tym formacie. Wśród jego wad jest to, że nie obsługuje przezroczystości i jest bardzo wrażliwy na czerwony. 
format GIF. Ten format jest bardzo dobry do zapisywania plików, z ograniczona liczba zabarwienie. Na przykład, strony tekstowe, tabele, schematy, logotypy, proste zdjęcia. Okazuje się znacznie jaśniejszy i mniej waży. Ponadto format obsługuje przezroczystość i animację. Jednak format jest moralnie przestarzały i już jest gorszy od formatu png. 
format png. Podobny do poprzedniego formatu, ale bardziej zaawansowany i wydajniejszy w kompresji obrazów. W png bardzo wygodnie jest zapisać clipart na przezroczystym tle. Dostępne są dwa formaty png-8 (dla prostych obrazków, obsługuje 256 kolorów) i png-24 (dla więcej złożone obrazy, dobrze obsługuje kolory). 
2. Zapisz za pomocą "Zapisz jako ..." (Zapisz jako ...)
Możesz zapisać obraz w stary dobry sposób za pomocą menu „Plik” -\u003e „Zapisz jako ...” (Zapisz jako ...) lub kombinacji klawiszy „Shift + Ctrl + S”. W rozwijanym menu wybierz format pliku, w jakim chcemy zapisać plik. (Patrz rysunek poniżej) Ta metoda jest stosowana, gdy zapisany obraz pozostanie na komputerze i nie jest przeznaczony do publikacji w Internecie. 
3. Zapisz za pomocą „Zapisz dla Internetu” (Zapisz dla Internetu ...)
Jeśli Twoje zdjęcie ma zostać opublikowane w Internecie, lepiej użyć funkcji „Zapisz dla Internetu” (Zapisz dla Internetu ...). Dzięki tej metodzie obraz jest coraz lepiej zapisywany specjalnie dla Internetu, a ponadto jest kilka wygodnych funkcji. Wybierz w menu "Plik" -> "Zapisz dla Internetu ..." (Zapisz dla Internetu ...) lub kombinację klawiszy "Alt + Shift + Ctrl + S". Otworzy się okno dialogowe.
Aby zapisać obraz w formacie jpg, w rozwijanym menu (1) wybierz format JPEG. Ustawiamy jakość konserwacji (2) od 75% do 95%. Zawsze stawiam 75%. W razie potrzeby ustaw wymagane wymiary obrazu (3). Pola po lewej stronie pokazują oryginalny rozmiar obrazu (4) i zoptymalizowany rozmiar obrazu (5). Następnie kliknij „Zapisz”. 
Aby zapisać obrazek w formacie gif, w rozwijanym menu (1) wybierz format GIF. Wybierz liczbę kolorów do zapisania (2). W razie potrzeby ustaw wymagane wymiary obrazu (3). Pola po lewej stronie pokazują oryginalny rozmiar obrazu (4) i zoptymalizowany rozmiar obrazu (5). Następnie kliknij „Zapisz”. 
Aby zapisać obraz w formacie png, w rozwijanym menu (1) wybierz format PNG-8. Wybierz liczbę kolorów do zapisania (2). W razie potrzeby ustaw wymagane wymiary obrazu (3). Pola po lewej stronie pokazują oryginalny rozmiar obrazu (4) i zoptymalizowany rozmiar obrazu (5). Zaznacz pole wyboru „Przezroczystość” (6), aby tło było przezroczyste. Następnie kliknij „Zapisz”. 
Jeśli nie jest od razu jasne, w którym trybie zapisać, najlepiej wypróbować wszystkie tryby zapisu, określając naocznie kombinację jakości obrazu i jego wagi, która jest dla Ciebie optymalna po optymalizacji. Ogólnie rzecz biorąc, warto poeksperymentować z ustawieniami, aby zrozumieć, jak działa konkretna funkcja.
09.11.2018 09.11.2018
Gdy praca w Photoshopie jest gotowa, należy ją zapisać.
W zależności od zadania, dla którego zapisujesz plik, musisz wybrać format. W tym artykule przyjrzymy się, jak zapisać i jaki format pliku wybrać.
W jakim formacie należy zapisać plik?
PSD. To jest standardowy format plików programu Photoshop. W nim zapisujesz swój plik, dzięki czemu możesz kontynuować pracę w dowolnym momencie. W formacie PSD nie będziesz mógł pokazać znajomym (rodzicom, dziewczynie itp.) narysowanego zdjęcia lub grafiki. Ten format można otworzyć tylko w programie Photoshop.
JPG. Format doskonale nadaje się do fotografii i innej grafiki. Przed zapisaniem w Photoshopie możesz zoptymalizować zapisany plik JPG - oznacza to, że możesz dostosować jakość obrazu, aby rozmiar pliku Ci odpowiadał. Format otwiera się na dowolnych komputerach i telefonach. Dobra decyzja aby pokazać zdjęcia bliskim, wysłać grafikę do pracy, zapisać tło dla strony itp.
PNG. Wykorzystywany jest głównie przez projektantów do grafik na stronach internetowych, reklam internetowych (banerów), grafik dla aplikacje mobilne itp. Format wyróżnia się obsługą przezroczystości obrazu. Jeśli chcesz zapisać obiekt na przezroczystym tle, zapisz go jako PNG.
gif. Ten format jest używany, jeśli chcesz zapisać animację. Na przykład, animowany baner, emotikon, krótki film lub naklejka. Zapamiętaj wszystkie znane GIF-y, które krążą po Internecie - to tylko ten format.
Jak zapisać w PSD
Nadaj plikowi nazwę i wybierz Format PSD(zwykle wybrane domyślnie).
Pamiętaj, aby zaznaczyć pole wyboru Warstwy. W przeciwnym razie wszystko nie zostanie zapisane i nie będzie żadnych korzyści z takiego zapisania pliku.
Jak zapisać jako JPG
- Wykonaj polecenie Plik - Zapisz.
- Wybierz format JPG.
Następnie pojawi się okno, w którym możesz skonfigurować parametry zapisanego pliku.
Tutaj możesz dostosować jakość zdjęcia, ustawiając wartość Jakość od 1 do 12.
Zaznacz pole wyboru opcji podglądu, a zobaczysz, jak zmieni się jakość zdjęcia po zmianie opcji Jakość.
Ponadto możesz od razu zobaczyć, ile waży plik, gdy go zapiszesz. Im mniejszy plik, tym szybciej możesz wysłać go przez Internet, tym szybciej zostanie załadowany przez innego użytkownika. Pamiętaj, że nikt nie lubi długo czekać na wrzucenie zdjęć w Internecie, zwłaszcza przez telefon komórkowy.
Najlepiej pozostawić odmianę formatu Progresywny. Teraz nie będziemy wchodzić w szczegóły techniczne, ale ta opcja jest najlepsza.
Podczas zapisywania należy dostosować jakość, aby obraz nie ucierpiał zbytnio, a rozmiar pliku został znacznie zmniejszony.
Jak zapisać jako PNG?
Nie ma potrzeby zapisywania zdjęć w formacie PNG. Użyj tego formatu, jeśli chcesz zapisać wysokiej jakości obraz z przezroczyste tło.
Pojawi się okno z ustawieniami dla zapisanego obrazu.
Wybierz format PNG-24 - będzie obraz wysokiej jakości o najmniejszej wadze pilnika i we wszystkich kolorach.
Sprawdź pudełko Przezroczystość aby obraz miał przezroczyste tło.
Opcje - z przeplotem oraz Wbudowany profil musi zostać usunięty, ponieważ Jest to dodatkowe i niepotrzebne obciążenie pliku.
obraz z przezroczystym tłem zapisany w Photoshopie Jak zapisać jako GIF
Wybierz format GIF.
Format GIF poważnie kompresuje obraz pod względem kolorów i odpowiednio wagi pliku. Dostępnych jest maksymalnie 256 kolorów.
Nie zapomnij zaznaczyć pola obok Przezroczystość mieć przezroczyste tło w razie potrzeby.
Adaptacyjny model kolorów jest najlepszy, gdy chcesz oszczędzać z maksymalną jakością.
roztrząsanie Ustawiłem go na 100%, w którym to przypadku przejścia gradientowe są płynniejsze.
Jeśli masz animację w GIF-ie, możesz dostosować jej liczbę powtórzeń. Zwykle kładzione wiele razy aby animacja była nieskończenie powtarzalna.
Teraz wiesz, jak zapisywać w Photoshopie przy użyciu najpopularniejszych formatów. Czy masz jakieś pytania? Zapraszam do komentowania.
Adobe Photoshop to popularny wielofunkcyjny edytor graficzny. Wielu użytkowników spotyka się z tym, zwłaszcza podczas przetwarzania zdjęć i obrazów. Jak zapisać dokument w Photoshopie? To jedna z głównych funkcji edytora graficznego. W dalszej części wszystkie możliwe metody zapisywanie zdjęć. Wskazówki oferowane do Twojej uwagi znacznie ułatwią proces pracy z programem Photoshop. Są łatwe do nauczenia i zastosowania w praktyce.
Regularne zapisywanie
Jak zapisać zdjęcie w Photoshopie? Pierwsza opcja dostępna w edytor graficzny, to polecenie „Zapisz”. Jest zwykle używany podczas przetwarzania wcześniej otwartego dokumentu. Podczas wykonywania polecenia wcześniej istniejący obiekt zostanie zastąpiony edytowanym obrazem.
- Otwórz zdjęcie i edytuj je według własnych upodobań.
- Kliknij przycisk „Plik”. Znajduje się na pasku narzędzi u góry ekranu.
- Kliknij przycisk „Zapisz...”.
Ważne: jeśli użytkownik stworzył od podstaw dokument graficzny, po wykonaniu czynności na ekranie pojawi się log zapisu. Tutaj musisz określić nazwę dokumentu, format jego przechowywania i zamierzoną lokalizację na komputerze.
Opcja „Zapisz jako...”
Drugim sposobem na zapisanie plików graficznych jest użycie polecenia "Zapisz jako...". Ta technika jest podobna do wcześniej badanego algorytmu działań. Posiada wiele opcji zapisywania. Ta metoda doskonale nadaje się do powielania zdjęć.
- Po edycji dokumentu kliknij „Plik”.
- Z wyświetlonego menu wybierz „Zapisz jako...”.
- Podaj nazwę zapisanego dokumentu.
- Wybierz format zapisu. Znajduje się w wierszu „Typ pliku”.
- Określ, gdzie zapisać dokument graficzny.
- Kliknij „Zapisz”.
- Określ opcje zdjęć. Zwykle wybiera się tutaj jakość obrazu i typ formatu. Możesz określić standardową lub ulepszoną optymalizację lub ze stopniową poprawą jakości obrazu podczas ładowania.
- Kliknij przycisk „OK”.
Zrobione. Nauczyliśmy się innego sposobu zapisywania dokumentów za pomocą Photoshopa. Aby szybko aktywować opcję, możesz nacisnąć Ctrl + Shift + S.
Z zamknięciem pliku
- Przejdź do zakładki z wybranym obrazem.
- Przesuń kursor w prawo górny róg zakładki z odpowiednim dokumentem.
- Kliknij krzyżyk lewym przyciskiem myszy.
- Zgadzam się na zapisanie dokumentu, klikając „Tak”.
Ważne: Jeśli klikniesz Nie, program Photoshop zamknie się bez zapisywania zmian w dokumencie. „Anuluj” spowoduje powrót użytkownika do edytora bez żadnych zmian.
Zasoby internetowe
Często "Photoshop" jest używany podczas tworzenia grafiki dla stron internetowych. Pozostaje tylko poprawnie zapisać dokument. Co jest do tego potrzebne?
- Wybierz "Plik" - "Zapisz dla Internetu...".
- Określ zestaw graficzny i format zapisu.
- Ustaw opcje tła.
- Określ jakość i rozmiar obrazu.
- Kliknij przycisk „Zakończ”.
Szybki dostęp do opcji odbywa się za pomocą skrótu klawiaturowego Alt + Shift + Ctrl + S.
Zapisywanie tła i obrazu bez niego
Jak zapisać tło w Photoshopie? To dość proste zadanie. Chodzi o to, że użytkownik może użyć dowolnego obrazu jako tła. Pozostaje tylko ustawić go jako wspomniany element obrazu.
Tworzenie tła w Photoshopie odbywa się w następujący sposób:
- Otwórz lub utwórz dokument graficzny.
- Kliknij przycisk „Dodaj nową warstwę”.
- Skopiuj obraz używany jako tło.
- Wklej obrazek na utworzoną nową warstwę.
Teraz pozostaje dokonać niezbędnych korekt obrazu, a następnie przenieść warstwę tła na sam dół.
Jak zapisać obraz w Photoshopie bez tło? Aby to zrobić, musisz utworzyć dokument .gif lub .tiff. Lepiej jest pracować z pierwszą opcją. Aby to zrobić, będziesz musiał aktywować opcję "Zapisz dla Internetu ...", a następnie w opcjach zapisywania umieścić znacznik wyboru obok "Przezroczysty".
Witam drodzy czytelnicy bloga Start-Luck! W kontakcie Andrey Zenkov i moje praktyczne porady dotyczące projektowania stron internetowych. Dzisiaj porozmawiamy o tych samych kluczach, bez których Twoja witryna nigdy nie otworzy drzwi do świata zakładek przeglądarki (a tak ważne jest, aby użytkownik oznaczył ulubione strony gwiazdką).
Będzie, jak można się domyślić, o obrazach. Wybranie jasnego zdjęcia to tylko połowa sukcesu. Po jego obróbce, koloryzacji, nakładaniu tekstu i innych manipulacjach horyzont się wisi nowy problem: jak zapisać obraz w Photoshopie?
Załóżmy, że stworzyłeś stronę internetową o zwierzętach domowych i chcesz dodać obszerną galerię zdjęć. Bacha – a nie wyobrażasz sobie designu bez uroczych ikon menu w postaci odcisków łap. A co z sekcją z zabawnymi animacjami, które rozweselą gości strony?
Z entuzjazmem dopasujesz wszystkie obrazy, aby dopasować, zapisać i ... zobaczyć, że wysiłek idzie na marne. Piksele całkowicie zabijają pieczołowicie stworzone „łapy”, a na zdjęcia w ruchu nie można patrzeć bez łez. Photoshop automatycznie przechodzi na listę programów do odinstalowywania, a Ty obiecujesz sobie znaleźć prawdziwego rzemieślnika. Po co? Możesz zrobić wszystko sam, poznawszy główny sekret, którego zawsze używam.
Algorytm zapisywania obrazów w optymalnej jakości zależy od ich formatu. Nie chcę wchodzić w szczegóły, mówiąc o tym, które są rastrowe, a które wektorowe. Co więcej, możesz je zmienić za pomocą kilku kliknięć. Pisałem już o tym w jednym z moich artykułów, dzieląc się z czytelnikami, jak zmienić format obrazu.
Analizując strony, w które bogaty jest Internet, zauważyłem jeden ciekawy szczegół: wszystkie elementy graficzne reprezentowane są przez zaledwie kilka uniwersalnych formatów, podczas gdy o istnieniu innych zupełnie zapomniano. Czym oni są?
Główne grupy obrazów w projektowaniu stron internetowych
Zawartość graficzna stron internetowych jest warunkowo podzielona na trzy kategorie.
Kolaże i zdjęcia
Charakteryzuje je format JPG – notabene najczęściej spotykany w sieci. Obrazy te są niewielkich rozmiarów, co pozwala na wykorzystanie ich w projektowaniu strony bez obawy o powolne ładowanie strony. Na przykład ten sam krajobraz zapisany w JPG i PNG różni się znacznie wagą:
Ikony, guziki i banery
Format PNG jest preferowany dla tych elementów projektu. Pozwala wyciąć obiekt i zapisać obraz bez tła, używając zamiast tego „tła” witryny. Poleciłbym ten format również dla obrazów, które nie mają ogromnej palety. Na przykład utwórz dokument w Photoshopie i - nazwę strony:
Zapisujemy obraz w dwóch formatach i porównujemy wynik:
Animacja
GIF jest przeznaczony do tworzenia animowanych obrazów składających się z dwóch lub więcej warstw. Można to zrobić nie tylko za pomocą Photoshopa, ale także. Nazwałbym ten format najbardziej kapryśnym, bo przy zapisywaniu trudno to osiągnąć dobra jakość. Na szczęście mam hack, który daje minimalnie pikselowane animacje. Zaintrygowany? Czytaj!
Instrukcje krok po kroku dotyczące zapisywania obrazów
Zacznijmy od JPG: bardzo łatwo jest zrobić zdjęcie bez utraty jakości. Aby to zrobić, kliknij „Plik” - „Zapisz jako”. W razie potrzeby możesz użyć kombinacji klawiszy Shift + Ctrl + S:
W wyświetlonym oknie poszukaj listy rozwijanej „Typ pliku” i wybierz wiersz JPEG. Zwykle domyślnie oznacza:
Na tej samej liście rozwijanej możesz również wybrać linię PNG, upraszczając w ten sposób zadanie. Zalecam jednak zapisywanie obrazów z przezroczystym tłem w inny sposób.
Sprawdź okno, które się otworzy. Twoim zadaniem jest upewnienie się, że element PNG-24 jest zaznaczony na liście rozwijanej i że obok wierszy „Przezroczystość” i „Z przeplotem” znajdują się znaczniki:
Uwaga: ostatni znacznik wyboru skraca czas ładowania obrazu na stronie, ale jednocześnie zwiększa jego wagę. Jeśli ci to nie przeszkadza, kliknij Zapisz. W rozwijanym oknie wybierz ścieżkę pliku i ponownie naciśnij cenny przycisk, aby uzyskać Obraz PNG i jak najszybciej umieść go na stronie!
Animacja jest zapisywana za pomocą tej samej pozycji menu, ale teraz musisz wybrać opcję GIF z listy rozwijanej. Świetna ilość parametry i niezrozumiałe słowa mogą powodować dezorientację, a nawet strach. Nie jest tego warte! Wystarczy ustawić opcje, których używam:
Podsumowując
Praca z grafiką wymaga ciągłego doskonalenia umiejętności, bez skupiania się na jednym czy dwóch kierunkach. Jak być? Kiedyś prawdziwym odkryciem było dla mnie zestaw pięciu mini-kursów z projektu Photoshop Master. Od nich nauczyłem się więcej niż jednego bajta przydatna informacja.
Materiał prezentowany jest w przystępnej formie i bezpłatnie. To świetna alternatywa dla studiowania na akademiach komputerowych i spędzania wielu godzin na szukaniu odpowiednich lekcji w Internecie.
To wszystko. Nie zapomnij zasubskrybować Grupa VKontakte i aktualizacje bloga dla cotygodniowej porcji świeżych i przydatne artykuły.
Był z tobą Andriej Zenkow. Do zobaczenia wkrótce!