Co to jest ekstrakt aktywów
Nowa Wyodrębnij zasoby funkcja programu Photoshop CC 2014 umożliwia dopełnienie dodatkowego, nużącego przepływu pracy przy tworzeniu Responsive Web Design (RWD). Przyjrzyjmy się, jak za pomocą polecenia Wyodrębnij zasoby można szybko zredukować stronę WWW do zasobów gotowych do montażu w ciągu kilku minut.
Zacznijmy od oczywistego pytania: Co to jest ekstrakt aktywów?
Mówiąc najprościej, Extract Assets to nowa funkcja w Photoshopie, która zapewnia funkcję Generatora Photoshopa z interfejsem ułatwiającym automatyzację tworzenia zasobów obrazowych do projektowania stron internetowych i ekranów z plików Photoshop. Polecenie Wyodrębnij zasoby pozwala zdefiniować warstwę lub warstwy, dla których chcesz utworzyć zasoby, ich rozmiar fizyczny, format pliku i zapisaną lokalizację na dysku. Ta funkcja nie jest przeznaczona do tekstu, chyba że zamiarem jest przekształcenie tekstu w bitmapę, co nie jest dobrym pomysłem.
Zacznijmy.
02 z 08Otwórz plik .psd programu Photoshop
Przykład, którego używam, zawiera obiekt inteligentny z programu Illustrator, tekst, jednostkę bohatera zawierającą tekst, obraz i przycisk oraz serię obrazów na zewnątrz, które wzmacniają motyw witryny. Kluczem jest tutaj zorganizowanie warstw w grupy. Jest to konieczne, ponieważ zadaniem jest wyciągnięcie wszystkich elementów z kompotu, aby można je było szybko dodać do układów stron internetowych, które dostosowują się do różnych rozdzielczości i rozmiarów ekranu.
Dwa sposoby wydobywania aktywów
W przeciwieństwie do Generowania, który również wyodrębnia obiekty poprzez dodanie rozszerzenia graficznego do nazwy warstwy, Wyodrębnij zasoby używa interfejsu, do którego można dotrzeć przez kliknięcie prawym przyciskiem myszy warstwę lub wybierając warstwę i wybierającPlik> Wyodrębnij zasoby.
04 z 08Interfejs Extract Assets
Okno dialogowe Wyciąganie zasobów jest raczej intuicyjne. Zostanie wyświetlona warstwa lub zaznaczenie do wyodrębnienia. Powyżej pokazany jest rozmiar pliku, a pod nim kontrola, która pozwala na powiększanie i pomniejszanie obiektu. Po prawej stronie okna dialogowego pojawia się magia. Cztery przyciski u góry pozwalają wybrać rozdzielczość / rozmiar obiektu. Następny pasek pokazuje wybraną warstwę i kliknięcie + sign umożliwia także wyprowadzenie wybranej warstwy w innym formacie. The Trash Ca n usuwa warstwę z kolejki. W następnym odcinku w dół można wybrać rodzaj pliku i dostosować szerokość i wysokość wyjściowego obrazu.
05 08Wyodrębnianie obrazu SVG
Photoshop nie obsługuje obrazów svg tak dobrze, a przeglądarki i urządzenia nie mogą wyświetlać obrazu programu Illustrator. Doprowadziło to do wzrostu liczby plików svg używanych do grafiki wektorowej, takich jak pokazane tutaj logo programu Illustrator. Jako wektory ich rozdzielczość jest niezależna od urządzenia, co oznacza, że mogą być skalowane bez utraty szczegółów lub obrazu. Aby przekonwertować inteligentny obiekt programu Illustrator na svg, wybierz svg z menu podręcznego i kliknij Wyciąg.
06 08Proces wyodrębniania zasobów
Kilka rzeczy się wydarzy po kliknięciu przycisku Wyciąg. Najpierw zostaniesz ostrzeżony, że nazwa pliku może ulec zmianie. To nie jest duży problem. Następnie zostaniesz poinformowany, że tworzony jest nowy folder do przechowywania zasobu. Po zakończeniu procesu folder, umieszczony w tym samym miejscu, co oryginalny plik .psd, otwiera się i pokazuje nowy zasób.
07 z 08Przycisk ustawień to twój nowy najlepszy przyjaciel
Kliknięcie Ustawienia Przycisk otwiera Okno dialogowe Ustawienia to bardzo przydatne. Ustawienia po lewej stronie to współczynniki skalowania. To, co robią, polega na utworzeniu różnych kopii obrazu, które programista użyje w zapytaniach o media, aby skierować je na rozdzielczość ekranu określonego urządzenia. Na przykład wersja 3x będzie kierowana na ekran Retina iPhone lub iPad, podczas gdy współczynnik 1.25 będzie wskazywany na urządzeniu z systemem Android. Przyrostek jest dodawany na końcu nazwy pliku, aby umożliwić programistom łatwą identyfikację obrazu, który ma być użyty w zapytaniu o media. Po zakończeniu kliknij przycisk dobrze i twoje wybory zaświecą się w obszarze Wyciągnij zasoby w oknie dialogowym. Dostęp do ustawień można również uzyskać, klikając ikonę koła zębatego w obszarze Wyodrębnij zasoby powyżej po prawej stronie interfejsu
08 08Kończąc
Po kliknięciu przycisku Wyodrębnij wszystkie zasoby zostaną utworzone i dodane do folderu. W tym momencie wystarczy, że prześlesz programistce kopię folderu i przejdziesz do następnego projektu.
