SlideShare uma empresa Scribd logo
1 de 34
PHOTOSHOP
   (del 2 av 3)
WORKSHOP

•Tillfälle 1 (21 sept)
  - grunderna i photoshop
  - funktioner i programmet
•Tillfälle 2 (25 sept)
  - typsnitt
  - layout
•Tillfälle 3 (27 sept)
  - bildredigering
  - tillämpad designhistoria
TYPSNITT

TYPSNITT
Textstilar
Grupperas ofta i typerna: serif, sans-serif, slab, osv.

FONT
Själva filen
(olika vikter och varianter av samma typsnitt)
TYPSNITT

TYPSNITT
exempel:
- Bodoni
TYPSNITT

TYPSNITT        FONT
exempel:        Roman
- Bodoni        Book
                Italic
                Book Italic
                Bold
                Poster
                Bold Italic
                Poster Italic
                Bold Condensed
                Poster Compressed
TYPSNITT




           {
TYPSNITT        FONT
exempel:        Roman
- Bodoni        Book
                Italic
                Book Italic
     Bodoni     Bold
                Poster
                Bold Italic
                Poster Italic
                Bold Condensed
                Poster Compressed
TYPSNITT
TYPSNITT
TYPSNITT
LAYOUT

HELVETICA

En film om typsnitt
LAYOUT

GRIDS
En struktur för referens vid layout.

(används både vid analog och digital design)
LAYOUT

Evolution of the modern grid
After World War II, a number of graphic designers, including Max Bill, Emil Ruder, and Josef Müller-
Brockmann, influenced by the modernist ideas of Jan Tschichold's Die neue Typographie (The New
Typography), began to question the relevance of the conventional page layout of the time. They began to
devise a flexible system able to help designers achieve coherency in organizing the page. The result was the
modern typographic grid that became associated with the International Typographic Style.
The seminal work on the subject, Grid systems in graphic design by Müller-Brockmann, helped propagate
the use of the grid, first in Europe, and later in North America.

The International Typographic Style, also known as the Swiss Style, is a graphic design style developed
in Switzerland in the 1950s that emphasizes cleanliness, readability and objectivity. Hallmarks of the style
are asymmetric layouts, use of a grid, sans-serif typefaces like Akzidenz Grotesk, and flush left, ragged right
text. The style is also associated with a preference for photography in place of illustrations or drawings.
Many of the early International Typographic Style works featured typography as a primary design element in
addition to its use in text, and it is for this that the style is named.
LAYOUT
LAYOUT
LAYOUT
LAYOUT
LAYOUT
LAYOUT
LAYOUT
LAYOUT
LAYOUT
LAYOUT
LAYOUT
LAYOUT
LAYOUT
WORKSHOP
  (del 2)
WORKSHOP

GÖR EN TIDNINGSIDA OM LE COURBUSIER
•Skapa en ny fil (A4 - 210 x 297mm, 300 dpi)
•Gör en grid (välj ett enhetligt format: 4, 6, 8 kolumn)
•Sätt bakgrundsfärg
•Hämta en passande bild från nätet
•Sätt Rubriken
•Infoga ingress
•Brödtext (lorem ipsum är ok)
•Vi ses igen på torsdag!
  - välj en designer ur modernismen till på torsdag
STEFAN LEIJON
   sleijon@gmail.com
    @SLeijon
    stefanleijon.com
STEFAN LEIJON
   sleijon@gmail.com
    @SLeijon
    stefanleijon.com
sleijon@gmail.com
@SLeijon
stefanleijon.com
stefanleijon.com
WORKSHOP

•Hämta från nätet - leijo.net/S7g0IF, plus en av dessa:



    leijo.net/Psslcx   leijo.net/PsstsB   leijo.net/PssvAX




    leijo.net/PssBZ9   leijo.net/PssPQ2   leijo.net/PssUmF

Mais conteúdo relacionado

Mais procurados

Henri cartier bresson
Henri cartier bressonHenri cartier bresson
Henri cartier bressonMrLawler
 
Henri cartier bresson photography final
Henri cartier bresson photography finalHenri cartier bresson photography final
Henri cartier bresson photography finalcamskelly
 
Photographer - Henri-Cartier Bresson
Photographer - Henri-Cartier BressonPhotographer - Henri-Cartier Bresson
Photographer - Henri-Cartier Bressonbrentwoodsid
 
The Bauhaus and the New Typography
The Bauhaus and the New TypographyThe Bauhaus and the New Typography
The Bauhaus and the New TypographyChristopher Chuckry
 
Soviet montage
Soviet montageSoviet montage
Soviet montageClarke ECE
 
photo et peinture par Valerie David
 photo et peinture par Valerie David photo et peinture par Valerie David
