Przygotowywanie obrazu wektorowego pod HTML.

Yeah, udało mi się ogarnąć Illustratora. Wina leżała po stronie Adobe, bo miałąm wykupioną licencję na 12 miesięcy a mija mi 10 miesiąc. Szkoda, że musiałam czekać tydzień i poszło mi to na projekt "Daj sie Poznac". Cóż. Za to uczyłam się C++ którego kolejne lekcję wklęję w tym tygodniu. Wczoraj siedziałam w nocy i rysowałam w Illustratorze grafiki wektorowe, z których będe robić animację. Dzisiaj po pracy będę go kodować mój pierwszy projekt. Jupi! :D


Pobieranie ścieżek SVG path MLZ z Photoshopa i polyline points z Illustratora na HTML.


Jak pobrać ścieżki path z Illustratora dla HTML - ścieżka elementu points

<svg> <g> <rect> <circle> <polyline points = "33.55 22.33 22 55"/> </g> </svg>

Pojedynczy obiekt

  1. Zaznacz cały pojedynczy obiekt (odblokuj wszystkie warstwy, w przeciwnym wypadku nie zostaną zapisane do ścieżek).
  2. Kliknij prawym przyciskiem myszy Eksportuj zaznaczone, ustaw jako SVG i Zapisz.
  3. Zapisany plik możesz zrzucić na edytor tekstowy typu Notepad+ lub Sublime, na którym wyświetli Ci się kod.

Cały projekt

  1. Zaznacz wszystko (zablokuj niechciane warstwy, odblokuj, te, które mają znaleźć się na projekcie). 
  2. Kliknij File >  Eksploruj, ustaw jako SVG. Zapisz i utworzy ci się plik. 
  3. LUB W dolnym lewy rogu masz ikonę planety, kliknij i wyświetli Ci się kod, który mozesz skopiować.



Jak pobrać ścieżki Photoshopa do Illustratora

Za pomocą narzędzia Path Component Selection tool lub Direct Selection tool (kursory krzywych / ścieżek) zaznacz warstwy, które Cię interesują. Metodą kopiuj-wklej lub przenieś je do Illustrarora. W oknie Pastle Option zaznacza czy chcesz swoje ścieżki jako kształty (shapes) czy ajko ścieżki (paths).

Na skróty :

File > Export > Paths To Illustrator. Następnie otwórz w Illustratorze. 


Jak pobrać ścieżki z Photoshopa ma HTML - ścieżka elementu path d="MLZ"

<svg> <path id="Polygon"d="M22.44,L55.22,33.22Z"/> </svg>

  1. Za pomocą Path Component Selection tool lub Direct Selection tool (kursory krzywych / ścieżek) zaznacz warstwy, które Cię interesują. 
  2. Następnie File > Export >  Quick Export as SVG
  3. Zapisany plik możesz zrzucić na edytor tekstowy typu Notepad+ lub Sublime, na którym wyświetli Ci się kod.

Jak szybko zapisać obraz wektorowy z Photoshopa na dokument SVG

  1. Plik > Eksportuj > Szybki eksport jako format obrazu SVG
  2. Lub Plik > Eksportuj > Eksportuj jako. 
  3. Wybierz format SVG.

Komentarze

Prześlij komentarz

Popularne posty z tego bloga

Na początku był C++... #nauka

Obraz
Zaczęłam się uczyć kodowania C++ u Mirosława Zelenta na kanale YouTube Pasja Informatyki . Pan Zelent sam sugeruje, aby zacząć od C++, ponieważ naucze się podstaw i pomoże mi to ogarnąć Javę Script. Na czym mi zależy, bo chcę być dobrym koderem a nie tylko Googlerem. Bo... to trochę siara B| a mi zależy na zamodzielności w kodowaniu. Złośliwość rzeczy martwych. Illustrator mi se zbuntował, więc nie mogę zgarnąć ścieżek <path>. Postaram się dzisiaj to zrobić. Na facebookowym forum przeczytałam, że pan Zelent jest (cytuję) "niedouczony" i słabo wypada mu tutorial o PHP. Ale oczywiście żaden z mądrali nie podał innego lepszego. Jakie to typowe dla nerdów. Do krytyki wszyscy do pomocy zero, bo jeszcze zostana zjechani od kretyów co polecają złego nauczyciela a to dla ich nieskiego ego nie byłoby do zniesienia... Poniżej moje pierwsze notatki z programowania w C++ Lekcja#1 - Pliki projektów, pierwszy program. int worki, koty; // int to jest pojemnik z danymi cou
Czytaj więcej

Pętla for, while, do.. while. Pętle wyjaśnione cz.2 #c++

While while = dopóki pętla sterowana warunkiem while nie posiada wbudowanego iteratora (licznika) określa warunek, jeśli jest prawdziwy, to pętla się wykonuje. dopóki liczba jest mniejsza niż 10 to wykonują się instrukcje zawarte w klamrach while (liczba < 10) { cout<< "coś tam"; } Zadanie coś jak rozmarzanie się bakterii z godziny na godzinę a my liczymy po ilu godzinach liczba bakterii przekroczy miliart int populacja=1; (nadajemy wartość początkową 1) a godzin upłynęło 0, bo tylko 1 populacja, nic jeszcze nie rozmnożyła) godzin = godzin +1 ; LUB godzin++; while (poulacja <= 1000 000 000); powtarzaj dopóki popoulacja jest większa/równa mld #include <iostream> using namespace std; int populacja=1; int godzin=0; int main() {     while(populacja<=1000000000)     {         godzin++;         populacja = populacja *2;         cout<< "minelo godzin"<<godzin;  
Czytaj więcej