SlideShare a Scribd company logo
1 of 52
by




© Toate drepturile rezervate – prezentare realizata sub Departamentul PR & Media
In acest curs vom vorbi
despre:

  *   Introducere
  *   Culori
  *   Forme geometrice
  *   Transformari
  *   Layere
Acesta este
Spatiul de Lucru sau
   workspace-ul
In partea stanga a
workspace-ului
Photoshop-ului
vom gasi o
sectiune verticala
numita ToolBar
(Bara de Unelte).
In partea dreapta a
workspace-ului
Photoshop-ului
vom gasi o sectiune
numita numita
Navigatorul folosit la
Zoom in & Zoom out si la
preview-ul continului.
In partea dreapta jos a
workspace-ului
Photoshop-ului vom
gasi o sectiune numita
numita Layers (ulterior
vom explica ce face
acesta sectiune)
Pentru a putea creea un Fisier Photoshop sau un PSD
              File -> New sau CTRL+N
Pentru a putea creea un Fisier Photoshop sau un PSD
              File -> New sau CTRL+N
La preset putem alege fie un template fie un custom
Masurarea se poate face ce mai bine In pixeli
* In toolbar-ul Photoshop putem alege
  culoarea pentru:
   – Foreground (prim plan)
   – Background (fundal)

* Culoarea foreground este cea prestabilita
  pentru forme.

 Ex: schimbarea culorii foreground in rosu, va
        duce la crearea unei forme rosii.

* In urma unui dublu click pe unul dintre
  cele doua patrate, se va deschide
  fereastra de alegere a culorii.
* In fereastra de alegere a
  culorii ne vom
  concentra pe
  urmatoarele
  reprezentari:
   – RGB (Red, Green, Blue)
   – CMYK (Cyan, Magenta, Yellow, Key)
   – # (hex)