photo et peinture par Valerie DavidValerie David
 
Max power point
Max power pointMax power point
Max power pointgmoustaka
 
Definitions and annotations
Definitions and annotationsDefinitions and annotations
Definitions and annotationsFatima Khan
 
Street photography
Street photographyStreet photography
Street photographyLouise Reed
 
The Theory of Composition in Street Photography: 7 Lessons from Henri Cartier...
The Theory of Composition in Street Photography: 7 Lessons from Henri Cartier...The Theory of Composition in Street Photography: 7 Lessons from Henri Cartier...
The Theory of Composition in Street Photography: 7 Lessons from Henri Cartier...Eric Kim
 

Mais procurados (17)

Henri cartier bresson
Henri cartier bressonHenri cartier bresson
Henri cartier bresson
 
532 prabhat kumar
532 prabhat kumar532 prabhat kumar
532 prabhat kumar
 
Henri cartier bresson photography final
Henri cartier bresson photography finalHenri cartier bresson photography final
Henri cartier bresson photography final
 
Photographer - Henri-Cartier Bresson
Photographer - Henri-Cartier BressonPhotographer - Henri-Cartier Bresson
Photographer - Henri-Cartier Bresson
 
The Bauhaus and the New Typography
The Bauhaus and the New TypographyThe Bauhaus and the New Typography
The Bauhaus and the New Typography
 
Soviet montage
Soviet montageSoviet montage
Soviet montage
 
photo et peinture par Valerie David
 photo et peinture par Valerie David photo et peinture par Valerie David
photo et peinture par Valerie David
 
Max power point
Max power pointMax power point
Max power point
 
Definitions and annotations
Definitions and annotationsDefinitions and annotations
Definitions and annotations
 
20th Century and Modern Art
20th Century and Modern Art20th Century and Modern Art
20th Century and Modern Art
 
Henri cartier bresson
Henri cartier bressonHenri cartier bresson
Henri cartier bresson
 
Street photography
Street photographyStreet photography
Street photography
 
800 word essay
800 word essay800 word essay
800 word essay
 
The Theory of Composition in Street Photography: 7 Lessons from Henri Cartier...
The Theory of Composition in Street Photography: 7 Lessons from Henri Cartier...The Theory of Composition in Street Photography: 7 Lessons from Henri Cartier...
The Theory of Composition in Street Photography: 7 Lessons from Henri Cartier...
 
Constructivism
ConstructivismConstructivism
Constructivism
 
Photo journalism
Photo journalismPhoto journalism
Photo journalism
 
Soviet montage 2019 new
Soviet montage 2019 newSoviet montage 2019 new
Soviet montage 2019 new
 

Destaque

Destaque (6)

Romantikken
RomantikkenRomantikken
Romantikken
 
Modernismen
ModernismenModernismen
Modernismen
 
Modernismen
ModernismenModernismen
Modernismen
 
Romantikk og nasjonalromantikk
Romantikk og nasjonalromantikkRomantikk og nasjonalromantikk
Romantikk og nasjonalromantikk
 
Nasjonalromantikken
NasjonalromantikkenNasjonalromantikken
Nasjonalromantikken
 
Romantikken
RomantikkenRomantikken
Romantikken
 

Semelhante a Södertörn Högskola del 2

Semelhante a Södertörn Högskola del 2 (7)

Letterwork - Creative letterforms in graphic design (Art Ebook).pdf
Letterwork - Creative letterforms in graphic design (Art Ebook).pdfLetterwork - Creative letterforms in graphic design (Art Ebook).pdf
Letterwork - Creative letterforms in graphic design (Art Ebook).pdf
 
Typography
TypographyTypography
Typography
 
G3C1_computer_6.pptx
G3C1_computer_6.pptxG3C1_computer_6.pptx
G3C1_computer_6.pptx
 
International Typographic Style
International Typographic StyleInternational Typographic Style
International Typographic Style
 
Put On Your Typeface by Chris Tyre
Put On Your Typeface by Chris TyrePut On Your Typeface by Chris Tyre
Put On Your Typeface by Chris Tyre
 
International typographic style
International typographic styleInternational typographic style
International typographic style
 
Ancillary tasks
Ancillary tasksAncillary tasks
Ancillary tasks
 

Último

ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTiammrhaywood
 
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptxINTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptxHumphrey A Beña
 
How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17Celine George
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersSabitha Banu
 
4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptxmary850239
 
Earth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice greatEarth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice greatYousafMalik24
 
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATIONTHEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATIONHumphrey A Beña
 
What is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERPWhat is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERPCeline George
 
Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Celine George
 
