Na otarcie łez parę dobrych linków:

• 300 hacków i narzędzi do kodowania tematów WordPressa
• CSS Sprite – warto czy nie warto używać?
• Jak pisać interesujące aplikacje do firm szukających (albo i nie) nowych pracowników
• Fajne biura w których chyba chcielibyście pracować (no ja na pewno)
• (edit, podrzucone przez Adama Kazikowskiego) Znajdź ikony

Od jakiegoś czasu modne stało się fotografowanie obiektywami tilt-shift. Niestety zabawa jest droga, za przykładowy obiektyw Canona, Canon TS-E 24 f/3.5 L, musimy na dzień dzisiejszy zapłacić ok 4 tysięcy złotych. Ale od czego mamy Photoshopa? Aby móc zrobić poniższy tutorial musicie dysponować Photoshopem CS lub nowszym.

Tworzymy nowy kanał alfa.

Nastepnie ustawiamy kolory na początkowe (klawisz D), wybieramy narzędzie gradient i ustawiamy go na tryb „Reflected” (4 od lewej)

Nakładamy gradient na kanał alfa, zaczynając tam, gdzie ma być nasz ostry fragment.

Przełączamy się z powrotem na edycję kanałów RGB i idziemy do menu Filter -> Blur -> Lens Blur. W oknie dialogowym, jako źródło głębi ostrości, wybieramy nasz utworzony kanał alfa. Pozostałe parametry trzeba dobrać eksperymentalnie, jednak najważniejszy jest promień działania filtra (Radius)

W wyniku zastosowania filtra otrzymujemy coś takiego:

Aby nadać naszemu zdjęciu jeszcze bardziej „makietowy” wygląd warto pobawić się krzywymi (menu Edit -> Adjustments -> Curves). Ja dałem takie ustawienia:

I tak oto mamy gotowe ujęcie:

Kilka końcowych uwag.

Zdjęcia warto dobierać tak, aby po zaaplikowaniu filtra dawały jak najlepszy efekt:

• Odpowiedni kąt: zbyt duży kąt (zdjęcia z góry) nie da nam możliwości zastosowania głębi ostrości.
• Odpowiednie oświetlenie: ja użyłem ujęcia z rozproszonym światłem – było wtedy pochmurno. Warto poeksperymentować z ujęciami z mocnym światłem słonecznym.
• Kolorystyka: makiety i modele są często zrobione w intensywnych kolorach, odbiegających od rzeczywistości. Dobierz takie zdjęcie które albo będzie miało nasycone kolory, albo takie które można podciągnąć (zdecydowanie polecam robienie zdjęć i obróbkę w trybie RAW)

Zajmiemy się dziś plakatem filmowym. Plakat poniżej został zrobiony na zaliczenie przedmiotu „Photoshop Zaawansowany” na moich studiach. Temat: plakat do jednego z 3 filmów. Mój wybór padł na Choppera.

Kilka osób które widziało tą pracę, zadawało mi pytania z serii „A jak zrobiłeś…?” – postawnowiłem więc zrobić z tego tutorial. Wszystkie zdjęcia których użyłem do stworzenia tego plakatu, plus kilka innych, znajdziecie tutaj.

Zaczynamy od stworzenia nowego dokumentu, w tym przypadku 70×100 cm, ale żeby nie zamordować maszyny, wystarczy nam rozdzielczość 72 dpi (zresztą do wyższej nie mamy odpowiednio dużych zdjęć). Całość zalewamy czarnym kolorem.

Następnie wkleiłem zdjęcie które wydawało mi się odpowiednie.

Zauważyłem, że zdjęcia nie jest idealnie czarne – trzeba to było naprawić. Użyłem do tego maski, usuwając tło, tak aby przebijała czerń ze spodu.

Aby postac lepiej się odcinała od tła, szczególnie w miejscach gdzie na zdjęciu jest cień, dołożyłem poświatę (Outer glow).

Żeby tło nie było takie jednolite, dołożyłem dodatkowo dwa zdjęcia ponad czarnym tłem a pod zdjęciem główym. Jedno i drugie w trybie Luminosity – powoduje to, że nałożona zostaje tylko jasność z tych zdjęć i uzyskujemy efekt monochromatyczności.

