Grafika w tekście

Otaczanie obrazu tekstem

Nim przystąpisz do tego materiału, przypomnij sobie informacje o wstawianiu obrazów do tekstuP1GRdMRp7wstawianiu obrazów do tekstu oraz zapisywaniu dokumentów tekstowychP2H5TngQMzapisywaniu dokumentów tekstowych. Elementy graficzne, np. obrazy, zdjęcia, rysunki czy Cliparty, uatrakcyjniają wygląd dokumentów tekstowych. Czy potrafisz umieścić je w dowolnym miejscu na stronie? W tym materiale nauczysz się to robić.

Zwróć uwagę, jak wygląda rozplanowanie tekstu i ilustracji w szkolnych podręcznikach i lekturach, przejrzyj czasopisma i gazety. Bardzo często obrazy umieszczone na stronie otoczone są tekstem lub rozdzielają tekst, a czasami są tłem dla tekstu.

Wstawiona grafika może być umieszczona w tekście na wiele sposobów. Zapoznaj się z przykładami.

R1DAoKFqSnJSf
Zrzut dokumentu tekstowego z wstawioną grafiką, który jest podzielony na trzy akapity. Pierwszy akapit podanego fragmentu ma po prawej stronie grafikę baobabu, który został nazwany "Kraków".
Dokument tekstowy z wstawioną grafiką obok tekstu
Źródło: Lidia Aparta, licencja: CC BY 3.0.
R1C1q2mTqERKV
Zrzut dokumentu tekstowego z wstawioną grafiką. W tym przypadku grafika drzewa stanowi tło całego dokumentu, a tekst znajduje się na wierzchu.
Dokument tekstowy z wstawioną grafiką za tekstem
Źródło: Lidia Aparta, licencja: CC BY 3.0.

Aby zmienić ułożenie tekstu względem elementu graficznego, zaznacz go i odszukaj narzędzia odpowiedzialne za tzw. Zawijanie tekstu. W programie Microsoft Word odpowiednia ikona powinna pojawić się przy prawym górnym rogu obrazu po jego kliknięciu. W LibreOffice Writer odpowiedniej opcji należy szukać w menu kontekstowym. Sprawdź, jak działają te narzędzia, wykonując poniższe ćwiczenie.

1
Ćwiczenie 1

Pobierz i otwórz poniższy plik tekstowy.

Rin5BN0LTQoKh

Plik tekstowy do pobrania niezbędny do wykonania ćwiczenia.

Plik do pobrania Baobab.rtf
Źródło: Lidia Aparta, GroMar, licencja: CC BY 3.0.
Plik RTF o rozmiarze 45.56 KB w języku polskim

Wstaw do tekstu rysunek tak, aby był otoczony tekstem ze wszystkich stron, podobnie jak na poniższej ilustracji. Pamiętaj, aby zapisać plik.

R1Do6MC5nqh6F
Zrzut dokumentu tekstowego z wstawioną grafiką. Grafika baobabu jest wstawiona na środku dokumentu w taki sposób, że tekst okala ją z każdej strony.
Dokument tekstowy z wstawioną grafiką baobabu, którą opływa tekst
Źródło: Lidia Aparta, licencja: CC BY 3.0.

Rysunek możesz wykonać samodzielnie lub skorzystać z załączonego do zadania pliku graficznego.

R9tYuCAGmSc7q

Załącznik to plik "Baobab.png", który należy wkleić do pliku tekstowego.

Plik do pobrania z ilustracją baobabu
Źródło: Lidia Aparta, GroMar, licencja: CC BY 3.0.
Plik PNG o rozmiarze 95.70 KB w języku polskim

Formatowanie grafiki w dokumencie tekstowym

Wstawiony element graficzny możesz poddać dodatkowym modyfikacjom, np.:

  • przyciąć obraz;

  • precyzyjnie ustalić wielkość obrazu;

  • przesunąć obraz do przodu względem innych obiektów na stronie;

  • zmienić styl obrazu np. krawędzie obramowania i wstawić dodatkowe efekty m.in. cieniowanie;

  • zmienić np. kolorystykę obrazu, jasność i kontrast, przezroczystość.

Ćwiczenie 2

Otwórz plik utworzony w poprzednim zadaniu. Wstawiony do tekstu obraz:

  • Przytnij, aby zlikwidować zbędny margines lub aby bardziej widoczne były detale obrazu. Możesz spróbować zastosować kolor przeźroczysty lub kontur.

  • Zmień jasność, kontrast, nasycenie, ton kolorów lub zastosuj filtr według własnego uznania.

  • Dodaję ramkę i zmodyfikuj ją według własnego uznania.

