ZRÓB TO. czyli ELEMENTY SKETCHNOTINGU. w prezentacjach i nie tylko

Podobne dokumenty
Możliwości programu Power Point

dr inż. Jarosław Forenc

1. Ćwiczenia z programem PowerPoint

Nazwa kwalifikacji: Wykonywanie i realizacja projektów multimedialnych Oznaczenie kwalifikacji: A.25 Numer zadania: 01

Projektowanie przy uz yciu motywo w częś c 1: informacje podśtawowe

KSIĘGA ZNAKU (wersja krótka) instrukcje stosowania logotypu GEMINI PARK

Program Microsoft PowerPoint 2007 Podstawowe pojęcia: prezentacja. Typy widoków:

Prezentacje multimedialne w Powerpoint

Tworzenie prezentacji w MS PowerPoint

Prezentacja MS PowerPoint 2010 PL.

dr inż. Jarosław Forenc

Podstawy tworzenia prezentacji w programie Microsoft PowerPoint 2007

Znak 3.2. Pole ochronne. Minimalna wielkość znaku. Znak nie posiada własnego tła, może być stosowany bezpośrednio na kolorowych tłach bądź zdjęciach.

ZASADY STOSOWANIA LOGO 2 WERSJA PODSTAWOWA 3 WERSJA CZARNA I BIAŁA 4 POLE OCHRONNE 5 MINIMALNA WIELKOŚĆ 6 KOLORY 7 TYPOGRAFIA

Uczelnia Łazarskiego SYSTEM IDENTYFIKACJI WIZUALNEJ

CZERWIEC EKSPERYMENTARIUM CHOJNICE KSIĘGA ZNAKU

PODSTAWOWA KSIĘGA ZNAKU

Prezentacja Systemu Identyfikacji Wizualnej 7bulls.com

KATEGORIA OBSZAR WIEDZY

3 Programy do tworzenia

System Identyfikacji Wizualnej. opracowany dla ZOO Wrocław sp. z o.o.

System Identyfikacji Wizualnej inspiruje biznes

Księga znaku Instytutu Ekologii Terenów Uprzemysłowionych

KSIĘGA ZNAKU greenwaypolska.pl GREENWAY POLSKA / WSZELKIE PRAWA ZASTRZEŻONE / 2018

kolorami komplementarnymi.

Podręcznik Identyfikacji Wizualnej

EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2018 CZĘŚĆ PRAKTYCZNA

Edytor tekstu OpenOffice Writer Podstawy

Sztuka tworzenia prezentacji multimedialnej

DniOtwarte.eu / księga znaku

Zasady stosowania znaku Apator

1.2 Logo Sonel podstawowe załoŝenia

WAŻNE! colour.me Google Fonts tutaj

Laboratorium nr 4. Tworzenie prezentacji multimedialnych.

Wytyczne do stosowania logo Marki Mazowsze

W logotypie to zestawienie występuje zawsze razem, ale dopuszcza się wykorzystanie symbolu jako samodzielnego ozdobnika w materiałach reklamowych.

Tematy lekcji informatyki klasa 4a marzec 2012

Prezentacja multimedialna MS PowerPoint 2010 (podstawy)

Edytor tekstu OpenOffice Writer Podstawy

Skrócone zasady stosowania. znaku Platinum dla

Kraków, ver

Logo > wersja podstawowa

JAK ZAPROJEKTOWAĆ WYGLĄD STRONY INTERNETOWEJ W KREATORZE CLICK WEB?

Podstawy tworzenie prezentacji multimedialnej w programie. MS Power Point

System Identyfikacji Wizualnej KSIĘGA ZNAKU FUNDACJI PROMOVENDI

KSIĄŻKA ZNAKU. Centrum Spotkań Europejskich ŚWIATOWID w Elblągu. Przygotowali: Krzysztof Prochera, Justyna Kozłowska-Dyrla. Zatwierdził: Antoni Czyżyk

