Welcome to The Forum

𝒁𝒂𝒓𝒆𝒋𝒆𝒔𝒕𝒓𝒖𝒋 𝒔𝒊ę 𝒕𝒆𝒓𝒂𝒛, 𝒂𝒃𝒚 𝒖𝒛𝒚𝒔𝒌𝒂ć 𝒅𝒐𝒔𝒕ę𝒑 𝒅𝒐 𝒘𝒔𝒛𝒚𝒔𝒕𝒌𝒊𝒄𝒉 𝒏𝒂𝒔𝒛𝒚𝒄𝒉 𝒇𝒖𝒏𝒌𝒄𝒋𝒊. 𝑷𝒐 𝒛𝒂𝒓𝒆𝒋𝒆𝒔𝒕𝒓𝒐𝒘𝒂𝒏𝒊𝒖 𝒔𝒊ę 𝒊 𝒛𝒂𝒍𝒐𝒈𝒐𝒘𝒂𝒏𝒊𝒖 𝒃ę𝒅𝒛𝒊𝒆𝒔𝒛 𝒎ó𝒈ł 𝒕𝒘𝒐𝒓𝒛𝒚ć 𝒕𝒆𝒎𝒂𝒕𝒚, 𝒑𝒖𝒃𝒍𝒊𝒌𝒐𝒘𝒂ć 𝒐𝒅𝒑𝒐𝒘𝒊𝒆𝒅𝒛𝒊 𝒘 𝒊𝒔𝒕𝒏𝒊𝒆𝒋ą𝒄𝒚𝒄𝒉 𝒘ą𝒕𝒌𝒂𝒄𝒉, 𝒛𝒂𝒑𝒆𝒘𝒏𝒊𝒂ć 𝒓𝒆𝒑𝒖𝒕𝒂𝒄𝒋ę 𝒊𝒏𝒏𝒚𝒎 𝒄𝒛ł𝒐𝒏𝒌𝒐𝒎, 𝒛𝒂𝒌ł𝒂𝒅𝒂ć 𝒘ł𝒂𝒔𝒏𝒆𝒈𝒐 𝒑𝒓𝒚𝒘𝒂𝒕𝒏𝒆𝒈𝒐 𝒌𝒐𝒎𝒖𝒏𝒊𝒌𝒂𝒕𝒐𝒓𝒂, 𝒑𝒖𝒃𝒍𝒊𝒌𝒐𝒘𝒂ć 𝒂𝒌𝒕𝒖𝒂𝒍𝒊𝒛𝒂𝒄𝒋𝒆 𝒔𝒕𝒂𝒕𝒖𝒔𝒖, 𝒛𝒂𝒓𝒛ą𝒅𝒛𝒂ć 𝒔𝒘𝒐𝒊𝒎 𝒑𝒓𝒐𝒇𝒊𝒍𝒆𝒎 𝒊 𝒘𝒊𝒆𝒍𝒆 𝒘𝒊ę𝒄𝒆𝒋. 𝑻𝒂 𝒘𝒊𝒂𝒅𝒐𝒎𝒐ść 𝒛𝒐𝒔𝒕𝒂𝒏𝒊𝒆 𝒖𝒔𝒖𝒏𝒊ę𝒕𝒂 𝒑𝒐 𝒛𝒂𝒍𝒐𝒈𝒐𝒘𝒂𝒏𝒊𝒖 𝒔𝒊ę.ℤ𝕒𝕣𝕖𝕛𝕖𝕤𝕥𝕣𝕦𝕛 𝕤𝕚ę 𝕥𝕖𝕣𝕒𝕫, 𝕒𝕓𝕪 𝕦𝕫𝕪𝕤𝕜𝕒ć 𝕕𝕠𝕤𝕥ę𝕡 𝕕𝕠 𝕨𝕤𝕫𝕪𝕤𝕥𝕜𝕚𝕔𝕙 𝕟𝕒𝕤𝕫𝕪𝕔𝕙 𝕗𝕦𝕟𝕜𝕔𝕛𝕚. ℙ𝕠 𝕫𝕒𝕣𝕖𝕛𝕖𝕤𝕥𝕣𝕠𝕨𝕒𝕟𝕚𝕦 𝕤𝕚ę 𝕚 𝕫𝕒𝕝𝕠𝕘𝕠𝕨𝕒𝕟𝕚𝕦 𝕓ę𝕕𝕫𝕚𝕖𝕤𝕫 𝕞ó𝕘ł 𝕥𝕨𝕠𝕣𝕫𝕪ć 𝕥𝕖𝕞𝕒𝕥𝕪, 𝕡𝕦𝕓𝕝𝕚𝕜𝕠𝕨𝕒ć 𝕠𝕕𝕡𝕠𝕨𝕚𝕖𝕕𝕫𝕚 𝕨 𝕚𝕤𝕥𝕟𝕚𝕖𝕛ą𝕔𝕪𝕔𝕙 𝕨ą𝕥𝕜𝕒𝕔𝕙, 𝕫𝕒𝕡𝕖𝕨𝕟𝕚𝕒ć 𝕣𝕖𝕡𝕦𝕥𝕒𝕔𝕛ę 𝕚𝕟𝕟𝕪𝕞 𝕔𝕫ł𝕠𝕟𝕜𝕠𝕞, 𝕫𝕒𝕜ł𝕒𝕕𝕒ć 𝕨ł𝕒𝕤𝕟𝕖𝕘𝕠 𝕡𝕣𝕪𝕨𝕒𝕥𝕟𝕖𝕘𝕠 𝕜𝕠𝕞𝕦𝕟𝕚𝕜𝕒𝕥𝕠𝕣𝕒, 𝕡𝕦𝕓𝕝𝕚𝕜𝕠𝕨𝕒ć 𝕒𝕜𝕥𝕦𝕒𝕝𝕚𝕫𝕒𝕔𝕛𝕖 𝕤𝕥𝕒𝕥𝕦𝕤𝕦, 𝕫𝕒𝕣𝕫ą𝕕𝕫𝕒ć 𝕤𝕨𝕠𝕚𝕞 𝕡𝕣𝕠𝕗𝕚𝕝𝕖𝕞 𝕚 𝕨𝕚𝕖𝕝𝕖 𝕨𝕚ę𝕔𝕖𝕛. 𝕋𝕒 𝕨𝕚𝕒𝕕𝕠𝕞𝕠ść 𝕫𝕠𝕤𝕥𝕒𝕟𝕚𝕖 𝕦𝕤𝕦𝕟𝕚ę𝕥𝕒 𝕡𝕠 𝕫𝕒𝕝𝕠𝕘𝕠𝕨𝕒𝕟𝕚𝕦 𝕤𝕚ę.

