proiectproiect photoshop

14
Facultatea de Economie și Administrarea Afacerilor Universitatea “Dunărea de Jos”, Galați -Pachete software- Student Lect. Univ. Dr. Duca Daniela Enache Cristina

Upload: dana-dni

Post on 20-Dec-2015

81 views

Category:

Documents


8 download

DESCRIPTION

pas cu pas pagina web in photoshop

TRANSCRIPT

Page 1: proiectproiect photoshop

Facultatea de Economie și Administrarea Afacerilor Universitatea “Dunărea de Jos”, Galați

-Pachete software- Student Lect. Univ. Dr. Duca Daniela Enache Cristina

Page 2: proiectproiect photoshop

CUPRINS

Page 3: proiectproiect photoshop

INTRODUCERE Adobe Photoshop este un software folosit pentru editarea imaginilor digitale pe calculator, program produs și distribuit de compania americană Adobe Systems și care se se adresează în special profesioniștilor domeniului. Adobe Photoshop, așa cum este cunoscut astăzi, este vârful de lance al gamei de produse software pentru editare de imagini digitale, fotografii, grafică pentru tipar, video și Web de pe piață.

ISTORIE

Prima versiune a programului a fost distribuită în februarie 1990 de către frații Knoll, Thomas și John. Povestea începe cu tatăl lor, profesorul de liceu Glenn Knoll, pasionat de fotografie. Cei doi băieți au ajuns cu timpul să aibă oarecare interese în domeniul în plus, atât Glenn cât și cei doi copii au ajuns să fie pasionați de calculatoare încă din 1978 când au cumpărat un calculator produs de Apple Computer. Prima versiune a rezultatului muncii celor doi frați se numea "Display"; încet-încet, datorită necesităților apărute pe parcurs, chiar această primă versiune includea import-export de diverse formate și chiar corecție gamma. Abia în septembrie 1988 frații Knoll au reușit să-și atingă scopul: au trezit interesul firmei Adobe după o prezentare a programului și acestora le-a plăcut. Au semnat un contract de licențiere a Photoshop către Adobe, iar după încă zece luni de dezvoltare au apărut, în februarie 1990 Photoshop 1.0. Thomas încă este implicat în proiectul Photoshop - n-a reușit să-și termine niciodată teza de doctorat.

AVANTAJE Principalele elemente prin care Photshop se diferențiază de aplicațiile concurente și prin care stabilește noi standarde în industria prelucrării de imagini digitale sunt:

Page 4: proiectproiect photoshop

Selecțiile Straturile (Layers) Măștile (Masks) Canalele (Channels) Retușarea Optimizarea imaginilor pentru Web

Formate fișiere

Photoshop poate citi majoritatea fișierelor raster și vector. De asemenea, are o serie de formate proprii: PSD (abreviere pentru Photoshop Document). Acest format conține o imagine ca un set de straturi (Layers), incluzând text, măști (mask), informații despre opacitate, moduri de combinare (blend mode), canale de culoare etc. PSB (denumit Large Document Format) este o versiune mai nouă a formatului PSD, conceput special pentru fișiere mai mari (2GB) PDD este un format mai puțin întâlnit, compatibil doar cu aplicațiile Adobe Photoshop sau Adobe Photoshop Elements.

Ultimele instrumente

Camera RAW Adobe Bridge: simplifică gestionarea fișierelorMultitasking Suport High Dynamic Range (HDR) pe 32 biți Shadow/Highlight: Îmbunătățește contrastul fotografiilor subexpuse

sau supraexpuse. Vanishing Point: Oferă posibilitatea de a clona, picta sau lipi elemente

ce automat se transpun în perspectiva obiectelor din imagine. Image Warp: Capacitatea de a deforma imaginile plane după o matrice

ușor editabilă, folosind mouse-ul. Corectarea deformărilor cauzate de lentile.

Page 5: proiectproiect photoshop

Personalizarea aplicației:Posibilitatea de a personaliza orice scurtătură sau chiar funcțiile din meniul aplicației și posibilitatea de a salva modificările pentru fiecare mod de lucru în parte.

Control îmbunătățit al straturilor (layers): Smart objects: abilitatea de a deforma, redeforma și a reveni la starea

inițială a obiectelor fără a pierde din calitate.

VERSIUNI 1990 -Adobe Photoshop 1.0 1993 -Adobe Photoshop 2.0 1995-AdobePhotoshop3.0 1996 -Adobe Photoshop 4.0 1998 -Adobe Photoshop 5.0 2000 -Adobe Photoshop 6.0 2002 -Adobe Photoshop 7.0 2003 -Adobe Photoshop CS 2005 -Adobe Photoshop CS2 2007 -Adobe Photoshop CS3 2008 -Adobe Photoshop CS4

DATE TEHNICE

Cerinte minime de sistem

Intel® Pentium® 4 or AMD Athlon® 64 processor Microsoft® Windows® XP with Service Pack 3; Windows Vista®

Home Premium, Business, Ultimate, or Enterprise with Service Pack 1 (Service Pack 2 recommended); or Windows 7

1GB of RAM 1GB of available hard-disk space for installation; additional free space

