Pagina de start a forumului Nike.MyForum.ro Nike.MyForum.ro
Nike Forum
 
 FAQFAQ   CautareCautare   MembriMembri   GrupuriGrupuri   InregistrareInregistrare 
 ProfilProfil   Mesaje privateMesaje private   AutentificareAutentificare 

Cum sa realizezi un răcoros futuriste site-ul de interfaţÄ

 
Creaza un subiect nou   Raspunde la subiect    Pagina de start a forumului Nike.MyForum.ro -> Flash
Subiectul anterior :: Subiectul urmator  
Autor Mesaj
Nike
Administrator
Administrator
Nike

Data inscrierii: 07/Ian/2009
Mesaje: 36

MesajTrimis: 15/01/2009 20:36    Titlul subiectului: Cum sa realizezi un răcoros futuriste site-ul de interfaţÄ Raspunde cu citat (quote)

. Crearea cadrului de mata negru

1,1. Deschide un nou document Flash. Salvaţi-l imediat, pentru că veţi dori să apăsaţi Ctrl + S mai târziu, pentru a fi în măsură să o salveze, din nou, deoarece va fi foarte mult de lucru aici. Iar voi, cu siguranţă, nu doriţi să-bang la cap împotriva perete în cazul în care computerul se blochează în jos, puterea se duce în jos, etc face viata mai usoara!

1,2. Selectaţi ovală dispozitiv (O). În secţiunea Opţiuni de Instrumente de panou:
opriţi obiect de desen (1) şi, de asemenea,
Snap pentru obiecte (2) opţiuni.



1,3. Cu ovală instrumentul selectat, mergeţi la secţiunea culorile din panoul de Instrumente şi blocul de la care schema de culori:
Selectaţi prima schita de culoare,
Faceţi clic pe pictograma nr culoare,
Se selectează pentru indiferent ce colorit de umplere.



Vrei sa facem un cerc privat de margini, asta-i de ce aţi făcut acest lucru.

1,4. Desenati un cerc (şi nu puncte de suspensie) de a face următoarele:
Ţineţi apăsată tasta Shift în tastatura dumneavoastră,
Faceţi clic peste tot pe scena si
Start glisând cu mouse-ul pentru a desena un cerc.

1,5. Ok. Vrei să facă acest cerc o anumită dimensiune acum, astfel încât:
Selectaţi, dând clic cu instrumentul de selecţie (V). În panoul de inspectorul de proprietate, ar trebui să vedeţi cuvântul "Forma" apar, indicând selectat vectorul cerc forma.
Mai jos, care, faceţi clic pe pictograma padlock. Acest lucru va bloca lăţimea şi înălţimea dvs. cerc împreună. Amintiţi-vă, ce doriţi dumneavoastră, pentru a persistă un cerc, nu doriţi ca puncte de suspensie.
Tip de 195 (care este un pixel valoare), fie în cadrul W sau H domeniu şi apoi Enter-altul va asigura aceeaşi valoare.



Iată rezultatul:



1,6. Vă va dărui o elegantă gradient de culoare pentru a completa cercul dvs. acum. Înainte de a face ca, trebuie să-l deselecteaza. Cerc Deselecteaza dvs. făcând clic pe un teren gol de la o zonă de lucru cu unealta de selectie (V).

1,7. Selectaţi Paint Bucket Tool (K). Du-te la panoul de colorații Mixer (deschis de către acesta ar necesită să în mod implicit în partea de sus dreapta al dvs. Flash spaţiu de lucru). Configuraţi-linear gradient completa, urmând aceşti paşi simpli:
Selectaţi nuanță completa (mic faceţi clic pe pictograma de vopsea bucket),
Alegeţi tipul liniar completa in meniul din colţul din dreapta sus,
Selectaţi din stânga-end de culoare din gradient (faceţi clic pe micul pătrat) şi
Introduceţi codul hexazecimal tentă pentru acest scop de gradient - tipul acesta de mai sus in domeniul de gradient strip: # 404040.
Faceţi clic pe pătrat de alură de pe marginea din dreapta a gradient şi introduceţi codul de mai sus în domeniul acesta: # 000000.



