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 bresson
MrLawler
 
Henri cartier bresson photography final
Henri cartier bresson photography finalHenri cartier bresson photography final
Henri cartier bresson photography final
camskelly
 
Photographer - Henri-Cartier Bresson
Photographer - Henri-Cartier BressonPhotographer - Henri-Cartier Bresson
Photographer - Henri-Cartier Bresson
brentwoodsid
 
Soviet montage
Soviet montageSoviet montage
Soviet montage
Clarke ECE
 
Max power point
Max power pointMax power point
Max power point
gmoustaka
 
Definitions and annotations
Definitions and annotationsDefinitions and annotations
Definitions and annotations
Fatima Khan
 
Street photography
Street photographyStreet photography
Street photography
Louise Reed
 

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

The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
KarakKing
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
ssuserdda66b
 

Último (20)

Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.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