20.08.2012, 17:24
W związku z dużym zainteresowaniem i sporą liczbą zamówień banerów, sygnatur postanowiłem zrobić coś pożytecznego i wykonać dla was tutorial przedstawiający, jak krok po kroku zrobić własną sygnaturę, baner. Dość gadania zaczynamy
Co potrzebujemy?
Program Adobe Photoshop CS4 lub wyżej.
Kilka obrazków:
KLIK 1
KLIK 2
KLIK 3
KLIK 4
KLIK 5
1. Tworzymy nowy dokument o rozmiarze 450px na 200px Plik -> Nowy
2. Pobieramy teraz obrazek nr. 2 i otwieramy go w Photoshopie. Następnie zaznaczeniem prostokątnym zaznaczamy wybrany przez nas fragment obrazka. Teraz kopiujemy fragment Edycja -> Kopiuj i wklejamy do naszego dokumentu Edycja -> Wklej. Fragment posłuży nam jako tło. Jeżeli jest za mały skalujemy go do odpowiednich rozmiarów Edycja -> Przekształć -> Skala
3. Teraz klikamy na warstwę z naszym tłem i w kolumnie Dopasowanie przekształcamy nasze tło na czarno białe i scalamy czarno białe dopasowanie z tłem.
4. Tworzymy nową warstwę Shift + Ctrl + N i narzędziem wiadro z farbą wypełniamy je kolorem #067dd1 i zmieniamy styl krycia na Łagodne światło, oraz krycie na 70%. Łączymy nasze warstwy. Klikamy na na warstwę z kolorem PPM i wybieramy opcję scal w dół. Zmieniamy jej nazwę ba tło.
5. Otwieramy teraz obrazek nr. 1 i postępujemy tak samo jak w kroku 2 z tym że przy skalowaniu aby zachować proporcję zmniejszamy obrazek trzymając Shift. Dodatkowo obróciłem trochę postać Edycja -> Przekształć -> Obrót. Dalej pracujemy na warstwie z naszą postacią. Musimy teraz wyostrzyć naszą postać w tym celu klikamy Filtr -> Wyostrzanie -> Inteligentne wyostrzanie. Ustawienia według upodobań. Ja ustawiłem takie.
6. Klikamy na warstwę tło i w kolumnie Dopasowanie klikamy w krzywe i rozjaśniamy nasze tło i scalamy warstwę z krzywymi z tłem.
7. Otwieramy obrazek nr. 4 i postępujemy tak samo jak w kroku 2 i 3 z tym że krycie ustawiamy na 60%. W kolumnie dopasowanie klikamy w opcję Barwienie zmieniamy kolor na fioletowy i scalamy w dół. Zmieniamy styl krycia na Ekran
8. Otwieramy teraz obrazek nr. 5 postępujemy tak samo jak w kroku 2. Styl krycia ustawiamy na Ekran, przezroczystość na 50%
na obrazku zapomniałem zmienić krycia i przezroczystość. Postępujcie dokładnie tak jak pisałem w tym punkcie.
9. Znów otwieramy obrazek tym razem nr. 3 tak samo jak w kroku 2. Styl krycia ustawiamy na Rozjaśnienie.
10. Przechodzimy na warstwę z postacią. Następnie trzymając Ctrl naciskamy na warstwę z skopiowaną postacią tworzymy nową warstwę Shift + Ctrl + N i wypełniamy ją kolorem czerwonym. Ja użyłem koloru #d5134a. Zmieniamy styl krycia na Łagodne światło, przezroczystość ustawiamy na 80% i scalamy w dół.
11. Kopiujemy postać ponownie PPM -> Powiel warstwę. Następnie wchodzimy w Filtr -> Rozmycie -. Poruszenie. Kąt ustawiamy na 0 stopni, odległość na 46 zatwierdzamy. Rozmazaną postać przesuwamy pod oryginalną na warstwach.
12. Teraz klikamy na byle jaką warstwę, naciskamy PPM -> Scal widoczne.
13. W kolumnie dopasowanie naciskamy filtr fotograficzny, taka ikonka aparatu i ustawiamy filtr na Głęboka żółć. Scalamy filtr w dół.
14. Powielamy warstwę, klikamy na nią dwa razy PPM. Wyświetlą nam się style warstwy. Przechodzimy do zakładki obrys. Rozmiar ustawiamy na 1px, kolor czarny, położenie wewnątrz.
15. Możemy dodać także połysk. W tym celu tworzymy zaznaczenie eliptyczne, dodajemy nową warstwę Shift + Ctrl + N i wypełniamy kolorem białym. Krycie ustawiamy na 30% styl krycia nakładka. Naciskamy PPM -> Scal widoczne.
16. Możemy jeszcze na sam koniec wyostrzyć naszą sygnaturkę jak w kroku 5.
Efekt końcowy:
Zauważyłem mały błąd na końcu. Niechciany skrawek bieli, dodany przypadkowo ( tak nie miało być ), ale jak będziecie wykonywać wszystko według tutka powinno być dobrze. Zresztą nie macie robić identycznej sygnaturki, tylko się czegoś nauczyć
Co potrzebujemy?
Program Adobe Photoshop CS4 lub wyżej.
Kilka obrazków:
KLIK 1
KLIK 2
KLIK 3
KLIK 4
KLIK 5
1. Tworzymy nowy dokument o rozmiarze 450px na 200px Plik -> Nowy
2. Pobieramy teraz obrazek nr. 2 i otwieramy go w Photoshopie. Następnie zaznaczeniem prostokątnym zaznaczamy wybrany przez nas fragment obrazka. Teraz kopiujemy fragment Edycja -> Kopiuj i wklejamy do naszego dokumentu Edycja -> Wklej. Fragment posłuży nam jako tło. Jeżeli jest za mały skalujemy go do odpowiednich rozmiarów Edycja -> Przekształć -> Skala
3. Teraz klikamy na warstwę z naszym tłem i w kolumnie Dopasowanie przekształcamy nasze tło na czarno białe i scalamy czarno białe dopasowanie z tłem.
4. Tworzymy nową warstwę Shift + Ctrl + N i narzędziem wiadro z farbą wypełniamy je kolorem #067dd1 i zmieniamy styl krycia na Łagodne światło, oraz krycie na 70%. Łączymy nasze warstwy. Klikamy na na warstwę z kolorem PPM i wybieramy opcję scal w dół. Zmieniamy jej nazwę ba tło.
5. Otwieramy teraz obrazek nr. 1 i postępujemy tak samo jak w kroku 2 z tym że przy skalowaniu aby zachować proporcję zmniejszamy obrazek trzymając Shift. Dodatkowo obróciłem trochę postać Edycja -> Przekształć -> Obrót. Dalej pracujemy na warstwie z naszą postacią. Musimy teraz wyostrzyć naszą postać w tym celu klikamy Filtr -> Wyostrzanie -> Inteligentne wyostrzanie. Ustawienia według upodobań. Ja ustawiłem takie.
6. Klikamy na warstwę tło i w kolumnie Dopasowanie klikamy w krzywe i rozjaśniamy nasze tło i scalamy warstwę z krzywymi z tłem.
7. Otwieramy obrazek nr. 4 i postępujemy tak samo jak w kroku 2 i 3 z tym że krycie ustawiamy na 60%. W kolumnie dopasowanie klikamy w opcję Barwienie zmieniamy kolor na fioletowy i scalamy w dół. Zmieniamy styl krycia na Ekran
8. Otwieramy teraz obrazek nr. 5 postępujemy tak samo jak w kroku 2. Styl krycia ustawiamy na Ekran, przezroczystość na 50%
na obrazku zapomniałem zmienić krycia i przezroczystość. Postępujcie dokładnie tak jak pisałem w tym punkcie.
9. Znów otwieramy obrazek tym razem nr. 3 tak samo jak w kroku 2. Styl krycia ustawiamy na Rozjaśnienie.
10. Przechodzimy na warstwę z postacią. Następnie trzymając Ctrl naciskamy na warstwę z skopiowaną postacią tworzymy nową warstwę Shift + Ctrl + N i wypełniamy ją kolorem czerwonym. Ja użyłem koloru #d5134a. Zmieniamy styl krycia na Łagodne światło, przezroczystość ustawiamy na 80% i scalamy w dół.
11. Kopiujemy postać ponownie PPM -> Powiel warstwę. Następnie wchodzimy w Filtr -> Rozmycie -. Poruszenie. Kąt ustawiamy na 0 stopni, odległość na 46 zatwierdzamy. Rozmazaną postać przesuwamy pod oryginalną na warstwach.
12. Teraz klikamy na byle jaką warstwę, naciskamy PPM -> Scal widoczne.
13. W kolumnie dopasowanie naciskamy filtr fotograficzny, taka ikonka aparatu i ustawiamy filtr na Głęboka żółć. Scalamy filtr w dół.
14. Powielamy warstwę, klikamy na nią dwa razy PPM. Wyświetlą nam się style warstwy. Przechodzimy do zakładki obrys. Rozmiar ustawiamy na 1px, kolor czarny, położenie wewnątrz.
15. Możemy dodać także połysk. W tym celu tworzymy zaznaczenie eliptyczne, dodajemy nową warstwę Shift + Ctrl + N i wypełniamy kolorem białym. Krycie ustawiamy na 30% styl krycia nakładka. Naciskamy PPM -> Scal widoczne.
16. Możemy jeszcze na sam koniec wyostrzyć naszą sygnaturkę jak w kroku 5.
Efekt końcowy:
Zauważyłem mały błąd na końcu. Niechciany skrawek bieli, dodany przypadkowo ( tak nie miało być ), ale jak będziecie wykonywać wszystko według tutka powinno być dobrze. Zresztą nie macie robić identycznej sygnaturki, tylko się czegoś nauczyć