Grafika komputerowa.

Dzień 1 (16.09.2025)

Wektory i Inkspace

Temat: Grafika wektorowa


INSPIRACJE

https://www.shutterstock.com/blog/

https://www.behance.net/ - profesjonalne portfolia/grafika użytkowa

https://pl.pinterest.com/ - wiadomo!

https://www.instructables.com/ - udostępnione informacje jak są tworzone różne projekty

https://affinityspotlight.com/

https://inkscape.org/gallery/


INKSPACE

Naciśnięcie scroll, spacja oraz shift+prawy przycisk myszy - opcje do przesuwania 'kartki'

5 - wyrównanie


zadanie 1

Celem zadania jest stworzenie projektu kolczyków, przechodząc przez cały proces: od rysunku odręcznego na papierze, przez digitalizację, aż po obrysowanie w programie graficznym.

Przebieg:    1.    Rysunek na kartce (15 min):Uczestniczki rysują projekt kolczyka na kartce papieru,najlepiej zgodnie z wcześniej ustaloną proporcją, np. w skali 1:1.    2.    Digitalizacja szkicu (15 min):    •    Zrobić zdjęcie rysunku.    •    Wgrać zdjęcie do programu graficznego.    •    Wkleić je do dokumentu projektowego i odpowiednio zeskalować.    3.    Obrysowanie (15 min):    •    Drugi kolczyk obrysować przy użyciu krzywych Béziera.

Tip : (Pen Tool + Node tool )!

zdanie 2

Nie ma zadania bez briefu, więc kilka słów o tym, jak ma wyglądać projekt:Pamiętaj o wymiarach - pierścionek ma się mieścić na Twój palec! Sprawdzimy to później, wycinając gotowy projekt na laserze.

  • Zwróć uwagę na grubość - element nie może być za gruby.
  • Wiemy, że nie miałyście jeszcze sumowania obiektów ani wycinania, więc nie przejmujcie się - narysujcie coś własnego. Będziecie miały jeszcze możliwość poprawienia projektu, gdy nauczycie się więcej. Starajcie się jednak, aby projekt był możliwy do wycięcia na laserze. Co to oznacza?     
  • Projekt musi być monolityczny - nie może się składać z kilku oddzielnych elementów. 
  • Pomyślcie o projekcie jak o zarysie miasta, sceny lub postaci.
  • Proste formy są piękne - szczególnie że będziemy operować na małych kształtach, więc nie można przesadzić z detalami. 
  • Wszystko, co narysujecie, zostanie wycięte — choć na razie nie wiecie jeszcze dokładnie, jak działa laser, wyobraźcie sobie, że każda linia to wycięte nożyczkami w papierze.
  • Grubość materiału to 3 mm lub jego wielokrotność.

Bezier methodhttps://bezier.method.ac/

Dzień 2 (16.09.2025)

Tip do zadania nr 2 z poprzedniego spotkania : Wielowarstwowy pierścionek- do każdej z obręczy dołączyć jeden element. Po złożeniu całości i podglądzie wartsw, powinno to być widoczne.

KOMPOZYCJA

Zadanie domowe: Bąbelkowe Logo PAKT dla Kobiet

Typ zadania: Projekt indywidualny, ćwiczenie kreatywne z typografią
Styl: Zabawa formą, lekkość, nowoczesność z kobiecą energią
Opis:
Twoim zadaniem jest zaprojektowanie lekkiego, bąbelkowego logotypu inspirowanego projektem PAKT dla Kobiet. Ma on oddawać radość z nauki, wspólnotę i energię grupy.
Użyj dowolnego fontu (np. zainstalowanego na komputerze lub z Google Fonts), przekształć go w krzywe, a następnie za pomocą narzędzi do edycji węzłów (nodes) i operacji booleanowych stwórz z liter unikalną formę graficzną.

Dzień 3 (23.09.2025)

KOLORY

PSYCHOLOGIA KOLORU

Narzędzie do dobierania barw do projektu :

https://color.adobe.com/create/color-wheel

https://coolors.co

Coolors - The super fast color palettes generator!
Generate or browse beautiful color combinations for your designs.

https://www.colourlovers.com

Happy Hues - Curated colors in context.
See color palette inspiration on a real example website. As you click on different palettes every color on this site updates to give you context of how that color could be used for your design or illustration projects.
Color Hunt - Color Palettes for Designers and Artists
Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects.

ZADANIA Z KOLORAMI

Mandala

ZADANIE DOMOWE :

  1. Boolean Game
The Boolean Game
Learn how to use boolean operations in Adobe Illustrator, Sketch, Figma, and other vector editors. Or just have fun!
  1. Pokolorować mandalę

Dzień 4 (25.09.2025)

Typografia i anatomia fontów

https://fonts.google.com/knowledge

https://www.canva.com/learn/fonts/ 

https://fontjoy.com/ 

https://type.method.ac/

zadanie nr 1: Wytyczne projektowe (draft 30‑min) – Żelki Super Kwaśne Format opakowania,

  1. Typ: płaska saszetka (flow‑pack) z euro ‑ dziurką.  
  2. Wymiary: 120 mm (szer.) × 160 mm (wys.)   
  3. Strefy: 3 mm margines bezpieczeństwa (nie umieszczaj tekstu/logo).  Transparentne "okienko" w dowolnym kształcie ≈ 40 × 70 mm (pokazuje żelki). 
  4. Paleta kolorów - Wasz wybór  
  5. Typografia, Logo / nagłówek: wielkość 40–60 pt.  Tekst prawny: 6–7 pt (min. 1,2 mm wysokości x‑a). inne: 14 pt  
  6. Key visual,Coś kwaśnego 
  7. Tył – układ 3‑kolumnowy,Skład + ostrzeżenie Tabela wartości 
  8.   Kontrast WCAG ≥ 4.5:1 dla tekstu < 18 pt. 

