How to make an avatar

#0 by ElMoldovano Velo Club

(Photoshop Master) (0 mesaje) at 2010-04-09 14:11:13 (774 săptămâni în urmă) - [Link]

Intrebari / raspunsuri
Вопросы / ответы
Questions / answers

Q: De ce ai creat aceasta tema?
A: Nimic nu ajuta, toti vin in topicul ajutor in photoshop + si dau aceleai intrebari de 247856.5(7) ori.
Am decis sa fac un topic dedicat acestei "arte", crearii avatarelor.
Acest topic o sa contina toate lectiile, o sa fie mama si tata avatarelor.

Q: Unde-s lectiile?
A: O sa se adauge treptat in topic

Q: Ce-o sa fie cu topicul Ajutor in Photoshop + ?
A: O sa se renasca :ae:

Cuprins:
Содержание:

Click

#6 Как делать простую анимацию в Photoshop.
#295 Efectul de ploaie.
#775 Kак сделать самую простую анимацию в фотошопе (by Covenant).
#0001 Crearea şi animarea ninsorii.
#2124 Pulse Tutorial (by GooBeen).
#2151 Cum să creăm fulgere în imagine.
#2282 Создание аватаров.
#2285 Создание закругленных краев.
#11987 Cum de deschis fisiere GIF in CS3 (thx w810i)
#9250 Smiley care tine textul (by Citrus), thx ilovelove&1100
#12053 Эффект мерцания (Блик) (MisterMX links)
#12162 CHENAR/RAMĂ/BORDER/STROKE

ÎnchideЗакрыть

By Iarik:

Animatie, crearea si reguli de baza

1. prin animatie se intelege unirea a mai multor layere intr-un singur format, .GIF, si trecerea de la un layer la altu

2. ce prezinta .GIF: Graphics Interchange Format, creat in 1987 si este capabil de pastra date in format de pina la 256culori (in comparatie cu .PNG care suporta adincimea imaginii peinla 16bit,mii de culori)

3. Reguli de baza, de ce treb sa ne conducem creind o animatie:
* avem la dispozitie doar 256culori! => mai putine culori in avatar mai calitativ si frumos va fi!
* mai putine frame-uri (cadre) vor fi mai putin avataru ca "cintari", max tmd 350Kb
* GIF-ul nu suparta fonul transparent, adica: desigur putem crea animatii pe fon transparent dar nu uitam de faptul ca el nu suparta nici unefect de blur(shadow, glow etc.), rezultatul va fi foarte si foarte urit(

4. Animarea, deci deschidem Photoshopu, daca fereastra cu animatie nui activata: Window/Animation
apare fereastra, dupa default va aparea animarea dupa frames (cadre)

5. in Photoshop animarea este posibila doar in 3 metode!
#1 schimbul pozitiei layerului pe lucrare
#2 trecerea de la un layer la altul
#3 inchiderea si deschiderea layerului

6. sa incepem: deschidem avatarul nostru (eu lucrez pe fon negru p/u vizibilitate mai buna!)

7. new layer, pe care desenam obiectul care va fi animat(miscat) sal il importam de unde x)

8. cream cadru nou

9. ne intoarcem la primu cadru, si pozitionam obiectul nostru in locul dorit

10. trecem la al doilea cadru si schimbam pozitia obiectului

11. ne intoarcem la primul cadru si animam: apasam pe butonul Tweens animation frames
si setam:

Tween With: operatia care so faca Ps-ul (Next Frame- animarea spre urmatorul cadru)
Frames Add: numarul de cadre

OK

12. sub fiecare frame este timpul cit el va fi vizibil, setam dupa dorinta, la "greutatea" avatarului asta nu are nici un impact

13. ca animatia sa fie vesnica sub primul cadru schimbam de la Once la Forever

14. deseori avem nevoie ca ultimul cadru sa se intoarca inapoi la primul, ca sa se primeasca un oarecare ciclu:
* alegem ultimul cadru
* apasam pe Tweens animation frames
* si in casuta Tween With alegem First Frame (primul cadru), si animatia se intoarce la primu cadru)

15. acuma incercam schimbul de la un layer la altul:
* cream inca un layer cu alt obiect

16. pe primul cadru pozitionam primul obiect (inchidem al doilea obiect, sa nu se vada!, inchidem ochiul)

17. cream al doilea cadru si pozitionam al doilea obiect deschizindul inaintea de asta
schimbam pozitia primul lui obiect peste al doilea obiect, si il inchidem

