Forum Romania Inedit
Romania Inedit - Resursa ta de Fun
|
Lista Forumurilor Pe Tematici
|
Forum Romania Inedit | Reguli | Inregistrare | Login
POZE FORUM ROMANIA INEDIT
Nu sunteti logat.
|
Nou pe simpatie:
ramona23
 | Femeie
24 ani
Bucuresti
cauta Barbat
24 - 52 ani |
|
gaby_em
MEMBRU VIP
 Din: țisor
Inregistrat: acum 17 ani
|
|
Am decis de comun acord cu maharet sa fac un topic legat de grafica care va contine urmatoarele:
-veti avea ocazia de a imprumuta sau cere la comanda anumite lucruri care tin de grafica (userbaruri, semnaturi, player carduri, etc).
-topicul va fi updatat din cand in cand cu noi creatii facute de mine sau de anumiti membri care doresc sa se afirme.
-veti putea invata la randul vostru sa creati anumite lucruri ce tin de grafica din tutorialele care bineinteles nu vor lipsi.
Cand veti cere un anumit lucru, va rog sa specificati anumite detalii cum ar fi tipul lucrarii (userbar, semnatura, etc), preferinte legate de aceasta (ce sa contina acea creatie, ce culori v-ar placea, ce efecte ar putea sa aiba).
Acestea fiind spuse, sper sa se afirme cat mai multi oameni pasionati de grafica si de ce nu sa devina o noua pasiune pentru incepatori 
| http://i415.photobucket.com/albums/pp238/gaby_em23/membri-puf.gif |
| http://i415.photobucket.com/albums/pp238/gaby_em23/membru-junior.gif |
| http://i415.photobucket.com/albums/pp238/gaby_em23/membru-gold.gif |
| http://i415.photobucket.com/albums/pp238/gaby_em23/membru-senior.gif |
| http://i415.photobucket.com/albums/pp238/gaby_em23/veteran.gif |
| http://i415.photobucket.com/albums/pp238/gaby_em23/mdb.gif |
| http://i415.photobucket.com/albums/pp238/gaby_em23/membru-vip.gif |
| http://i415.photobucket.com/albums/pp238/gaby_em23/moderator.gif |
| http://i415.photobucket.com/albums/pp238/gaby_em23/admin.gif |
De ce avem nevoie:
~ in primul rand de Photoshop (nu conteaza ce versiune) - gasiti pe forum o multime de versiuni
~ in al doilea rand veti avea nevoie de fontul universal folosit pentru userbaruri (puteti folosi si altceva dar acesta este cel clasic, pe care va sfatuiesc sa-l folositi pentru ca arata cel mai bine pe un userbar) - Numele fontului: Visitor TT2 -BRK- - un link puteti gasi aici
~ resurse - asta insemnand sa aveti la dispozitie pozele pe care le veti folosi in crearea userbarului - aici aveti mana libera sa folositi orice imagini de pe largul internet
Pentru a va fii mai usor o sa explic felul in care eu creez userbarurile animate, pe pasi.
Deschidem un nou proiect in photoshop si il setam la dimensiunea 350 x 19.
O sa observati ca v-i s-a deschis proiectul de lucru.
Acum vom vrea sa punem un background. Aici puteti folosi alte imagini implicite (de exemplu steagul Romaniei din userbarurile de mai sus) sau C4d (le puteti gasi tastand C4d la google -> imagini)
Eu voi folosi renderul acesta E mai bine sa salvati C4d-urile in PC urmand ca apoi sa le deschideti in photoshop dupa care sa le mutati in proiect -drag & drop- pentru ca acestea sa-si pastreze calitatile originale)
Mutati-l dupa plac. Pana acum o sa avem ceva de genul asta.
Daca doriti sa schibmati culoarea backgroundului folositi comanda Ctrl + U. Acolo aveti o multime de optiuni, printre care colorize. Bifand colorize puteti schimba culoarea dupa plac.
Pentru acest tutorial voi face un userbar cu tema Mozila Firefox. Pentru asta am downloadat un render cu logoul Mozzila poza aici
Deschideti-l cu photoshop si inlaturati backgroundul alb folosind Magic Eraser Tool din meniul Tools. (un simplu click pe backgroundul alb)
Cu drag and drop trageti renderul pe proiectul in care lucram. Ii schimbati dimensiunea tinand apasat tasta shift pentru a pastra proportiile dupa care, pentru ca il vom anima il mutam undeva in partea stanga jos ca in imagine. Deschideti meniul de animatii de sus Window -> Animation.
A venit vremea sa punem un text. Trasati un spatiu pentru text urmand sa scrieti textul dorit folosind fontul Visitor TT2 -BRK-, anti aliasing None si 12 pixeli. (anti aliasign sunt cei 2 a ca si in poza de mai jos)
Vom vrea sa-i punem o bordura si o culoare. Pentru asta dam click dreapta pe layerul textului selectand Blending options.
Din Blending Options vom selecta Stroke. O vom seta pe 1 pixel si color black.
Pentru ca ii vom da un efect textului nu ii vom selecta nicio culoare. Mutati textul in locul dorit. Mai avem un singur lucru de pregatit dupa care ne putem apuca de animatie. Cream un layer nou din meniul layer -> new layer, urmand sa folosim Gradient Tool pentru a creea ceea ce va arata ca un fond de o culoare cu o mica pata de alta culoare. Pentru culoarea gradientului voi folosi negru galben.
Trageti o linie de aproximativ 1 cm pe layerul nou creat. Vom avea ceva de genul asta.
Pentru a insera gradientul in interiorul textului vom apasa Ctrl + Alt + G.
Acum ne putem apuca de animatie. Vom face in asa fel incat renderul cu logoul Mozzila sa se miste in sus si in jos iar textul sa aibe un efect creat de gradient. Vom selecta duplicate layers din meniul de animatii. Asta va crea un frame nou identic cu cel precedent. Tot ce vom face de acum incolo va fi sa cream frameuri noi modificandu-le fata de cele precedente. Ne aflam pe frameul al doilea, deci vom muta renderul cu logoul Mozilla cu aproximativ 5 pixeli mai sus (este important sa nu va leneviti si sa-l mutati cu mai mult pentru ca miscarea nu va mai fii la fel, iar userbarul vostru va arata mai degraba ca un slide de imagini decat ca o animatie).
Creati aproximativ 5 frameuri noi mutand renderul cu logoul Mozzila 5 pixeli mai sus de fiecare data. Acum vom incepe sa lucram la animatia textului. Mutati gradientul creat mai devreme in asa fel incat pata neagra din gradient sa apara pe primele cuvinte ale textului. Din acest moment cu fiecare frame nou creat veti muta renderul cu logoul Mozzila 5 pixeli mai sus si gradientul aproximativ 10 pixeli la dreapta.
Cand pata neagra din gradient ajunge sa nu se mai vada creati frameuri mutand doar renderul cu logoul Mozilla. Cand renderul ajunge in partea de sus repetati
procedura mutand renderul cu 5 pixeli in jos.
Repetati asta pana ce ultimul frame va fi identic cu cel de-al doilea frame (pentru continuitate).
Mai avem de adaugat un mic detaliu dupa care suntem gata. Creati un layer nou ca si in pasii precedenti si trasati un oval de culoare alba folosind elipse tool la care ii veti seta opacitatea aproximativ 20%. Aranjati-l ca in imagine.
Acum vom adauga o bordura, creand un layer nou si trasand o linie de 1 pixel in jurul proiectului.
Salvati proiectul apasand Ctrl + Alt + Shift + S si save. Din meniul de jos puteti vedea cum va arata animatia proiectului (ea va fi putin mai inceata decat ce veti vedea acolo).
Daca ati respectat pasii de mai sus produsul finit va arata ca si mai jos
Si VOILA!! Asta este. Pentru alte efecte cum ar fi miscarea textului sau disparitia textului veti proceda la fel layer cu layer doar ca in loc sa miscati un layer cu o poza veti misca layerul textului sau ii veti schimba opacitatea din mare in mai mica pana la 0 ceea ce va crea un efect de disparitie. Va puteti folosi iamginatia pentru a crea tot felul de efecte noi care va trec prin cap.
Sper ca tutorialul va fost de folos si va urez spor la GFX!
Modificat de gaby_em (acum 13 ani)
_______________________________________
---------------------------------------------------------------------
Love!!
|
|
| pus acum 13 ani |
|
trogloditu'
Membru Junior
 Din: Sateda Planet
