[Tutorial] Tło pod sygnaturę

Wszystko o grafice komputerowej wykorzystywanej na stronach i szeroko pojętych multimediach - w tym również technologii Flash.
Awatar użytkownika
Farseer
Posty: 519
Rejestracja: 18 sie 2005, 15:41:22
Lokalizacja: Bielsko-Biała
Płeć: Niewybrana
User Agent: Firefox Windows 1024x768
Kontakt:

[Tutorial] Tło pod sygnaturę

Post autor: Farseer »

Witam, ponieważ prosiliście o "metodę" na moje tła pod sygnatury postanowiłem go napisać. Dobra zaczynamy!

Krok 1: przygotowanie
Oczywiście tutorial ten dotyczy pracy w Photoshop'ie.
Musicie ściągnąć jakies ładne, efektowne pędzle. Proponuję z tje strony:
http://browse.deviantart.com/resources/ ... 5&limit=24
(największy i najlepszy wybór)
Po ściągnięciu wrzucamy do folderu z pędzlami i otwieramy PS'a.

Krok 2: nowy dokument
Otwieramy nowy dokument (CTRL+N), nazywamy go jak chcemy i zaznaczamy transparent w wyborze rodzaju tła. Rozmiary według Waszego własnego uznania. Ja używję 300x110 (widthXheight).
Obrazek

Krok 3: tutaj maźniem, tam też i cacy
Naszą warstwę z tłem zapełniamy czarnym kolorem. Robimy nowa warstwę (CTRL+SHIFT+N). Na niej malujemy białymi pędzlami. Póżniej otwieramy znowu nową warstwę i mażemy nią czarnymi pędzlami. I tak z 6-8 warstw powinniście zrobić. Oczywiście mozna i więcej. Jak kto lubi. Okienko z warstwami powinno wyglądać tak:
Obrazek
Teraz możecie zmeinić w każdej warstwie rodzaj krycia (blending mode). Ja tak zrobiłem i na razie moja praca wygląda następująco:
Obrazek
Zaznaczamy wszystkie warstwy łańcuchem w oknie warstw i dajemy Layer>Merge linked (CTRL+E)

Krok 4: "kolorowe kredki w pudełeczku noszę..."
Tak, więc przyszła pora na pokolorowanie naszej sygnatury. Istnieje kilka sposobów, ale ja przedstawię dwa najszybsze i ładnie wychodzące.
-SPOSÓB NR. 1: kolorowanie-
Image>Adjustments>Color Balance (CTRL+B). I ustawiamy nasz ulubiony kolor.
-SPOSÓB NR. 2: gradient-
Image>Ajdustments>Gradient Map. I ustawiamy jakiś gradient :]...

Krok 5: kończymy już
Po wykonanu tych czynności i użyciu 1 sposobu na kolorowanie wyszło mi coś takiego:
Obrazek
Teraz możecie z tym tłem robić co chcecie. Np zrobić kolejną warstwę dać ją pod spód zrobić filtr clouds i zmienić tryb krycia na warstwie z logiem. Albo na warstwie wyżej domalować kilka szczegółów.
Po podrasowaniu przeze mnie tło to wygląda tak:
Obrazek

Kilka słów od autora :]
Wystarczy teraz dodać postać, wtopic ją w tło i mamy gotową sygnaturę. Nie bójcie się eskperymentować jeżeli się nie uda to od początku. Kombinacji pędzli jest nie zliczona masa, posługuj się wyobraźnią!
Mam nadzieję, że ten tutorial Was czegoś nauczył :]. Prosze go oceniać i zadawać pytania jeżeli takie istnieją.
Pozdrawiam! :]

EDIT: Teraz widzę że ten napis mi brzydko wyszedł mogłem uzyć techniki krycia napisów... heh dobra ważne że tło wyszło dobrze :]
Since 1990 there have been 93 wars in 70 states all states around the world with 5.5 million people dead.
75% of these people were civilians, 1 milion of them were children!
Awatar użytkownika
maciaszek
Posty: 805
Rejestracja: 15 lip 2005, 12:31:33
Lokalizacja: siê biorą dzieci ?
Płeć: Niewybrana
User Agent: Opera Windows 1024x768
Kontakt:

Post autor: maciaszek »

A to pedzle. Myslalem ze jakas nowa superowa technika. Ale fajne :)
http://atomicdesign.cba.pl - profesionalny webdesign
HTML CE 2006 : ukończono
#################### 35%
Awatar użytkownika
wizard
Posty: 228
Rejestracja: 02 maja 2006, 23:56:22
Lokalizacja: Czêstochowa
Płeć: Niewybrana
User Agent: Internet Explorer Windows 1024x768
Kontakt:

Post autor: wizard »

wszystkko pieknie ladnie dal bym ci plusa gdybym mogl ale mam prozbe jak piszesz sciezki do czegos to napisz obon np w nawiase po pl) ale i tak super thx:):)
Obrazek
Awatar użytkownika
zero
Posty: 420
Rejestracja: 26 sty 2006, 21:08:04
Płeć: Niewybrana
User Agent: Firefox Windows 1024x768

Post autor: zero »

Obrazek
pawelpawel
Posty: 1
Rejestracja: 22 lut 2009, 18:14:45
Płeć: Niewybrana
User Agent: Firefox Windows 1152x864

Re: [Tutorial] Tło pod sygnaturę

Post autor: pawelpawel »

Farseer możesz się do mnie odezwać na gg 4891925 ?
Awatar użytkownika
Asasello
Posty: 10
Rejestracja: 24 mar 2009, 12:07:24
Strona na CBA.pl: www.designinweb.cba.pl
Płeć: Niewybrana
User Agent: Firefox Windows 1280x768

Re: [Tutorial] Tło pod sygnaturę

Post autor: Asasello »

Tło rządzi xD
W tym miejscu byłaby moja sygnaturka...niestety, jeśli chcesz ją zobaczyć patrz tutaj
Awatar użytkownika
Najun70
Posty: 4
Rejestracja: 11 lut 2014, 12:41:16
Lokalizacja: Warszawa
Płeć: Niewybrana
User Agent: Firefox Windows 1366x768

Re: [Tutorial] Tło pod sygnaturę

Post autor: Najun70 »

Świetnie to wygląda.
Zablokowany