Witaj szanowny Gościu na forum Odjechani.com.pl. Serdecznie zachęcamy do rejestracji. Tylko u nas tak przyjazna atmosfera. Kliknij tutaj, aby się zarejestrować i dołączyć do grona Odjechanych!

Strona odjechani.com.pl może przechowywać Twoje dane osobowe, które w niej zamieścisz po zarejestrowaniu konta. Odjechani.com.pl wykorzystuje również pliki cookies (ciasteczka), odwiedzając ją wyrażasz zgodę na ich wykorzystanie oraz rejestrując konto wyrażasz zgodę na przetwarzanie swoich danych osobowych w ramach funkcjonowania serwisu. Więcej informacji znajdziesz w naszej polityce prywatności. Pozdrawiamy!


Tutorial Photoshop PL: Trawiasty teskt
#1
Information 
Pracuję na: Adobe Photoshop CS5 Extended

Ostatnio wpadłem dzięki pewnemu użytkownikowi na tutoriala KLIK
i postanowiłem zrobić swoją wersję :)
(nie myśl że bezsensownie skopiowałem tutka ja zrobiłem nowego biorąc pomysł z tamtego :) są 2 różne efekty :))

Tworzymy nowy obraz ja wybrałem 1920 x 1200

rysujemy gradient radialny Tak jak w tym tutorialu KLIK tylko że kolorki są żółto zielone.
Ustaw gradient od #adbf41 do # 328a26

[Obrazek: 83877126.th.jpg]

pobierz teksturę KLIK

otwórz plik z teksturą w Photoshopie i zmniejsz jej nasycenie (ctrl + shift + U). następnie rozciągnij teksturę tak aby pasowała do obrazu.

[Obrazek: 62750044.th.jpg]

teraz ustaw krycie i wypełnienie na 70%. mamy ładne zielone tło :)

[Obrazek: 11041651.th.jpg]

pobierz trawkę KLIK

na naszym obrazie piszemy nasz tekst ja wybrałem czcionkę Swiss 924BT.(kliknij aby pobrać) ponieważ jest szeroka :)
piszemy go kolorem białym i ustawiamy krycie warstwy na 50%

[Obrazek: 89314860.th.jpg]

teraz wklejamy naszą trawkę i umieszczamy ją pod tekstem.
chcemy uzyskać efekt trawiastego tekstu. Czyli źdźbła trawy muszą wystawać poza literki :P
nasz tekst który przed chwilą napisaliśmy posłuży nam jako wskaźnik.
włączamy narzędzie do zaznaczania i obrysowujemy mniej więcej wokół ździebełek trawy przy literkach.

!! UWAGA !! to bardzo męczące :P

[Obrazek: 35676107.th.jpg]

Ok. wiec najlepiej jest użyć pióra (p)
zwróć uwagę ze zaznaczam jakby po indywidualnych źdźbłach trawy co po wycięciu literki sprawi ze kawałki trawy wystają poza tekst :)

[Obrazek: 95596978.th.jpg]

po utworzeniu zaznaczenia kopiujemy i wklejamy naszą literkę resztę trawy można narazie ukryć

[Obrazek: 42268443.th.jpg]

teraz ustawiamy styl warstwy

[Obrazek: 141lv.th.jpg]
[Obrazek: 142wbv.th.jpg]

teraz powielamy warstwę czyścimy jej styl klikając prawym na warstwę i wybierz wyczyść style..
teraz ustawiamy krycie warstwy na 51%
i ustawiamy jej styl na

[Obrazek: 151yo.th.jpg]
[Obrazek: 152bc.th.jpg]
[Obrazek: 153jl.th.jpg]

to wszystko sprawiło ze mamy ciekawy efekt :) oczywiście przed nami jeszcze długa droga.
teraz dodamy cień warstwy.
chodzi o to aby uzyskać trójwymiarowy wygląd. tak więc wczytaj zaznaczenie utwórz nową warstwę.
teraz robimy tak:
kliknij strzałką raz w dół i raz w prawo ii wypełnij czarnym kolorem
powtarzamy czynność do uzyskania takiego efektu jak na zdjęciu (u mnie wyszło około 15 razy)

[Obrazek: 36387479.th.jpg]

teraz wejdź filtr/rozmycie/poruszenie i ustaw kąt 45' i odległość około 30 następnie ustaw krycie na 50%. powinno wyjść coś takiego jak na zdjęciu

[Obrazek: 25743988.th.jpg]

następnie przesuń cień w dół i w prawo. Magia Photoshopa nasza literka rzuca cień :)

[Obrazek: 46739615.th.jpg]

teraz powiel tą warstwę trzy razy. za każdym razem delikatnie przygumkuj "końcówki" cienia tak aby był bliżej tekstu i ustaw tryb krycia tych warstw na mnożenie. powinno wyjść coś takiego

[Obrazek: 42085327.th.jpg]

Nasz teks wygląda całkiem całkiem tylko nie chcemy aby był tylko cień. zrobimy że wyrośnie tam trawka :D
Więc jak widać poniżej wyciąłem klika kawałków trawy. są to poprostu wycięte kawałki naszej literki.

[Obrazek: 23741753.th.jpg]

teraz przenosimy te elementy pod warstwę z naszą literką i umieszczamy je tak jak na zdjęciu

[Obrazek: 11018059.th.jpg]

No to mamy jedną literkę :D

[Obrazek: 20370691.th.jpg]

Taką samą techniką tworzymy pozostałe literki :)

[Obrazek: 18456329.th.jpg]

[Obrazek: 17865828.th.jpg]

efekt końcowy

[Obrazek: 14690292.th.jpg]
---
  Odpowiedz
#2
Super efekt :)
  Odpowiedz
#3
Widzę że korzystamy z tej samej strony o PhotoShop'ie stronka "webdarmo". ;)
  Odpowiedz
#4
ja korzystam jedynie z angielskich stron o photoshopie :) z prostego powodu :D tam wszystko jest szybciej :)
---
  Odpowiedz
#5
Bardzo ciekawy efekt, po tutku sądzę, że spokojnie jest to do zrobienia w gimpie.
Chomik: YouTube | Portfolio deviantART


  Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
Information Tutorial Photoshop PL: Animacja Szymon 6 10 662 25.02.2015, 19:02
Ostatni post: live133
  Tutorial: Photoshop - dodawanie nowych pędzli. Nieśmiertelny 6 3 056 02.12.2013, 02:35
Ostatni post: B0hazard
  Tutorial: Photoshop cs6 - nawet ładny napis. Nieśmiertelny 2 2 981 17.11.2013, 14:03
Ostatni post: Nieśmiertelny
  Tutorial Cinema 4D | Napis z drzwiami B0hazard 10 6 972 27.08.2013, 18:40
Ostatni post: B0hazard
Lightbulb Tutorial Photoshop: Napis wypełniony obrazkiem Nicholas 7 7 205 25.08.2013, 23:44
Ostatni post: Nicholas

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości