SlideShare una empresa de 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

Más contenido relacionado

La actualidad más candente

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
 

La actualidad más candente (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
 

Destacado

Destacado (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
 

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

Similar 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

Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Jisc
 
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
 
ENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomnelietumpap1
 
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...JhezDiaz1
 
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdfAMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdfphamnguyenenglishnb
 
Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxGas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxDr.Ibrahim Hassaan
 
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxGrade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxChelloAnnAsuncion2
 
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
 
Karra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptxKarra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptxAshokKarra1
 
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATIONTHEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATIONHumphrey A Beña
 
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSGRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSJoshuaGantuangco2
 
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
 
Q4 English4 Week3 PPT Melcnmg-based.pptx
Q4 English4 Week3 PPT Melcnmg-based.pptxQ4 English4 Week3 PPT Melcnmg-based.pptx
Q4 English4 Week3 PPT Melcnmg-based.pptxnelietumpap1
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxthorishapillay1
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersSabitha Banu
 
ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4MiaBumagat1
 
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...Postal Advocate Inc.
 
Choosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for ParentsChoosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for Parentsnavabharathschool99
 
Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Celine George
 

Último (20)

Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...
 
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
 
ENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choom
 
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
 
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdfAMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
 
Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxGas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptx
 
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxGrade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.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
 
Karra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptxKarra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptx
 
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATIONTHEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
 
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSGRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
 
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
 
Q4 English4 Week3 PPT Melcnmg-based.pptx
Q4 English4 Week3 PPT Melcnmg-based.pptxQ4 English4 Week3 PPT Melcnmg-based.pptx
Q4 English4 Week3 PPT Melcnmg-based.pptx
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptx
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginners
 
ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4
 
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
 
Choosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for ParentsChoosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for Parents
 
Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17
 
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
 

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 del 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