Alpha (gradul de transparenţă), pentru ambele culori ar trebui să stai la 100%. De ce cele două diferite nuante de negru, atat de aproape una de alta? Veţi vedea că acest lucru face ca mata cadrul arate mai real. O singură colorație ar face prea plate şi nerealiste. Crede-ma, acest lucru poate fi simţit, chiar dacă nu este vazut de ochi, la întâia vedere.

1,8. Pick up the Paint bucket instrument (K) de a aplica gradient de culoare pentru a completa cercul:
Apăsaţi şi ţineţi apăsat Shift în tastatura dumneavoastră şi faceţi clic cu mouse-ul undeva pe partea stânga sus a cercului.
Trageţi cu mouse-ul în diagonală în jos şi la dreapta, până când ajungeţi în altă parte.
Eliberaţi butonul mouse-ul si voila ', cercul este completat.



1,9. Selectaţi cerc, acum, ulterior ce au umplut-o cu gradient de culoare, apoi alegeţi Modify> Conversia la Simbol pentru a crea un film clip simbol. Simbol de Conversie în fereastră va apărea. Selectaţi aceste:
Call noul simbol ORB ecran.
Selectaţi film clip ca tip de simbol.
Atentie acum: selectaţi mijlocul punct central de înregistrare pentru noul simbol. Este clar marcate cu o săgeată roşie în imaginea de mai jos (micul pătrat obscur printre altele, cele gol).

Faceţi clic pe OK şi aţi terminat.



Notă Acest punct specifică de înregistrare pe care le-aţi ales vor face restul de muncă de pe această parte a interfeţei dvs. mult mai uşor, pentru că va trebui să se alinieze toate elementele sale aproximativ acelaşi punct central.

Partea de sus a paginii
2. Crearea de întuneric verde de bază pentru sferice ecran

2,1. Acum, aveţi un film nou clip simbol pe scena. Faceţi dublu clic pe el cu instrumentul de selectie (V) pentru a vă deplasa în interiorul acestuia.

2,2. Esti in interiorul ORB ecran MOVIE CLIP simbol (vazut clar pe imaginea de mai jos). Nume inițialul strat în el inel exterior. Lock, dând clic pe micul punct de sub padlock pictogramă.

Asiguraţi-un nou strat de mai sus şi să-l spunem de bază. Este aici pe care le veţi crea circular ecran pentru interfaţa dvs.,. Veţi vedea, la final, acesta va arăta ca un radar sau sonar de la un film Sci-Fi.



2,3. Utilizaţi instrumentul ovală (O) din nou, scutit de margini de a trage un cerc de absolut orice dimensiune. Acest nou cerc, desigur, va fi elaborată în noul strat de bază. Poti folosi orice culoare completaţi care îl doriţi. Selectaţi-l şi setaţi ambele dimensiuni ale sale la 170 de pixeli în Domeniul imobilier inspectorul.



2,4. Acum alinierii acestuia la existente cerc (inel exterior, de un negru):
Selectaţi cerc (faceţi clic pe el cu instrumentul de selectie (V)).
Du-te la panoul de Aliniere (select Window> Aliniere dacă nu-l vedea în nici una dintre panouri încă).
Faceţi din acest cerc să se alinieze cu înregistrarea punct de dvs. ORB ecran film clip:
De Aliniere / Distribuie la Etapa opţiune trebuie să fie activat.
Faceţi clic pe butonul Aliniere la centru orizontal.
Faceţi clic pe butonul Aliniere la centru pe verticală.



Iată rezultatul dupa ce a fost conceput de aliniere:



2,5. Deselecta de cerc, făcând clic o dată în afara ei (nu o fac de două ori pentru că vă va ieşi din MOVIE CLIP).