~LokOneAndOnly

jak zrobić userbara (w Photoshopie)

Oceń temat:

Rekomendowane odpowiedzi

No wiÄ?c do wykonania prostego userbara potrzebne nam bÄ?dÄ?:

 

- obrazki bez t??a - tutaj polecam strone http://planetrenders.net/

- Photoshop CS, CS2 bÄ?d?? CS3

- Czcionka Visitor dostÄ?pna tutaj:

http://www.dafont.com/visitor.font

 

Nie b??j siÄ? tego tekstu - nie jest d??ugi, lecz opisa??em go wprost dla prawdziwych laik??w!

 

A wiÄ?c zaczynamy:

Musimy stworzyÄ? pusty obrazek o wymiarach 350x19 oraz t??o na Transparent, klikamy File -> New... i ustawiamy

tak jak na obrazku:

 

zd1sj6.jpg

 

Teraz mo??emy zabraÄ? siÄ? za obrazek.Ustawiamy kolory BACKGROUND na bia??y za?? COLOR PICKER na wybrany kolor(w moim przyk??adzie na b??Ä?kitny).

Wype??nienie ustawiamy na GRADIENT czyli p??ynne przejscie z jednego kolor na drugi.Oto obrazek:

 

zd2bt8.jpg

 

NastÄ?pnie wype??niamy t??o gradientem przeciÄ?gajÄ?c kursor z jednej strony na drugÄ? trzymajÄ?c lewy przycisk myszki.WyglÄ?da to u mnie tak:

 

zd2mj6.jpg

 

Teraz otwieramy jaki?? obrazek bez t??a(GIF lub PNG) poleceniem File => Open ... Ja mam sw??j obrazek.Zaznaczamy ca??y obrazek kombinacjÄ? klawiszy CRTL + A i nastÄ?pnie wciskamy CTRL + C.Przechodzimy do naszego obrazka i tworzymy nowÄ? warstwÄ? klikajÄ?c w menu LAYER => NEW LAYER - nazwijmy jÄ? "obrazek".Wklejamy obrazek na warstwÄ? wciskajÄ?c CTRL + V.Nastepnie ??adnie jÄ? ustawiamy podkre??lajÄ?c najwa??niejszÄ? czÄ???Ä?.U mnie wyglÄ?da to tak:

 

zd2hf0.jpg

 

Dobrze. Teraz nie zamykajmy tego obrazka i stw??rzmy nowy w celu uzyskania siatki. Tworzymy obrazek o wymiarach 6x6 i t??o Transparent. Teraz we??my narzÄ?dzie ZOOM (chyba ka??dy wie gdzie jest - taka lupa) i przybli??my obrazek na maxa jak siÄ? da.

 

