Skocz do zawartości

Temat został przeniesiony do archiwum

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

theGamer

[Grafika]User Bar Tutorial

Rekomendowane odpowiedzi

Dziś pokaże wam jak w bardzo prosty sposób zrobic user bar taki np.do podpisu.

 

1.Tworzymy nowy dokument o wymiarach (File - New) 350 x 19 px.

 

12kq.jpg

 

2.Wypełniamy tym narzedziem: (Paint Bucket Tool) Wybieramy jaki chcemy kolor.Ja wziołem niebieski.

 

26pq.jpg

 

3.Teraz robimy wzorek.

 

Tworzymy nowy dokument (File-New) tym razem o rozmairze 6 x 6px i Przezroczystym tle (Transparent.

 

34qp.jpg

 

4.Teraz kombinacja klawiszy (Ctrl + "+" lub poprostu scrolem myszki powiększamy obrazek do maximum w tym wypadku 1600 %.

 

44ey.jpg

 

5.Teraz wybieram narzedzie (Pencil Tool).

 

53qt.jpg

 

6.Wielkość pedzla ustawiamy na 1px.

 

7.I malujemy tak jak pokazane jest na obrazku.

 

69mt.jpg

 

8.Teraz idziemy do (Edit - Deffine Pattern)

 

9.Teraz wracamy do naszego tła.Tworzymy nowa warstwe (Layer - New - Layer).

 

10.Nakładamy wzroek który przed chwila zrobilismy (Edit - FillZ listy wybieramy nasz wzorek w tym przypadku ostatnio i ustawiamy tak jak ponizej.

 

75dz.jpg

 

Teraz zmniejszamy przezroczystosc (Opacity).

 

84xr.jpg

 

11.Teraz wklejamy mały obrazek ja wziołem błyskawice Winampa.Jezeli mam za duzy obrazek mozemy go zmniejszyc (Image - Image Size...).

 

12.Narzedziem (Move Tool) przezuwamy go gdzie chcemy.

 

93iz.jpg

 

13.Dodajemy napis w moim przypadku "Winamp User" (Horizontal Type Tool).Napis robimy biały a rozmiar czcionki ustawiamy tak jak na obrazku.Czcionke te mozna pobraz z strony Click

 

104ex.jpg

 

14.Teraz daje obramowanie napisowi :P (Layer - Layer Style - Stroke) i ustawiamy tak jak ponizej.

 

127sc.jpg

 

15.Teraz wybieramy narzedzie(Eliptical Marqee tool)

 

136ry.jpg

 

16.Tworzymy nowa warstwe (Layer - New - Layer).

 

17.Teraz bierzemy te narzedzie i zaznaczamy nim okrag na obrazku.

 

140qo.jpg

 

18.Bierzemy pedzel (Brush Tool) ustawiamy biały kolor ,rozmiar gdzies tak 10 px.

 

uo00013pl.jpg

 

19.I zamalowywujemy na biało to od góry.Jak na nizej zamieszczonym obrazku.

 

152mo.jpg

 

20.Ustawiamy przezroczystosc (Opacity) na 35 % tak jak nizej.

 

165cx.jpg

 

21.Ostatnio krok to dodanie ramki.Klikamy na warstwe Background naciskamy kombinacje klawiszy "Ctrl + A" znaznaczajac wszystko pózniej (Edit - Strike) i ustawiamy tak jak nizej.

 

170zh.jpg

 

22.Teraz naciskamy "Ctrl + D" aby odznaczyc zaznaczenie.

 

23.Teraz wystarczy tylko zapisac (File - Save As)

 

24.Efekt końcowy :

 

efektkoncowy7ia.jpg

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
Gość Vennor

A ja mam inny, tak na wszelki wypadek. W sumie nie mojej roboty, ale co tam :P.

 

userbartut7ql.th.gif

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Takie pytanie lamerskie - sam wycinasz obiekty czy skądś bierzesz ?

Np. Gdzie zapisane są ikony obrazów ?

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
10.Nakładamy wzroek który przed chwila zrobilismy (Edit - FillZ listy wybieramy nasz wzorek w tym przypadku ostatnio i ustawiamy tak jak ponizej.

jak mam to zrobic?? w tej tabelce jak przegladam to nie ma mojego paska

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Mam pytanie -jakie sa ustawienia czcionki, bo albo nie napisales, albo screena wcielo -a z tym bylo mi chyba najtrudniej sie dopasowac (caly czas mi sie wydaje, ze jest dosc nieczytelne, oto probka:

 

lucek21vk.jpg

 

EDIT -nie smiejcie sie zbyt glosno :P

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

A ja zadam pytanie jak wgrywać czcionki do PS bo nie wiem jak

 

Nie smiejcie się i ze mnie zbyt głośno

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
A ja zadam pytanie jak wgrywać czcionki do PS bo nie wiem jak

 

Nie smiejcie się i ze mnie zbyt głośno

dajesz je do folderu windowsowego z czcionkami, panel sterowania->czcionki

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Pewnie ze był :]

 

Liczy sie to ze sam to zrobiłes i masz oryginalne a nie te same :|

 

Pozdro

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

snuh4kliran75bnh.jpg

 

A tu jaśniejsza (jak dla mnie ładniejsza) wersja :P

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Jaki rozmiar czcionk ustawi? Bo chyba nie jest napisane w tutorialu.

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Co to topic do reklamowania userbarów :/ Akwizytorom dziekujemy :[ wrr

 

Czcionke ustaw na 10 px i daj AA na none.

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

hehe

czcionke daj 04b_08 i 8px + none

arial wychodzi brzyddko

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

TheGamer, wiem, że trudno stworzyć błysk do UB, ale postaraj się. Najlepiej zamiast zamalowywać całe zaznaczenie pokombinuj z biało-przezroczystymi grantiedami, tak na przyszłość :) . Aha, i nie rób tak wielkiego zaznaczenia.

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Tylko nie TheGamer poprostu theGamer a co do tego błysku to niechciałem mieszac chciałem zrobic najrposciej nawet dal laików :]

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

O ile w userbarze z konnektem, napis mi wyszedł równo, to w nastepnym za cholerę nie idzie go wyrównać. Albo jest bardziej do dołu, albo do góry. Jak mogę go wyrównać?

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Ehhh pwoieksz sobie ten obrazek naciskajac kombinacje klawiszy (Ctrl + +) a jak chcesz zmniejszyc to minus i przesuwasz gdzie Ci tam pasi.

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

a3t9rqrdn04nzn55.jpg

 

Też chciałem mieć userbara z Winampem,a le chciałem mieć swój. Mam nadzieję ze się nie obrazisz? :)

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
a w jakim programie to robisz?

 

Paint :E

 

na serio: Adobe Photoshop CS 2. A gifa w podpisie zrobiłem w dołączonym prgoramie Image Ready

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

  • Ostatnio przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników przeglądających tę stronę.

×
×
  • Dodaj nową pozycję...