Inregistrat: acum 14 ani
|
|
Modificat de trogloditu' (acum 13 ani)
_______________________________________
|
|
| pus acum 13 ani |
|
gaby_em
MEMBRU VIP
Din: țisor
Inregistrat: acum 17 ani
|
|
Alea nu sunt facute pe ceva site care creeaza texte? Din pricina miscarii incete si a albului din cauza umbrei in spate...
Modificat de gaby_em (acum 13 ani)
_______________________________________
---------------------------------------------------------------------
Love!!
|
|
| pus acum 13 ani |
|
trogloditu'
Membru Junior
Din: Sateda Planet
Inregistrat: acum 14 ani
|
|
gaby_em a scris:
Alea nu sunt facute pe ceva site care creeaza texte? Din pricina miscarii incete si a albului din cauza umbrei in spate... |
nu 
"miscarea inceata" e data de numarul de cadre/s si numaul total de cadre, din care e alcatuit gif-ul.
Modificat de trogloditu' (acum 13 ani)
_______________________________________
|
|
| pus acum 13 ani |
|
gaby_em
MEMBRU VIP
Din: țisor
Inregistrat: acum 17 ani
|
|
trogloditu' a scris:
gaby_em a scris:
Alea nu sunt facute pe ceva site care creeaza texte? Din pricina miscarii incete si a albului din cauza umbrei in spate... |
nu
"miscarea inceata" e data de numarul de cadre/s si numaul total de cadre, din care e alcatuit gif-ul. |
Nu e creatie personala. Arata ca orice text de pe miile de "text generator" de pe internet... Si un sfat. Pentru forumul acesta NICIODATA nu pune umbre la gif-uri, backgroundul forumului nefiind alb, umbrele vor crea o pata alba in spatele gifului si asta nu-l va face sa arate bine. Si inca sustin ca nu e o creatie proprie si e doar un text generat pe net.
_______________________________________
---------------------------------------------------------------------
Love!!
|
|
| pus acum 13 ani |
|
trogloditu'
Membru Junior
Din: Sateda Planet
Inregistrat: acum 14 ani
|
|
gaby_em a scris:
Nu e creatie personala. Arata ca orice text de pe miile de "text generator" de pe internet... Si un sfat. Pentru forumul acesta NICIODATA nu pune umbre la gif-uri, backgroundul forumului nefiind alb, umbrele vor crea o pata alba in spatele gifului si asta nu-l va face sa arate bine. Si inca sustin ca nu e o creatie proprie si e doar un text generat pe net. |
Prietene, nu inteleg de ce ma faci mincinos. Nu am avut nici un comentariu la ceea ce ai postat tu, nu doresc sa ma afirm, nu primesc comnezi ca sa iti fac concurenta... 
Aratam doar ca exista si alte alternative la photoshop. Ca nu le cunosti tu, e alta problema. Nimeni nu se naste invatat.
Ca sa te luminez iti voi spune care este acest program - Xara 3D Maker . Program pe care eu il folosesc doar ca un program aditional la video-editorul Magix Movie pentru a imi crea efecte text mai speciale pe imagine.
Se poate si fara umbra.
Sa fi sanatos.
_______________________________________
|
|
| pus acum 13 ani |
|
ionmarin
Membru Gold
 Inregistrat: acum 14 ani