18. ne intoarcem la primul cadru si animam

19. si eu acuma am repetat pasul (14)

20. File/Save for Web and device, alegem GIF

21. vualea
Foc la ghete!
setam imaginatia in pozitia ON si ne jucam:

succese, nu uitam de numarul de culori = calitatea imaginei
nu uitam de nr. de cadre = marimea imaginei, max 350Kb

ÎnchideЗакрыть

Atrajanie la text.....)) Reflectie la Text

1. voi arata pe fon negru ca sa fie mai clar si vizibil

2. deschidem imaginea

3. tapam textul dorit cu Type Toool (T)

4. click dreapta pe layerul cu text, Resterize Type

5. fiind pe layerul cu text apasam Ctrl+J (dublam layerul cu text)

6. ne intoarcem la layerul de mai de jos cu text

7. Edit/Transform/Flip Vertical

8. coborim layerul in jos, astfel:

9. cream Layer Mask la layerul curent (butonul de sub layere in forma de dreptunghi cun cerc in-untru)

10. alegem Gradient Tool (apasam G), apasam pe D (colorile se seteaza default negru-alb)

11. alegem maska de pe layer (apasam pe ea)

12. verificam ca gradientul ii de la alb spre negru

13. pozitionam cursorul intre cele 2 cuvinte
tinind Shift apasat tragem in jos pinla mijlocul cuvintului

14.vualea! efectul mult dorit, scadem din Opacity p/u o combinare mai buna

15. Foc la ghete!

ÎnchideЗакрыть

Cum se deschide o animatie in Photoshop, .gif file

1. instalam ultimele drivere de la QuickTime, nu uitam de google xD

2. deschidem Photoshopu

3. File/Import/Video Frames to Layers

4. deschidem mapa cu imagini, de regula in lista nu sunt imaginile cu format gif, de aceea scriem denumirea imaginei (ex.:Imaginea.gif), sau pentru a vedea toate fileurile scriem *.*

5. vualea!

6. Nu uitam de: !!!!
* pinla CS2 nu exista asa obtiune
* in CS2 totul se face in Image Ready
* CS3 si CS4 nu deschid fonul transparent (il face defoult alb

)
* CS2 deschide totul frumos si sigur fara pierdere de informatie

foc la ghete !

ÎnchideЗакрыть

Regulile de creare a unui avatar, daca ele sunt ))

1. hmm..p/u inceput- reguli nus....avatar asta nui arta, nui gen..nui nimik..astai exprimarea personalitatii dumneavoastre printr-o imagine mica

2. avatarele treb sa corespunde cu regulile saitului unde le folositi

3. deci continuam cu TMD
reguli de baza:
dimensiuni maxime: 150px * 255px
marimea maxima: gif & png- 350Kb, jpeg- 25Kb

4. ne intoarcem la Photoshop
alegm imaginea si o deschidem in programa

5. orce imagine treb sa aiba o oarecare proportionalitate!!!
luind dimensiunele maxime tmd observam ca avatarul are forma dreptunghilara in picioare)
logic alegind o imagane nu uitam de nuanta data

6. p/u ca sa schimbam marimele imaginei de la ***x*** la 150x255px facem asa:
Image/Image Size (Alt+Ctrl+I)

7. observam ca avatarul nostru nu are nici o forma sau proportionalitate!!!
cum fac eu, sunt multe metode eu folosesc asta:

8. deschidem imaginea noastra in Ps

9. alegem Crop Tool (tastam C )
sus pe bara de meniu setam:

10. cropam din imaginea noastra viitorul avatar

Enter

11. vualea! observam ca avem imagine gata p/u crearea viitorului avatar
foc la ghete

ÎnchideЗакрыть

Rama,Stroke,Margina..hz cum inca

1. deschidem imaginea in Ps (File/Open, Ctrl+O)
2. apasam combinatia de taste Ctrl+A, obtinem:

3. Edit/Stroke

4. dupa dorinta indeplinim setarile "ramei"

apasam Ctrl+D

5. multe avatare au "a doua margine" mai in nuntru, cum se face:
iarasi Ctrl+A, Edit/Stroke, Ctrl+D, marim imaginea p/u comoditate- Ctrl+"+" (micsoram-Ctrl+"-&quot :wink:

acuma avem o "rama" noua pe marginea avatarului, apasam Ctrl+T, tinem apasat Shift+Alt, apucam imaginea de un colt si tragem in nuntru dupa dorinta, arata asa:

apasam Enter

6. putin aprindem imaginatia(dar nu tare, nu uitam ca suntem incepatori, sa nu arda procesoru)))
alegem Rectangular Marque Tool (sau apasam M), selectam centrul, sepoate la oki sau cu ajutorul riglei (o activam prin combinatia Ctrl+R)

