Grafika z okładki. Program: Photoshop CS4 Poziom: średni Pliki na WWW

Podobne dokumenty
Fotografia cyfrowa obsługa programu GIMP

Rób to najmniejszym rozmiarem stempla, powiększ obraz w trakcie tej korekty.

Adobe Photoshop lab. 3 Jacek Wiślicki, 1. Napisy (c.d.) Ogień Miód Metal Aqua...

Kurs Adobe Photoshop Elements 11

Podstawowe szkolenie z Photoshopa

Spis treści. strona 1 z 10

Utworzyliśmy właśnie fragment elementów, które będą imitować fotomanipulację kobietycyborga. W taki sposób prezentuje się nasz efekt:

Retusz twarzy - efekt Glamour

Gimp. Program do grafiki rastrowej odpowiednik płatnego programu Photoshop

Gimp - poznaj jego możliwości!

Mieszanie warstw trybem Nakładka

Kurs Adobe Photoshop Elements 11

Animacje cz. 2. Rysujemy koło zębate

Podstawy Photoshopa - warstwy, zaznaczanie, zmiana kolorystyki obrazka, szybkie operacje, szparowanie

Pokażę w jaki sposób można zrobić prostą grafikę programem GIMP. 1. Uruchom aplikację GIMP klikając w ikonę na pulpicie.

GIMP fotografia kolorowa i czarno-biała

Retusz i kolorowanie starej fotografii

Photoshop. Tworzenie tekstu

Tworzenie szablonu pocztówki

Agnieszka Kowalska-Owczarek. Podstawy grafiki rastrowej

Jak zrobić klasyczny button na stronę www? (tutorial) w programie GIMP

Przetwarzanie grafiki rastrowej na wektorową

Wstęp do GIMP wycinanie obiektu z obrazka, projekt napisu. Rozpoczynamy prace w GIMP-e

Woda na powierzchniach. Rafał Chylaszek & Tomasz Krok 5 czerwiec 2009

Przedstawione przykłady możesz potraktować jako ćwiczenia doskonalące umiejętność wykorzystywania warstw.

Photoshop. Warstwy. Wykład 3. Opracowała: Elżbieta Fedko. Projekt jest współfinansowany ze środków Unii Europejskiej

Wszystkie znaki występujące w tekście są zastrzeżonymi znakami firmowymi bądź towarowymi ich właścicieli.

Ćwiczenia I 2011r. zajęcia stacjonarne Przygotowanie grafiki statycznej i animowanej w programie GIMP

Ćwiczenie 12 Różdżka, szybkie zaznaczanie i zakres koloru

Grafika komputerowa ZS Sieniawa Andrzej Pokrywka. Ścieżki cz. 2. Rysunki z kreskówek. Autor: Joshua Koudys

Grafika Komputerowa. Zajęcia X

Odbicie na szkłach okularów

Tworzenie napisu i obrysu.

"Fotomontaż- proste i szybkie efekty"

Zadanie Wstaw wykres i dokonaj jego edycji dla poniższych danych. 8a 3,54 8b 5,25 8c 4,21 8d 4,85

Obsługa programu Paint. mgr Katarzyna Paliwoda

Jak przygotować pokaz album w Logomocji

GIMP. Ćwiczenie nr 6 efekty i filtry. Instrukcja. dla Gimnazjum 36 - Ryszard Rogacz Strona 18

Zaznaczenie prostokątne. Zaznaczenie eliptyczne. Tekst. Okno warstw. Wypełnienie kubełkiem. Gradient. Kolor pierwszo i drugoplanowy

PRACA Z PLIKAMI RAW W COREL PHOTO-PAINT X5 NA PRZYKŁADOWYM ZDJĘCIU

PROJEKT WIZYTÓWKI WIZYTÓWKA A

Tworzenie grafiki na potrzeby WWW

WARSTWY cd. Narzędzia służące do transformacji warstw są przedstawione na poniższym rysunku: Służą one odpowiednio do:

Tworzenie stempla W poniższym poradniku zostanie zaprezentowany ciekawy sposób na stworzenie

Wykonanie ślimaka ze zmiennym skokiem na tokarce z narzędziami napędzanymi

Projekt witryny pt. Oko

GIMP GNU Image Manipulation Program. Narzędzia Informatyki

MATERIAŁY DYDAKTYCZNE. Streszczenie: w ramach projektu nr RPMA /16. Praca na warstwach w programie GIMP