2,6. Selectaţi Paint Bucket Tool (K). Vei face unele mai multe culori gradient de umplere, chiar cu o radiale completati acest moment. Revenire la Color Mixer panel. Pentru a crea o frumoasa culoare completati radiale, face acest lucru:
Ca anterior, timp, asiguraţi-vă că este selectată umple de culoare.
Setaţi Tip meniul de la radial.
Faceţi clic şi glisaţi din stânga pătrat de culoare un pic in interior, pentru a dreptului (a se vedea pe ecran de 3 de mai jos).
Introduceţi codul de culoare al pătrat în domeniul codul hex: face # 339999, frumos, verde turcoaz.
Selectaţi alt pătrat şi este de culoare face codul # 154040.



2,7. întrebuințând Paint Bucket Tool (K), completati de cerc cu dvs. facut sa completati nou, făcând clic pe centru.



Ok! Acest lucru a fost fabricat cu uşurinţă. Acum, la următoarea pagină, dacă vă voi arăta cum să adăugaţi mai multe detalii pentru a vă circulare ecran pentru al face să arate mai reale, mai mult cu o adâncime de adăugat.

3,1. Pentru a fi capabil să obţină rezultate şi să profite de dominant amestecul filtre disponibile in flash, va trebui să facă un film nou clip simbol:
Selectaţi nou verde cerc umplut întuneric.
Selectaţi Modificare> Conversie în simbol.
La fel ca înainte, film clip tip ar trebui să fie selectate, împreună cu punct central de înregistrare. Spune-le de ecran de bază de această dată şi faceţi clic pe OK.



3,2. Introduceţi interiorul ecran de bază MOVIE CLIP prin dublu clic pe ea cu unealta de selectie (V):
Sunaţi-un strat de întuneric verde verde de pe cerc este completa.
Asiguraţi-un nou strat de apel şi el glow alb.



