Ćwiczenie: Umieszczamy stronę ZSiP Bolków na smartfonie
Cel ćwiczenia
Celem ćwiczenia jest praktyczne zapoznanie się z narzędziami do transformacji i maskowania w Affinity Studio poprzez umieszczenie zrzutu ekranu responsywnej strony internetowej Zespołu Szkół i Placówek w Bolkowie na przygotowanym szablonie (mockupie) smartfona.
Materiały potrzebne
-
Oprogramowanie: Affinity Studio (wersja na komputer).
-
Mockup: plik
-
Zrzut ekranu: Wykonany samodzielnie zrzut ekranu przedstawiający widok strony ZSiP w Bolkowie (zsip-bolkow.pl) w wersji mobilnej (RWD).
Wskazówka dla ucznia: Jak zrobić dobry zrzut ekranu? Otwórz stronę szkoły na telefonie lub w przeglądarce na komputerze (używając trybu responsywnego w narzędziach developerskich – F12). Strona ZSiP Bolkowski została zaprojektowana tak, by dostosowywać się do ekranu . Wykonaj zrzut całej strony (np. za pomocą narzędzi w przeglądarce), aby widoczne były aktualności, nagłówek i stopka. Skrót do zrzutu ekranu to CTRL + WIN + S.
Przebieg ćwiczenia – krok po kroku
-
Przygotowanie dokumentu
-
Otwórz Affinity Studio.
-
Otwórz plik z szablonem smartfona.
-
-
Importowanie treści strony
-
Zaimportuj wykonany wcześniej zrzut ekranu strony ZSiP Bolków.
-
Przeciągnij warstwę ze zrzutem na panelu warstw tak, aby znalazła się bezpośrednio pod warstwą ekranu w mockupie.
-
-
Dopasowanie strony do ekranu – wykorzystaj maskę aby uzyskać przenikanie się warstw.
-
Zapisanie pracy
-
Zapisz projekt w formacie natywnym
.af, aby móc do niego wrócić. -
Wyeksportuj gotową grafikę na potrzeby portfolio w formacie
.jpglub.png(menu:Plik > Eksportuj).
-
Kryteria oceny (na co nauczyciel zwróci uwagę)
-
Poprawność techniczna: czy strona jest prawidłowo zamaskowana do kształtu ekranu?
-
Estetyka: czy strona na mockupie nie jest zniekształcona (zachowane proporcje)?
-
Dobór kadru: czy na wstawionym zrzucie widoczne są charakterystyczne elementy strony ZSiP (np. nazwa szkoły, aktualności)?
-
Organizacja pracy: czy warstwy w dokumencie są odpowiednio nazwane i posegregowane?
Dla chętnych (rozszerzenie)
Spróbuj dodać do kompozycji drugi smartfon z innym widokiem strony (np. powiększony fragment z kierunkami kształcenia) i zrób z nich modną kompozycję studyjną. Strona ZSiP Bolków oferuje bogaty opis kierunków, takich jak grafika i poligrafia cyfrowa, czy fotografia, co może być ciekawym tłem dla Twojej pracy .
Was this helpful?
0 / 0