smutny Clown zła zima

Obsługa programu Paint materiały szkoleniowe

Korzystanie z efektów soczewek

Temat 1: GIMP selekcje, wypełnienia, ścieżki

córka szamana trudny 160 min.

osiągnąd z zakładki zaznaczenie wybieramy powiększ obszar zaznaczenia

Grafika Komputerowa Materiały Laboratoryjne

Ćwiczenia GIMP. S t r o n a Uruchom program gimp: 2. I program się uruchomił:

TECHNIKI MULTIMEDIALNE LABORATORIUM GIMP: Projektowanie tła

.: Zaznaczanie, kopiowanie i wklejanie w GIMPie :.

WSTĘP; NARZĘDZIA DO RYSOWANIA

Automatyzacja i robotyzacja procesów technologicznych

Fotografia cyfrowa obsługa programu GIMP. Cz. 18. Tworzenie ramki do zdjęcia. materiały dla osób prowadzących zajęcia komputerowe w bibliotekach

INSTRUKCJA PRZYGOTOWANIA PLIKÓW POD LAKIER CLEAR TONER DLA MASZYNY XEROX COLOUR 1000

JAK ZAPROJEKTOWAĆ WYGLĄD STRONY INTERNETOWEJ W KREATORZE CLICK WEB?

PORADNIK PRZEMALOWANIA MODELI cz.2

Przed rozpoczęciem pracy otwórz nowy plik (Ctrl +N) wykorzystując szablon acadiso.dwt

24. Profesjonalne wygładzanie skóry i usuwanie krost

PIXLR EDITOR - Autor: mgr inż. Adam Gierlach

Grafika komputerowa. Zajęcia IX

Wstawianie nowej strony

narzędzie Linia. 2. W polu koloru kliknij kolor, którego chcesz użyć. 3. Aby coś narysować, przeciągnij wskaźnikiem w obszarze rysowania.

Kurs Adobe Photoshop Elements 11

Jak uzyskać efekt 3D na zdjęciach z wykorzystaniem programu InkScape

1. Pobierz i zainstaluj program w 3 krokach : 2. Wybierz produkt -> FotoAlbum (Photo Books)

DOKUMENTY I GRAFIKI. Zarządzanie zawartością Tworzenie folderu Dodawanie dokumentu / grafiki Wersje plików... 7

Operacja macro. czyli jak podpisać zdjęcie i zrobić miniaturę. Tworzymy nową akcję. Anna Góra. Zmiana dpi zdjęcia na 300 piks/cal.

Ćwiczenie 6 Animacja trójwymiarowa

Ćwiczenia z Adobe Photoshop CS

Fotografia cyfrowa obsługa programu GIMP. Cz. 15. Retusz twarzy i postaci. Jak skorygowad defekty i wygładzid twarz?

Grafika Inżynierska (komputerowa) Grafika rastrowa Program GIMP

Kurs Adobe Photoshop Elements 11

Ćwiczenie 1 Wyznaczanie prawidłowej orientacji zdjęcia słonecznej fotosfery, wykonanego teleskopem TAD Gloria.

Tworzenie infografik za pomocą narzędzia Canva

Maski warstw. Nic nie zastąpi przykładu, na którym jest jasno pokazane co i jak, a więc koniec wymądrzania się, zobaczmy o czym ja w ogóle mówię.

Adobe Photoshop Dodatek do lab4 J.Wiślicki, A.Romanowski;

Ćwiczenie nr 2. Najbardziej przydatnymi narzędziami do retuszu są: stempel - kopiuje fragmenty obrazu z wybranego obszaru w inne miejsca obrazka,

mojszop.pl!!!!!!!!!!!!!!!!

Zaznaczanie komórek. Zaznaczenie pojedynczej komórki polega na kliknięciu na niej LPM

Metaliczny button z deseniem.

Edycja kalendarzy. Wykorzystaj moż liwoś ci Photoshopa. photoshop.sklep.pl

Spis treści. Adobe Photoshop lab. 2 Jacek Wiślicki,

Koloryzacja zdjęcia czarno-białego

Ćwiczenie dodatkowe - Wybrane narzędzia modelowania Zadanie Przygotować model stołu z krzesłami jak na rysunku poniżej(rys. 1).

Podstawy tworzenia prezentacji w programie Microsoft PowerPoint 2007

