Adobe Photoshop 1 Zadanie I Tworzenia prostego plakatu reklamowego z przeznaczeniem do druku. Wymiary projektu 210x297mm. Tryb CMYK. Spady 3mm. a. Two...
11 downloads
21 Views
2MB Size
Adobe Photoshop Zadanie I Tworzenia prostego plakatu reklamowego z przeznaczeniem do druku. Wymiary projektu 210x297mm. Tryb CMYK. Spady 3mm. a. Tworzenie i wymiarowanie nowego dokumentu.
Pamiętaj o częstym zapisywaniu projektu! Możesz użyć kombinacji klawiszy Ctrl + S
b. Powiększamy utworzony dokument o spady drukarskie.
Spad - obszar druku, który wychodzi poza krawędź ostatecznej publikacji. Nasz projekt zakłada spad 3mm (z każdej strony) co każe nam dodać do obszaru A4 naszego projektu 6mm na szerokość i 6mm na wysokość. 1
Adobe Photoshop c. Dodajemy kolorowe tło przy użyciu narzędzia Gradient (gradient liniowy).
1
2
3
TUTAJ znajdziesz więcej ciekawych kompozycji gradientów.
4
Po uaktywnieniu narzędzia Gradient liniowy, kursor zmieni postać na „+”. Przytrzymując wciśnięty lewy klawisz myszy (zaczynając od lewego górnego rogu projektu, przeciągamy mysz w kierunku prawego dolnego rogu projektu i puszczamy.
2
Adobe Photoshop d. Otwieramy zdjęcie monitora i wyodrębniamy przedmiot z tła za pomocą narzędzia Różdżka. Narzędzie „Różdżka” (Magic Wand, klawisz W) działa na zasadzie zaznaczania sąsiadujących i podobnych do siebie pod względem barwy i jasności pikseli w obrazie. Idealne do wyodrębniania przedmiotów z jednokolorowego tła.
1
2
Uaktywnione narzędzie Różdżka zmienia wygląd kursora.
3
Kliknięcie kursorem w biały obszar wogół monitora zaznaczy całe tło.
W punkcie 3 zaznaczyliśmy białe tło ale do realizacji zadania potrzebne jest nam zaznaczenie monitora, co uzyskamy odwracając zaznaczenie. Zaznaczone zostanie wszystko co znajdowało się wcześniej poza obszarem selekcji.
4
6
5
Otwieramy ponownie plakat_A4.psd a następnie wklejamy skopiowany monitor.
Zaznaczony obszar kopiujemy.
3
Adobe Photoshop e. Skalowanie warstwy monitora.
zaznaczamy aby zachować proporcje podczas skalowania
akceptujemy zmiany
uchwyty
Skalujemy (zmieniamy rozmiar) przytrzymując wciśnięty LPM na jednym z uchwytów i przesuwając mysz.
f. Zmiana nazwy warstwy. Klikam prawym przyciskiem myszy w warstwę na palecie warstw. Z menu kontekstowego wybieram Właściwości warstwy.
Wybieramy kliknięciem lewym przyciskiem myszy Warstwę 1.
g. Dodawanie warstwy tekstowej. Z przybornika wybieramy narzędzie Tekst (T). Zwróć uwagę na wygląd kursora. Kliknij jednokrotnie w obszar projektu i zacznij wpisywanie tekstu. Kiedy skończysz pisać wybierz:
4
Adobe Photoshop Aby powrócić do edycji tekstu wystarczy (mając aktywne narzędzie Tekst) kliknąć w tekst.
Chcąc zaznaczyć fragment tekstu w celu edycji należy wcisnąć LPM na początku zaznazanego tekstu i puścić mysz na końcu.
5
Adobe Photoshop Zadanie II.Tworzenie grup odcinania - wstawiamy dodajemy obraz na ekran monitora • otwieram projekt plakat_A4.psd • będę pracować na warstwie monitor więc zaznaczam ją na palecie warstw
a. Zaznaczanie obszaru za pomocą narzędzia Lasso wielokątne
• mając aktywne narzędzie zaczynam zaznaczać wnętrze monitora. Klikam LPM w rogach szklanej tafli uzyskując prostokątną selekcję.
b. Kopiowanie zaznaczonego obszaru na nową warstwę. Dzięki tej operacji otrzymamy nową warstwę o nazwie monitor kopia (zmieniamy jej nazwę na ekran)
6
Adobe Photoshop c. Umieszczam w projekcie obraz liść.jpg. • z menu programu wybieram pozycję Plik -> Umieść następnie zmniejszam obraz liścia za pomocą uchwytów tak, aby był nieznacznie większy od ekranu monitora • akceptuję zmiany
• przytrzymuję wciśnięty klawisz Alt i klikam LPM na linię pomiędzy warstwą liść - kiedy klawisz Alt jest wciśnięty a kursor jest na linii między warstwami, kursor zmienia postać!
7
Adobe Photoshop c. Łączenie warstw • jeśli zależy nam, aby dwie warstwy nie mogły zmienić położenia względem siebie, możemy je tymaczasowo połączyć (nie mylić ze scalaniem, któe jest nieodwracalne!) • zaznaczamy dwie warstwy na palecie warstw (możemy zrobić to przytrzymując wciśnięty klawisz Ctrl lub Shift) • klikamy prawym przyciskiem myszy na zaznaczoną warstwę -> Połącz warstwy
c. Wyrównywanie warstw względem siebie (wyśrodkowujemy warstwy projektu) • aby wyrównać siebie dwie lub więcej warstw należy je zaznaczyć (z wciśniętym klawiszem Ctrl lub Shift) • zaznaczamy wszystkie warstwy, któe mają zostać wysrodkowane • zwróć uwagę, że na pasku opcji pojawiły się ikony wyrównywania warstw
c. Zapisywanie w formacie .pdf. • Pamiętamy o zapisaniu projektu w dotychczasowym formacie -> skrót Ctrl+S • Dobrą praktyką jest „spłaszczenie” projektu przed zapisanie w pdf’ie, co zmniejszy rozmiar pliku wyjściowego i usunie ryzyko problomów z drukiem tekstu. • Zapisujemy w formacie .pdf -> menu Plik -> Zapisz jako Pozostawienie pustego pola przy opcji Warstwy również znacznie zmniejszy rozmiar pliku i wyeliminuje ryzyko wielu problemów w drukarni.
8
Adobe Photoshop • podczas przygotowywania projektu do druku niezbędny jest kontakt z drukarnią, która przekaże zalecenia dotyczące ustawień końcowych.
Ćwiczenia dodatkowe 1. Stwórz dowolny kreatywny fotomontaż wykorzystując dostępne zdjęcia, zapisz go formacie .jpg. Wykorzystaj zdobyte umiejętności selekcji fragmentów zdjęć, kopiowania i wklejania.
2. Dostałeś zlecenie zaprojektowania obrazu do posta reklamowego na facebook o wymiarach 1200x800px. Utwórz odpowiedni plik i zapisz go na swoim komputerze pod nazwą reklama_1200x800px w formacie .psd. Na koniec zapisz plik w formacie .jpg. Podpowiedzi a. Plik -> Nowy b. Rozdzielczość: 72 piks/cal | Tryb kolorów: RGB 3. Przygotuj plik pod projekt naklejki (do wydruku) o wymiarach 100x100mm. Podpowiedzi a. Rozdzielczość 300 piks/cal | Tryb kolorów CMYK 4. Otwórz dowolne zdjęcie, następnie zmień jego tryb kolorystyczny na Skalę szarości i zapisz w swoim folderze po nazwą skala_szarosci.jpg 9
Adobe Photoshop Odrobina teorii 1. Podstawy grafiki Różnice pomiędzy grafiką rastrową (bitmapową) a wektorową.
GRAFIKA WEKTOROWA
GRAFIKA RASTROWA
Grafika wektorowa • obraz tworzony jest za pomocą obiektów geometrycznych takich jak okręgi, elipsy, krzywe. Obiekty te wypełniane są kolorami. • można swobodnie przesuwać oraz przekształcać obiekty grafiki wektorowej bez ryzyka utraty szczegółów czy przejrzystości, ponieważ są one niezależne od rozdzielczości grafika wektorowa sprawdza się najlepiej w obrazach z małą ilością szczegółów - loga, herby itp. Grafika rastrowa • obraz stanowi układ barwnych (lub czarnych i białych) punktów — pikseli, wypełniających obszar, zwykle o kształcie prostokąta. • obrazy bitmapowe są zależne od rozdzielczości. Oznacza to, że mają stałą liczbę pikseli. Po dużym powiększeniu na ekranie lub wydrukowaniu przy rozdzielczości niższej niż ta, dla której zostały utworzone mogą utracić szczegóły i mieć zniekształcone linie (przykład na obrazku). • obrazy bitmapowe służą do przedstawiania tzw. obrazów ciągłotonowych (takich jak fotografie czy obrazy cyfrowe). • wysokość i szerokość bitmapy liczona jako liczba pikseli w pionie i w poziomie (rozdzielczość) np. rozmiar zdjęcia w tle na facebook to 851x315 pikseli. • liczba bitów na piksel opisująca liczbę możliwych do uzyskania kolorów (głębia kolorów).
10
Adobe Photoshop Podstawowe modele barw Tryby kolorów (mode) są unikalnym sposobem zapisu barw w cyfrowym świecie w zależności od przeznaczenia i umiejętności wyświetlania kolorów, np. czy kolory mają być wyświetlane na ekranach, czy też nadrukowywane na papier. Tryby kolorów opisują barwy w zakresie określonej przestrzeni kolorów (gamutu), który jest zbiorem wszystkich możliwych do otrzymania (wyświetlenia, wydrukowania) barw i tonacji. RGB • addytywne kolory podstawowe to trzy kolory światła (czerwony red, zielony green i niebieski blue), tworzące w procesie łączenia w różnych kombinacjach wszystkie kolory widma widzialnego. • dodanie równych części czerwonego, niebieskiego i zielonego światła tworzy barwę białą. Całkowity brak czerwonego, niebieskiego i zielonego światła tworzy barwę czarną. • trybu kolorystycznego RGB używamy przygotowując obrazy na urządzenia cyfrowe (do wyświetlania na monitorze, tablecie, telefonie itp.) • [0,0,0] w trybie RGB to czerń, natomiast [255,255,255] to biel
CMYK • C - cyan, M - magenta, Y - yellow, K - black • subtraktywne kolory podstawowe są pigmentami, które tworzą widmo kolorów z różnych kombinacji. • np. kolor pomarańczowy jest tworzony w procesie subtraktywnego mieszania karmazynowego i żółtego. • trybu CMYK używamy przygotowując materiały/ obrazy do druku. • [0,0,0,0] w trybie RGB to biel, czyli zero nałożonego tuszu
Lab • • • •
Lab (właściwie CIELAB D50) opisywanie kolorów w tej przestrzeni oparte jest na postrzeganiu koloru przez ludzkie oko. skrót Lab to trzy kanały — luminancja (Lightness), a (tinta) i b (temperatura). tryb Lab jest użyteczny, jeśli chcemy korygować jedynie tonację naszego zdjęcia, ponieważ pracujemy wtedy na kanale Lightness, podczas gdy w RGB proces ten jest niemożliwy, gdyż tony są połączone z informacją o barwie w poszczególnych kanałach.
11
Adobe Photoshop Formaty zapisu JPEG (Joint Photographic Experts Group) – niewątpliwie najpopularniejszy format plików graficznych z kompresją stratną; używany zarówno w sieci internet (obsługiwany przez prawie wszystkie przeglądarki), jak i w aparatach cyfrowych TIFF (Tagged Image File Format) – popularny format plików graficznych udostępniający wiele rodzajów kompresji (zarówno stratnej, jak i bezstratnej) oraz umożliwiający przechowywanie kanału alfa. PNG (Portable Network Graphics) – popularny format grafiki (szczególnie internetowej); obsługiwany przez większość przeglądarek WWW; obsługuje kanał alfa, GIF (Graphics Interchange Format) – popularny format grafiki (szczególnie internetowej); obsługiwany przez prawie wszystkie przeglądarki WWW; może przechowywać wiele obrazków w jednym pliku tworząc z nich animację; obsługuje przeźroczystość
12