Doiu.ro

Links: Cum se face un logo?

Cristi Doiu — Fri, 03 Sep 2010 12:42:59 +0000

Desi articolul asta ar trebui sa faca parte din seria “Tutoriale Photoshop“, i-am dat o alta denumire. Mai jos aveti 15 tutoriale in care vi se explica pas cu pas cum se face un logo. Personal gasesc linkurile de mai jos extrem de utile si sunt convins ca va vor ajuta foarte mult.

Nu am publicat nici macar un articol cu inspiratii insa am sa va las aici un link, in care gasiti 70 de logouri noi facute bine.

Titlurile tutorialelor sunt neschimbate. Unele dintre ele, traduse in limba romana, suna destul de aiurea.

1. Drawing a Good Logo

2. Brainstorm #9 Logo Process

3. How to make an awesome logo

4. Sikbox Logo Design Process

5. Create an Amazing Ad in Photoshop

6. Modern Green Logo

7. Firefish Photoshop Tutorial

8. Logo Design Project Step by Step Walkthrough

9. Origami Swan Logo in Photoshop

10. Logo Presentation Tutorial

11. Mac – Colorful Design

12. Dache: Logo Design Process

13. How to Create a Stylish Cubism Inspirired Logo

14. Creating an Environmentally Friendly Green Type Treatment

15. Logo Design Process and Walkthrough for Vivid Ways

Tutorial: Cum va mascati defectele?

Cristi Doiu — Fri, 03 Sep 2010 10:44:29 +0000

Probabil foarte multi dintre oamenii ce nu folosesc photoshopul prea des, cauta sa-si modifice poze personale, mai exact sa-si mascheze diverse defecte. Tutorialul de mai jos contine 3 exemple, anume: Cum sa va mariti sanii; Cum sa va micsorati nasul; Cum puteti slabi in cateva minute. Nu stiu daca trebuia sa fac un clip video pentru fiecare dintre cele trei exemple, cert este ca mai jos aveti cel mai lung tutorial postat de mine pana acum. Inca nu am reusit sa rezolv problemela calitatii si nici nu cred ca am s-o fac prea curand. Pana la rezultatul final, clipul trece prin 4 programe: Photoshop ( imaginea de inceput ), After Effects ( intro-ul ), My screen recorder ( cred ca deja stiti ) si Movie maker. Ultimele doua programe nu salveaza clipurile intr-o calitate prea buna.

Aveti mai jos rezultatul:

Video: Cum se creaza un text 3d?

Cristi Doiu — Wed, 01 Sep 2010 00:31:28 +0000

Probabil acesta este unul dintre cele mai simple tutoriale. Desi in toate editiile mele de videoblog am publicat doar tutoriale usoare, cred ca am sa fac o schimbare cat de curand.
In alta ordine de idei, am hotarat ca incepand cu lunea viitoare blogul sa aiba un orar. Fiecare zi sa fie destinata unui tip de articol.
Clipul de mai jos va invata cum sa faceti un text 3d in photoshop. Am schimbat intro-ul si imi place foarte tare, evident am folosit un tutorial pentru adobe after effects, tutorial ce poate fi gasit aici. Sunetul de la inceput nu ma incanta si este posibil sa-l schimb. Cu toate astea, ce vedeti mai jos este cel mai bun rezultat de pana acum. M-am incurcat de cateva ori dar nimic nu-i perfect.
~~PS: Numele acestui tip de videoblog este DoiuTuts. ~~Suna ca dracu’~~~~
Filmul cu pricina:

Rezultatul:

Acestia sunt pasii de baza, puteti adauga textura si multe altele.

Update: Am creat o noua introducere si un nou nume pentru videoblog. Clipul de mai jos este introul viitoarelor tutoriale.

Intro doiu.ro – tutoriale photoshop from Cristi Doiu on Vimeo.

Darvideo – Web Layout

Cristi Doiu — Sun, 29 Aug 2010 18:32:17 +0000

Daca ieri publicam ultimul meu layout, ei bine astazi deja s-a invechit. Revin cu un nou design pentru un potential site de showuri video online. Darvideo este numele, am pastrat DAR-ul din layoutul precedent. Nu au nimic in comun insa Darvideo are 5 scheme de culori, respectiv rosu, portocaliu, albastru, verde si mov. Din pacate nu am facut decat un singur tip de pagina, anume o categorie. Propun acest layout pentru un site de tipul Vplay ( al carui logo este facut de mine, il puteti vedea aici ).

.
Darvideo este ultima creatie si poate fi cumparata pe ThemeForest in aproximativ o saptamana.

Update: In urma unor evenimente recente, am hotarat sa ofer layouturile gratuit. Linkul se afla in subsolul paginii.

Dupa cum spuneam si ieri, am sa revin cu un layout similar ce poate fi downloadat gratuit.

Darvideo layout:

Aveti mai jos alte imagini cu layoutul:

Darvideo – Free download

Cum se face un layout?

Cristi Doiu — Sun, 29 Aug 2010 13:56:06 +0000

