No siema! Dzisiaj przygotowałam dla was tutorial na tworzenie różniastych ramek za pomocą ścieżek i pędzli. Zasady gry są podobne jak przy robieniu okrągłego napisu, tak więc, jeżeli mieliście okazję wcześniej rzucić okiem na tamten wpis, nie powinniście mieć problemu z tym tutaj. ᴖ◡ᴖ
Rameczek możemy używać do urozmaicenia różnych grafik, albo… jako zapchajdziurę, w przypadku braku pomysłu na tło (ja tak często mam, uhh… nie lubię teł). To co – zaczynamy?
Tworzymy ścieżkę i obrysowujemy ją
Żeby nie posługiwać się gołym przykładem, wzięłam swoją grafikę z Kitty. Mój plan to dodać za postacią okrągłą ramkę w kwiatki.
- Zaczynam od utworzenia nowej warstwy – pod warstwą z Kitty
- Teraz zaznaczenie – ponieważ będzie to zwykły okrąg, wystarczy, że użyję zaznaczenia w kształcie koła. Z paska narzędzi wybieram Zaznaczenie Eliptyczne (Elliptical Marquee Tool). Następnie, przytrzymując klawisz Shift, zaznaczam idealne koło na wysokości mojej grafiki. W przypadku nieregularnych kształtów – najpierw robimy kształt, a potem tworzymy zaznaczenie klikając na miniaturę warstwy z tym kształtem jednocześnie trzymając klawisz Ctrl.
- Teraz tworzymy ścieżkę: z menu otworzonym prawym przyciskiem myszy wybieramy Make Work Path… (Utwórz Ścieżkę Roboczą).
- Pojawi nam się okno do ustalenia tolerancji. Im niższa, tym dokładniejsza ścieżka. Klikamy OK.
- Naszą nową ścieżkę możemy zobaczyć w zakładce Paths (Ścieżki) – w tym samym oknie w którym mamy zakładkę warstw. Jeżeli z jakiegoś powodu jej tam nie ma, włączyć ją możemy poprzez górne menu: Window (Okno) >> Paths (Ścieżki).
- Teraz możemy wybrać pędzel w kształcie takim jakim chcemy obrysować nasz okrąg. Ładnie prezentują się pędzle z wyznaczonym kierunkiem, albo z wyraźnymi odstępami.
- Ja trzymam się planu i wybieram pędzel w kwiatki.
- Ustaw odpowiednią wielkość pędzla – domyślny rozmiar mojego jest zdecydowanie za duży w stosunku do rozmiarów grafiki z którą pracuję. Rysunek z Kitty nie jest duży, tak więc ustawię rozmiar kwiatków na jakieś 30-40 pikseli (px)
- Upewniam się, że mam wybrany dobry pędzel i jestem na odpowiedniej warstwie (tej, którą utworzyłam wcześniej).
- Przechodzę do zakładki Paths i klikam na ikonę obrysu na dole okna, bądź wybieram opcję Stroke Path (Obrysuj Ścieżkę) z menu po kliknięciu prawym przyciskiem myszy na miniaturę ścieżki.
- Pojawi się okno z wyborem narzędzia którym chcemy obrysować ścieżkę – domyślny wybrany jest Pędzel, więc nic tu nie zmieniamy. Nie zaznaczamy też opcji Symulowania Nacisku (Simulate Pressure).
- Klikamy OK.
I tak oto utworzyliśmy okrągłą ramkę złożoną z drobnych, czerwonych kwiatuszków (◡‿◡✿). Teraz możemy usunąć już naszą ścieżkę.
Tworzenie ramki wewnątrz kształtu
No dobra, a co, jeżeli mamy już jakiś wzór w tle i chcemy utworzyć ramkę wewnątrz bądź na zewnątrz o tym samym kształcie?
- W tym celu, trzymając przycisk Ctrl, klikamy na miniaturę warstwy z naszym kształtem – w tym przypadku jest to niebieskie kółko. Utworzymy dzięki temu zaznaczenie tego obiektu.
- Następnie, z górnego menu, wybieramy zakładkę Select (Zaznaczenie), a następnie Modify (Zmień) >> Contract (Zwężanie) <- Zmniejszamy zaznaczenie, bo chcę, żeby ramka była wewnątrz kółka. Jeżeli chcemy je powiększyć, wybieramy opcję Expand (Rozszerzanie).
- W oknie które się pojawi wpisujemy wartość (w pikselach) jak bardzo chcemy poszerzyć lub zwęzić zaznaczenie. Ja wybrałam 25px. Klikamy OK.
- Nasze zaznaczenie powinno wyglądać teraz tak jak na obrazku poniżej.
- Teraz ponownie wykonujemy cały proces tworzenia ścieżki który poznaliśmy w pierwszym akapicie. Nie zapominamy o stworzeniu nowej warstwy na obrys.
- Tym razem wybrałam serduszka. Kliknęłam w ikonę obrysu ścieżki i ta-daa! Są serduszka!
Dostosowujemy pędzel do obrysu
- Nie miałam pędzla w kształcie serca – zrobiłam go szybko sama. Wykorzystałam gotowy photoshopowy kształt serca i zdefiniowałam z niego pędzel. Jak to zrobić pisałam już tutaj.
- Następnie, w oknie opcji pędzli zwiększyłam odstępy między sercami
- Następnie w zakładce Shape Dynamics (Dynamika Kształtu), w sekcji Angle Jitter (Wahania kąta) wybrałam odpowiedni kierunek. Wybrałam Direction, żeby kąt serduszka zależał od tego w którą stronę prowadzę pędzel (lub w tym przypadku – obrys). Wybierając Initial direction kąt blokuje się i jest taki sam jak przy pierwszym dotknięciu pędzla.
Poniżej przedstawiam wam jeszcze kilka ramek porobionych według tego tutorialu – użyłam różnych kształtów i pędzli. Jak widać możliwości jest tyle, ile macie pomysłów ✧◡✧
Dodatkowo, jeżeli nie chce ci się w przyszłości szukać tego tutorialu w internecie, już teraz możesz ściągnąć polsko-angielską wersję w .pdf – wystarczy, że klikniesz w przycisk poniżej!
No, to tyle! Poniżej jeszcze jeden przykład użycia ramki – tym razem w gwiazdki. Przyozdobiłam nimi grafikę reklamującą uruchomienie mojego newslettera do którego możecie się zapisać w bocznym panelu. Nigdy tego nie robiłam i wciąż się uczę, tak więc jeżeli zauważycie coś nieprawidłowego – dajcie znać! Dzięki!