SlideShare une entreprise Scribd logo
1  sur  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

Contenu connexe

Tendances

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
 

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

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

Similaire à 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
 

Dernier

Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
kauryashika82
 
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 khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 
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
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 

Dernier (20)

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
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
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
 
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
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.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
 
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 ...
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
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
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
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
 
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
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
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
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.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

Notes de l'éditeur

  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