3.7. Wykresy czyli popatrzmy na statystyki

Ćwiczenie 5 Animacja tekstu

Ćwiczenie 1 Galeria zdjęć

Ćwiczenie 2 Warstwy i kształty podstawowe

Włącza i wyłącza automatyczny hinting. Pozwala na określenie czy chcemy, aby hinting był stosowany również do większych czcionek.

Ćwiczenia 7 Obsługa programu GIMP

1. Umieść kursor w miejscu, w którym ma być wprowadzony ozdobny napis. 2. Na karcie Wstawianie w grupie Tekst kliknij przycisk WordArt.

Transkrypt:

Grafika z okładki Program: Photoshop CS4 Poziom: średni Pliki na WWW PSD_03_2010_PL.indd 1/25/10 2:30:49 PM

Photoshopowy tort urodzinowy W tutorialu tym pokażę techniki fotomontażu. Na przykładzie urodzinowej grafiki nauczycie się używać różnego rodzaju trybów mieszania warstw i tworzyć elementy fotokompozycji w technice digital paint. Autor: Bartłomiej Lewicki 1 2 1 tło Zaczynamy od utworzenia pliku i ustawienia formatu naszej pracy - [Ctrl]+[N] nadając parametry Width 2480, Height: 3508 pixels, Resolution : 300 pixels/inch, czyli A4. Wypełniamy nasz plik gradientem (Layer>New Fill Layer > Gradient) z kolorem #575850 i ustawieniem Radialnym, Kątem 90 stopni i Skalą 150. Gdy już to zrobimy, możemy pokombinować i powielić nasz gradient ze zmienionym ustawieniem skali i opcją warstwy na Łagodne światło (Soft Light), co da nam zróżnicowanie w przejściu tonalnym od zewnątrz do wewnątrz. Na koniec do tła wrzucamy nasz plik o nazwie asfalt.jpg, który rozciągamy, dopasowując do całości i zmieniamy Krycie na 8% a tryb na Mnożenie (Multiply) z usuniętym kolorem. PSD_03_2010_PL.indd 2 wycinamy tort Teraz do naszego tła dorzucimy tort, który stworzymy ze ściągniętego stocka. Otwieramy plik tort dziecko.jpg [Ctrl]+[O]. Wybieramy narzędzie Pióro (Pen) i obrysowujemy sam tort, pomijając świeczki, tak żeby uzyskać tylko jego kształt, po czym prawym przyciskiem myszki tworzymy zaznaczenie (Make Selection). Odwracamy zaznaczenie i usuwamy to, co niepotrzebne. Teraz pozostaje nam dopracować go, tak by był cały z czekolady, czyli narzędziem Stempel (Stamp) pozbywamy się pozostałości po świeczkach. Tak właśnie, gdy już to zrobimy, będzie wyglądać podstawa naszego tortu 3 warstwowego. 1/25/10 10:06:44 PM