Science 7 Quarter 4 Module 2: Natural Resources.pptx
Science 7 Quarter 4 Module 2: Natural Resources.pptxScience 7 Quarter 4 Module 2: Natural Resources.pptx
Science 7 Quarter 4 Module 2: Natural Resources.pptxMaryGraceBautista27
 
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxBarangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxCarlos105
 
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxiammrhaywood
 
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Mark Reed
 
Roles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceRoles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceSamikshaHamane
 

Último (20)

ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
 
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptxINTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
 
How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17
 
Raw materials used in Herbal Cosmetics.pptx
Raw materials used in Herbal Cosmetics.pptxRaw materials used in Herbal Cosmetics.pptx
Raw materials used in Herbal Cosmetics.pptx
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginners
 
4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx
 
OS-operating systems- ch04 (Threads) ...
OS-operating systems- ch04 (Threads) ...OS-operating systems- ch04 (Threads) ...
OS-operating systems- ch04 (Threads) ...
 
Earth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice greatEarth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice great
 
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptxYOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
 
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATIONTHEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
 
What is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERPWhat is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERP
 
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptxFINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
 
Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17
 
Science 7 Quarter 4 Module 2: Natural Resources.pptx
Science 7 Quarter 4 Module 2: Natural Resources.pptxScience 7 Quarter 4 Module 2: Natural Resources.pptx
Science 7 Quarter 4 Module 2: Natural Resources.pptx
 
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxBarangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
 
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
 
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
 
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)
 
Roles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceRoles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in Pharmacovigilance
 
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
 

Södertörn Högskola del 2

  • 1. PHOTOSHOP (del 2 av 3)
  • 2. WORKSHOP •Tillfälle 1 (21 sept) - grunderna i photoshop - funktioner i programmet •Tillfälle 2 (25 sept) - typsnitt - layout •Tillfälle 3 (27 sept) - bildredigering - tillämpad designhistoria
  • 3. TYPSNITT TYPSNITT Textstilar Grupperas ofta i typerna: serif, sans-serif, slab, osv. FONT Själva filen (olika vikter och varianter av samma typsnitt)
  • 5. TYPSNITT TYPSNITT FONT exempel: Roman - Bodoni Book Italic Book Italic Bold Poster Bold Italic Poster Italic Bold Condensed Poster Compressed
  • 6. TYPSNITT { TYPSNITT FONT exempel: Roman - Bodoni Book Italic Book Italic Bodoni Bold Poster Bold Italic Poster Italic Bold Condensed Poster Compressed
  • 11. LAYOUT GRIDS En struktur för referens vid layout. (används både vid analog och digital design)
  • 12. LAYOUT Evolution of the modern grid After World War II, a number of graphic designers, including Max Bill, Emil Ruder, and Josef Müller- Brockmann, influenced by the modernist ideas of Jan Tschichold's Die neue Typographie (The New Typography), began to question the relevance of the conventional page layout of the time. They began to devise a flexible system able to help designers achieve coherency in organizing the page. The result was the modern typographic grid that became associated with the International Typographic Style. The seminal work on the subject, Grid systems in graphic design by Müller-Brockmann, helped propagate the use of the grid, first in Europe, and later in North America. The International Typographic Style, also known as the Swiss Style, is a graphic design style developed in Switzerland in the 1950s that emphasizes cleanliness, readability and objectivity. Hallmarks of the style are asymmetric layouts, use of a grid, sans-serif typefaces like Akzidenz Grotesk, and flush left, ragged right text. The style is also associated with a preference for photography in place of illustrations or drawings. Many of the early International Typographic Style works featured typography as a primary design element in addition to its use in text, and it is for this that the style is named.
  • 27. WORKSHOP GÖR EN TIDNINGSIDA OM LE COURBUSIER •Skapa en ny fil (A4 - 210 x 297mm, 300 dpi) •Gör en grid (välj ett enhetligt format: 4, 6, 8 kolumn) •Sätt bakgrundsfärg •Hämta en passande bild från nätet •Sätt Rubriken •Infoga ingress •Brödtext (lorem ipsum är ok) •Vi ses igen på torsdag! - välj en designer ur modernismen till på torsdag
  • 28. STEFAN LEIJON sleijon@gmail.com @SLeijon stefanleijon.com
  • 29. STEFAN LEIJON sleijon@gmail.com @SLeijon stefanleijon.com
  • 32.
  • 33.
  • 34. WORKSHOP •Hämta från nätet - leijo.net/S7g0IF, plus en av dessa: leijo.net/Psslcx leijo.net/PsstsB leijo.net/PssvAX leijo.net/PssBZ9 leijo.net/PssPQ2 leijo.net/PssUmF

Notas do Editor

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n
  24. \n
  25. \n
  26. \n
  27. \n
  28. \n
  29. \n