7. apasam tasta Delete

8. acuma ne mai aprofundam in imaginatie, intram in trans si atingem Nirvana !

9. am pus background negru si "rama" alba ca sa se vada ce facem
acuma infrumusetam marginele celea creata de la pasul (6)
alegem Erase Tool (tastam E), si sus pe bara de meniu shimbam setarile periutei, Hardness = 0%

10. acuma "stergem" marginele celea abrupte, punem "guma" astfel ca sa iasa ceva frumos,experimentam. nu uitam de Ctrl+Z(un pas inapoi-inainte), Ctrl+Alt+Z(multe pasuri inapoi), si analog inainte: Ctrl+Shift+Z
se primeste cam asa ceva:

vualea

ÎnchideЗакрыть

Pattern, multe linii diagonale pe avatar

1. cream lucrare noua, Ctrl+N, setam:

2. zoom-am imaginea la maximum(x1600, Ctrl+"+&quot :wink:

, numaidecit fonul transparent!!!!

3. alegem Pencil Tool cu marimea de 1px

4. facem trei puncte pe diagonala

5. Edit/Define Pattern

6. ne intoarceam la avatarul nostru

7. alegem Paint Bucket Tool (apasam G),
sus pe bara de meniu schimbam de la Foreground la Pattern

8. si dam un click peste imagine...vualea si patternu nostru, se poate de scos din Opacity(mai sus de layere) p/u ca sa fie mai frumos

9. deasemeni se poate si mai repede din proprietatile layerului,
click dreapta pe layer : Blending Optoins
la Styles alegem Pattern Overley
si alegem patternu nostru

vualea

ÎnchideЗакрыть

DarkerThanBlack (Kenpachi™)

блик

1. Выделяем область на которой хотим создать блик.
2. Копируем, вставляем.
3. Создаём новый слой.
4. Далее проводим наклонную прямую белого цвета с помощью кисточки(зажимаем шифт).
5. Нажимаем Alt+G, выбераем тип слоя - Overlay.
6. В панели анимации копируем слой.
7. На первом слое переносим полоску допустим за левый край чтоб её не было видно.
8. На втором слое уводим в противоположную сторону.
9. Создаём промежуточные кадры.
10. радуемся полученному блику.

ÎnchideЗакрыть

By saam86

efectul de sticlă pi avatar ! xD

1. deschidem imaginea in PS 150 x 255 !
2. new layer , Shift + Ctrl + N
3. Rectangle Tool pentru a face o mască pe avatarul nostru :look:

4. tragem pe spatiul avatarului cu Rectangle Tool
5. rezultatul ? , suprafata de 150 x 255 px , a devenit alba ! , de accea ne jucam cu "Opacity" si "Fill" , dam oliaca de prazracinasti, xD
=====>>>

6. alegem "Direct Selection Tool" , şi dăm click pe margina rămasă de la Rectangle Tool , rezultatul ?, au apărut nişte puncte ,xD

=====>>>
7. cu "Delete Anchor Point Tooll" ştergem un punct (di tot îs 4 xD) , facem click pe un punct, observăm că parcă sa împărţit în jumate, acuma se observa efectul de sticlă... , însă nu are nici o formă, e dreaptă...

==> =====>>>

8. cu "Add Anchor Point Tool" ne ducem pi margină, dăm click, (so mai pus un punct) , ne apropiem de punct şi tragem în sus ! , apoi dam click la layerul care lam creat de la inceput, "Vector mask thumbnail" !

==> =====>>>

________

p.s. screenuriile nu prea corespund din motiv că am făcut de mai multe ori acest tutorial !
E primul meu tutorial, aşa că nu mă ocărîţ tare... :girlblush:

ÎnchideЗакрыть

By mumu4ika

efectul de sticla....printro metoda mai simpla

1. Avem o imajini deam pregatita treb numa sa adaugam ăfecti
2.Amu alejem asha o fignea ca Eliptical Marquee Tool

3.Facem o selectie care sa arate cam aşă :

4.Apasam "al doilea click al mouselui" a.k.a cel din dreapta si alegem Select Inverse.
6.Cream un nou layer
5.Selectia obtinuta o coloram cu alb.Neaparat ca albul acesta sa fie pe layerul nou

6.Mergem la layerul obtinut si micsoram capacitatea la 40 (sau alt numar de % dupa placul vostru )

7.Salvam imaginea si iata ce am obtinut eu :

__________________________________________________________________________________________

(c) SkyArt (mumu4ika)

ÎnchideЗакрыть

By FeGHIuKu

Efectul de sticla(metoda simpla)

ÎnchideЗакрыть

Cum sa facem textul sa apara si sa dispara

1.Deschidem imaginea din care doriti aavatar (Ctrl+O)

2.Dupa ce ati deschis imaginea creati un Fail nou cu marimea 150x255 (Ctrl+N)

3.Reveniti inapoi la imaginea dvs. si apasam Ctrl+A

apoi Ctrl+C (pentru a o copie) apoi ne intoarcem la failul pe care lam facut si apasam Ctrl+V

4.Dupa ce am pus imaginea trebuie sa o micsoram .... pentru aceasta apasam W apoi Click drept si alegem свободнное трансформирование/free transform :

apoi pentru a mentine proportiile imaginii apasam aici :

5.Dupa ce am micsorat imaginea facem rama (gasiti in #0 cum se face rama By Iarik)

6.Scriem textul...
7.Dupa ce am scris textul apasam aici (pentru a face un layer nou)

Apoi apasam aici (pentru a scoate textul de pe layerul facut):

Si pentru a face textul nostru sa dispara click aici ..... Selectam numarul de cadre
(cu cit mai multe cu atit mai greu va disparea textul si invers)

Iar apoi daca dorim ca textul nostru sa apara inapoi inseram ultimul cadru .... si facem la fel ....... apoi click aici si Ok

si voalya avatarul este gata pentru al salva Alt+Shift+Ctrl+S
akloo alegem GIF si gata

Rezultatul:

amu marsh mai repede si fati avatarul

P.S. si cum a spus si Iarik ceva nuti place? fa mai bine :upyours:

ÎnchideЗакрыть

Avatar Panorama View :pardon:

(cum sa nu botim masina

)

1.Creeam un fail nou (Ctrl+N )

2.Dam rezolutia respectiva (150x255)....

3.Deschidem imaginea din care dorim avatar (Ctrl+O)

4.Alegem imaginea

5.Dupa ce am deskis imaginea dorita facem Ctrl+A si apoi Ctrl+C (pentru a copia imaginea)

6.Dupa ce am copiat imaginea folosind Ctrl+C ne ducem la fail-ul creeat si facem Ctrl+V (pentru a pune imaginea )

7. Dupa ce am pus imaginea apasam W (pentru cei ce nu stiu :pardon:

) si facem click drept si alegem Free Transform/свободнное трансформирование

si pentru a pastra proportiile imaginii apasam aici

8.Dupa ce am adus imaginea la o pozite dorita cum sar spune

facem un layer nou si facem ramca

9.Dupa ce am facut ramca facem animatia apasind aici

apoi cu ajutorul la moove tool miscam imaginea atfel incit sa se primeaca cam asa (uitate pe al doilea layerdin imaginea de la punctul 10 )

10. Apoi apasam aici

11.Punem numarul de cadre 15 si apasam ok

12.Mai apasam odata aici (pentru ca imaginea sa revina la pozitia initiala)

13.Aici deja vom selecta primul cadru

14. Salvam avatarul

Rezultatul final

ÎnchideЗакрыть

By ceekay

Am creat un avatar în After Effects, salvăm în GIF, cu transfer în Photoshop

Cunoştinţe necesare: Basic
Software necesar: After Effects, Photoshop
Hardware necesar: mâini care cresc de unde trebuie, ochi atenţi, care citesc TOTUL.

MOV final:
PARTICULAR AVATAR.mov

Cum am ajuns la dansul şi la avatarul în format GIF? Simplu:
1. Proiectul final il transmit la render din AE:

2. Output Module [în Render Queue], şi setăm ceea ce vedem pe screen:

3. Render, sh vso

4. Dar, dacă nu merge aşa, si e prea mare imaginea (cantitatea în kB), o salvăm în format Quicktime Movie şi o încărcăm în Photoshop:

5. setările standard de import:

6. Alegem să salvăm pentru web sh alte figniushti... :

7. Alegem setarile de baza pentru un GIF calitativ. la fiecare ar putea fi alte setari, in orice caz, cam astea sunt basic settings:

8. Alta setare care, iar, influenteaza calitatea unui gif:

9. Cu aproximatie setarile in cauza...

Nu uitati un lucru: la fiecare pot fi alte setari. Iar ca idee calitativa: scopul unui gif este sa obtineti o imagine animata fara puncte.

P.S.: Daca cantitatea imaginii este prea mare [kb] atunci fie faceti crop la imagine in PS, fie scadeti framerate-ul compozitiei in AE.

ÎnchideЗакрыть

By kuzea84

Lesson - Frame in frame!

Totul se face pe Layer NOU! Nu am făcut fotografii normale... sorry...

1. Deschizi imaginea dorită... [/size]

2.======>>>>>>

De aici - Totul se face pe Layer NOU! Nu am făcut fotografii normale... sorry...
3. New Layer! - Rectangular Marquee Tool - luăm ceea ce ne trebu ======>>>>>>>

4. Schimbam poziția cum ne trebuie (Tot pe Layer Nou!) - Select > Transform Selection ====>>>>>>

5. (Tot pe Layer Nou!) Pe bucata care a rămas selectată, apăsăm: Click dreapta => Stroke => Alegem opțiunile dorite (de dorit Width: 2-4, Location: Center - Inside) ====>>>>>>

6. Edităm restul dinafara Frame-ului - Alegem Layerul cu imaginea! ==>> Ctrl+L ==>> Tragem săgeata din dreapta spre stînga ====>>>>>>

ÎnchideЗакрыть

By MarcStyle

Creem efectul de linie transparenta...))