ZADANIE :

zad 2. Monogram Ślubny "Kod i Płótno" (zadanie domowe)  Opis klienta: Nietypowa para – programistka (np. inicjał 'A') i malarz (np. inicjał 'M') – prosi o projekt monogramu, który połączy ich dwa światy i będzie używany na papeterii ślubnej.  Wytyczne: Zaprojektuj monogram (logo z inicjałów) dla pary. Połącz w nim dwa style: jeden geometryczny, precyzyjny, inspirowany kodem (dla programistki), a drugi swobodny, z teksturą pędzla (dla malarza). Eksperymentuj z krojami pisma, przekształcaniem ich w krzywe i łączeniem w spójną całość.  

Zad. 3: Zaproszenie Ślubne "Kod i Płótno" (zadanie domowe)     Opis klienta: Ta sama para, dla której projektowałaś monogram, potrzebuje teraz pełnego projektu zaproszenia ślubnego. Musi ono być spójne stylistycznie z monogramem i jasno komunikować wszystkie niezbędne informacje.     Wytyczne:  Format: Zaproszenie składane, format po rozłożeniu A5 (148 x 210 mm). Strona frontowa: Wykorzystaj zaprojektowany wcześniej monogram, dodaj imiona pary oraz datę ślubu. Wnętrze zaproszenia: Zaprojektuj układ tekstu z informacjami o miejscu ceremonii i wesela, godzinach oraz prośbą o potwierdzenie przybycia (RSVP). Stylistyka: Utrzymaj spójność z monogramem Zadbaj o czytelną hierarchię informacji.

Dzień 4 (30.09.2025)

LAYOUT

((szerokosc kartki - suma marginesów) - (suma odległości pomiędzy kolumnami)) / (ilosc kolumn)

Zadanie :

1    Unsplash    Ponad 4 mln zdjęć w dużej rozdzielczości. Licencja pozwala na dowolny użytek (komercyjny i edukacyjny) bez konieczności atrybucji, choć jest mile widziana. Unsplash - https://unsplash.com/ 2    Pixabay    5,6 mln zdjęć, ilustracji i filmów, licencja Pixabay License – darmowe użycie, modyfikacja dozwolona, zakaz odsprzedaży “as-is”. Pixabay - https://pixabay.com/pl/ 3    Pexels    Zdjęcia + klipy wideo 4K; licencja Pexels License (zbliżona do CC0). Bez obowiązku podawania autora, zgoda na edycję. Pexels - https://www.pexels.com/ 4    Openverse (WordPress)    Metawyszukiwarka przeszukująca > 800 mln plików CC0 / CC-BY z różnych repozytoriów; wszystkie materiały darmowe do ponownego użycia. WordPress.org https://openverse.org/pl 5    Freepik – sekcja “Free”    Oprócz planów premium ma ogromny dział darmowych zdjęć i wektorów. Wymaga atrybucji i przestrzegania regulaminu (np. zakaz redystrybucji bez zmian). Freepik - https://pl.freepik.com/  

ZADANIE NA TERAZ: – Temat artykułu: „Jak technologia wspiera rozwój kompetencji cyfrowych”– Format: dwie strony A4 (poziomo lub pionowo)– Materiały:Logo projektu „PAKT dla Kobiet” (plik SVG/PNG)Tekst artykułu (ok. 500–700 słów, można użyć lorem ipsum lub własny tekst)3 grafiki stockowe (zdjęcia), pobrane z darmowych źródełKompozycja layoutu do waszego wyboruTeskt: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 gridemGrafiki:Wstaw zdjęcie główne, wysokośćDwie mniejsze grafiki osadź w dolnej części: po jednej w każdej zewnętrznej kolumnieDodaj podpisy (10 pt) pod każdym obrazkiemStylistyka i typografiaUż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

1. Dokończyć dioramę 2. Dokończyć artykuł 

3. nowe zadnie - plakat:    Wybierz swój ulubiony cytat (z książki, filmu, piosenki). Zaprojektuj plakat w formacie A4, używając maksymalnie dwóch krojów pisma. TYLKO napisów. Skup się na hierarchii wizualnej (które słowa są najważniejsze?), kontraście (np. grubością fontu) i kompozycji, aby projekt był interesujący wizualnie.   

DZIEŃ 5 (02.10.2025)

Podsumowanie

W jaki sposób przynieść pliki na zajęcia stacjonarne

  1. pen drive
  2. mail (tylko pamiętac hasło)
  3. wrzucic na bloga

Zadanie z promptami .

"Stwórz nowoczesny plakat promujący projekt społeczny „Pakt dla Kobiet”. Design powinien być elegancki, minimalistyczny, w kolorach bieli, złota i odcieni różu/fioletu. W centrum plakatu powinien znaleźć się silny symbol kobiecości i solidarności – np. splecione dłonie kobiet, sylwetki w kręgu, abstrakcyjny znak siły i jedności. Tekst na plakacie:
„PAKT DLA KOBIET” (duży, wyrazisty tytuł).Całość w estetyce plakatowej, czytelnej i nowoczesnej"