3,3. Prin folosirea de tehnici pe care le-am explicat până la acest punct, să facă o:
Borderless cerc, 146 de 146 de pixeli,
Alinierii acestuia la punctul de înregistrare (de exemplu, Centru de aceasta în raport cu cele existente),
Completati-l cu o culoare sa completati gradient liniar. Ambele gradient de culoare valori ar trebui să fie setat la alb (# FFFFFF), dar alpha (transparenta) din stanga ar trebui să fie una de 70%, în timp ce ar trebui să fie un drept de 0%. Ar trebui să completaţi cercului vertical, de sus în jos.



3,4. Selectaţi cerc. Introdu-l la un film clip simbol, dar nu intră în interiorul acestuia. Nu va fi nevoie pentru a merge orice mai bună decât asta. Call acest nou simbol alb strălucească.



3,5. În timp ce a confecționat nou simbol este selectată, se aplică nişte răcoros filtre pentru a acesteia, astfel:
Filtre Selectaţi fila în Domeniul imobilier inspectorul.
Faceţi clic pe pictograma de albastru, plus filtre pentru a deschide meniul şi selectaţi Blur filtru.
Set de valori atât blur la 18.
Selectaţi slaba caracteristică din meniu.



OK, următorul filtru este opţională. S-ar putea să le aplice, dacă credeţi că-l vor face sferice ecran arata mai bine. Cea mai mare lucru despre Flash este ca puteţi adăuga mai multe filtre pentru a celor existente, dar ele nu trebuie să vă afecteze rezultatul final (puteţi să le transformaţi în largul). Daţi-mi voie să vă arătăm cum puteţi face acest lucru.

3,6. Faceţi clic pe pictograma mica, plus o dată mai mult, dar de data aceasta, selectaţi Strălucire filtru şi setaţi opţiunile sale astfel:
Blur Ambele valori ar trebui să fie setat pe 5.
Introduceţi 120% ca valoare pentru Forţa de opţiune.
Setaţi pentru a calitatii Min.
Alegeţi alb (# FFFFFF) pentru filtru de culoare.



3,7. Faceţi clic şi glisaţi Sclipire de filtrare astfel încât este mai sus de filtru Blur.



Notă stivuire, pentru amestecul de filtre în Flash este important, la fel ca în Photoshop sau orice altă aplicaţie grafică. În funcţie de ordinea de filtre se aplică la un simbol sau un obiect, puteţi obţine complet diferite urmări vizuale şi a aspectului.

3,8. Pentru a dezactiva Strălucire amestecul de filtrare, faceţi clic pe verde de selectare de lângă aceasta. Se va transforma într-o cruce roşie.



De ce este atat de această practică? Ei bine, pentru că nu au de a sterge filtru complet. Este aici, cu toate caracteristicile sale şi opţiuni. Astea nu vor dispărea de îndată ce vă transforma filtru off, doar efectele nu vor fi aplicate pentru a vă obiect.

Iar acum, aici sunt diferenţele - aspectul interfeţei's sferice ecran cu şi minus filtru Strălucire aplicate la acesta:



În cazul în care Strălucire filtru nu a fost aplicată, sferice ecran poate arata mai realiste, în timp ce pe urmă ce activaţi a spus pe filtru, acesta are o cu siguranta strălucitoare şi mai multe sferice, ca bubble-uite. Din nou, cel mai bine nu este necessairly apoi celelalte. Totul depinde de ceea ce aveţi nevoie pentru site-ul dvs. şi ce credeţi că arată mai bine.

I voinţă a voi a continua acest tutorial cu filtru Strălucire dezactivat, dar s-ar putea să îl păstreze, dacă doriţi. Toate aceasta este nevoie de un simplu clic, astfel încât el de fapt nu contează prea mult.

3,9. Faceţi clic pe fila Proprietăţi (alături de Filtre filă în Domeniul imobilier inspectorul panoul). Pe partea dreapta a panoului, veţi vedea Culoare meniu. Selectaţi opţiunea Alpha şi să-l până la 79%. Acest lucru va face sferice ecran chiar mai realiste.



Partea de sus a paginii
4. Crearea de rotaţie, sferice parte din ecran

Vei face un mic dar important element de care se va adăuga la racoarea de ansamblu dvs. de interfaţă. Aceasta o va misca! Acesta va fi un element de frumos, rotative.

4,1. Adăugaţi un nou înveliș in interiorul ecran simbolul de bază şi spunem rotator.



4,2. Utilizarea ovală instrument (O), să facă un cerc. Ea ar trebui să aibă următoarele proprietăţi:
Cercul trebuie să fie fără margini.
De umplere trebuie să fie o culoare verde palid o plat. Am folosit # C7E2E2. Atentie: poate alfa a ramas pe 0% sau 70% de la precedenta sa completati. Dacă da, îl schimbaţi pentru a completa opacitatea (100%).
Dimensiunile cercului sunt 161x161 pixeli.
După ce aţi creat-o, alinierea cerc, cum ar fi cele de care dispune. Iată cum ar trebui să arate ca:



4,3. Dar, această parte de rotatie va fi un inel. Deci ai nevoie pentru a face o (atunci când acestea vor introduce această opţiune în Flash? Arrrgh ...). În scopul de a crea un inel, va trebui să facă un al doilea, mai mic cerc, cu o culoare diferită, şi apoi să-l utilizaţi pentru a decupa o porţiune din prima. Faceţi din acest cerc în afara existente, un centru de ea si apoi mai târziu:
Deci, să facă o 153 de 153 de pixeli cerc lipsit de margini, cu alte plate de culoare.
Aliniaţi-l orizontal, ...
Si apoi pe verticală.



Notă: pentru a putea trage această reducere, ar trebui să aibă opţiunea de persoane cu obiect de desen. I-am spus că, în chiar primul pas din acest ghid.

4,4. Pentru a face un inel de tăiere a relevat o formă, face acest lucru cu unealta de selectie (V):
Faceţi clic o dată pe un gol parte din scena pentru a deselecta mai mici cerc.
Selectaţi mai mic cerc din nou.
Apăsaţi Delete de pe tastatură. Ar trebui să aibă un inel acum, astfel:



4,5. Acum, pentru a limitează acest cerc în trei părţi, aveţi necesitate de un alt vector forma pentru a vă ajuta să:
Selectaţi dreptunghiul instrument (R).
Asiguraţi-un dreptunghi excluzând margini (nu se află scheme de culoare, identic ca ai facut pentru toate cercurile).
The important lucru este că ar trebui să fie dreptunghi 4 pixeli lăţime şi un pic mai mare decât în cerc.



De ce vrei sa taiat de inel până în părţi separate? Ei bine, daca nu o fac, de rotaţie nu ar fi vizibile, la toate. Trebuie să existe o întrerupere în el, altfel de animatie nu poate fi vazut (chiar dacă acesta a existat).

4,6. Locul de dreptunghi ca este arătat mai jos, deselecteaza-l, apoi selectaţi-l din nou şi să-l ştergeţi.



4,7. După aceea, puteţi să faceţi alte două dreptunghiurile la 120 de grade, pentru a ponderează până la inel în trei părţi egale. Dacă aveţi o fermă de mână şi sunt precise, puteţi să utilizaţi instrumentul Eraser (E) pentru a şterge un cuplu de biţi mai mult. Personal, am dori să fie cât mai precis posibil, şi de aceea am utilizarea de rotatie, panou de aliniere şi a altor modele de acest tip de muncă.

Indiferent de metoda pe care o utilizaţi, încercaţi să contactul următoarelor rezultat:



4,8. 3 Selectaţi toate segmentele de inel si de a le converti un film clip simbol. Call noul simbol inel rotitor şi faceţi clic pe OK.



4,9. Du-te la inspectorul de proprietăţi şi atribuie un nume de instanţă în acest smybol: suna-l rotator_mc.



Dacă doriţi acest lucru, puteţi să modificaţi Alpha proprietate pentru acest element, dacă aţi găsit-o prea luminoase (la fel ca ai facut pentru alb strălucească câţiva paşi înainte).

5,1. Îmi place tinkering around cu diverse efecte strălucitoare şi de a face o mai complexe vizuale în compoziţia mea Flash interfeţe. De aceea, am adăugat un ultima-nouţă de suprapunere în interiorul ecran de bază MOVIE CLIP. Adauga un alt strat de apel şi-l catifelat strălucească.

[IMG]v[/IMG]

5,2. Ia-ovală instrument (O):
Asiguraţi-o 142 de formă ovală, de 132 de pixeli.
Aliniaţi-l orizontal, cu punct de înregistrare.
Ca şi pentru poziţionarea pe verticală, puneţi-l, astfel încât nu există doar un mic decalaj (1 sau 2 pixeli) stânga între acesta şi porțiunea superioară a inelului (a se vedea mai jos).



5,3. Completaţi de formă ovală, cu un gradient alb liniar, pe verticală, sus în jos:



Aici este gradient cu valorile sale Alpha (amintiţi-vă, toate cele trei piete sunt de culoare albă):



Sugestie: pentru a adăuga un al treilea pătrat de culoare, trebuie doar să faceţi clic de două dintre cele existente.

5,4. Faceţi clic pe legătura de mai sus ORB ecran de straturi pentru a reveni la ecranul de ORB simbol al timpilor.



5,5. Selectaţi ecran de bază film clip care tocmai aţi părăsit. Daţi-i numele de instanţă core_mc.



Partea de sus a paginii
6. Crearea de partea interioară negru inel lucios

6,1. Adăugaţi un al treilea strat in interiorul ORB ecran MOVIE CLIP simbol.



6,2. Selectaţi ovală instrument (O). În Domeniul imobilier inspector, setaţi următoarele opţiuni pentru el:
Selectaţi un gradient liniar pentru Accident vascular cerebral (schema de culoare), dacă doriţi, dar să facă din el un teribil de întunecat, aproape negru. Am ales o perioada de doi-linear gradient de culoare, mergând de la # 333333 # 536868.
Bloc de umplere culoare.
Ca tip de linie, selectaţi solid.
Setaţi grosime de la linia 2.



6,3. Trasati un traseu de 170 şi 170 de pixeli cerc cu centrul de ajutor a Aliniere la panou.

Reţineţi că nu puteţi vedea orice alte elemente de pe ecran sferice imaginea de mai jos pentru ca am ascuns de a le face mai uşor pentru tine de a vedea o parte din aceasta lectie.



6,4. Desenati un cerc mai mare schiţa utilizând aceleaşi proprietăţi ca ai facut de cea precedentă. Asiguraţi-o prezenta 185 de 185 de pixeli. Alinierii acestuia la punctul de înregistrare.



6,5. Selectaţi Paint Bucket Tool (K):
Creaţi un gradient liniar cu valorile, aşa cum este arătat mai jos.
Pentru a face o flawless gradient orizontal, apăsaţi şi ţineţi apăsat Shift în tastatura dumneavoastră.
În timp ce ţineţi-l, faceţi clic pe malul stang al inelului (a se vedea mijlocul de ecran de mai jos) şi a începe glisând cu mouse-ul la dreapta.
Când atingeţi de altă parte, punerea mouse-ul. Acolo! Aţi completat de inel frumos.



6,6. Selectaţi ambele inele şi schema de umplere cu unealta de selectie (V). Introdu-le la un film clip simbol numit inel interior.



6,7. Faceţi clic pe fila Filtre şi se aplică în următoarele filtru pentru acest film clip:
Selectaţi Bevel filtru.
Blur The X şi Y opţiuni ar trebui să fie setat la 13.
Setaţi Forţa de la 100% şi de înaltă calitate.
Umbra de culoare ar trebui să fie setată la # 000000.
Evidenţiaţi de culoare ar trebui să fie setată la # 000033.
Setaţi unghi de 45.
Setaţi Distanţa până la 5.

Notă: Lăsaţi Knockout opţiune unchecked şi de tipul setat la inner.



... şi iată rezultatul final - finit sferice ecran:



Aici este cu rotaţie, parte a alfa a fost schimbată la 40%:



Pare misto, nu? În următoarea parte din acest tutorial (în curând), va vedea modul în care creaţi o parte cu nasturi, text şi alte fleacuri grozav! Puteţi descărca fişierul sursă fla pentru această parte a interfeţei de mai jos.

Am obosit.. Bafta
Sus
Vezi profilul utilizatorului Trimite mesaj privat
ossbe
Junior
Junior


Data inscrierii: 18/Aug/2012
Mesaje: 5
Localitate: Latvia

MesajTrimis: 30/08/2012 12:44    Titlul subiectului: Raspunde cu citat (quote)

Yes, there is nothing wrong with say, but say that this is a super article is not worth it!
Sus
Vezi profilul utilizatorului Trimite mesaj privat
ossbe
Junior
Junior


Data inscrierii: 18/Aug/2012
Mesaje: 5
Localitate: Latvia

MesajTrimis: 30/08/2012 20:12    Titlul subiectului: Raspunde cu citat (quote)

I will recommend all my friends to read this.
Sus
Vezi profilul utilizatorului Trimite mesaj privat
Afiseaza mesajele pentru a le previzualiza:   
Creaza un subiect nou   Raspunde la subiect    Pagina de start a forumului Nike.MyForum.ro -> Flash Ora este GMT + 2 ore
Pagina 1 din 1

 
Mergi direct la:  
Nu puteti crea un subiect nou in acest forum
Nu puteti raspunde in subiectele acestui forum
Nu puteti modifica mesajele proprii din acest forum
Nu puteti sterge mesajele proprii din acest forum
Nu puteti vota in chestionarele din acest forum


Powered by phpBB © 2001, 2005 phpBB Group
Fa-ti si tu propriul forum GRATUIT, pe www.myforum.ro