required during installation (cannot install on removable flash-based storage devices)

1024×768 display (1280×800 recommended) with qualified hardware-accelerated OpenGL graphics card, 16-bit color, and 256MB of VRAM

Page 6: proiectproiect photoshop

Some GPU-accelerated features require graphics support for Shader Model 3.0 and OpenGL 2.0

Ce se poate realiza in Photoshop

editarea imaginilor template-uri pentru website-uri afise pliante carti de vizita brosuri flyere meniuri

INTERFATA În imaginea de mai jos poți vedea părțiile principale ale Photoshop-ului atunci când intri prima dată în Photoshop.

Page 7: proiectproiect photoshop

Vom folosi in aceasta aplicatie in princilap cele doua butoane. Slice tool este utilizat pentru a decupa imaginile cevor fi transformate in cod html si css separat, pe care le putem transforma in link-uri sau le putem inlocui cu alte imagini. Recangle il vom folosi pentru design, pentru a crea header-ul, butoane, locurile pentru imagini. Acele zone create cu Rectangle pot primi dimensiuni prestabilite sau selectam zona pe care o dorim hasurata.

Page 8: proiectproiect photoshop

APLICATIE

Vom realiza urmatorul template in Photoshop pe care il vom salva in cod html si css.

Pasul 1 Deschidem programul Photoshop. Realizam un nou proiect selectand optiunea File din meniu, continuam cu New. Ni se deschide urmatoarea fereastra in care vom introduce dimensiunea paginii web. Putem alege setarile prestabilite pentru o pagina web sau custom in care vom introduce noi valorile. Dimensiunea se poate modifica ulterior cu optiunea Image din Meniu, continuand apoi cu Canvas Size.

Page 9: proiectproiect photoshop

Pasul 2 Mutam layer-ul background intr-un nou grup, numit Background. Vom realiza cate un grup pentru fiecare parte a paginii web pentru a structura mai bine fiecare layer.

Pasul 3 Urmatorul grup este cel pentru meniu. Selectam din paleta Tools butonul create Rectangle. In continuare selectam orice zona din fundal si introducem dimensiunile barei de meniu la fel ca in urmatoarea imagine. Bara de meniu o mutam in folderul Meniu. Este foarte importanta ordinea fisierelor in Photoshop pentru a putea fi vizibile.

Page 10: proiectproiect photoshop

Pasul 4 Vom mai crea un layer cu optiunea Rectangle cu opacitatea de 6%.

In partea de header mai cream un layer cu optiunea Rectangle in care vom avea o imagine, un text box si un buton.

Page 11: proiectproiect photoshop

La acesta vom modifica culorile cu ajutorul optiunii Layer Style, Gradient Overlay. Din aceasta fereastra selectam urmatoarele optiuni: Reverse, Radial, Angle 153, Scale 150. Pentru gradient vom folosi urmatoarele culori: #2b2646, #7b6fb7.

Pasul 5 Selectam din paleta tools butonul pentru text si inseram meniul: Home, About, Portofolio, Contact. Inseram urmatoarea imagine din meniul File, Open. O mutam in pagina noastra cu drag and drop. Textul il inseram asa cum a fost mentionat mai sus.

Pasul 6 Pentru buton cream un nou grup in care vom avea un layer cu Rectangle pentru forma butonului. Vom selecta urmatoarele optiuni din fereastra Layer Style:color overlay #312859, Drop Shadow Blend Mode: Normal #0f0c1d, Opacity 75%, Distance 4px.

Page 12: proiectproiect photoshop

Pasul 7 Vom crea un folder numit Content in care vom introduce cele 3 imagini (dimensiunile 300px 170px) si textul aferent urmarind etapele de mai sus.

Pasul 8 Pentru footer am creat un grup numit footer, ce contine un layer Rectangle si textul "Copyright" Acesta este designul paginii web.

Pasul 9 In continuare, cu ajutorul optiunii Slice Tool din paleta tool vom decupa fiecare obiect ce dorim sa devina link sau sa poata fi modificat.

Page 13: proiectproiect photoshop

Incepem sa decupam fiecare cuvant din Meniu si butonul din header ca in imaginea urmatoare.

Page 14: proiectproiect photoshop

Pasul 10 Salvarea paginii realizeaza selectand din meniul File, Save for web, Save. Putem deschide fisierul obtinut .html in browser, sau putem modifica codul si sa adaugam link-uri la meniu si buton.

CONCLUZII

Photoshop este un program cu o interfață intuitivă și care permite o multitudine extraordinară de modificări necesare în mod curent profesioniștilor și nu numai: editări de luminozitate și contrast, culoare, focalizare, aplicare de efecte pe imagine sau pe zone (selecții), retușare de imagini degradate, număr arbitrar de canale de culoare, suport de canale de culoare pe 8, 16 sau 32 biți, efecte third-party etc.

BIBLIOGRAFIE Adobe Photoshop CS6, Bucuresti, Teora, 2012

SITEOGRAFIE

www.wikipedia.org www.youtube.com http://www.photoshopromania.ro/ http://www.adobe.com/ http://naldzgraphics.net/