In ultimul timp public foarte multe layouturi si cu toate astea nu am scris un articol in care sa explic pas cu pas ce urmaresc eu cand creez interfete grafice.

Am publicat acum aproximativ o luna un articol ce avea titlul: “Cum se face un site?“.Este important sa-l cititi, sunt cateva lucruri ce se leaga de acest post. Evident inainte sa pornim crearea unui layout avem nevoie de o schita, o schita ce trebuie sa ilustreze cu exactitate ceea ce vrem sa facem. Puteti folosi o coala a4 sau puteti downloada aceste modele predefinite ( pe care ulterior sa le trageti la imprimanta) .

1. Schita

Presupun ca nu vreti sa pierdeti degeaba cateva ore. In cazul in care nu folositi o schita, nu veti sti ce aveti de facut. Asta nu poate decat sa insemne ca vreti sa riscati sa intrati intr-un blocaj. Am intalnit de foarte multe ori aceasta problema si la mine pana cand am hotarat sa am o schita pentru absolut orice.Luam urmatorul exemplu: Aveti o idee, stiti ca o puteti pune in practica in 30 de minute si cunoasteti exact ce aveti de facut. Dupa ce va apucati, va dati seama ca nu ati gandit toate detaliile, asa ca spatiul ramas nu este suficient pentru content/header/footer. In acel moment porniti refacerea si efectiv regandirea intregului layout. Acesta este un blocaj.

2. Prezentarea layoutului

Este extrem de important sa stiti sa va vindeti un produs. Acest lucru il auziti probabil extrem de des, insa de la teorie la practica este drum lung. Acestea sunt cateva criterii de care eu tin cont mereu: target, potential cumparator, descriere, schema de culori diversificata, imagine de prezentare, logo, icoana.

3. Intre layout si template

In momentul in care prezentati un layout, aveti grija sa il umpleti astfel incat acesta sa arate foarte bine. Este important sa vindeti ideea (cum ar putea arata siteul respectiv), chiar daca dupa codare, layoutul este simplu, gol si parca lipsit de esenta.

4. Distante

O alta problema intalnita la foarte multi designeri, inclusiv la mine, este aprecierea cu exactitate a distantelor si crearea cat mai multor elemente ce trebuie sa fie in concordanta cu layerele precedente. Pentru asta recomand folosirea urmatoarelor functii: Grid, Smart Guides. Pe acestea le gasiti in View -> Show->Grid/SmartGuides.

5. Culori

Spuneam mai sus ca este importanta schema de culori in vederea prezentarii layoutului. Era o vorba: ” de gustibus et coloribus non disputandum “. Acesta este motivul pentru care un designer trebuie sa creeze un layout ce foloseste mai multe scheme de culori.

6. Simplitate

Majoritatea potentialilor clienti prefera simplitatea. Este si logic daca stam sa ne gandim. Layouturile create de noi nu trebuie sa fie prea incarcate cu detalii inutile. Asta nu va face decat sa indeparteze cumparatorul. Simplitatea este un punct cheie in ceea ce priveste sfera aceasta in care se regaseste un designer.

6. Rezultat

Dupa ce finalizati un layout si tineti cont de pasii de mai sus, va garantez ca veti fi mult mai multumit de rezultat, stiind ca munca voastra a fost cu mult mai intensa si mai gandita decat inainte.

Darfol – Web Layout

Cristi Doiu — Sat, 28 Aug 2010 15:13:43 +0000

Stiu ca sunt cam inactiv in ultima perioada dar asta se datoreaza timpului meu acordat layouturilor. Sincer sa fiu nu prea mai fac altceva. Este important ( pentru mine ) sa ma perfectionez si totodata sa intalnesc oameni alaturi de care sa putem crea templateuri premium. Asa cum spuneam in unul dintre articolele precedente, in viitor vor fi codate o parte dintre layouturi de pe acest site.

.
In alta ordine de idei, Darfol este ultima creatie si poate fi cumparata pe ThemeForest in aproximativ o saptamana.

Layoutul ilustreaza un portofoliu iar sursa contine 3 pagini. Am sa revin curand cu un layout similar ce poate fi downloadat gratuit.

Darfol layout:

Alte doua imagini ale layoutului le puteti vedea aici si aici.

PersonalPress – Web Layout

Cristi Doiu — Thu, 26 Aug 2010 15:07:32 +0000

Incep acest articol in continuarea celui de ieri. Daca pana acum am publicat doua variante ale acestui layout, revin cu a treia ce iese putin din tipar, acesta este si motivul pentru care am publicat un articol nou. Designul nu urmeaza aceeasi schema, este cu mult extins, foarte modificat si personal il regasesc extrem de util. Voi incerca pe viitor sa codez o parte dintre layouturile de pe site. Evident puteti downloada gratuit sursa .psd ( linkul se afla in subsolul paginii ).
Dupa cum se poate observa, am desaturat backgroundul. Extinzand layoutul, culoarea gri ofera o nota fina de seriozitate.

Update: Am sesizat cateva erori pe care am sa le indrept curand. Salut!

Personal Press – Free web layout

Personal Press Blog Layout 3 – Free download

