2d dzień piąty...juz połowa godzin za nami dziś zamykamy kompozycjęw layoucie

2d dzień piąty...juz połowa godzin za nami dziś zamykamy kompozycjęw layoucie

Jak się inkscape rozgrzeje - preferences text tool musze ustawić dla nowych obiektów pusty stroke i czarne wypełnienie, żeby przestać mieć kulfony w artykule

ogólnie nie ma tragedii z artykułem

a w żelkach zapomnialam o eurodziurce

Temat a dziś: Layout

rodzaje layoutów

Lo-axial grid(ukosny)

w skrócie: kolumnowy do druku, modułowyonline

Siatkomat - Generator Siatek Projektowych

doc. properties - grids

add grid - mogę ddać wiele

wychdzi taka - 3 na 5, podział plakatowy

albo jest też taka

generator - ustawienia dla siatki 5 a 7, nie trzba liczyć milimetrów

pobierz svg

tu mam siatkę 7 na 7 pobraną do incscpe

muszę mieć włączony snapping i przyciąganie do grid s żeby muuc korzystać z siatki i wrzucać tam obiekty

miejsca skąd można brać zdjęcia

Beautiful Free Images & Pictures | Unsplash
Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos.

wkładanie foty w prostokąt

object - clip - set clip, le w warswach prostokąt musi być nad zdjęciem

lepsza opcja - ustawiam warstwy *- obrazek pod kwadratem, prawym na zaznaczone obiekty - set clip group (trzeba wyłączyć wypełnienie prostokąta, obrazek musi być nie mniejszy niz prostokąt

https://pl.freepik.com/

https://openverse.org/pl

https://www.pexels.com/

https://pixabay.com/pl/

można podmienić istniejące na inne - w object properties pod warstwą, prawy przycisk myszy

można też wpisać w prostokąt tekst - abo bezpośrednio ramkę na plakacie, albo flow into frame

Zadania 1. 

Zadania 1.

15 minut 

Brief–

Temat artykułu: „Jak technologia wspiera rozwój kompetencji cyfrowych”– Format: dwie strony A4 (

poziomo lub pionowo)–

Materiały:Logo projektu „Cyfrowe Ekspertki” (plik SVG/PNG)Tekst artykułu (ok. 500–700 słów, można użyć lorem ipsum lub własny tekst)Min. 3 grafiki stockowe (zdjęcia, wektory), pobrane z darmowych źródeł

Kompozycja layoutu

Nagłówek:Logo + tytuł artykułu (krój bezszeryfowy, 24–30 pt) 

Podtytuł/lead (16–18 pt italics)

głowny tekst (10-14pt)

Kolumny tekstowe:    Rozłóż główny tekst w kolumnach zgodnie z gridem

Grafiki:Wstaw zdjęcie główne, wysokość ok. 2 kolumny

Dwie mniejsze grafiki (np. ikony, ilustracje) osadź w dolnej części: po jednej w każdej zewnętrznej kolumnie

Dodaj podpisy (10 pt) pod każdym obrazkiem

Stylistyka i typografia

Użyj max. 2 krojów pisma (np. Sans-Serif do nagłówków, Serif do tekstu

)Zadbaj o hierarchię wizualną: różne rozmiary i wagi fontów dla nagłówków, śródtytułów, akapitów​

niestety porazka, inkscape umarł razyi nie zdążyłam - muszę sobie rozrysowac to na kartce, rozrysować siatkę i rozplanować co gdzie włożęi dopiero pracuje w prograie i rozuwam

Przykład Darii

grafika izometryczna

snapping

pen tool DZIAŁAM... TOPORNIE

KOLEJNE ZADANIE - DIORAMA

czyli kilka ramek z grafikami, które nałożone jedna na drugą dadzą obrazek - będzie praca na warstwach, każdy element musi się łączyć z ramką

i jeszcze plakat

Ćwiczenie komponowania plakatów o silnej hierarchii wizualnej

Opis zadania

Przygotowanie dokumentu

Utwórz nowy dokument w formacie A3 (420 × 297 mm), orientacja pionowa.

Ustaw marginesy po 15 mm ze wszystkich stron.

Projektowanie kompozycji

Tło: wybierz kolor bazowy (poza marginesami).

Nagłówek:Wybierz wyrazisty krój bezszeryfowy, rozmiar ~60 pt.

Logo:Zaimportuj logo „Cyfrowe Ekspertki” i umieść je w prawym górnym narożniku, przyciągając do linii gridu.

Obraz główny:

Wstaw dużą grafikę (zdjęcie lub wektor) rozciągniętą na 3 kolumny i 2 wiersze pod nagłówkiem;

dodaj delikatny cień lub ramkę.

Tekst dopisowy / slogan:Pod główną grafiką ustaw slogan Elementy dekoracyjne:

W dolnej części rozmieszczaj mniejsze ikony lub kształty (po jednej w każdej kolumnie), korzystając z siatki pomocniczej do wyrównania.

Typografia i kolory

Dobierz max. 2–3 kolory spójne z paletą logo.

Zastosuj 2 kroje pisma:​