* # reprezinta codul de 6
  caractere a unei culori.

  Ex: alb (#FFFFFF), negru(#000000).

* Pentru print vom folosi
  CMYK.
* Pentru a umple(fill) intreg ecranul cu o
  anumite culoare vom folosi
             Paint Bucket Tool.


* Culoarea de fill a spatiului de
  lucru/selectiei va fi cea selectata la
  foreground.
Demo
• In PS avem 4 forme prestabilite
  (primitive):

   –   Dreptunghiul / patratul
   –   Elipsa / cercul
   –   Poligon
   –   Linia

• Formele obtinute sunt de tip
  vectorial.

• La creare, culoare e cea aleasa la
  foreground color.
Demo

Sfat util:
    - Tineti apasat SHIFT cand creati o forma
geometrica pentru a o construi proportional.
Schimbarea culorii unei forme
           * La crearea unei forme, un
             nou layer va aparea in
             panel-ul Layers.

           * Pentru a schimba culoarea
             formei, se va face dublu
             click pe thumbnail-ul
             layerului corespunzator.
Demo

Sfat util:
   - Intotdeauna thumb-ul care permite
schimbarea culorii unei forme va avea
culoarea acesteia.
Cum adaugam text ?
Marim textul aka Font Size
* Prin transformare se intelege
  schimbarea pozitiei si/sau aspectului
  unei forme, text sau imagini.

* Pentru a schimba pozitia vom folosi
  Move Tool.
* Din punct de vedere al aspectului exista mai
  multe tipuri de transformari:

      Scale
      Rotate
      Skew
      Distort
      Perspective
      Warp
* Transformarile aspectului sunt accesibile:
  – din meniul Edit / Transform.

  – prin bifarea optiunii “Show transform controls”
    pentru Move Tool.
Demo

Sfat util:
   - Pentru a pastra proportiile, tineti
apasat SHIFT in timpul transformarii.
* Layerele au revolutionat modul in care se
  lucreaza cu imagini.

* Layerele pot fi comparate cu niste foi
  transparente puse una deasupra celeilalte
  pentru a crea imaginea finala.

* Apar de obicei intr-o fereastra destinata
  lor, in partea dreapta jos a PS.

* Layerele pot contine text, forme, imagini
  si masti.
Reprezentare in PS
Proprietati ale layerelor
* Fiecare layer creat in PS are urmatoarele
  proprietati:
   Nume
     Vizibilitate
     Transparenta
     Blending (mixaj)
     Efecte
Crearea unui layer
     * Crearea unui layer se
       poate realiza prin 2
       moduri:
        Apasarea butonului     de
         pe marginea de jos a
         ferestrei de layere.
        Combinatia de taste
Crearea unui layer
* In urma folosirii oricarei dintre cele 2 variante
  amintite mai sus, va aparea fereastra de creare a
  unui nou layer.




* La apasarea butonului OK, se va crea un nou layer
  transparent.
Stergerea unui layer
      * Stergerea unui layer se
        realizeaza prin selectarea
        layerului dorit si apoi:
          Apasarea butonului        de
           pe marginea de jos a ferestrei
           de layere.
          Apasarea tastei           .
          Click dreapta pe layerul dorit
           si alegerea optiunii Delete
           layer
Duplicarea unui layer
       * Un layer se poate duplica
         astfel:
          Click dreapta pe layerul dorit
           si apoi click pe Duplicate
           layer.

          Folosirea combinatiei de taste
Gruparea layerelor
     * Layerele pot fi grupate in
       foldere pentru o mai buna
       organizare.

     * Acest lucru se poate realiza:
         Apasarea butonului       de pe
          marginea de jos a ferestrei de
          layere.
         Apasarea combinatiei de taste:
Demo

Observatie:
   - La desenarea unei forme sau
text, se creaza automat un layer nou.
Rearanjarea layerelor

      * Fiecare layer sau grup de
        layere se poate rearanja
        prin drag and drop.

      * Unul sau mai multe layere
        pot fi introduse sau scoase
        dintr-un grup prin aceeasi
        metoda - drag and drop.
Ascunderea layerelor
      * Layerele se pot ascunde pentru a
        permite o mai buna editare astfel:
          Apasarea butonului       de pe
           marginea de jos a ferestrei de
           layere.

      * Pentru a ascunde toate layerele in
        afara de cel selectat, la click pe
        vom tine apasat butonul ALT.

      * Pentru a afisa din nou un layer
        ascuns, vom da click pe patratelul
        gol care are ramas in locul iconitei
        de hide.
Opacitatea layerelor

      * Transparenta
        layerelor/grupurilor de
        layere se poate controla
        prin modificarea valorii
        Opacity pentru un layer
        selectat.
Blocarea layerelor


     * Un layer se poate bloca
       pentru a nu mai putea fi
       editat prin selectarea sa
       urmata de click pe      .
Demo

Observatie:
   - Opacitatea, blocarea si rearanjarea
sunt proprietati ce pot fi aplicate si pe
grupuri de layere.
Realizati un peisaj in stil SouthPark cu ajutorul formelor geometrice.
Cursu PS - ASM Cluj
Cursu PS - ASM Cluj

More Related Content

Viewers also liked

Elemente de grafic design
Elemente de grafic designElemente de grafic design
Elemente de grafic designpop tiberiu
 
Structura unei pagini web
Structura unei pagini webStructura unei pagini web
Structura unei pagini webcttauto
 
Design de interfete web
Design de interfete webDesign de interfete web
Design de interfete webAlex Andronic
 
C++/CLI: TIpuri de date
C++/CLI: TIpuri de dateC++/CLI: TIpuri de date
C++/CLI: TIpuri de datemcroitor
 
Semantic Web Semantic Web-based Agent Applications based Agent Applications –...
Semantic Web Semantic Web-based Agent Applications based Agent Applications –...Semantic Web Semantic Web-based Agent Applications based Agent Applications –...
Semantic Web Semantic Web-based Agent Applications based Agent Applications –...Sabin Buraga
 
Sabin Buraga: Open Web Application Development, Mozilla, and You
Sabin Buraga: Open Web Application Development, Mozilla, and YouSabin Buraga: Open Web Application Development, Mozilla, and You
Sabin Buraga: Open Web Application Development, Mozilla, and YouSabin Buraga
 
Any Colour You Like
Any Colour You LikeAny Colour You Like
Any Colour You LikeSabin Buraga
 
Programarea independenta de platforma in C++. Qt
Programarea independenta de platforma in C++. QtProgramarea independenta de platforma in C++. Qt
Programarea independenta de platforma in C++. QtDragos Tudor Acostachioaie
 
Dezvoltarea aplicaţiilor Web la nivel de client (cursul #5): Data Visualizati...
Dezvoltarea aplicaţiilor Web la nivel de client (cursul #5): Data Visualizati...Dezvoltarea aplicaţiilor Web la nivel de client (cursul #5): Data Visualizati...
Dezvoltarea aplicaţiilor Web la nivel de client (cursul #5): Data Visualizati...Sabin Buraga
 
Instructiuni in c si c++
Instructiuni in c si c++Instructiuni in c si c++
Instructiuni in c si c++Serghei Urban
 
Carte probleme rezolvate cef (1)
Carte probleme rezolvate cef (1)Carte probleme rezolvate cef (1)
Carte probleme rezolvate cef (1)Claudiu Luiuz
 
Cu codul în "nori"
Cu codul în "nori"Cu codul în "nori"
Cu codul în "nori"Sabin Buraga
 
Dezvoltator Web?! – ...în 2016
Dezvoltator Web?! – ...în 2016Dezvoltator Web?! – ...în 2016
Dezvoltator Web?! – ...în 2016Sabin Buraga
 
HTML5 în XXX de minute
HTML5 în XXX de minuteHTML5 în XXX de minute
HTML5 în XXX de minuteSabin Buraga
 

Viewers also liked (20)

Elemente de grafic design
Elemente de grafic designElemente de grafic design
Elemente de grafic design
 
Structura unei pagini web
Structura unei pagini webStructura unei pagini web
Structura unei pagini web
 
Design de interfete web
Design de interfete webDesign de interfete web
Design de interfete web
 
Pp step-by-step
Pp step-by-stepPp step-by-step
Pp step-by-step
 
C++/CLI: TIpuri de date
C++/CLI: TIpuri de dateC++/CLI: TIpuri de date
C++/CLI: TIpuri de date
 
Metrologia
MetrologiaMetrologia
Metrologia
 
Semantic Web Semantic Web-based Agent Applications based Agent Applications –...
Semantic Web Semantic Web-based Agent Applications based Agent Applications –...Semantic Web Semantic Web-based Agent Applications based Agent Applications –...
Semantic Web Semantic Web-based Agent Applications based Agent Applications –...
 
Sabin Buraga: Open Web Application Development, Mozilla, and You
Sabin Buraga: Open Web Application Development, Mozilla, and YouSabin Buraga: Open Web Application Development, Mozilla, and You
Sabin Buraga: Open Web Application Development, Mozilla, and You
 
Web - CGI
Web - CGIWeb - CGI
Web - CGI
 
Web - PHP
Web - PHPWeb - PHP
Web - PHP
 
Any Colour You Like
Any Colour You LikeAny Colour You Like
Any Colour You Like
 
Tutorial C++
Tutorial C++Tutorial C++
Tutorial C++
 
Programarea independenta de platforma in C++. Qt
Programarea independenta de platforma in C++. QtProgramarea independenta de platforma in C++. Qt
Programarea independenta de platforma in C++. Qt
 
Dezvoltarea aplicaţiilor Web la nivel de client (cursul #5): Data Visualizati...
Dezvoltarea aplicaţiilor Web la nivel de client (cursul #5): Data Visualizati...Dezvoltarea aplicaţiilor Web la nivel de client (cursul #5): Data Visualizati...
Dezvoltarea aplicaţiilor Web la nivel de client (cursul #5): Data Visualizati...
 
Instructiuni in c si c++
Instructiuni in c si c++Instructiuni in c si c++
Instructiuni in c si c++
 
Carte probleme rezolvate cef (1)
Carte probleme rezolvate cef (1)Carte probleme rezolvate cef (1)
Carte probleme rezolvate cef (1)
 
Powerpoint
PowerpointPowerpoint
Powerpoint
 
Cu codul în "nori"
Cu codul în "nori"Cu codul în "nori"
Cu codul în "nori"
 
Dezvoltator Web?! – ...în 2016
Dezvoltator Web?! – ...în 2016Dezvoltator Web?! – ...în 2016
Dezvoltator Web?! – ...în 2016
 
HTML5 în XXX de minute
HTML5 în XXX de minuteHTML5 în XXX de minute
HTML5 în XXX de minute
 

Cursu PS - ASM Cluj

  • 1. by © Toate drepturile rezervate – prezentare realizata sub Departamentul PR & Media
  • 2. In acest curs vom vorbi despre: * Introducere * Culori * Forme geometrice * Transformari * Layere
  • 3.
  • 4. Acesta este Spatiul de Lucru sau workspace-ul
  • 5. In partea stanga a workspace-ului Photoshop-ului vom gasi o sectiune verticala numita ToolBar (Bara de Unelte).
  • 6. In partea dreapta a workspace-ului Photoshop-ului vom gasi o sectiune numita numita Navigatorul folosit la Zoom in & Zoom out si la preview-ul continului.
  • 7. In partea dreapta jos a workspace-ului Photoshop-ului vom gasi o sectiune numita numita Layers (ulterior vom explica ce face acesta sectiune)
  • 8. Pentru a putea creea un Fisier Photoshop sau un PSD File -> New sau CTRL+N
  • 9. Pentru a putea creea un Fisier Photoshop sau un PSD File -> New sau CTRL+N
  • 10. La preset putem alege fie un template fie un custom
  • 11. Masurarea se poate face ce mai bine In pixeli
  • 12.
  • 13. * In toolbar-ul Photoshop putem alege culoarea pentru: – Foreground (prim plan) – Background (fundal) * Culoarea foreground este cea prestabilita pentru forme. Ex: schimbarea culorii foreground in rosu, va duce la crearea unei forme rosii. * In urma unui dublu click pe unul dintre cele doua patrate, se va deschide fereastra de alegere a culorii.
  • 14. * In fereastra de alegere a culorii ne vom concentra pe urmatoarele reprezentari: – RGB (Red, Green, Blue) – CMYK (Cyan, Magenta, Yellow, Key) – # (hex) * # reprezinta codul de 6 caractere a unei culori. Ex: alb (#FFFFFF), negru(#000000). * Pentru print vom folosi CMYK.
  • 15.
  • 16. * Pentru a umple(fill) intreg ecranul cu o anumite culoare vom folosi Paint Bucket Tool. * Culoarea de fill a spatiului de lucru/selectiei va fi cea selectata la foreground.
  • 17. Demo
  • 18.
  • 19. • In PS avem 4 forme prestabilite (primitive): – Dreptunghiul / patratul – Elipsa / cercul – Poligon – Linia • Formele obtinute sunt de tip vectorial. • La creare, culoare e cea aleasa la foreground color.
  • 20. Demo Sfat util: - Tineti apasat SHIFT cand creati o forma geometrica pentru a o construi proportional.
  • 21. Schimbarea culorii unei forme * La crearea unei forme, un nou layer va aparea in panel-ul Layers. * Pentru a schimba culoarea formei, se va face dublu click pe thumbnail-ul layerului corespunzator.
  • 22. Demo Sfat util: - Intotdeauna thumb-ul care permite schimbarea culorii unei forme va avea culoarea acesteia.
  • 23.
  • 25.
  • 26.
  • 27.
  • 28. Marim textul aka Font Size
  • 29.
  • 30. * Prin transformare se intelege schimbarea pozitiei si/sau aspectului unei forme, text sau imagini. * Pentru a schimba pozitia vom folosi Move Tool.
  • 31. * Din punct de vedere al aspectului exista mai multe tipuri de transformari:  Scale  Rotate  Skew  Distort  Perspective  Warp
  • 32. * Transformarile aspectului sunt accesibile: – din meniul Edit / Transform. – prin bifarea optiunii “Show transform controls” pentru Move Tool.
  • 33. Demo Sfat util: - Pentru a pastra proportiile, tineti apasat SHIFT in timpul transformarii.
  • 34.
  • 35. * Layerele au revolutionat modul in care se lucreaza cu imagini. * Layerele pot fi comparate cu niste foi transparente puse una deasupra celeilalte pentru a crea imaginea finala. * Apar de obicei intr-o fereastra destinata lor, in partea dreapta jos a PS. * Layerele pot contine text, forme, imagini si masti.
  • 36.
  • 38. Proprietati ale layerelor * Fiecare layer creat in PS are urmatoarele proprietati:  Nume  Vizibilitate  Transparenta  Blending (mixaj)  Efecte
  • 39. Crearea unui layer * Crearea unui layer se poate realiza prin 2 moduri:  Apasarea butonului de pe marginea de jos a ferestrei de layere.  Combinatia de taste
  • 40. Crearea unui layer * In urma folosirii oricarei dintre cele 2 variante amintite mai sus, va aparea fereastra de creare a unui nou layer. * La apasarea butonului OK, se va crea un nou layer transparent.
  • 41. Stergerea unui layer * Stergerea unui layer se realizeaza prin selectarea layerului dorit si apoi:  Apasarea butonului de pe marginea de jos a ferestrei de layere.  Apasarea tastei .  Click dreapta pe layerul dorit si alegerea optiunii Delete layer
  • 42. Duplicarea unui layer * Un layer se poate duplica astfel:  Click dreapta pe layerul dorit si apoi click pe Duplicate layer.  Folosirea combinatiei de taste
  • 43. Gruparea layerelor * Layerele pot fi grupate in foldere pentru o mai buna organizare. * Acest lucru se poate realiza:  Apasarea butonului de pe marginea de jos a ferestrei de layere.  Apasarea combinatiei de taste:
  • 44. Demo Observatie: - La desenarea unei forme sau text, se creaza automat un layer nou.
  • 45. Rearanjarea layerelor * Fiecare layer sau grup de layere se poate rearanja prin drag and drop. * Unul sau mai multe layere pot fi introduse sau scoase dintr-un grup prin aceeasi metoda - drag and drop.
  • 46. Ascunderea layerelor * Layerele se pot ascunde pentru a permite o mai buna editare astfel:  Apasarea butonului de pe marginea de jos a ferestrei de layere. * Pentru a ascunde toate layerele in afara de cel selectat, la click pe vom tine apasat butonul ALT. * Pentru a afisa din nou un layer ascuns, vom da click pe patratelul gol care are ramas in locul iconitei de hide.
  • 47. Opacitatea layerelor * Transparenta layerelor/grupurilor de layere se poate controla prin modificarea valorii Opacity pentru un layer selectat.
  • 48. Blocarea layerelor * Un layer se poate bloca pentru a nu mai putea fi editat prin selectarea sa urmata de click pe .
  • 49. Demo Observatie: - Opacitatea, blocarea si rearanjarea sunt proprietati ce pot fi aplicate si pe grupuri de layere.
  • 50. Realizati un peisaj in stil SouthPark cu ajutorul formelor geometrice.