Poniżej znajdziesz przykładowy efekt, jaki możesz uzyskać.

RP5dI6v3w1u6o
Zrzut dokumentu tekstowego z wstawioną grafiką. Grafika baobabu jest wstawiona na środku dokumentu w taki sposób, że tekst okala ją z każdej strony. Dookoła grafiku baobabu znajduje się żółta ramka.
Dokument tekstowy z wstawioną grafiką baobabu w żółtej ramce, którą opływa tekst
Źródło: Lidia Aparta, licencja: CC BY 3.0.

Zadanie możesz wykonać korzystając z załączonych plików.

RqigsaRk3NnYv

Plik do pobrania Baobab.rtf

Plik do pobrania Baobab.rtf
Źródło: Lidia Aparta, GroMar, licencja: CC BY 3.0.
Plik RTF o rozmiarze 45.57 KB w języku polskim
RklafrZjOsSHz

Załącznik to plik "Baobab.png", który należy wkleić do pliku tekstowego.

Plik do pobrania z ilustracją baobabu
Źródło: Lidia Aparta, GroMar, licencja: CC BY 3.0.
Plik PNG o rozmiarze 95.70 KB w języku polskim

Wstawianie pola tekstowego

Pole tekstowe to bardzo przydatne narzędzie, które ułatwia rozplanowanie grafiki i tekstu na stronie. Stosując pola tekstowe mamy swobodę w rozmieszczeniu tekstu na stronie. Za pomocą pól tekstowych można tworzyć m. in. cytaty lub paski boczne zawierające ważne informacje. Zapoznaj się z przykładami zastosowania pola tekstowego.

RmVGUO7xXAO5U
Zrzut dokumentu z przykładowym zastosowaniem pola tekstowego. Obok grafiki dziecka na rowerze znajduje się napis "Julek Wszędobylski, Szkoła Podstawowa nr 36</math, ulica Kwiatowa 3"
Dziecko na rowerze
Źródło: Lidia Aparta, licencja: CC BY 3.0.
RYIInuqHj5av9
Zrzut dokumentu z przykładowym zastosowaniem pola tekstowego i kształtów. Na grafice znajduje się rower oraz strzałki, które wskazują i nazywają jego części. Wskazane części to Światło pozycyjne białe, hamulec, Sygnał dźwiękowy, Światło pozycyjne czerwone oraz Światło odblaskowe.
Rower
Źródło: Lidia Aparta, licencja: CC BY 3.0.

Tekst umieszczony w polu tekstowym możesz dowolnie modyfikować, stosując znane ci narzędzia formatowania tekstuPFGrIw6ilnarzędzia formatowania tekstu. Pole tekstowe, podobnie jak obraz, możesz umieścić w dowolnym miejscu strony. Do formatowania pola tekstowego stosuje się podobne narzędzia jak do wstawionych obrazów czy ozdobnych napisów.

2
Ćwiczenie 3

Wyszukaj w interneciePt1nhKeXyWyszukaj w internecie sześć obrazów przedstawiających herby dowolnych miast Polski. W dostępnym edytorze tekstu otwórz nowy dokument i wstaw herby rozmieszczając je równomiernie na stronie. Pod każdym herbem wpisz miasto, które reprezentuje. Do opisu wykorzystaj narzędzia Pola tekstowego. Pamiętaj, aby zapisać plik.

Przykładowy zestaw znajdziesz poniżej.

R15gRFCcQwD6b
Zrzut dokumentu z przykładowym rozwiązaniem. Znajdują się tutaj grafiki herbów Gdańska, Poznania, Wrocławia, Łodzi, Krakowa i Szczecina. Poniżej każdego herbu jest pole tekstowe z nazwami miast.
Herby polskich miast
Źródło: Lidia Aparta, licencja: CC BY 3.0.
1
Ćwiczenie 4

W dowolnym edytorze tekstu wykonaj swoją wizytówkę. Wykorzystaj pole tekstowe.

Wstawianie ozdobnych napisów

Dokument tekstowy możesz wzbogacić ozdobnym tytułem, stosując do tego celu odpowiednie opcje dostępne w edytorach tekstu. Na przykład w programie Microsoft Word 2016 lub nowszym będzie to obiekt WordArt, a w edytorze LibreOffice Writer 7.0 lub nowszym Galeria Fontwork. Sprawdź, jakie możliwości mają te narzędzia.