Personal Design – Web Layout

Cristi Doiu — Wed, 25 Aug 2010 22:49:16 +0000

Nu am mai scris de mult un articol asa ca revin ca de fiecare data cu un layout nou. Personal Design se numeste si poate fi downloadat gratuit ( vedeti sursa in subsolul paginii ). Nu este mare filosofie, cine vrea sa o codeze este liber sa o faca. Astept un link aici. In principiu sunt cateva elemente simple pe care le-am folosit. Sursa icoanelor este aici si aici. In zilele urmatoare am sa scriu un articol despre conferintele interesante de anul acesta ( nu numai din Romania ). M-am cam lungit cu vorba asa ca nu va mai spun decat urmatorul lucru: saptamana asta sau urmatoarea voi publica un alt layout.

Designul cu pricina:

Personal Design Blog Layout – Free download

Update: Am hotarat sa public tot acum varianta cu numarul 2 a layoutului. Sper sa va placa! O puteti downloada, aveti mai jos linkul!

Personal Design Blog Layout 2 – Free download

Cum se face un logo?

Cristi Doiu — Fri, 20 Aug 2010 18:06:35 +0000

O intrebare pe care am auzit-o de foarte multe ori pana acum. In primul rand nu trebuie sa privim logoul ca un desen sau ca o reprezentare grafica a unui nume. Acesta reprezinta o companie. Mereu fruntas, logoul este omniprezent si omniscient in actele firmei respective.

Un logo bine facut este usor de retinut si se muleze perfect pe targetul companiei. Intr-un cuvant un logo trebuie sa fie memorabil.

Aveti mai jos 5 sfaturi de care trebuie sa tineti cont:

1. Nu folositi mai mult de doua fonturi!

Multi designeri incepatori fac aceasta greseala. Fontul trebuie ales cu grija in functie de seriozitatea pe care trebuie sa o impuna logoul. Folosirea a doua sau mai multe fonturi ce nu sunt din aceeasi gama strica orice urma de profesionalism.

2. Background multiplu.

Un alt criteriu de care trebuie sa tineti cont este backgroundul si culoarea logoului. Acesta trebuie sa arate bine atat pe un fundal alb cat si pe un fundal negru.

3. Tineti cont de marime.

Este important ca un logo sa poata fi marit sau micsorat fara ca acesta sa-si piarda proprietatile. Toti clientii va vor cere asta, mai devreme sau mai tarziu, pentru crearea unor materiale promotionale ex: pix, tricou, cana, sapca samd.

4. Unicitatea este esentiala!

Sa ne imaginam ca logoul vostru se afla pe spatele unui flyer intre alte zeci de sigle. Este unic? Va atrage atentia? Vizibilitatea reprezinta un punct cheie in ceea ce priveste promovarea unei firme. Exista insa unele momente in care unicitatea conteaza mult mai mult.

5. Alegeti cu grija culorile

Cand incep crearea unui logo, prefer sa folosesc o singura culoare. De cele mai multe ori folosesc mai nuante ale acesteia. Am scris acum ceva timp un articol despre psihologia culorilor.

Mai jos este un logo facut de mine, logo ce respecta intr-o oarecare masura pasii de mai sus:

10 conturi de twitter interesante

Cristi Doiu — Thu, 19 Aug 2010 17:40:50 +0000

M-am gandit foarte mult pana sa scriu articolul asta. Mi-e teama sa nu fiu previzibil. Avand in vedere ca ne lovim de rutina la tot pasul, n-as vrea sa creez si eu un post ce poate fi caracterizat drept cliseu. Dupa siroaie de ganduri, am hotarat sa-l public pentru ca pana la urma acestia sunt cei 10 romani ale caror conturi imi par foarte interesante.

PS: Am observat ca foarte multe conturi nu sunt personalizate asa ca va reamintesc despre articolul pe care l-am scris acum ceva timp, anume ” cum se personalizeaza corect o pagina de twitter ” .

Atentie! Nu conteaza cine este pe primul sau ultimul loc, lista de mai jos este in ordine alfabetica.

1. http://twitter.com/AlexNegrea
Foarte multe twitturi interesante, un cont de succes.
2. http://twitter.com/bobbyvoicuro
Mai este nevoie de prezentare? Avalansa de linkuri si informatii relevante.
3. http://twitter.com/calinfusu
Un cont ale carui informatii le puteti savura cu usurinta.
4. http://twitter.com/dStanca
Stiri, informatii, exclusivitate… mai vreti?
5. http://twitter.com/ecostin
Un cont interesant cu informatii utile.
6. http://twitter.com/fulgerica
Cont haios ce contine suficiente linkuri ce va vor binedispune.
7. http://twitter.com/manac
Sa redevenim seriosi, un cont plin de surprize.
8. http://twitter.com/manafu
Acum puteti fi la curent cu ce se intampla in online.
9. http://twitter.com/ovisebdan
Un cont serios, cu twitturi serioase si linkuri pentru oameni cu IQ ridicat.
10. http://twitter.com/spuse
Un alt cont serios unde nu gasiti pic de haz. Da, mint.