|
|
pai si ce legatura are xara 3d maker cu photoshop ?
_______________________________________
|
|
| pus acum 13 ani |
|
trogloditu'
Membru Junior
Din: Sateda Planet
Inregistrat: acum 14 ani
|
|
Domnul meu, probabil nu ati citit tot ce scrie in acest topic.Topicul incepe asa:
"Am decis de comun acord cu maharet sa fac un topic legat de grafica care va contine urmatoarele:
-veti avea ocazia de a imprumuta sau cere la comanda anumite lucruri care tin de grafica (userbaruri, semnaturi, player carduri, etc).
-topicul va fi updatat din cand in cand cu noi creatii facute de mine sau de anumiti membri care doresc sa se afirme.
-veti putea invata la randul vostru sa creati anumite lucruri ce tin de grafica din tutorialele care bineinteles nu vor lipsi.
Cand veti cere un anumit lucru, va rog sa specificati anumite detalii cum ar fi tipul lucrarii (userbar, semnatura, etc), preferinte legate de aceasta (ce sa contina acea creatie, ce culori v-ar placea, ce efecte ar putea sa aiba).
Acestea fiind spuse, sper sa se afirme cat mai multi oameni pasionati de grafica si de ce nu sa devina o noua pasiune pentru incepatori"
si titlul este:
"Romania Inedit Grafix"
Nu se specifica nicaieri ca este obligatoriu sa se foloseasca Photoshop. Eu am aratat ca un banner interesant poate fi facut si cu un alt program foarte rapid.
Data viitoare cititi in totalitate ce e scris intr-un topic si nu veti fi nevoit sa puneti intrebari aiurea.
_______________________________________
|
|
| pus acum 13 ani |
|
gaby_em
MEMBRU VIP
Din: țisor
Inregistrat: acum 17 ani
|
|
Trogloditu.... Pe scurt... Nu ma intereseaza.. Ti-a luat 1 minut si e oribil!...
Maharet, ce-ar fi sa postezi tutoriale legate de Photoshop si After Effects.
_______________________________________
---------------------------------------------------------------------
Love!!
|
|
| pus acum 13 ani |
|
maharet
Moderator
 Inregistrat: acum 18 ani