Grafika z okładki 3 tort i modelka Po przygotowaniu naszej pierwszej warstwy tortu kopiujemy ją na nowe warstwy, tak żeby stworzyć tort złożony z 3 warstw. Zmieniamy tylko skalę [Ctrl]+[T] każdej z nich i nakładamy na siebie, tak żeby tworzyło nam to całość i ustawiamy na środku naszego tła. Otworzymy teraz plik modelka.jpg - [Ctrl]+[O]. Wycinamy ją podobnie jak nasz tort przy użyciu tej samej techniki i skalujemy, tak by siedziała na skrawku. Oczywiście ważne, by ją trochę wyretuszować i podkreślić cienie i światła, co nada plastyczności modelce - najlepiej narzędziem Rozjaśnienie (Dodge Tool) z minimalną wartością % i (Burn Tool) ściemnienie z podobna wartością. 4 czekolada Otworzymy teraz plik czekolada.jpg [Ctrl]+[O], z którego stworzymy polewę na nasz tort. Musimy tak pokombinować, żeby stworzyć wrażenie, że spływa ona i rozlewa się aż pod sam tort. Wyciąłem z naszego stocka dwa elementy, w tym jeden skopiowałem dwa razy, czyli w sumie mamy cztery warstwy. Jednej użyjemy na wierzchu tortu kolejną na środek i na spód. Z tej, której nie kopiowaliśmy, zrobimy łączenie pomiędzy wierzchem a środkiem. W tym przypadku będziemy musieli wymodelować nasz element przy pomocy narzędzia deformacja (Liquify). Rozciągamy go na tyle, żeby łączył się z górną polewą i sprawiał wrażenie, że spływa ku dołowi. Ważne, żeby nadać temu naturalny wygląd, co czasem wymaga czasu. 5 5 PSD_03_2010_PL.indd 14 4 6 czekoladowe świeczki Teraz otworzymy plik swieczki.psd, z którego stworzymy czekoladowe 20 lat naszego magazynu. Zdjęcie wykonałem samodzielnie, a następnie wyciąłem nasze 20, by Wam ułatwić sprawę. Teraz wystarczy przerzucić 20. na nasz tort w odpowiednie miejsce i nadać jej wrażenia, że jest z czekolady, a jako że składa się z warstw, wystarczy wczytać zaznaczenie i wypełnić je kolorem #6a2d20, który będzie naszą bazą. Po wypełnieniu, przy pomocy narzędzia rozjaśnienie (Dodge Tool) i ściemnianie (Burn) na minimalnych wartościach, nadajemy naszym świeczkom w odpowiednich miejscach cienie i światła, by nie były płaskie. Ostatnie co nam pozostanie to detale, które będą podkreślały realizm. Z naszego wcześniejszego pliku czekolada.jpg kopiujemy na nowe warstwy zacieki i inne wypukłości i przy pomocy Gumki (Eraser) i zmiany Krycia dopasowujemy, tak by było to wszystko jednolite i w miarę naturalne. 14 3 6 czekolada na torcie Jak widać, na tym etapie naszego tortu, kolor polewy czekoladowej trochę odbiega od całości. Zaznaczamy teraz, wraz ze świeczkami, wszystkie warstwy z naszymi elementami płynącej polewy. Przy pomocy [Ctrl]+ LKM klikając po kolei na każdą z nich. Tworzymy warstwę z kolorem kryjącym #493326 i ustawieniem krycia na Kolor (Color). Tym sposobem nasza polewa pasuje kolorystycznie do warstw naszego dużego tortu. 1/25/10 2:31:33 PM

