SlideShare ist ein Scribd-Unternehmen logo
1 von 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

Weitere ähnliche Inhalte

Was ist angesagt?

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
 

Was ist angesagt? (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
 

Andere mochten auch

Andere mochten auch (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
 

Ähnlich wie Södertörn Högskola del 2

Ähnlich wie 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
 

Kürzlich hochgeladen

Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfAyushMahapatra5
 
Gardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch LetterGardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch LetterMateoGardella
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingTeacherCyreneCayanan
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeThiyagu K
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactPECB
 
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.pdfAdmir Softic
 
Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.MateoGardella
 
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 ClassesCeline George
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Disha Kariya
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfJayanti Pande
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxAreebaZafar22
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphThiyagu K
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
 
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.pptxDenish Jangid
 

Kürzlich hochgeladen (20)

Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdf
 
Gardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch LetterGardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch Letter
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writing
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
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
 
Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.
 
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
 
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
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

Hinweis der Redaktion

  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