Grafika w tekście - Zintegrowana Platforma Edukacyjna

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.

Ć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

Wybierz program, w którym pracujesz i zapoznaj się z filmem przedstawiającym, w jaki sposób zmienić otaczanie obrazu tekstem.

Microsoft Word $2016$ lub nowszy:

R1OK0r6Xy7zwz

Film prezentujący zmianę sposobu otaczania obrazu tekstem w programie Microsoft Word
Źródło: GroMar, licencja: CC BY 3.0.

LibreOffice Writer $7.0$ lub nowszy:

R1C1jmKETtwvv

Film prezentujący zmianę sposobu otaczania obrazu tekstem w programie LibreOffice Writer
Źródło: GroMar, licencja: CC BY 3.0.

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

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

Aby przyciąć, zmodyfikować wygląd i dodać do grafiki ramkę w programie Microsoft Word $2016$ lub nowszym:

Z zakładki Formatowanie / Format obrazu po zaznaczeniu ilustracji/grafiki, wybierz narzędzie Przytnij.
Z tej samej samej zakładki wybierz narzędzie Korekty / Korekcje, Kolor lub Efekty artystyczne. Możesz również spróbować ustawić kolor przezroczysty.
Odszukaj Style obrazu w zakładce Formatowanie / Format obrazu, aby wybrać ramkę, zmienić jej kolor oraz dodać wybrany efekt.

Aby przyciąć, zmodyfikować wygląd i dodać do grafiki ramkę w programie LibreOffice Writer $7.0$ lub nowszym:

Klikając prawym przyciskiem myszy na obraz, z menu kontekstowego wybierz Kadrowanie, aby zmienić jego rozmiać. Możesz skorzystać również z narzędzia Kontur dostępnego w menu Zawijanie.
Filtry znajdziesz w narzędziach dostępnych górnym pasku narzędziowym dostępnym po kliknięciu na obraz.
Ponownie klikając prawym przyciskiem myszy na obraz, z menu kontekstowego wybierz Właściwości i przejdź do zakładki Krawędzie, aby dodać ramkę.

Wybierz program, w którym pracujesz i zapoznaj się z filmem przedstawiającym formatowanie grafik wstawionych do tekstu.

Microsoft Word $2016$ lub nowszy:

REXUkPvGP1R8B

Film prezentujący sposoby modyfikacji obrazu w programie Microsoft Word
Źródło: GroMar, licencja: CC BY 3.0.

R1Pz0mq2RYKwd

Film prezentujący sposoby modyfikacji ramki obrazu w programie Microsoft Word
Źródło: GroMar, licencja: CC BY 3.0.

LibreOffice Writer $7.0$ lub nowszy:

R1PUfujFonyub

Film prezentujący sposoby modyfikowania i otaczania obrazu tekstem w programie LibreOffice Writer
Źródło: GroMar, licencja: CC BY 3.0.

R1DZCtt3hciGz

Film prezentujący wykorzystanie narzędzi formatowania obrazu w programie LibreOffice Writer
Źródło: GroMar, licencja: CC BY 3.0.

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.

Ć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.

Przypomnij sobie sposoby pozyskiwania fotografii cyfrowychPZHzGpzhjsposoby pozyskiwania fotografii cyfrowych.
Zwróć uwagę, aby żaden obraz w dokumencie tekstowym nie był zaznaczony w chwili wstawiania kolejnego obrazu.
Rozmieść obrazy równomiernie na stronie, ustal ich odpowiednią wielkość. Zastosuj narzędzia Zawijaj tekst / Zawijanie i wybierz Przed tekstem.
- Dla równomiernego rozmieszczenia na stronie, skorzystaj z narzędzia Wyrównaj i wyświetl linie siatki w programie Microsoft Word $2016$ .
- W programie LibreOffice Writer $7.0$ w zakładce Widok znajdziesz siatkę i linie pomocnicze.
Pod pierwszym herbem wstaw pole tekstowe i wpisz nazwę miasta. Zastosuj narzędzia Zawijaj tekst / Zawijanie i wybierz Przed tekstem.
Stosując polecenie Kopiuj i Wklej, skopiuj pole tekstowe, przesuń je pod następny obraz i zmień nazwę miasta.
Powtórz poprzedni krok dla wszystkich obrazów.
Zapisz plik.