1.File>New [150x255]
2.Deschidem img necesara,selectam ce dorim sa aplicam ca avatar,ctrl+c>>ctrl+v
3.Creem un layer nou[ctrl+shift+n]Trasam o linie,culoarea alba,am folosit pen tool,dar se poate si cu multe alte instrumente...
4.click dreapta stroke>>brush>>ok
5.Layer optpion>>Overlay
6.Punem bifa la Window>Animation

7.Click duplicates selected frames,deplasam linia spre dreapta[pina unde dorim sa predomine acest efect]

8.Click Twins animation frames[introducem nr de cadre necesar]

10.File>Save for Web & Dev>*gif

voyla

ÎnchideЗакрыть

Lectii de a face avatare pe tmd

Editat de către ElMoldovano la 2013-01-21 19:34:44

Mesaj util ? Da 74 puncte

1 2 3 4 5 6 7 8 9 10 ... 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 ... 207 208 209 210 211 212 213 214 215 216
<< Precedenta Următoarea >>

#926 by Djok (<3 C++) (0 mesaje) at 2010-07-09 20:37:23 (761 săptămâni în urmă) - [Link]

iaka si am facut eu sel mai frumos

eu una nu ma vrubesk iaka la ploae la fulguleti

cum so faci animata numa asta nu ma vrubesk

