Grafika Pochwal się pracami, komentuj innych, dyskutuj


Odpowiedz
 
Narzędzia wątku
Stare 12-02-09, 16:10   #1
Cadavre
Senior Member
 
Dołączył: Feb 2008
Przegląda: licho wie...
Posty: 3,227
Siła reputacji: 0 Cadavre
Domyślnie Tutoriale

Spis Tutoriali:

Tutorial nr.1 - Jak zrobi? avatar?
Tutorial nr.2 - Animacja tekstu



__________________________________________________ ___________________

Tutorial nr.1 Jak zrobi? prosty Avatar?

1. Szukamy jakiego? fajnego zdj?cia itp.
Ja wybra?em co? takiego:

2. Teraz otwieramy photoshopa (u mnie CS3) i dajemy "Plik -> Nowy" i wybieramy 100x100 px i dajemy OK.


3. Teraz klikamy "Plik -> Otwrz" i wybieramy ten obrazek.


4. Teraz klikamy na ikonk? lupy (#1), nast?pnie na "Rzeczywista wielko??" (#2), a potem na ikonk? okien (#3)


i powinno si? nam pokaza? co? takiego:


5. Teraz zaznaczamy ten obrazek


i klikamy "Obraz -> Rozmiar obrazu...


6. Pomniejszamy obrazek, tak aby twarz tego go?cia mie?ci?a si? na avatarze i by?o troch? luzu...
Ja pomniejszy?em do 600x450 (jak wpiszemy szeroko?? to wysoko?? si? zmienia automatycznie...


7. Teraz klikamy lewy CTRL i klikamy lewym przyciskiem mychy na obrazek z tym go?ciem i trzymamy i przeje?d?amy mych? na ten bia?y obrazek (nasz avatar :P) puszczamy mych? (CTRL jeszcze nie puszczamy) i znowu klikamy mych? i ustawiamy tak aby twarz by?a widoczna i jako? ?adnie u?o?ona... Mo?emy ju? zamkn?? ten du?y obrazek i powi?kszy? nasz avatar (na obrazku)


8. Teraz klikamy prawym przyciskiem mychy na warstw? z obrazkiem i wybieramy "Sp?aszcz obraz"


9. Teraz klikamy prawym przyciskiem mychy na nasz? warstw? i wybieramy "Powiel warstw?" i klikamy OK.


10. Klikamy prawym przyciskiem mychy i wybieramy "Opcje mieszania"


11. Ustawiamy wszystko tak jak na obrazku


12. Klikamy ikon? "T" (#1), potem ikon? "A" po prawej (#2) ustawiamy kolor bia?y (#3) oraz czcionk? Visitor (#4) klikamy na obrazek i wpisujemy swj nick.
Czcionk? mo?na pobra? st?d: http://download.gimpuj.info/fonts/Vi...T2%20-BRK-.ttf
Rozmiar ustawiamy pod miejscem gdzie si? ustawia czcionk?.


13. Znowu klikamy prawym mychy na warstw? ktra jest najwy?ej (ta z tekstem) i wybieramy "Opcje mieszania" i reszte jak na obrazku.


14. Teraz mo?emy ustawi? napis w dobrym miejscu (klikamy lewy CTRL i klikamy myszk? NA napis i przesuwamy.

15. Teraz klikamy "Plik -> Zapisz jako" wybieramy PNG i zapisz.

Efekt pracy:


Tutorial by Cadavre dla www.warezisko.net

Nast?pny tutorial b?dzie o animacji tekstu.
Cadavre jest nieaktywny   Odpowiedz z cytatem
Stare 13-02-09, 13:30   #2
Cadavre
Senior Member
 
Dołączył: Feb 2008
Przegląda: licho wie...
Posty: 3,227
Siła reputacji: 0 Cadavre
Domyślnie

Tutorial nr.2 - Animacja tekstu.

1. Otwieramy za pomoc? photoshopa obrazek, zdj?cie na ktrym chcemy doda? tekst.
Ja zrobi?em zwyczajne szare t?o.

2. Klikamy "Okno -> Animacja"


Powinno si? nam pojawi? okienko u do?u.

3. Teraz wpisujemy swj tekst.

4. Klikamy w takie oko ko?o warstwy tekstu.


Powinien nam ten tekst znikn??.

5. Teraz klikamy w miejsce zaznaczone na obrazku poni?ej.


6. Klikamy w miejsce gdzie by?o oko (pkt. 4) i powinien si? nam znowu pojawi? tekst.

7. Klikamy w miejsce zaznaczone na obrazku ni?ej. Dzi?ki temu tekst b?dzie p?ynnie przechodzi?. W polu "Klatki do dodania" mo?emy wpisa? dowoln? ilo??, je?li wpiszemy wi?cej to tekst b?dzie si? pojawia? d?u?ej. Ja wpisa?em 10. (Na obrazku jest jeszcze przed zmienieniem)


8. Pod ka?d? klatk? mo?na wybra? ile ma ona trwa?. Ustawiamy tak jak na obrazku poni?ej.


9. Klikamy "Plik -> Zapisz dla internetu i urz?dze?...", klikamy OK i zapisujemy.

Efekt pracy:


Oczywi?cie w photoshopie mo?na zrobi? du?o wi?cej animacji tekstu i nie tylko, ale chyba ju? sami sobie przerobicie ten tutorial, tak aby wysz?a wam jaka? inna animacja.

Tutorial by Cadavre dla www.warezisko.net
Cadavre jest nieaktywny   Odpowiedz z cytatem
Odpowiedz

Narzędzia wątku

Uprawnienia umieszczania postów
Nie możesz zakładać nowych tematów
Nie możesz pisać wiadomości
Nie możesz dodawać załączników
Nie możesz edytować swoich postów

BB Code jest Aktywny(e)
EmotikonyAktywny(e)
[IMG] kod jest Aktywny(e)
Kod HTML jest wyłączony
Trackbacks are wyłączony
Pingbacks are wyłączony
Refbacks are wyłączony


Podobne wątki
Wątek Autor wątku Forum Odpowiedzi Ostatni post / autor
Kursy, tutoriale Photoshop'a ann18 Użytkowe 1 07-03-10 22:42
PHOTOSHOP - tutoriale, czyli krok po kroku Vinczenzo Grafika 1 21-02-10 02:12


Czasy w strefie GMT +2. Teraz jest 19:54.


Powered by vBulletin® Version 3.8.7
Copyright © 2018 vBulletin Solutions, Inc. All rights reserved.
Search Engine Optimization by vBSEO ©2011, Crawlability, Inc.
Spolszczenie: vBHELP.pl - Polski support vBulletin
Copyright © Warezisko.net 2006 - 2015