Warstwy mają różne wartości krycia, obrazek poniżej pokazuje jakie.

Zdjęcia w tle trochę odstają kolorystyką od pierwszego planu. Nałożyłem na to warstwę korekcyjną typu Gradient Map. Ta funkcja mapuje skalę jasności obrazu/warstwy i podstawia pod wybrany przez nas gradient. Dobrym sposobem na koloryzację zdjęcia jest ustawić wybrany przez nas kolor w połowie skali. Ja zdecydowałem się na brąz.

Nadal prawe zdjęcie troche za bardzo się wybija. Możemy je trochę przytemperować stosując korekcję poziomów (na filtrze, lub lepiej na warstwie korekcyjnej). Poniżej wartości których użyłem.

Jeśli zdecydujemy się na warstwę korekcyjną, warto zaznaczyć, żeby odnosiła się tylko do wybranej przez nas warstwy z grafiką (clipping mask – maska odcinania). Aby to uzyskać, wciskamy ALT (Option na Macu) i klikamy kursorem między warstwę główną i korekcyjną – kurson zmieni kształt.

Aby urozmaicić wygląd dodałem kilka warstw z rozbryzgami krwi – w końcu to film o bezlitosnym przestępcy. Jak coś takiego uzyskać? Ja posłużyłem się darmowymi pędzlami których pełno w Internecie. Wrzućcie w google „splat photoshop brushes” i dostaniecie dziesiątki linków. Dobrym repozytorium jest też post Francesco Mugnaia który linkowałem kiedyś. Tworzymy warstwę lub kilka warstw pod warstwą z głównym zdjęciem a nad zdjęciami z tłem i klikamy

Pora na typografię z tytułem. Ja wybrałem dużą, masywną czcionkę. Kolor: czysta czerwień: R: 255 G:0 B:0. Obrót o kilkanaście stopni, żeby nie było tak blokowo. Dołożyłem do tego efekt cienia.

Napis wydawał się trochę nudny. Za gładki. Trzeba go było „pobrudzić”. W tym celu nałożyłem na niego maskę (menu Layer->Add layer mask->Reveal all lub mała szara ikonka z białym kółkiem na dole palety warstw) i korzystając z kolejnych pędzli ściągniętych z internetu (google: „grunge brushes”. Poklikałem trochę po niej, tak aby napis nabrał szorstkiego wyglądu. Do tego dołożyłem na osobnej warstwie dziury po kulach (google: „bullet hole brush”).

Trochę ten napis teraz ginie – przydało by się tło. Duży miękki pędzel z małym kryciem, dodatkowa warstwa poniżej i malujemy.

Została nam już tylko typografia z aktorami itd. Zdecydowałem się dołożyc podobne tło jak pod tytuł – białe litery były zbyt mało czytelne na czerwonym tle.

Jeśli macie jakieś pytania czy uwagi – zostawcie komentarz, postaram się odpowiedzieć jak najszybciej.

• http://www.ononesoftware.com/wow/ – czyli presety Jacka Davisa
• Proces powstawania logo na Web Designer Wall
• Ten sam temat ale na Just Creative Design
• Browsershots – genialne w swojej prostocie rozwiązanie pozwalające zobaczyć jak Twoja strona wygląda w dziesiątkach przeglądarek bez potrzeby ich instalacji.
• Duże tła na www – jak robić i czego unikać

Na start, poniżej kilka linków które stanowią doskonały początek zbieractwa:

• Największy na świecie post nt. Photoshopa (PSDki, tekstury, pędzle, kształty itd) – blog.francescomugnai.com, zdecydowanie polecam wam cały blog tego człowieka, genialne źródło inspiracji
  
• DesignFlavr
• Smashing Magazine
• Six Revisions
• Just Creative Design
• Freelance Switch (bardziej jako miejsce z poradami dla freelancerów niż zbiór tutoriali)
  
• Freelance Folder (j.w.)
  
• Creative Closeup (R.I.P)
• The Dieline (doskonały blog z opakowaniami)