PSD do WP: od projektu graficznego do działającego serwisuKrzysztof Łęcki
Slajdy z prelekcji wygłoszonej na WordCamp 2016 w Gdyni (https://2016.gdynia.wordcamp.org)
Wyniki przemyśleń nt. procesu realizacji projektów po 11 latach programowania oraz kilku latach zarządzania projektami. Próba odpowiedzi na pytania m.in. jak optymalnie podejść do tworzenia dedykowanych motywów WP, jak rozwiązać problemy związane z pracą w wieloosobowych zespołach programistycznych (dostęp do bazy danych, konflikty w repozytorium). Prezentacja pomysłu na platformę łączącą agencje - potrzebujące doraźnego lub stałego wsparcia deweloperskiego - z programistami wyspecjalizowanymi w kodowaniu PSD do WP.
Jakie są najlepsze praktyki tworzenia rysunków CAD? Jak usprawnić ten proces? Aby umożliwić wyprodukowanie danego elementu, potrzebne są przejrzyste i precyzyjne rysunki, które łatwo zinterpretować. Bez względu na wykorzystywane oprogramowanie czy technologię, nawet pozornie drobne błędy - na przykład strzałka skierowaną w złą stronę czy źle ustawiony widok - mogą być przyczyną poważnych błędów w procesie produkcji. Szczegółowe i dokładne rysunki techniczne są mniej
podatne na błędną interpretację, co oznacza, że istnieje
mniejsze ryzyko kosztownej konieczności ponownego
wyprodukowania części. Ten dokument przedstawia najlepsze praktyki tworzenia rysunków CAD, które można przekazać na produkcję.
Szkolenie Web Design przygotowuje do tworzenia stron internetowych. Szkolenie prowadzone jest od podstaw i trwa 150 godzin. Kończy się międzynarodowo uznanym certyfikatem Cambridge University. Najobszerniejsza część szkolenia poświęcona jest Photoshop.
2. Grafika komputerowa
• Dział informatyki zajmujący się wykorzystaniem
komputera do tworzenia, przekształcania
i prezentowania obrazów rzeczywistych
i wyimaginowanych.
• Wyróżnia się dwa główne rodzaje
grafiki komputerowej:
grafika rastrowa,
grafika wektorowa.
3. Dane o obiektach obrazu
• Inaczej nazywana jest obiektową.
• Polega na zapisie obrazu w postaci obiektów – figur
geometrycznych (grafika dwuwymiarowa – 2D) lub brył
geometrycznych (grafika trójwymiarowa – 3D).
• Obiekty są opisywane wzorami matematycznymi,
które określają pozycję, długość i kierunek tworzonych linii.
• Obiekty można łączyć i kolorować, przekształcać, wypełniać
różnorodnym tłem.
4. Co to jest grafika wektorowa
• W grafice wektorowej przechowywane są dane
o obiektach, z których zbudowany jest obraz.
• Najważniejsze dane to:
rodzaj figury – odcinek, krzywa, okrąg i wielokąt;
grubość linii;
rodzaj linii – ciągła, przerywana, kropkowana,
zakończona strzałkami;
kolor figury – inny dla wypełnienia kształtu,
inny dla konturu;
stopień przezroczystości.
5. Co umożliwia grafika wektorowa
• Tworzenie obrazu o dowolnych kształtach, złożonego z wielu
różnych elementów oraz warstw, o różnym stopniu
przezroczystości.
• Dowolne skalowanie obrazu,
czyli powiększanie, pomniejszanie
oraz zmianę jego proporcji
bez utraty jakości.
• Wyświetlanie obrazu
w największej dopuszczalnej
rozdzielczości monitora
lub drukarki.
6. Formaty zapisu plików grafiki wektorowej
• SVG (ang. Scalable Vector Graphics) – format zapisu obrazów
umieszczanych na stronach internetowych; umożliwia zapis
grafiki 2D statycznej i animowanej.
• PostScript – format wektorowego opisu grafiki i tekstu do
druku.
• VRML (ang. Virtual Reality Modelling Language)
oraz X3D – formaty do tworzenia i opisu obiektów 3D.
• CDR – format plików programu CorelDRAW do tworzenia
rysunków wektorowych.
• WMF (ang. Windows Metafile Format) – uniwersalny format
zapisu wektorowego, stosowany w systemie Microsoft
Windows.
7. Zalety grafiki wektorowej
• Bardzo prosta modyfikacja grafiki
poprzez zmianę parametrów obrazu.
• Możliwość opisu przestrzeni
trójwymiarowych.
• Skalowalność obrazu bez utraty jakości.
• Łatwość konwersji (przekształcenia)
obrazu wektorowego na rastrowy.
• Możliwość użycia ploterów
do specjalistycznych wydruków.
8. Wady grafiki wektorowej
• Plik składający się z wielu obiektów ma bardzo dużą objętość.
• Im więcej szczegółów zawiera tworzony obraz, tym więcej
pamięci potrzeba do jego utworzenia.
• Brak uniwersalnego formatu zapisu pliku.
9. Zastosowanie grafiki wektorowej
• Rysunek techniczny.
• Wizytówki, znaki firmowe, emblematy.
• Wykresy matematyczne, fizyczne i ekonomiczne
dwu- i trójwymiarowe.
• Animacje Macromedia Flash (WWW).
• Symulacje i animacje zjawisk.
• Poligrafia – przygotowywanie profesjonalnych wydruków.
• Systemy modelowania wirtualnej rzeczywistości.
12. Adobe Illustrator
Program do rysowania i obróbki tekstów, projektowania
i tworzenia grafiki 2D do druku i na strony WWW.
Działa na platformach Macintosh i Windows.
13. Corel DESIGNER
Program przeznaczony głównie dla osób zajmujących się
tworzeniem rysunków technicznych, projektów i planów
architektonicznych.
14. Inkscape
Darmowy program do tworzenia grafiki wektorowej, stworzony
w ramach projektu GNU wolnego oprogramowania.
Działa na platformach Linux, Windows, Mac OS.
15. Bibliografia
• Von R. Glitschka: Grafika wektorowa. Szkolenie podstawowe,
Wydawnictwo Helion, 2011
• http://encyklopedia.pwn.pl/
• http://pl.wikipedia.org/wiki/Grafika_wektorowa
• http://inkscape-tutorial.pl/
• http://www.corel.com/
• http://www.adobe.com/