Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce...

53
Imaginea digitală în Photoshop o anatomie tehnică și artistică

Transcript of Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce...

Page 1: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

Imaginea digitală în Photoshop

o anatomie tehnică și artistică

Page 2: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

Să ne cunoaștem

Alexandra Bardan

www.sandrabardan.ro

Page 3: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

Să ne cunoaștem

Nume?

Ce programe de editare grafică ați mai folosit?

Ce ați dori să aflați la acest seminar?

Ce NU ați dori să aflați la acest seminar?

Page 4: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

Imaginea digitală în Photoshop

o anatomie

tehnică

Page 5: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

Imaginea digitală în Photoshop

o anatomie

tehnică și artistică

Page 6: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

Ce (poate) să facă Photoshop-ul?

Page 7: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

Ce (poate) să facă Photoshop-ul?

de la PUNCT la INFINIT

Page 8: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

PUNCT

Sursă foto: Gameloft

Page 9: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

PUNCT

Sursă foto: Gameloft

Page 10: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

INFINIT

Sursă foto: www.nexusmods.com/skyrim

Page 11: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

INFINIT

Sursă foto: carioca.ro/#/Studio/Commissioned/Fantastic

Page 12: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

Sursă foto: www.reddit.com/r/pics/comments/1ydjc9/before_after_kievs_independence_square_ukraine/?sort=old

Piața Independenței, Kiev, 2014

Page 13: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

Sursă foto: www.reddit.com/r/pics/comments/1ydjc9/before_after_kievs_independence_square_ukraine/?sort=old

O imagine face cât o mie de cuvinte

Page 15: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

Photoshop

Page 16: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

Photoshop

WYSIWYG

Page 17: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

What You See Is What You Get

WYSIWYG - interfaţă grafică şi intuitivă care

permite compunerea vizuală a unui document

(pagină de carte, layout de ziar, revistă, afiş,

flyer etc.).

Utilizatorul vede direct pe ecran cum va arăta

rezultatul final

Page 18: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

24 ianuarie 1984 – lansa Macintosh 128k, computer repersonal . Noutatea: interfa a grafic . accesibil ţ ă avansatăConţine s ul şoft de procesare de text i cel de MacWritedesen bitmap care utilizeaza principiul MacPaintWYSIWYG.

O istorie

Macintosh 128k

Page 19: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

https://www.youtube.com/watch?v=TtA46JT2q_0

Page 20: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

Apar apoi programele de paginare şi de grafică (desen bitmap, intervenție pe pixeli și

desen vectorial, imagini numerice realizate prin calcule matematice).

1985: Aldus PageMaker, întâi pe Mac, apoi pe PC, cumpărat de Adobe.

1986: Ventura Publisher, cumpărat de Corel, care lansează în 1989 CorelDraw.

1987: QuarkXPress, întâi pe Macintosh apoi pe PC,

Anii 1990, QuarkXpress devine un standard profesional pentru industria presei.

1990: Adobe lansează Photoshop, program de retușare și manipulare a imaginilor

fotografice, standard în advertising.

1999: InDesign de la Adobe, inspirație din PageMaker și QuarkXpress.

2012: Aplicații în Cloud.

Page 21: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

https://www.youtube.com/watch?v=MECuWUqWmsE

Tendinţa actuală în industria software

Platforme de publicare

Strategii profitabile de publicare multi-canal. Lărgirea bazei de cititori, clienţi şi furnizori de

publicitate fideli. Design atractiv de pagini, grafice şi ilustraţii. Publicare pentru print, web şi

tablete. Interactivitate - identifică practici de consum pentru a îmbunătăţi conţinutul şi a întări

legătura cu cititorul.

Adobe® Digital Publishing Suite

Module integrate pentru a permite asamblarea automată şi publicarea

multi-canal de conţinut pentru diferite publicuri şi tipuri de media.

Quark Publishing Platform

http://www.youtube.com/watch?v=sokJfTv6BCU

Page 22: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

Photoshop

Page 23: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

Photoshop InDesign

QuarkXPress

Scribus

Illustrator

Gimp

Corel

Inkscape

Dreamweaver, 3DMax, Maia etc.

Page 24: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

Interfață de lucru

Meniu

Bara de instrumente - toolbar

Documentul/ spațiul de lucru

Palete