kolorami komplementarnymi.

EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2019 CZĘŚĆ PRAKTYCZNA

Sylabus Moduł 4: Grafika menedżerska i prezentacyjna

budowa i zasady użycia logo Fundacji Orange

ZASADY STOSOWANIA ZNAKU, BUDOWANIA CIĄGU ZNAKÓW PROGRAMU OPERACYJNEGO INFRASTRUKTURA I ŚRODOWISKO

Wstęp do GIMP wycinanie obiektu z obrazka, projekt napisu. Rozpoczynamy prace w GIMP-e

ECDL/ICDL Grafika menedżerska i prezentacyjna Moduł S2 Sylabus - wersja 5.0

KSIĘGA IDENTYFIKACJI WIZUALNEJ

EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2018 CZĘŚĆ PRAKTYCZNA

EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2018 CZĘŚĆ PRAKTYCZNA

MS Access formularze

EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2018 CZĘŚĆ PRAKTYCZNA

IDENTYFIKACJA WIZUALNA. Projekt i opracowanie: Adam Żebrowski 09 > prostygrafik@use.pl

Księga znaku. Wydział Zarządzania UŁ. Księga znaku

2. PODSTAWOWA WERSJA LOGO

Personalizowanie wirtualnych pokojów

Zasady wizualizacji: promocja, informacja i oznaczenia w ramach projektu Człowiek najlepsza inwestycja!

Katalog identyfikacji wizualnej HUFCA ZHP RADOMSKO

GRUPA EXPERTUS KSIĘGA ZNAKU EXPERTUS

Identyfikacja. Verte

Zajęcia nr 15 JavaScript wprowadzenie do JavaScript

ZNAK MARKI / podstawowy znak marki. wesja podstawowa. wesja podstawowa

Księga Identyfikacji Wizualnej

Ćwiczenia - MS Power Point

Znak wersja podstawowa

Prezentacje. Katedra Informatyki i Metod Komputerowych. Uniwersytet Pedagogiczny w Krakowie

2019/03/25/V2 EKOTEAK / FIRMOWA KSIĘGA STANDARYZACJI ZNAKU

2018 Podręcznik. Zatrudnienie, sprawy społeczne i włączenie społeczne

Brand Manual. Sportowa Akademia Veolia Warszawa

Polska Prezydencja w Radzie Unii Europejskiej Księga identyfikacji wizualnej - 1

KSIĘGA IDENTYFIKACJI WIZUALNEJ

SYSTEM IDENTYFIKACJI WIZUALNEJ MEDIA HUB

Księga znaku. Szkoły Głównej Handlowej w Warszawie

Katarzyna Ignaszewska Anna Kowalska Bożena Szymańska Pakos Wojciech Sichniewicz SPI 51. Zadanie 3

Skuteczna prezentacja PowerPoint. Opracowanie: Anna Walkowiak

KSIĘGA IDENTYFIKACJI WIZUALNEJ INIG-PIB EDYCJA IV XI 2013

Księga identyfikacji wizualnej

Księga Wizualizacji Projektu ZSK

Podr cznik Identyfikacji Wizualnej Muzeum II Wojny Âwiatowej

GIMP. Ćwiczenie nr 6 efekty i filtry. Instrukcja. dla Gimnazjum 36 - Ryszard Rogacz Strona 18

Księga Systemu Identyfikacji Wizualnej Marki Radom

KARTA INFORMACYJNA Z INFORMATYKI DO KLASY 6. Imię i nazwisko ucznia:

SPIS TRESCI. Wstęp 1. ZNAK MARKI 2. DRUKI FIRMOWE 3. MATERIAŁY PROMOCYJNE

Pytania do programu Power Point

1. Pobierz i zainstaluj program w 3 krokach : 2. Wybierz produkt -> FotoAlbum (Photo Books)

Microsoft PowerPoint 2003 efektywne tworzenie i prezentacji multimedialnych