Wybierz program, w którym pracujesz i zapoznaj się z filmem przedstawiającym, w jaki sposób równomiernie rozmieścić obiekty na stronie.

Microsoft Word $2016$ lub nowszy:

RL4WLjud6AfZc

Film prezentujący wstawianie obrazu oraz wstawianie i formatowanie pola tekstowego w programie Microsoft Word
Źródło: GroMar, licencja: CC BY 3.0.

LibreOffice Writer $7.0$ lub nowszy:

RMFZTdfWcqyb8

Film prezentujący wstawianie obrazu oraz wstawianie i formatowanie pola tekstowego w programie LibreOffice Writer
Źródło: GroMar, licencja: CC BY 3.0.

Ć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.

Ć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

Aby wstawić ozdobny tekst:

Ustaw kursor w miejscu, gdzie chcesz wstawić ozdobny napis.
Odszukaj i wybierz polecenia wstawiania ozdobnych napisów.
- W programie Microsoft Word $2016$ lub nowszym jest to polecenie WordArt.
- W programie LibreOffice Writer $7.0$ lub nowszym Galeria Fontwork.
Wybierz odpowiadający ci wzór ozdobnego napisu.
Na stronie, w wybranym miejscu, pojawi się wybrany szablon tekstu przeznaczony do edycji. Wpisz tekst właściwy.
Odznacz ozdobny napis, klikając w dowolnym miejscu strony.
Ozdobny napis jest obiektem i podobnie jak obraz, możesz otaczać go tekstem. W tym celu wybierz polecenia odpowiadające za otaczanie tekstem.
Ustaw tekst w wybrane miejsce na stronie.

W programie Microsoft Word $2016$ lub nowszym możesz zmienić zwykły tekst na tekst ozdobny. Wystarczy zaznaczyć tekst i wybrać odpowiedni wzór z galerii WortArt.
Zwróć uwagę, że dwukrotne kliknięcie lewym przyciskiem myszy na tekście ozdobnym uruchamia nową zakładkę Formatowanie / Format kształtu, zawierającą narzędzia do rysowania wstawionego obiektu.

Wybierz program, w którym pracujesz i zapoznaj się z filmem przedstawiającym, w jaki sposób wstawić ozdobny tekst.

Microsoft Word $2016$ lub nowszy:

RIXVTaYCZxXEW

Film prezentujący wstawianie ozdobnych napisów w programie Microsoft Word
Źródło: GroMar, licencja: CC BY 3.0.

LibreOffice Writer $7.0$ lub nowszy:

R6U39zNhar3lV

Film prezentujący wstawianie ozdobnych napisów w programie LibreOffice Writer
Źródło: GroMar, 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

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.

Ć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.

Aby wstawić gotowe kształty w programie Microsoft Word $2016$ lub nowszym:

Wybierz zakładkę Wstawianie.
Odszukaj i rozwiń polecenie Kształty.

Aby wstawić gotowe kształty w programie LibreOffice Writer $7.0$ lub nowszym:

Upewnij się, że w zakładce Widok, a następnie Pasek narzędzi masz aktywną opcję Rysunek.
Wykorzystaj figury dostępne na dolnym pasku narzędzi.

Wybierz program, w którym pracujesz i zapoznaj się z filmem przedstawiającym, w jaki sposób stworzyć przykładową kompozycję graficzną.

Microsoft Word $2016$ lub nowszy:

R13ln3Mcmy6Hc

Film prezentujący wstawianie gotowych kształtów w programie Microsoft Word
Źródło: GroMar, licencja: CC BY 3.0.

LibreOffice Writer $7.0$ lub nowszy:

RzXStD3ddwMFC

Film prezentujący wstawianie gotowych kształtów w programie LibreOffice Writer
Źródło: GroMar, licencja: CC BY 3.0.

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

R5C6SJ0XKh4mC

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