ROmTfoFJqIn0y
Zrzut dokumentu z przykładowymi ozdobnymi napisami. Na zrzucie ekranu znajduje się napis "Dyplom, Zaproszenie, Certyfikat". Każde słowo zostało utworzone innym ozdobnym napisem.
Dyplom, zaproszenie oraz certyfikat
Źródło: Lidia Aparta, licencja: CC BY 3.0.

Dekoracyjne napisy najczęściej stosuje się, jako tytuły lub nagłówki. Ozdobny tekst możesz wykorzystać np. do wykonania zaproszeń lub dyplomów. Wstawione napisy możesz modyfikować na wiele sposobów, np.: zmienić krój czcionki, kolor konturu i wypełnienie, styl kształtów. Ponieważ tekst ozdobny jest obiektem graficznym, aby umieścić go w wybranym miejscu strony, postępuj podobnie, jak w przypadku wstawionego obrazu, odpowiednio zmieniając otoczenie tekstem.

2
Ćwiczenie 5

Otwórz plik stworzony w ćwiczeniu 3 z herbami miast. Odszukaj w edytorze tekstu narzędzia odpowiedzialne za wstawianie ozdobnego tekstu i wstaw tytuł do dokumentu, podobnie jak na poniższym przykłdzie.

RPAn6Q2zRbuVn
Zrzut dokumentu z przykładowym rozwiązaniem. Znajdują się tutaj grafiki herbów Gdańska, Poznania, Wrocławia, Łodzi, Krakowa i Szczecina. Poniżej każdego herbu jest pole tekstowe z nazwami miast.
Herby polskich miast
Źródło: Lidia Aparta, licencja: CC BY 3.0.

Wstawianie kształtów

Edytory tekstu oferują duży zbiór tzw. Kształtów – prostych elementów graficznych, takich jak: linie, okręgi, prostokąty, strzałki, wstęgi, gwiazdy i tzw. dymki.
Kształty są obiektami rysunkowymi, dlatego podlegają takim samym zasadom formatowania jak inne elementy graficzne.

Kształty mogą być wykorzystywane jako pola tekstowe. Tekst umieszczony w dowolnym kształcie można modyfikować zgodnie z poznanymi zasadami.

Przykłady zastosowania kształtów:

RYIInuqHj5av9
Zrzut dokumentu z przykładowym zastosowaniem pola tekstowego i kształtów. Na grafice znajduje się rower oraz strzałki, które wskazują i nazywają jego części. Wskazane części to Światło pozycyjne białe, hamulec, Sygnał dźwiękowy, Światło pozycyjne czerwone oraz Światło odblaskowe.
Rower
Źródło: Lidia Aparta, licencja: CC BY 3.0.
R9lTKQwRDkLe5
Zrzut dokumentu z przykładowym zastosowaniem kształtów. Na grafice znajduje się domek, trzy drzewa stworzone z trójkątów równoramiennych, płot z pogrubionych krzyżyków. Słońce zostało zrobione z koła i małych trójkątów wokół niego.
Domek
Źródło: Lidia Aparta, licencja: CC BY 3.0.
RDhh7mSgyPfIv
Zrzut dokumentu z przykładowym zastosowaniem kształtów. Na grafice znajdują się dwa koty oraz wklejone dymki sugerujące rozmowę dwóch kotów: "Pozujemy do zdjęcia?", "Będziemy sławni!"
Koty
Źródło: Lidia Aparta, licencja: CC BY 3.0.
R1IutjGohWVex
Zrzut dokumentu z przykładowym zastosowaniem kształtów. Na grafice znajduje się choinka z gwiazdą na górze. Na dole znajduje się podpis "Wesołych świąt".
Choinka z napisem Wesołych Świąt!
Źródło: Lidia Aparta, licencja: CC BY 3.0.
1
Ćwiczenie 6

Otwórz nowy dokument tekstowy i korzystając z różnych kształtów, wykonaj wybraną przez siebie kompozycję graficzną składającą się z różnych elementów tworzących jedną artystyczną całość. Może być to wymarzony dom, samochód, kartka świąteczna, życzenia urodzinowe lub inny autorski pomysł. Inspirację możesz zyskać, przeglądając ilustracje z galerii znajdującej się nad ćwiczeniem.

Wykorzystaj poniższy dzienniczek do zapisania swoich notatek i przemyśleń.

R5C6SJ0XKh4mC
Źródło: GroMar, licencja: CC BY 3.0.