Księga identyfikacji Wizualnej Stowarzyszenia Wspierania Organizacji Pozarządowych MOST

Zasady tworzenia prezentacji multimedialnych

Zastosowanie programu PowerPoint do tworzenia prezentacji multimedialnych

Informatyka klasa pierwsza gimnazjum Wymagania na poszczególne oceny

EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE

Zasady stosowania logotypu identyfikującego ogólnopolską kampanię informacyjno-edukacyjną dotyczącą przechodzenia z nadawania analogowego na cyfrowe

interreg POLSKA KSIĘGA ZNAKU

Transkrypt:

ZRÓB TO czyli ELEMENTY SKETCHNOTINGU w prezentacjach i nie tylko

SPIS TREŚCI Ramka lub motyw w tle Skanowanie Rysowanie na tablecie Czcionki Układ informacji czyli szablony Jak to jest zrobione Dobór kolorów Co możesz w ten sposób przygotować Kilka informacji na koniec 2

RAMKA lub MOTYW W TLE Jeśli chcesz zastosować rysowaną ramkę do Twoich slajdów, najłatwiej będzie ustawić w PowerPoincie format prezentacji na A4 w zakładce: Projektowanie Ustawienia strony Rysujesz ramkę lub motyw na kartce formatu A4 i skanujesz na 300 dpi Jeśli pracujesz na tablecie, jest o wieeeele prościej rysujesz, zapisujesz jako jpg lub png Wstawiasz jak zdjęcie w tle w zakładce: Widok Wzorzec slajdów. Możesz dodać swoje logo, adres strony www lub podpis 3

SKANOWANIE 1. Rysujesz osobno wszystkie elementy, co pozwala dowolnie nimi operować: powiększać, pomniejszać, przenosić, itp 2. Skanujesz na 300 dpi i zapisujesz jako JPG lub PNG 3. Wstawiasz do prezentacji, dodajesz w PowerPoincie teksty, dowolnie ustawiasz na stronie Rysunki będą miały w tle białe tło. Trudno. 1. Albo wstawiasz je na białe tło slajdu 2. Albo szparujesz w GIMP lub innym programie. 4

RYSOWANIE na TABLECIE 1. Rysujesz możesz rysować osobno elementy, co pozwala dowolnie nimi operować: powiększać, pomniejszać, przenosić, itp lub całe wizualizacje 2. Zapisujesz najlepiej jako PNG z przezroczystym tłem transparent background lub jak wolisz jako normalny JPG z tłem; 3. Wstawiasz do prezentacji, programu, artykułu i dowolnego tekstu, który chcesz okrasić rysunkiem. transparent background jako JPG 5

FONTY Arial, Tahoma czy Calibri to popularne i czytelne fonty, ale Możesz też zainstalować fonty ciekawsze, np. naśladujące pismo odręczne, na przykład: ż łć ęś ą źń 6

CIEKAWE FONTY Z POLSKIMI ZNAKAMI Sketch Nice czyli zażółć gęślą jaźń Gill Sans Ultra Bold Condensed czyli zażółć gęślą jaźń Loved by the King czyli zażółć gęślą jaźń Noteworthy c z y l i zażółć gęślą jaźń Kaushan Script czyli zażółć gęślą jaźń AMATIC czyli zażółć gęślą jaźń Architects Daughter czyli zażółć gęślą jaźń Shadows Into Light Two czyli zażółć gęślą jaźń Love Ya Like A Sister Solid czyli zażółć gęślą jaźń Kalam czyli zażółć gęślą jaźń Segoe Print czyli zażółć gęślą jaźń 7

FONT COMBINATIONS Warto stosować kombinację dwóch lub nawet trzech fontów: - jeden do NAGŁÓWKÓW, INFORMACJ I, które chcesz wyróżnić w tekście, np. danych liczbowych, 250.000 PLN - drugi to tekstów uzupełniających może to być normalna czcionka komputerowa ( tu np. Segoe UI Semilight) - trzeci do adnotacji, informacji zapisanych w sposób udający pismo odręczne. Możesz w poszukiwaniu inspiracji np. w google czy Pinterest wyszukać frazę: font combinations zobacz 8

