Capitolul 1: Introducerea
4: Descarca toate resursele din curs
5: Photoshop 2024 este in sfarsit magic!
6: Foloseste cea mai buna versiune Photoshop 7: Activitate: Creaza o imagine alb-negru8: De ce sa nu inveti Photoshop de pe YouTube
9: O unealta exceptionala pentru inteligenta artificiala in Photoshop
10: Cum functioneaza Undo in Photoshop11: Imbunatateste-ti pozele rapid prin Camera Raw
12: Seteaza Photoshop ca un profesionist
13: Gaseste rapid scurtaturi prin Discover Panel
14: Cele mai bune calculatoare si componente pentru Photoshop 15: Nu invata Photoshop pentru asta! 16: Optional – Primii $1247 din Photoshop in 3 saptamaniCapitolul 2: Notiuni Fundamentale
1: Introducerea capitolului
2: Elimina orice cu aceasta unealta noua
3: Descopera interfata Photoshop
4: Personalizeaza interfata Photoshop5: Cum sa incepi un proiect nou
6: Activitate: Decupeaza si indreapta poze
7: Deschide o imagine in 6 moduri
8: Cum sa te orientezi rapid in Photoshop
9: Salveaza proiectele tale in 4 feluri
10: Activitate: Redimensioneaza o imagine
11: Salvarea in Cloud: Util sau nu?
12: Version History – foarte tare!
Capitolul 3: Layere 101
1: Optional – ce sunt layerele?
2: Lucreaza cu layere
3: Lucreaza cu layers panel
4: Selecteaza Layere
5: Repozitioneaza layere
6: Exercitiu: Dexteritate cu layere
7: Solutia exercitiului
8: Aranjeaza imagini rapid si cu precizie
9: Layer opacity vs Fill
10: Exercitiu: Aliniament rapid
11: Solutia exercitiului
12: Retrospectiva
Capitolul 4: Layere 102
1: Tipuri de layere
2: Personalizeaza layers panel
3: Properties Panel Imbunatatit
4: Identifica layere
5: Filtreaza layere
6: Exercitiu: Sorteaza layere
7: Solutia exercitiului
8: Manipuleaza layere in CC 2022
9: Manipuleaza layere in CS4 – CC 2018
10: Blending modes
11: Blocheaza layere
12: Optional – Cele mai bune scurtaturi pentru layere
13: Coloreaza o imagine alb-negru
14: Piele fina in doar cateva clickuri
Capitolul 5: Layere de tip Raster
1: Optional – Photoshop vs Illustrator
2: Lucreaza cu brush tool
3: Activitate: Retuseaza un ten imperfect
4: Eye dropper si Swatches
5: Rezolutie vs marimea imaginii
6: Optional – Schimba culoarea unui tricou
7: Optimizeaza marimea proiectului
8: Non-destructive editing
Capitolul 6: Selectii 101
1: Selectii explicate
2: Modifica selectiile tale
3: Rectangular marquee
4: Elliptical marquee
5: Exercitiu: Selectii de toate tipurile
6: Solutia exercitiului
7: Layer masks
8: Activitate – Combina doua imagini prin layer masks
9: Inlocuieste cerul dintr-o imagine prin Sky Replacement
10: Ajusteaza Sky Replacement
11: Quick selection si magic wand
12: Activitate: Schimba culoarea unei portocale
13: Salveaza si incarca selectii
14: Activitate: Schimba culoarea unui tricou V2
Capitolul 7: Selectii 102
1: Uneltele Lasso
2: Pen Tool explicat
3: Direct & Path selection tools
4: Activitate: Selectii cu pen tool
5: Quick mask mode
6: Activity: Selecteaza o culoare dintr-o poza
7: Activitate: Decupeaza un obiect din fundal
8: Schimba imaginea din spatele unei persoane
9: Selectii prin Channels
Capitolul 8: Shape Layers
1: Creeaza shapes
2: Modifica shape layers
3: Foloseste Custom shapes
4: Activitate: Deseneaza Custom shapes
5: Creeaza guides din shapes
6: Aseaza poze in orice forma
7: Activitate: Creeaza structura unui website
8: Creaza o ilustratie de tip flat – Partea 1
9: Creaza o ilustratie de tip flat – Partea 2
10: Creaza o ilustratie de tip flat – Partea 3
11: Creaza o ilustratie de tip flat – Partea 4
12: Creaza o ilustratie de tip flat – Partea 5
Capitolul 9: Layer Styles (efecte)
1: Layer Styles explicate
2: Salveaza si scaleaza layer styles
3: Afla de unde sa descarci resurse excelente
4: Creeaza un text 3D din aur
5: Aplica text in mod realist pe orice suprafata
6: Ce inseamna Global Light?
7: Creeaza text 3D stralucitor
8: Creeaza un efect neon prin layer styles
9: Activitate: Creeaza un emoji – Partea 1
10: Activitate: Creeaza un emoji – Partea 2
11: Animeaza un emoji in Photoshop – Partea 1
12: Animeaza un emoji in Photoshop – Partea 2
13: Tema de lucru: Creaza propriul tau emoji animat
14: Creeaza un text in flacari
Capitolul 10: Layere de tip Smart Object
1: Smart Objects explicate
2: Activitate: Creeaza o Iconita Android pentru Google Play
3: Tema de lucru: Creeaza propria iconita Android
4: Rupe legatura dintre Smart Objects
5: Prezinta-ti munca in mod profesionist
6: Activitate: Creeaza un mockup realist
7: Linked Smart Objects
8: Aplica filtre pe Smart Objects
9: Activitate: Creeaza o carte de vizita – Partea 1
10: Activitate: Creeaza o carte de vizita – Partea 2
11: Activitate: Creeaza o carte de vizita – Partea 3
Capitolul 11: Typography si layere de tip text
1: Text layers explicate
2: Tipuri de fonturi
3: Cele mai bune surse pentru fonturi
4: Typography – cele mai bune tehnici
5: Cele mai bune combinatii de fonturi
6: Exercitiu: Lucreaza cu layere de tip text
7: Solutie: Lucreaza cu layere de tip Text
8: 4 Moduri de a identifica un font9: Afla cum se aliniaza layere de tip text
Capitolul 12: Resurse grafice
1: Photoshop – un program depasit?
2: Totul despre resurse grafice (design assets)
3: De unde iti iei resurse de design: text si poze?
4: Nu te lasa pacalit de „royalty free stock photos”
5: Resurse de design: iconite, vectori, fundaluri
6: In ce sa investesti ca designer si cateva aspecte legale
7: Sindromul impostorului in design
8: Freelancing-ul – supraaglomerat?
9: Cum sa te folosesti de layer styles (FX)
Capitolul 13: Analiza grafica
1: Paralela 45 (Agentie de turism): Analiza Vitrina Stradala
2: Bringo: Analiza Panou Publicitar Stradal
3: Clever Taxi Rebranding: Afis Custom vs Template
4: Mr. Blade: Branding Frizerie
5: Blue Margarita: Analiza Meniu Restaurant
6: Food Locker: Analiza Afis Publicitar
7: Food Truck Event: Analiza Panou Publicitar Stradal
8: Farmacia FLPM: Analiza Afis Stradal
9: Ago Yoga: Analiza Logo
10: Milk Burger: Analiza Panou Publicitar Stradal
11: Galeria Contrast: Analiza Branding
12: Mito (Agentie de turism): Analiza Design Vitrina Stradala
13: Orange: Analiza Panou Publicitar Stradal
14: Orange Actualizat: Panou Publicitar Strada
15: BrandAffair: Analiza Anunt de Angajare & Branding
16: Mazda: Analiza Afis Publicitar
17: Maestro (Pizzerie): Analiza Afis Publicitar
18: Supa Dupa (Food Truck): Analiza Logo & Branding
19: Arome Noire: Analiza Branding
20: Telekom: Analiza Panou Publicitar Stradal
21: Web Design: Prea putina atentie la detaliu
22: Web Design: Reparam un design in Photoshop
23: Web Design: Excelent, dar fara sens!
Capitolul 14: Carti de vizita
1: Introducere
2: Alegerea stilului
3: Ierarhie, fonturi si culori
4: Iconite si detalii subtile
5: Finisaje si spatele cartii de vizita
6: Carte de vizita #2
Capitolul 15: Grafica pentru social media (Instagram si Facebook)
1: Design bazat pe text si poze gratuite
2: Design bazat pe culori interesante si pen tool
3: Cum sa faci un colaj
4: Cum sa te folosesti de texturi
5: Cum sa lucrezi cu dreptunghiuri
6: Cum sa lucrezi cu poze decupate
Capitolul 16: Iesi in evidenta cu un CV modern
1: Afla de ce trebuie sa renunti la EuroPass
2: Structura CV-ului
3: Cum sa iti alegi un stil
4: Iconite si culori
5: Detaliile care fac diferenta
6: Finalul proiectului
7: CV #2: Design creativ
8: Cum adaugam mai multa personalitate in designul CV-ului
9: Zona superioara – resurse si creativitate
10: Finalul zonei superioare
11: Stilizarea textelor
12: Un mod interesant de a-ti arata experienta
13: Finalul designului #2
Capitolul 17: Grafica pentru YouTube
1: Legatura dintre thumbnail si numarul de vizualizari
2: Valoarea unui mockup
3: Cel mai bun mod de a crea thumbnailuri YouTube
4: Thumbnail YouTube clasic – Partea 1
5: Thumbnail YouTube clasic – Partea 2
6: Thumbnail Abstract – Partea 1
7: Thumbnail Abstract – Partea 2
8: Thumbnail Inainte si Dupa
9: Thumbnail tip ilustratie – Partea 1
10: Thumbnail tip ilustratie – Partea 2
11: Thumbnail persoana intersectata cu text
12: Thumbnail tipator
13: Ganduri de final
Capitolul 18: Greselile designerilor cand vor sa se angajeze
1: Introducere
2: Greseala #1 – Portofoliul
3: Greseala #2 – Social Media
4: Greseala #3 – Site propriu sau o platforma de designeri?
5: Greseala #4 – Computer skills
6: Greseala #5 – Incredere
7: Analizam portofoliile unor designeri
8: Ce sa zici si ce sa nu zici la interviu
Capitolul 19: Afla ce urmeaza mai departe
1: Cat de bun sunt ca designer
2: Viata de freelancer
3: Afla care este urmatorul pas
Capitolul 20: Examen final
1: Afla detaliile examenului aici
47 Comments
Am facut un Index spre un catalog virtual, in doua versiuni
v1 : https://imgur.com/a/BDrabV3
v2 : https://imgur.com/a/5ker4GK
astept critici constructive. Multumesc!
V1 este varianta mai ok, dar sunt cateva probleme:
1) logo-ul trebuie sa fie alb 100% via color overlay.
2) dreptunghiul trebuie sa fie top aligned cu canvas-ul.
3) fara stroke la sign up – are contrast suficient, nu e necesar.
4) 4 linii “welcome to” nu este ok. 2 linii, cel mult 3. Contrastul nu este excelent la primele 2 randuri. In general e bine sa folosesti alb in situatiile de genul.
5) nu mi-e clar de ce ai adaugat “cutedraw”, nu as face asta, dar daca as mai avea content, l-as alinia la stanga cu textul de deasupra.
6) View catalog trebuie sa fie left-aligned si el. Inteleg de ce l-ai pozitionat in dreapta – fiindca poza e mai “curata”, insa nu e o abordare ok.
Am inercat si eu ceva :
https://imgur.com/2vaFdcl
Multumesc!
incercat*
Destul de bun avand in vedere ca nu am vorbit prea mult despre web design in acest curs. Iata ceva idei: fara iconite in main menu; learn more alb pe buton color deschis; la footer fara acel efect de shadow; butonul de subscribe trebuie mult mai simplu. Pregatesc un curs de web design in limba romana – sper sa fie gata in 6-8 saptamani. Spor!
Multumesc pentru feedback. Abia astept cursul.
Buna ziua! Cum stati cu cursul de web design in limba romana? Sunt tare interesat!
Buna seara, tot ce mi-am propus in limba romana este sus pe site.
https://imgur.com/urKvSRr
🙂
Va recomand sa folositi fonturi mai simple de pe Google fonts, dar cel mai important – nu denaturati pozele. Apasati iconita “lant” din options bar (stanga sus) ca sa pastrati aspect ratio (proportiile pozei).
Am incercat ceva simplu
https://imgur.com/XmN5RyO
Multumesc!
Va recomand sa nu distorsionati niciodata imaginea. Se vede ca aici a fost “turtita”. In ultima versiune Photoshop, lantul dintre Width si Height este apasat, insa daca la dumneavoastra nu este apasat, va rog sa dati un click pe el SAU sa tineti apasat Shift atunci cand redimensionati poza. Cat despre iconitele din social media, acestea pot fi puse in dreapta sau in stanga meniului principal. Continuati si veti deveni din ce in ce mai bun!
Heii.
https://imgur.com/a/Ek3Ab3x
M-am gandit la un blog de travel unde am atasat locatiile in care imi doresc sa merg.
Avand in vedere ca imaginea cu harta este incarcata am ales sa nu mai adaug alt text pe ea.
Multumesc! 🙂
Arata bine. Cateva sfaturi: nu folositi fonturi de tip italic. Iar culoarea din meniul principal e un pic prea stridenta. Spor in continuare!
Am înțeles. Mulțumesc pentru sfaturi. 🙂
https://imgur.com/a/rPohJGM
Multumesc!
Pe viitor va recomand sa respectati guide-ul din stanga. Logo-ul, headline-ul, butonul, poza cu microfonul – toate trebuie aliniate la stanga. In plus, meniul nu pare centrata pe verticala in interiorul dreptunghiului negru. Spor in continuare!
Am inteles si voi tine cont de sfaturi pe viitor. Multumesc!
Buna , ma puteti ajuca va rog cum sa imi adaug eu scrisul meu ? Sau cum fac sa adaug un scris la site-ul web pe care il creez
Va referiti la un text gen de protectie? nu va recomand sa faceti asta. Dar daca insistati, apasati tasta T apoi scrieti ce doriti. Apoi mergeti la Window -> Character ca sa customizati aspectul textului. Spor!
Buna ziua! Sper sa va placa!
https://imgur.com/WyHemNY
Va recomand fonturi o idee mai simple – folositi Google Fonts. Acestea au mult prea multa personalitate. De asemenea culoarea gri de la meniu… e fara viata. Va recomand ceva mai viu. Spor!
Incercarea mea arata asa: https://imgur.com/a/ZqEE1iw. Multumesc!
Contrastul nu este suficient de bun. Faptul ca ati mers cand pe text alb, cand pe text “negru” arata ca e o problema cu poza. Pe viitor alegeti o alta poza care va permite fie text alb, fie text negru.
Am inteles, multumesc mult!
https://imgur.com/a/0WGqdvF
Textul nu ar trebui sa fie in all caps si ar trebui sa fie perfect alb. Textul din buton pare usor descentrat pe verticala. In rest, binisor!
Am inteles!Multumesc
Am incercat si eu ceva.
Nu e wow, dar am prins ideea. Am si notat undeva chestiile de baza.
https://imgur.com/a/3AiJB9L
Fara caps lock cand vorbim despre paragrafe de text. Iar despre culoare – mergeti pe alb curat, ceea ce inseamna ca aveti nevoie de o poza suficient de simpla si de intunecata pe fundal. Spor!
https://imgur.com/a/F7kYy5Y Nu imi place meniul de sus. Am incercat si varianta sub poza. Fontul la logo cred ca trebuie adaptat la structura site-ului. Ma multumesc si cu un 7.
sa stiti ca pozele sunt facute de mine
Va recomand sa folositi o poza mai simpla in partea superioara, iar jos, unde sunt toate pozele micute, trebuie shadow mai putin puternic.
https://imgur.com/a/8BhXOjn
Mai era o parte a doua a comentariului meu 🙂 … legat de umbre. E ok, puteti merge mai departe.
le-am accentuat fata de prima poza,
sau varianta asta dar mi enu prea imi place https://imgur.com/a/aB8tLVp
Va las aici ,,site-ul,, https://imgur.com/a/3iMY3Mr
Textul trebuie aliniat la stanga cu logoul. Pozele nu trebuie denaturate, apasati Shift cand le redimensionati.
Buna ziua,
Ca urmare a cursului dvs de Web Design, am creat un landing page pentru o agentie de turism (am lucrat in turism 10 ani :D)
https://imgur.com/wpp9A9p
E un design bun, solid, care poate fi imbunatati cu 20-30% intr-un timp scurt. Mai intai nu exportati ca jpeg, ci PNG ca sa nu pierdeti din calitate. Hero area trebuie mult mai compact. Umbrel mult mai subtile. Nu recomand acel verzui pentru formularul din hero area – albul este cea mai buna varianta. Tichetele de vacanta ar trebui sa fie o idee mai mici. Per total, foarte ok! Felicitari!
https://imgur.com/a/1PK7Egi
Trebuie sa fiu mai ordonat ,si am uitat sa fac si ultima particica de jos dar sper sa fie bun in rest macar un pic :>
Pe viitor va rog sa exportati designul, nu postati screenshots. Este un inceput bun. Sunt multe de imbunatatit (nuanta de verde face textul greu de citit, textul ar trebui impartit in paragrafe, s.a.m.d), dar pentru asta mai trebuie sa treceti prin mai multe lectii. Continuati cu spor!
https://imgur.com/a/MCBkd1N
Foarte ok, contrast bun, structura clasica. Felicitari!
Mulțumesc!
https://imgur.com/a/PChkCsT
E bine, cu cateva precizari – culoarea butonului trebuie sa fie putin mai aprinsa ca sa iasa in evidenta. Nu prea aprinsa fiindca poate afecta lizibilitatea textului.
Prima poza din subhero area pare usor denaturata. Mare grija la asta!