Forum graficzne Burning-Brushes.pl

Tutoriale graficzne i materialy => Tutoriale Photoshop => Wątek zaczęty przez: Eldi w Luty 16, 2011, 15:52:20

Tytuł: Napis: złoty z rubinami
Wiadomość wysłana przez: Eldi w Luty 16, 2011, 15:52:20
Miałam iść i załatwiać pewne sprawy, ale mam zły humor, więc zajmę się czymś innym. Tak, zgadliście, pisaniem kolejnego tutoriala na wykonanie napisu. I pewnie was tym zasypię, bo przecież w dziedzinie SA króluje Abik, więc ja tu nie mam nic do powiedzenia xD Jakby co, poprzedni jest tutaj (http://burning-brushes.pl/pozostale-tutoriale/ozdobne-napisy-bez-wykorzystania-programow-graficznych/), przy czym przypomnę, że do tych niepotrzebny jest program graficzny. Ale tym razem pomęczymy się w PS-ie.
Żeby nie było: tak, istnieje podobny tutorial, ba, sama się na nim uczyłam uzyskiwać ten efekt. Bodajże znajduje się na egrafik.pl, ale głowy za to nie dam. W każdym razie, jak komuś się nie będzie chciało szukać nie wiadomo gdzie, to może zerknie tutaj, zobaczy i sam skorzysta ;x
Docelowy efekt jest następujący:
(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fimg.burning-brushes.pl%2Fimages%2Fbeznazjvj.png&hash=301487adff87a8871c1de22bb275cf441bc83843)

0. Najpierw musimy mieć odpowiednią czcionkę. Ważne, by była gruba. Za innymi się nie rozglądałam, bo ta, a mianowicie AuntBertha [można ją ściągnąć np stąd (http://www.acidfonts.com/typeface/aunt_bertha.htm)] w zupełności mi wystarczyła. Jednakże zachęcam do szukania innych,bo ta ma taką wadę, że aby jako tako ten efekt wyglądał, to napis musi być monstrualnej wielkości. Z tego też powodu będę pracować tylko na jednej literze, żeby niepotrzebnie nie tworzyć jakiegoś megawielkiego pliku.
Potrzebny będzie nam też odpowiedni wzorek:
(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fimg.burning-brushes.pl%2Fimages%2Fwzorek.jpg&hash=47bd4143405405c8c20114478aecb69397e486d0)
Zapisujemy to sobie na dysku, potem otwieramy w PS-ie i robimy takie magiczne coś: Edycja-> zdefiniuj wzorek [Edit-> define pattern]
1. Tworzymy nowy dokument, o rozmiarach 200x200 pxs [coś mi się to podejrzane wydaje, ale chyba PS nie kłamie, twierdząc, że taki jest obecnie rozmiar dokumentu ;x] lub większy, jeśli chcecie zmajstrować po prostu jakiś napis; tło może być przezroczyste, ew białe, po czym wybieramy czcionkę AuntBertha i ustawiamy jej rozmiar na... 200pkt. Ja sobie poćwiczę na literze "B". No i teraz powinniśmy mieć coś takiego:
(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fimg.burning-brushes.pl%2Fimages%2Fobrazeppp.jpg&hash=06a67deb67c3e8010403b0ecd98b7282f972c773)
2. Teraz wchodzimy do Stylu warstwy, albo klikając 2 razy na warstwę z napisem [omijając jej ikonę i nazwę], albo też wchodząc tą drogą: warstwa > styl warstwy > opcje mieszania [layer > layer style > blending options].
Nie będę tego wszystkiego opatrywać komentarzem [chyba, że będę wskazywać kolor lub uznam, że jest to konieczne], po prostu pokażę screeny, jak to u mnie wygląda, z jednoczesnym pokazaniem, jak zmienia się wygląd tekstu.

Opcje mieszania [blending options]:
(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fimg.burning-brushes.pl%2Fimages%2Fobrazeldl.jpg&hash=657926d6ef4d53d29cb46779bfed26da9db81cc6)

Cień [drop shadow]:
W angielskiej wersji, jeśli ktoś nie ogarnia, to tryb mieszania [blend mode] jest ustawiony na multiply.
(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fimg.burning-brushes.pl%2Fimages%2Fobrazewww.jpg&hash=98fe7c59e914e73376ca4fae9af7273c7da184d0)

Cień wewnętrzny [inner shadow]:
Kolor: #b89630
(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fimg.burning-brushes.pl%2Fimages%2Fobrazeihi.jpg&hash=1ba7f3fc55fc391b1b6b3eeb3deb1d3622d35205)
Przy czym ustawienia konturu wyglądają mniej więcej tak:
(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fimg.burning-brushes.pl%2Fimages%2Fobrazejvj.jpg&hash=1069e3c1cdf8c7a27c2eebc41757da1cc824c970)

Blask wewnętrzny [inner glow]:
Kolor: #b89630
(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fimg.burning-brushes.pl%2Fimages%2Fobrazevev.jpg&hash=578aed440067a22449e8057b765faa835a993607)

Faza i płaskorzeźba [bevel and emboss]
Tryb podświetlenia [highlight mode]; color dodge, kolor: #f5f1c4
Tryb cienia [shadow mode]; multiply, kolor: #4b2b01
(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fimg.burning-brushes.pl%2Fimages%2Fobrazebhb.jpg&hash=27e3377395434ae369ff1c0681f58d8d17f77785)

Kontur [contour]:
(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fimg.burning-brushes.pl%2Fimages%2Fobrazejej.jpg&hash=d1cafb758a492a4e9628aee961a70495f1200697)

Satyna [satin]:
Kolor: #ceb876
(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fimg.burning-brushes.pl%2Fimages%2Fobrazeaua.jpg&hash=9c7bfc9ff303fa6199eb6bd4acdfd16807dda1f0)

To wszystko wygląda coraz gorzej a końca nie widać, nie? Ale spokojnie, zaraz wyjdziemy na prostą :D

Nałożenie koloru [color overlay]:
Kolor: #907b53
(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fimg.burning-brushes.pl%2Fimages%2Fobrazegfg.jpg&hash=f1b8691bfd5952b613f6be561bffe7613e9502e4)
I już jest lepiej, ale na tym nie koniec, co to to nie.

Nałożenie gradientu [gradient overlay]:
Kolory: kolorów:#92731e, #e5d1a0, #bd9934
(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fimg.burning-brushes.pl%2Fimages%2Fobrazevdv.jpg&hash=223383dd64fe10498fdb4a9c672c70cf1d731378)
Kolory są ustawione w następującej kolejności: 92731e, e5d1a0, bd9934, e5d1a0, 92731e, e5d1a0, bd9934, e5d1a0, 92731e
(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fimg.burning-brushes.pl%2Fimages%2Fobrazexgx.jpg&hash=4da88ec2667d3ae421ce22ef0e0f44ee7d32ec3b)

Nałożenie wzorka [pattern overlay]:
Tutaj wykorzystujemy wzorek, który podałam na początku.
(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fimg.burning-brushes.pl%2Fimages%2Fobrazeowo.jpg&hash=534c22e38b352ee8c5c43d37e76a104150e5f44f)

Obrys [stroke]:
Tutaj przyda nam się dokładnie ten sam wzorek.
(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fimg.burning-brushes.pl%2Fimages%2Fobrazepcp.jpg&hash=414c340737bbaf23bc5d15fa78a193e2bc90f77c)

No i klikamy ok. Trochę roboty przy tym jest, nie? Więc chwila przerwy może się przydać, zwłaszcza mi, bo już wszystko mi się miesza xD Ale chyba przeżyję xD

3. Jakby ktoś chciał, to w zasadzie może już zakończyć swoją pracę. A jak ktoś jest ambitny, to tym lepiej, napis będzie lepiej wyglądał.
No to czas na dalsze czary-mary, mające na celu wezwanie ładnych rubinów xD
Tworzymy nową warstwę, po czym przytrzymując klawisz ctrl, klikamy na symbol spodniej warstwy z napisem, czyli to "T", aby zaznaczyć napis. Następnie klikamy Zaznacz->zmień->zwężanie [select > modify > contract] i zwężamy zaznaczenie o 16 pxs.

4. Wypełniamy zaznaczenie bylejakim kolorem, on akurat nie ma znaczenia.
(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fimg.burning-brushes.pl%2Fimages%2Fobrazetit.jpg&hash=6e3f53b37f39ef5b8eba7a212fe22f9a115f07f4)
I tak, znowu odwiedzamy Styl warstwy, który przez ten czas zdążył się poczuć samotnie :D

Cień wewnętrzny [inner shadow]:
Kolor: #606060
(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fimg.burning-brushes.pl%2Fimages%2Fobrazehgh.jpg&hash=a387662b2f4b10e26a436feed8e71053a2728bac)

Blask wewnętrzny [inner glow]:
Kolor: #b2b2b2
(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fimg.burning-brushes.pl%2Fimages%2Fobrazenfn.jpg&hash=9e4e9b19bfd4f8b72bd2903780405ea0baf255d7)

Faza i płaskorzeźba [bevel and emboss]:
(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fimg.burning-brushes.pl%2Fimages%2Fobrazevnv.jpg&hash=e14d1fdc6ed5cbd3eea62f188242101cd89b0a4e)

Kontur [contour]:
(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fimg.burning-brushes.pl%2Fimages%2Fobrazenvn.jpg&hash=5287e8331571c353256938208c7be222af9e22aa)
(https://burning-brushes.pl/proxy.php?request=http%3A%2F%2Fimg.burning-brushes.pl%2Fimages%2Fobrazedud.jpg&hash=85771fec9e7f81f7b4831abd5b9e25bfa3b65ae2)

Nałożenie koloru [color overlay]:
Kolor: #aa1818
[edit]jako, że obrazek wcięło i jakoś na inny podmieniło, kij wie zresztą jakim cudem, po prostu powiem, że:
tryb warstwy:zwykły
krycie:100%

Klikamy OK i możemy się cieszyć naszym napisem ; )










Tutorial wykonany tylko i wyłącznie dla Burning Brushes.
Tytuł: Odp: Napis: złoty z rubinami
Wiadomość wysłana przez: Abik w Luty 16, 2011, 16:37:19
Ło, przyznam, że fajowy efekt :D może kiedyś walnę sobie taki napis w sa jak mi przypasuje... dzięki, całkiem też dobrze opisane, dobra robota Eldi :D :* kochana jesteś :D
Tytuł: Odp: Napis: złoty z rubinami
Wiadomość wysłana przez: Kenty^ w Luty 16, 2011, 19:25:24
efekt całkiem ciekawy, dzięki Eldi
Tytuł: Odp: Napis: złoty z rubinami
Wiadomość wysłana przez: Eldi w Luty 16, 2011, 19:30:16
Cieszę się, że wam się podoba ^^

Ogólnie to nie wiem, czy w niektórych miejscach to się za bardzo nie błyszczy, ale to po prostu chyba wystarczy pokombinować z kolorami, ew niektórymi ustawieniami. Jeszcze w tym nie grzebałam, więc nie podpowiem ^^
Tytuł: Odp: Napis: złoty z rubinami
Wiadomość wysłana przez: Annoyer13 w Luty 16, 2011, 19:52:38
Świetne opisane, można znaleźć ciekawe zastosowania dla tego :)
Tytuł: Odp: Napis: złoty z rubinami
Wiadomość wysłana przez: Qajs w Luty 17, 2011, 01:50:23
Łooo Eldi nie sadziłem że takie tuty walniesz ! Graty na kółkach :) Więcej tego :P
Tytuł: Odp: Napis: złoty z rubinami
Wiadomość wysłana przez: Eldi w Luty 17, 2011, 08:36:36
To teraz wiesz, że mam gdzieś taki ukryty talent xD
Spokojnie, na pewno jeszcze jakieś będą ; >