zd2jj2.jpg

 

Teraz bierzemy narzÄ?dzie Pencli Tools(klawisz B) i ustawiamy kolor na czarny.Robimy przekÄ?tnÄ? kreskÄ?.Powino to byÄ? tak:

 

zd2as3.jpg

 

NastÄ?pnie definiujemy dodajÄ?c do bazy nowego Patterna.Klikamy Edit => Define Pattern => wpisujemy danÄ? nazwÄ? i OK.Zamykamy naszego Patterna.

Teraz wybieramy narzÄ?dzie Pattern Stamp Tool(klawisz S).Ale najpierw tworzymy nowÄ? warstwÄ? wciskajÄ?c SHIFT + CTRL + N.Nazwijmy nowÄ? warstwÄ? "Siatka".No i teraz rysujemy naszÄ? siatkÄ? po ca??ym userbarze na nowej warstwie.NastÄ?pnie nad wartstwami w prawym dolnym okienku widaÄ? napis OPACITY a przy nim suwak.WiÄ?c jedziemy suwakiem na 20%.Powinno to wygladaÄ? tak:

 

zd2bq9.jpg

 

Teraz tworzymy nowÄ? warstwÄ? wciskajÄ?c SHIFT + CTRL + N i nazywamy jÄ? "napis".Zak??adajÄ?c ??e macie ju?? czcionkÄ? wklejonÄ? w folderze C: => WINDOWS => FONTS wybieramy narzÄ?dzie Horizontal Type Tool(klawisz T) i robimy tekst po prawej stronie userbara.Czcionka To Visitor TT1 BRK rozmiar 10.Piszemy tytu?? - w moim przypadku "Mozilla Thunderbird user".Tekst oczywi??cie piszemy kolorem CZARNYM.NastÄ?pnie wybieramy z menu LAYER => LAYER STYLE => STROKE.A tam ustawiamy grubo??Ä? na 1px i kolor pogrubienia na BIA????Y.WyglÄ?da to tak:

 

zd2mf2.jpg

 

A og????em tak:

 

zd2id6.jpg

 

No to teraz tworzymy znowy nowÄ? warstwÄ? wciskajÄ?c SHIFT + CTRL + N nazywajÄ?c jÄ? "p????ko??o".Wybieramy narzÄ?dzie Eliptical Marquee Tool z menu narzÄ?dziowego.Klikasz prawym przyciskiem myszki na ten kwadrat i z niego wybierasz Eliptical Marquee Tool.Teraz zaznaczasz taki p????okrÄ?g zas??aniajÄ?cy 3/4 userbara i ustawiasz kolor wype??nienia na BIA????Y.Wype??niasz okrÄ?g i dajesz OPACITY(wiesz ju?? gdzie) na 45%.WyglÄ?da to tak:

 

zd2ew0.jpg

 

Czas na obramowanie.Wybieramy narzÄ?dzie do zaznaczania obrazka i zaznaczamy ca??o??Ä?.Klikamy Edit -> Copy Merged! Tworzymy nowy obrazek File -> New... o wymiarach 350x19 i t??em White czyli bia??ym! Wklejamy obrazek (Edit -> Paste).Robimy obram??wkÄ? klikajÄ?c Layer -> Layer Style -> Stroke... Size ustawiamy na 1 pt, Position na Inside a kolor czarny oraz Opacity na 45%, po czym klikamy OK. Oto efekt naszej ciÄ???kiej pracy, efekt ko??cowy:

 

zd2ew0.jpg

 

mysle ze tutorial jest na tyle prosty i dobrze napisany, ??e kazdy da sobie rade :)/>/> chcia??bym podkre??liÄ? rownie??, ??e poradnik zosta?? przerobiony przeze mnie. Orginal nalezy do EDDICK'a z innego forum, to dzieki niemu sie nauczy??em robiÄ? userbary dawno temu, mam nadzieje ze z moja poprawkÄ? bÄ?dzie wam jeszcze ??atwiej,

pozdrawiam i czekam na opinie (ewentualnie pierwsze prace)

 

peace :beer:

Edytowane przez ~LokOneAndOnly

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
Gość
Dodaj odpowiedź do tematu...

×   Wklejono zawartość z formatowaniem.   Usuń formatowanie

  Dozwolonych jest tylko 75 emoji.

×   Odnośnik został automatycznie osadzony.   Przywróć wyświetlanie jako odnośnik

×   Przywrócono poprzednią zawartość.   Wyczyść edytor

×   Nie możesz bezpośrednio wkleić grafiki. Dodaj lub załącz grafiki z adresu URL.

    • 1 Posts
    • 139 Views
    • 1 Posts
    • 201 Views
    • 1 Posts
    • 204 Views