Mesaj util ? Da 0 puncte

#927 by kompas ( No talking, just dance ) (0 mesaje) at 2010-07-09 20:51:58 (761 săptămâni în urmă) - [Link]

#926 Djok, "... eu una nu ma vrubesk iaka la ploae la fulguleti

cum so faci animata numa asta nu ma vrubesk ..." - citeshte citeshte shi analizeaza ...poate ceva ai scapat

#926 Djok, "... iaka si am facut eu sel mai frumos ..." - nimic frumos ))..sorry mie asha imi pare ...prea simplu ...mai adauga ceva...shi schimba fontu asta oribil

#925 crystofor, screen la PS !

:ae:

...nio scos PB

...ple ...3 zile de pauze

....we come back

Mesaj util ? Da 0 puncte

#928 by Djok (<3 C++) (0 mesaje) at 2010-07-09 20:54:09 (761 săptămâni în urmă) - [Link]

#927 kompas, "... nimic frumos ))..sorry mie asha imi pare ...prea simplu ...mai adauga ceva...shi schimba fontu asta oribil ..." - pentru asei kare no inteles astai tipa gheata asaka fontu asa si treb sa fie

Mesaj util ? Da 0 puncte

#929 by kompas ( No talking, just dance ) (0 mesaje) at 2010-07-09 21:00:16 (761 săptămâni în urmă) - [Link]

#928 Djok, "... pentru asei kare no inteles astai tipa gheata asaka fontu asa si treb sa fie ..." - ap daka asta ii tipa gheatza...pai trebuie de facut aceasta gheatza normal...crede-ma ...nimeni nu va vedea aici gheatza

Mesaj util ? Da 0 puncte

#930 by Djok (<3 C++) (0 mesaje) at 2010-07-09 21:02:13 (761 săptămâni în urmă) - [Link]