|
|
Fiindcă am primit mai multe cereri în acest sens, revin cu un tutorial explicativ cât de cât complet...
Avem nevoie de:
Adobe Photoshop plus un preset pentru gradienturi, unele fonturi, un gif care să fie în concordanţă cu tema dorită
şi Adobe After Effects cu pluginul Video Copilot Twitch inclus şi un efect de sânge...şi ca program third party Virtual Dub APNG mod
Pasul numărul 1:
În Adobe Photoshop din meniul File-New faceţi o nouă suprafaţă de lucru cu dimensiunile şi setările următoare:
Umpleţi imaginea cu negru (Edit-Fill)
Rezultatul va fi ceva de genul ăsta:
Deschidem Layers, click dreapta pe layer0, selectăm blending options şi aplicăm Stroke cu următoarele setări:
Rezultatul va fi
În continuare vom aplica textele cu text tool (este T-ul din bara din stânga, dintre peniţă şi săgeată :
Textul de sus are următoarele setări (de la stânga spre dreapta - fontul folosit, modul de transpunere în fundal, dimensiune, mod de îmbinare în fundal, modul de aliniere, culoare folosită
Iar cel de jos următoarele setări:
Rezultatul va fi:
Salvăm fişierul în format PSD (File-Save as PSD) şi trecem în After Effects unde facem o
compoziţie nouă cu o mărime identică cu cea a fondului din proiectul nostru...
Mergem la File-Import-File şi selectăm PSD-ul pe care l-am făcut în Photoshop cu aceste setări:
Tragem prin modul drag and drop folosindu-ne de mouse şi ţinând apăsat butonul din stânga imaginea noastră peste
spaţiul negru din compoziţie şi o potrivim cu grijă pe spaţiul de lucru...ar trebui să arate aşa...
Deschidem săgeata gri din stânga folderului avatar_bg Layers, selectăm Layer 0, click dreapta, reveal in composition
Observăm cum s-a modificat în jos spaţiul de lucru şi cum putem lucra de acum uşor cu fiecare layer în parte în compoziţia noastră...
Selectăm layerul RomâniaInedit , click dreapta, convert to editable text, repetăm procedura şi pentru celelalte layere text
Selectăm Layer 0 şi ne ducem la file-Import ca să adăugăm giful cu filmuleţul dorit, după care îl tragem peste layer 0 în compoziţie
şi îl redimensionăm astfel încât să se încadreze cu fondul nostru...în cazul de faţă fiindcă vom aplica mai târziu în partea de jos
un efect de sânge vom adjusta un pic textul, îl vom aduce un pic mai sus, având move tool (săgeata din stânga selectată
Putem aplica efectele...selectăm Layerele de text, mai întâi cel de jos, după care în fereastra Layers and Effects tastăm la
search Quiver şi îl tragem peste Layerul de text din proiectul nostru...repetăm procedura pentru layerul text de de sus,
numai că în loc de Quiver vom folosi efectul Scale Up ...Pentru layerul cu gif repetăm procedura de mai sus, numai că vom folosi
Sharp Flash...opţional se pot aplica multe alte efecte, dar acestea sunt efectele standard pentru acest proiect...
Acum...pentru efectul de sânge...vom adăuga un fişier în format mov cu efectul în sine
pe care îl vom redimensiona să încapă în proiectul nostru...şi îl vom
poziţiona pe timeline la frame-ul dorit...din marginea neagră de pe colţul
căsuţei efectului din timeline putem adjusta durata efectului...
Mergem la Composition-Make Movie.În Fereastra deschisă jos apăsăm butonul render şi selectăm
la format AVi şi locaţia unde dorim să fie salvat filmul
Deschidem Virtual Dub APNG Mod, selectăm fişierul randat de After Effects,
tăiem cadrele care sunt în plus şi îl salvăm în format gif (file-Export-Animated GIF)
Mergem în Adobe Photoshop, deschidem giful, din fereastra Animations de jos selectăm
toate frameurile, şi apăsăm ALT+Ctrl+Shift+S...din fereastra apărută selectăm Save
Ca să folosiţi avatarul pe forum trebuie să fie optimizat cu dimensiunile date în proiect şi o mărime mai mică de 1000 KB şi
trebuie să îi redenumiţi extensia din gif în jpg...Îl uploadaţi din browserul Mozilla Firefox, ignoraţi mesajul de eroare care apare, apăsaţi
Ctrl+Shift+R şi voila...noul vostru avatar...
Modificat de maharet (acum 13 ani)
_______________________________________
Zilnic, cel mai interesant P.M. este răsplătit cu un BONUS special
DO NOT PM ME, MOST LIKELY I WON'T ANSWER.DO NOT REQUEST
REUPLOADS OF MY PREVIOUS UPLOADS, BUT IF YOU STILL HAVE
THEM, FEEL FREE TO MAKE AS MANY MIRRORS AS YOU LIKE.
 
[mp3=https://www.youtube.com/watch?v=azJTTI4vk7g]
 Citiţi regulile/Read The Rules 
"Non quod habemus, sed quod fruimur, abundantia nostra est."
|
|
| pus acum 13 ani |
|
ionmarin
Membru Gold
Inregistrat: acum 14 ani
|
|
iti multumesc pentru efort 
si as mai avea o intrebare... unde pot gasi si eu o lista cu toate efectele ? ca daca am dat la text sunt decat 2 si nu prea arata a efecte
_______________________________________
|
|
| pus acum 13 ani |
|