Bara de opțiuni

Page 25: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?
Page 26: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?
Page 27: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?
Page 28: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?
Page 29: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

Photoshop

10-15-20%

Page 30: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

?

Page 31: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

5 imagini cu 5 întrebări:

Ce e greșit?

De ce?

Cu ce instrumente/ tehnici s-a lucrat?

Cum ar trebui să fie realizat?

Cu ce instrumente/ tehnici ar fi bine să se lucreze?

Page 32: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

Sursă foto: www.sadanduseless.com/2013/02/russian-facebook/

Page 33: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

Sursă foto: http://www.photoshopdisasters.com/

Page 34: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

Sursă foto: http://www.photoshopdisasters.com/

Page 35: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

Sursă foto: http://www.photoshopdisasters.com/

Page 36: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

Sursă foto: sandra bardan

Page 37: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

Imaginea digitală: definiţii de lucru

Imaginefoto

digitală

Imaginefoto

analogă

Imaginementală

Imaginepicturală

Imaginecinematografică

Imaginetelevizată

Imagine2D

Imagine3D

Imaginesculpturală

Imaginelăarhitectura

Imaginegrafică

Cum o văd (pe ce suport)?Cum o produc (fabric)?Cum o reproduc (multiplic)?Cum o distribui/ difuzez?Cum pot să o modific?

Page 38: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?
Page 39: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

DigitalAnalog Analog

Sursă foto: dreamstime.com

Page 40: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

Fotografiadigitală

Imaginea de tip raster

Imaginea raster - utilizează o grilă pixeli depentru a reprezenta imagini. Fiecare pixel are un loc și o culoare bine definite.Prelucrarea pre upune seditarea unor pixeli, nu obiectele sau formele.

Imagini raster - fotografii sau picturi digitale.

Page 41: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

Imaginea de tip vector

Procedeu prin care imaginile sunt construite cu ajutorul descrierilor matematice prin care se determină poziția, lungimea și direcția liniilor folosite în desen.

Imaginea vector - stochează liniile, formele și culorile care alcătuiesc imaginea ca formule matematice.

Imagini vector - logotipuri, scheme, ilustrații - NU POZE!

Page 42: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?
Page 43: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

Vector Rastervs./ &

PRO: Fișiere de dimensiuni mici. Complet scalabile, fără pierderi de calitate, Convertite cu ușurință la un obiect raster. De obicei nu au nici fundal.

CONTRA: Vectorizarea unei fotografii este laborioasă. La fel și crearea unei imagini fotorealiste.

PRO: Ușor de manevrat Lucru pe detalii fine, similar cu aerograful în pictură. Rezultate spectaculoase (manipularea fotografiei) .

CONTRA: Calitatea depinde de rezoluția originală a obiectului. La scalare (mărire) - probleme de rezoluție.Are fundal.

Page 44: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

rezoluţie

Detaliul din imagine în funcţie de suport

RezoluțiaFinețea detaliilor redate de un dispozitiv de afișare:

Monitor/ Scanner

PPIpixel per inch

ImprimantăTipar offset

DPIDots per inch

1

Page 45: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

PPI

Detaliul din imagine în funcţie de suport

rezoluţie

Page 46: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

Sursă foto: behance.net

Detaliul din imagine în funcţie de suport

PPI

rezoluţie

Page 47: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

Sursă foto: google.com

DPI

Detaliul din imagine în funcţie de suport

rezoluţie

Page 48: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

Sursă foto: behance.net

RezoluțiaDimensiunile imaginii afișate de un monitor, date de numărul total de pixeli afișați pe orizontală și pe verticală.1440x900px

2

rezoluţie

Page 49: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

Sursă foto: dreamstime.com

1200x1796 px 1200x1796 px

288x431 px

72 ppi 100, 150, 300 ppi

300 ppi

Page 50: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

Detaliul din imagine în funcţie de suport

Sursă foto: dreamstime.com

Page 51: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

Standarde

72 ppiWeb

200 ppiZiar

300 ppiReviste glossy

Sursă foto: dreamstime.com

Page 52: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?
Page 53: Imaginea digitală în Photoshop - Dezvoltarea carierei1)__.pdf · Să ne cunoaștem Nume? Ce programe de editare grafică ați mai folosit? Ce ați dori să aflați la acest seminar?

pauză