Udarta kartka papieru w kratkę

Ostatni wpis był… ho ho, a może i dawniej. Nie będę się rozpisywał dlaczego tak długo siedziałem cicho, bo nikogo pewnie to nie interesuję. Ale teraz postanowiłem wrócić (zauważyłem dziwną zależność, że im mniej mam wolnego czasu, tym większą mam wenę do pisania ;) ).
Przejdźmy do meritum. Wiele osób grafikujących trochę w Photoshopie na pewno zetknęło się kiedyś z problemem “jak zrobić kawałek wydartej kartki?!” (w tej cytowanej myśli dalej pojawiały się różne przekleństwa ;) ). Wbrew pozorom jest to bardzo łatwe i wcale nie wymaga jakiejś mega znajomości Photoshopa. Dlatego dzisiaj postaram się wszystko dokładnie, łopatologicznie wyjaśnić.

KROK 1. Tworzymy dokument i warstwę.
Przejdźmy od razu do rzeczy. Zaczynamy oczywiście od stworzenia nowego dokumentu. Na potrzeby tutorialu, mój dokument będzie miał 500px szerokości i 500px wysokości; białe tło SCREEN 1. Czyli normalka. Już na samym początku tworzymy warstwę, na której to nasza kartka będzie się znajdować. Nazwijmy ją powiedzmy ‘kartkaSCREEN 2.

KROK 2. Wypełniamy prostokąt kolorem.
Ten krok to również prościzna. Tworzymy prostokątne zaznaczenie za pomocą narzędzia Rectangular Marquee Tool M, a następnie wypełniamy je kolorem eff3f5. Robimy to oczywiście za pomocą narzędzie Paint Bucket Tool G SCREEN 3.KROK 3. Odrywamy kawałek kartki.
Teraz będziemy usuwać kawałek prostokąta. Narzędziem Lasso Tool L zaznaczymy fragment urwanej kartki. Nie ma to być oczywiście regularne zaznaczenie, dlatego bierzemy lasso. Sami zobaczcie - weźcie swój rachunek za telefon z szuflady i podrzyjcie go na drobne kawałki. Czy brzegi są proste? Nie :). Zatem zaznaczamy SCREEN 4… i usuwamy oraz odznaczamy SCREEN 5

KROK4. Tworzymy wzorek kratki.
Tak, nasza kartka będzie w kratkę. Zatem musimy jakoś tą kratkę stworzyć. Owszem - możemy mozolnie rysować linie kratek, tylko po co? Stwórzmy pattern, czyli wzorek! Do tego będzie nam potrzebny nowy dokument, o rozmiarach 20×20px bez tła SCREEN 6. Jak widać cholerstwo jest strasznie małe, dlatego robimy maksymalne przybliżenie. Wybieramy Pencil Tool B, czyli ołówek. A jego końcówka ma być wielkości 1px. Kolor ustawiamy na 0073ae SCREEN 7. Mając tak skonfigurowane narzędzie tworzymy dwa paski o grubości oczywiście 1px. Jeden z nich ma być przy prawej krawędzi dokumentu, a drugi przy dolnej (oba paski będą się zbiegać w prawym dolnym rogu dokumentu) SCREEN 8. Teraz z górnego menu wybieramy Edit a następnie Define Pattern... i zatwierdzamy klikając OK w okienku, które się nam pokaże SCREEN 9. Teraz już możemy praktycznie zamknąć ten dokument ze wzorkiem bez zapisywanie, gdyż sam wzorek jest już w pamięci Photoshopa ‘na wieki wieków’.

KROK 5. Nakładamy wzorek kratki.
Ten krok również będzie banalnie prosty. Wracamy do naszego dokumentu z kartką i klikając prawym przyciskiem myszy na warstwę z kartką wybieramy z menu kontekstowego Blending Options..., czyli Opcje Mieszania… SCREEN 10. W okienku, które się nam pojawi zaznaczamy i przechodzimy do Pattern Overlay. Jest to opcja odpowiedzialna za nałożenie wzorka. Wybieramy z listy odpowiedni wzorek, a jego widoczność, czyli Opacity ustawiamy na około 30% SCREEN 11. I mamy kartkę w kratkę.

KROK 6. Więcej naturalności!
Trzeba nadać brzegowi nieco więcej naturalności… Teraz mamy po prostu krzywo ucięty brzeg. W rzeczywistości, po udarciu kawałka kartki, gdy się przyjrzymy możemy dostrzec, że brzeg ten nie jest tak nieregularnie ucięty, a rzeczywiście udarty. Na początku zoomujemy nieco fragment brzegu, aby można było być bardziej dokładnym. Żeby nadać tej naturalności naszemu brzegowi użyjemy narzędzia Eraser Tool E czyli po prostu gumki ;). Musimy wybrać jednak odpowiedni wzór gumki (wzory gumek są takie same jak pędzli), dlatego klikamy prawym przyciskiem myszy i rozwijamy listę z paletami gumek. Wasza lista może wyglądać zupełnie inaczej, jednak na wszystkich powinna się znaleźć pozycja Natural Brushes 2, gdyż jest to standardowo instalowana paleta wraz z Photoshopem (chyba, że ktoś sobie usunął). Z tej palety wybieramy drugi od góry wzór SCREEN 12. I teraz delikatnie wymazujemy gdzieniegdzie (tak to się pisze?:P) po kawałku brzegu SCREEN 13.

I to wszystko! Gotowe! W zasadzie w ostatnim kroku można użyć zupełnie innego kształtu pędzla, ważne żeby nie był jakiś super kształtny, tylko żeby miał w sobie taki jakby… hmm.. burdel? :)
Efekt ten będzie znacznie bardziej widoczny na ciemniejszym tle. Domyślam się, że cały ten tutorial, można było przedstawić w 5 zdaniach, ale ja stawiam na łopatologiczność :).

Udarta kartka papieru w kratkę

Dodaj do ulubionychDodaj ten wpis do: + Wykop + Delicious + Linkologia

Komentarze (5):

dev   23.12.2007 | 14:54

Całkiem chociaz gdzieniegdzie zbyt mocno widać krawędź “wydartego” miejsca. Ale ogólnie bardzo spoko :)

ludwik   23.12.2007 | 14:57

@dev: owszem, teraz z perspektywy czasu i Twojej uwagi patrzę na to moje dzieło i rzeczywiście za bardzo widać.. ale to chyba dlatego, że tą grafikę robiłem do tutoriala czyli na szybko… i wszystko też zależy od tego, jaki kształt gumki sobie ustawimy…

Łukasz Więcek   23.12.2007 | 18:26

Zupełnie jak na moim prawie skończonym blogu ;)

tfiedoruk   24.12.2007 | 00:23

Czy ja wiem, może łatwiej i szybciej zeskanować ww kartkę i wkleić gotową grafikę ;) ?

Dodaj komentarz:

Paweł Ludwiczak (pseudo. Ludwik) - z zamiłowania grafik, designer - freelancer. Adobe Photoshop nie jest mi obcy; mój budżet opiera się głównie na wypocinach z tego programu. Ten blog jest o grafice, designie itp. Istnieje w sieci od 1 października 2006r. Chcesz wiedzieć więcej? Zapraszam do działu Kontakt.

All rights reserved. Wszelkie prawa zastrzeżone. Copyright (c) 2008 by Ludwik.org. Powered by Wordpress.