Photoshopowy tort urodzinowy 7 tortowe dodatki Nasz tort należałoby teraz ozdobić, żeby nie był taki smutny. Otwieramy wiec plik tortowe.jpg i wycinamy naszą pierwszą ozdobę z kremu. Będzie ona pasowała na dolną krawędź tortu i nieco wyżej, jeśli ją odpowiednio przeskalujemy i dopasujemy - [Ctrl]+[T]. Zmieniamy jej kolor jak w punkcie powyżej (kolor #3361a4). Po wypełnieniu, narzędziem Rozjaśnienie (Dodge Tool) i Ściemnianie (Burn) tworzymy cienie i światła. Musimy obserwować otoczenie, by elementy nie wyglądały sztucznie. 8 tortowe kulki Teraz do naszego kremu w niebieskiej tonacji, dorzucimy słodkie różowe i większe zielone kulki. Otwieramy plik kulka.jpg i najwygodniejszym dla nas sposobem wycinamy kulkę, z której zrobimy różowe i zielone cukiernicze dodatki na naszym torcie. Wszystkie czynności powtarzamy jak w punktach 6 i 7, z tym że używamy koloru różowego #d14caf i zielonego #81b61d. Przy większych zielonych kulkach stworzyłem iluzję odbicia w czekoladowej polewie - kopiując każdą z nich i przy użyciu [Ctrl]+[T] spłaszczając ze zmniejszonym kryciem (30%). Pamiętajmy, żeby do kulek na niebieskim kremie również dodać cień. Najłatwiej to wykonać przy pomocy polecenia Efekty (Layer Style), dla którego należy zaznaczyć Cień (Drop Shadow) z ustawieniami: Krycie (Opacity) 75%, Kąt (Angle) 62, Zasięg (Spread) 0, Odległość (Spread) 7, Wielkość (Size) 10. 8 7 10 9 9 10 listki i posypka Kolejnym elementem, który doda uroku całości, będzie akcent dwóch zielonych listków, które zrobimy z pliku lisc.jpg. Wycinamy liść i kopiujemy na dwie różne warstwy. Obydwa kryjemy kolorem #81b61d, stosując tą samą technikę co wcześniej, i skalujemy, umieszczając w odpowiednim miejscu pod warstwą z kremem. Na powierzchni z tego samego koloru zrobimy Pędzlem (Pen) posypkę, która będzie tylko detalem, ale doda uroku. Wartość pędzla ustawmy na 4 px. i modyfikujmy w ustawieniach pędzli kształt - spłaszczone kółko bez miękkich krawędzi. Gdy już domalujemy na naszej warstwie odpowiadającą nam ilość posypki, w oknie dialogowym Efekty (Layer Style) zaznaczamy Cień (Drop Shadow) z ustawieniami: Krycie (Opacity) 75%, Kąt (Angle) 62, Zasięg (Spread) 44, Odległość (Spread) 5, Wielkość (Size) 0. PSD_03_2010_PL.indd 15 cukierkowe PSD Aby nasz tort bardziej sugerował, do czyich dokładnie urodzin się odnosi, pozwolimy sobie dodać tekst PSD ułożony z cukierków gotowy napis znajduje się w pliku psd.jpg. Wycinamy go i przerzucamy w odpowiednie miejsce na naszym torcie. Nakładamy kolor #d14caf, a w oknie dialogowym Efekty (Layer Style) zaznaczamy Cień (Drop Shadow) z ustawieniami: Krycie (Opacity) 75%, Kąt (Angle) 62, Zasięg (Spread) 0, Odległość (Spread) 4, Wielkość (Size) 5, następnie Cień wewnętrzny (Inner Shadow) z kolorem #5f145b, Kryciem 100%, Odległością 8, Ssaniem 0, Wielkością 5 i na koniec Nałożenie koloru (Color Overlay) #c244a4 z Kryciem 100%. 15 1/25/10 10:07:16 PM

Grafika z okładki 11 czekoladowe szczegóły By nasza praca nie była taka banalna warto czasem dodać szczegóły, których nie widać na pierwszy rzut oka. Na oddzielnej warstwie stworzyłem ociekający czekoladą palec, z którego czekolada skapuje na jedną, wykonaną wcześniej, kulkę. Użyłem do tego Pędzla z odpowiednim kolorem i narzędzia Deformacja (Liquity), które stosowaliśmy wcześniej. Krople i rozlewającą się czekoladę po prostu stworzyłem, wyobrażając sobie, jak wyglądałaby w rzeczywistości. Poprawiłem też czekoladową polewę, którą robiliśmy na początku, żeby zróżnicować jej wygląd w stosunku do innych warstw na torcie. lizak Ostatnim elementem, jaki zrobimy, będzie duży lizak w rękach naszej modelki. Wycinamy go z pliku lizak.jpg i przerzucamy do projektu, dopasowując wielkością i kątem, tak aby naturalnie leżał w rękach. Nadajemy mu kolor niebieski jak w naszym kremie z punktu 7 i zmieniamy patyczek na zielony z punktu 8. Teraz wykonamy efekt, jakby nasz lizak się rozpływał, podobnie jak w punkcie wyżej. Najpierw jednak używamy narzędzia Deformacja (Liquify) na samym lizaku, a później na nowej warstwie podmalowujemy według zmienionego kształtu. Pamiętajmy też o takich rzeczach jak cień pod dłonią i pod patyczkiem padający na modelkę. 11 detale Na sam koniec naszej pracy podkreślimy i podbijemy cienie i światła na załamaniach i we wgłębieniach, wykonamy to narzędziami rozjaśnienie (Dodge Tool) i ściemnianie (Burn) po spłaszczeniu wszystkich warstw. Musimy również poprawić także oczy i usta modelki (tryb Ostre światło (Hard Light), Krycie %). Kopiujemy jako nową warstwę nasz spłaszczony obrazek i wchodzimy w Filtr>Inne>Górnoprzepustowy (Filter>Other>High pass), ustawiamy parametry na 2,1. Wciskamy OK. Zmieniamy naszą warstwę na Światło jaskrawe (Vivid Light) i znów spłaszczamy [Ctrl]+[Shift]+[E]. Ponownie wykonujemy to samo co wyżej, tylko teraz filtr ustawiamy na 3, a warstwę na Kolor (Color) z Kryciem (Opacity) 24%. Znów spłaszczamy koniec. Tym oto sposobem wykonaliśmy nasz urodzinowy tort na 20-lecie Photoshopa. Jak widać, do pełnego szaleństwa wystarczą odpowiednie zdjęcia i pomysły na ich wykorzystanie. Bartłomiej Lewicki 16