UKŁAD INFORMACJI CZYLI SZABLONY 9

UKŁAD INFORMACJI CZYLI SZABLONY Przykłady: aaa 10

UKŁAD INFORMACJI CZYLI SZABLONY aaa 11

INNE 12

JAK TO JEST ZROBIONE? Ten slajd składa się z następujących elementów Zeskanowana ramka Teksty edytowalne w PP 13

JAK TO JEST ZROBIONE? Ten slajd składa się z 3 elementów Zeskanowana ramka Zeskanowane pole tekstowe Tekst edytowalny w PP 14

JAK TO JEST ZROBIONE? Ten slajd składa się z następujących elementów Zeskanowana ramka Zeskanowany rysunek Kształt z paska narzędzi w PP. Teksty edytowalne w PP 15

JAK TO JEST ZROBIONE? Ten slajd składa się z następujących elementów Zeskanowana ramka Zeskanowane osobno elementy Teksty edytowalne w PP 16

JAK TO JEST ZROBIONE? Ten slajd składa się z następujących elementów Zeskanowana ramka Zeskanowane osobno elementy Teksty edytowalne w PP 17

JAK TO JEST ZROBIONE? Ten slajd składa się z następujących elementów Zeskanowana ramka Zeskanowane osobno elementy Teksty edytowalne w PP 18

JAK TO JEST ZROBIONE? Ten slajd składa się z następujących elementów Zeskanowana ramka Schemat jako jeden rysunek, osobno tylko przekreślenie i maziaj Teksty edytowalne w PP 19

JEŚLI PRACUJESZ NA TABLECIE GRAFICZNYM? Możesz łączyć też zdjęcia z elementami sketchnotingowymi 20

JAK TO JEST ZROBIONE? Ta strona folderu składa się z następujących elementów Zeskanowana ramka Zeskanowane tło, wykonane na tablecie Elementy Teksty edytowalne w PP 21

JAK TO JEST ZROBIONE? Ten slajd składa się z następujących elementów Zeskanowana ramka Wykonane na tablecie napisy, rysunki i pola tekstowe Zdjęcia, logotypy Teksty edytowalne w PP 22

DOBÓR KOLORÓW Naprzeciw siebie i po skosie leżą kolory KOMPLEMENTARNE - pobudzające! Czyli kolory komplementarne do niebieskiego to: czerwony, pomarańczowy i żółty Obok siebie leżą kolory ANALOGOWE - uspokajające Czyli kolory analogowe do niebieskiego to: fioletowy, i zielony 23

DOBÓR KOLORÓW Przykłady: Kolory MONOCHROMATYCZNE - jeden kolor + jego odcienie - szary i czarny Duet KOMPLEMENTARNY - dwa kolory komplementarne + ich odcienie - szary i czarny Zestawienie KOLOROWE - Wiele kolorów + ich odcienie - szary i czarny 24

CO MOŻESZ W TEN SPOSÓB PRZYGOTOWAĆ? 25

HANDOUTY I ARKUSZE PRACY 26

ANKIETY EWALUACYJNE 27

MATERIAŁY DO SOCIAL MEDIA 28

WŁASNE PRODUKTY 29

I MNÓSTWO INNYCH RZECZY 30

31

CIEKAWE LINKI https://creativemarket.com/blog/50-awesome-resources-to-createvisual-notes-graphic-recordings-sketchnotes https://www.creativelive.com/class/visual-notetaking-a-beginners-guideto-sketchnotes-with-giselle-chow https://www.iconfinder.com/iconsets/trade-wars https://www.flaticon.com/ https://pl.pinterest.com/flipowanie/ 32

33

34