Painting on pixel layers

Dokument Scissor może zawierać malowane piksele obok swoich rysowanych ścieżek i tekstu, dzięki czemu pojedynczy plik może nieść miękką pędzlową teksturę, fotografię i ostre logo razem. Ta strona obejmuje, czym jest warstwa pikselowa, jak na niej malować i jak zachowuje się jako obiekt w dokumencie.

Piksele kontra grafika wektorowa

Dokument Scissor trzyma dwa rodzaje grafiki obok siebie. Ścieżki i tekst są rysowane: pozostają ostre w dowolnym rozmiarze, ponieważ są opisane swoim kształtem, i Scissor rysuje je ponownie za każdym razem, gdy powiększasz lub skalujesz. Warstwa pikselowa jest malowana: to siatka kolorowych kropek, jak fotografia lub obraz pędzla, a powiększanie jej powiększa te kropki zamiast dodawać szczegóły. Jeden dokument może zawierać tyle każdego, ile chcesz, w dowolnej kolejności, i układają się w panelu Warstwy razem.

Sięgaj po warstwę pikselową, gdy sam kształt nie wystarczy: ręcznie malowany cień, szorstka tekstura za czystym tekstem, plama koloru, która nie musi być edytowalną ścieżką, lub retusz na umieszczonym zdjęciu. Trzymaj logo, diagramy i wszystko, co będziesz później skalować, jako wektory, i używaj pikseli dla części, które chcą wyglądać jak farba.

Umieszczona fotografia to powiązana, ale osobna rzecz. Plik > Umieść… (⇧⌘P) wprowadza istniejący obraz do dokumentu jako osadzony obraz; warstwa pikselowa to powierzchnia, na której malujesz od zera wewnątrz Scissor. Obie są zbudowane z pikseli i obie mogą być próbkowane pędzlem, ale tylko warstwa pikselowa przyjmuje pociągnięcia pędzla.

Tworzenie warstwy pikselowej

Obiekt > Warstwa pikselowa > Nowa warstwa pikselowa dodaje pustą powierzchnię pokrywającą aktywną planszę. Nie musisz jednak tworzyć jej najpierw: wybierz Pędzel i maluj, a Scissor tworzy warstwę dla Ciebie w momencie, gdy pierwsze pociągnięcie ląduje. W obu przypadkach warstwa mapuje się na planszę, dzięki czemu piksele wyrównują się z planszą niezależnie od rozdzielczości, w której zostały wykonane.

Ta rozdzielczość pochodzi z ustawienia Efekty rastrowe w Plik > Ustawienia dokumentu… (⌥⌘P): Ekran (72 ppi), Średnia (150 ppi) lub Wysoka (300 ppi). Wyższe ustawienie daje nowej warstwie pikselowej więcej kropek na punkt, dzięki czemu praca pędzla pozostaje gładka, gdy element jest drukowany lub wyświetlany duży. Ustaw to przed stworzeniem warstwy, ponieważ liczba pikseli jest ustalona przy tworzeniu powierzchni.

W nowoczesnej powłoce możesz również dodać warstwę z paska opcji narzędzia: z aktywnym Pędzlem lub Gumką pikselową, przycisk Nowa warstwa pikselowa siedzi na końcu paska.

Umieszczenie obrazu tworzy również warstwę pikselową. Upuść obraz na płótno, użyj Plik > Umieść… lub wklej go ze schowka, i wchodzi jako edytowalna warstwa pikselowa we własnym rozmiarze, a nie zablokowany obraz — dzięki czemu możesz na nim malować, maskować, dostrajać i filtrować od razu. Otwarcie obrazu za pomocą Plik > Otwórz tworzy nowy dokument, jedną planszę w rozmiarze obrazu, wypełnioną warstwą pikselową. Bardzo duże zdjęcia są pomniejszane, aby zmieścić się w budżecie pikseli. SVG pozostaje wektorowe — jego ścieżki pozostają edytowalne — więc tylko obrazy bitmapowe (PNG, JPEG, GIF, WebP i podobne) stają się warstwami pikselowymi.

Warstwowy plik .psd wchodzi bogatszy: otwarcie jednego odbudowuje jego stos jako osobne warstwy pikselowe, zachowując maskę każdej warstwy, i przenosi tekst, kształty i efekty warstw, dzięki czemu plik ląduje blisko tego, jak wyglądał tam, gdzie był tworzony, a nie jako jeden płaski obraz. To najpełniejsza droga do pracy pikselowej, a wszystko na tej stronie następnie stosuje się do przybywających warstw.

Malowanie

Pędzel i Gumka pikselowa

Dwa narzędzia działają na warstwach pikselowych.

Aby dotrzeć do któregokolwiek, naciśnij i przytrzymaj widoczne narzędzie w pasku narzędzi lub kliknij je prawym przyciskiem myszy i wybierz narzędzie pikselowe z listy. Nie myl ich z ich wektorowymi sąsiadami: Pędzel malujący rysuje ścieżkę, którą możesz później przekształcić, podczas gdy Pędzel maluje piksele, których nie można ponownie wskazać. Oba narzędzia pikselowe pokazują pierścień na płótnie w rozmiarze, w którym będą malować, i oba używają wskaźnika celownika.

Przeciągnij, aby malować lub wymazywać. Ślad podąża za wskaźnikiem bez przerw, jak szybko byś się nie poruszał, ponieważ Scissor układanie bieg okrągłych plam wzdłuż pociągnięcia i utrzymuje je równomiernie rozłożone, nawet gdy wskaźnik skacze. Gumka pikselowa usuwa alfę zamiast malować na niej, więc to, co czyści, staje się w pełni przezroczyste; kafelek wymazany do niczego jest odrzucany, dzięki czemu wymazywanie nie zostawia ciężaru.

Malowanie kolorem wypełnienia

Pędzel maluje bieżącym kolorem wypełnienia. Ustaw go tak, jak ustawiasz dowolne wypełnienie: panel Kolor, próbka lub, gdy Pędzel jest aktywny w nowoczesnej powłoce, chips Kolor na pasku opcji narzędzia. Gdy wypełnienie jest puste, Pędzel wraca do koloru obrysu, a gdy nie ma żadnego koloru, do czerni. Wybierz kolor prosto z warstwy pikselowej Pędzlem, gdy chcesz dopasować farbę, która już jest na płótnie.

Rozmiar, twardość i przepływ

Gdy Pędzel lub Gumka pikselowa jest aktywna, pasek opcji narzędzia niesie ustawienia kształtujące ślad. Siedzą one również w Twoich preferencjach, dzięki czemu przenoszą się z sesji na sesję.

Rozmiar

Średnica pędzla, od 1 do 2500 pikseli. Naciśnij [, aby zmniejszyć pędzel, i ], aby go powiększyć; każde naciśnięcie zmienia rozmiar o piątą część, więkrok rośnie z pędzlem. Pierścień na płótnie pokazuje bieżący rozmiar.

Twardość

Gdzie krawędź zaczyna zanikać, jako procent. Na 100% krawędź jest ostra; obniż ją i plama zmiękcza się w stronę swojego obrzeża z płynnym spadkiem i bez widocznego pierścienia. Użyj miękkiego pędzla do cieni i poświat, twardego do stałych kształtów.

Przepływ

Ile farby każda plama kładzie, tylko dla Pędzla. Poniżej 100% kolor buduje się stopniowo w miarę ponownego przechodzenia przez obszar, co pasuje do cieniowania i powolnych mieszanek. Gumka pikselowa nie ma kontroli przepływu.

Rozjaśnianie, przyciemnianie i gąbka

Trzy pędzle retuszujące pracują na pikselach, które już są, zamiast kładać kolor, dzieląc jeden slot w pasku narzędzi. Malują jak Pędzel — ten sam rozmiar, twardość i pierścień na płótnie — i budują się w miarę ponownego przechodzenia przez obszar, dzięki czemu lekki dotyk jest stopniowy, a mocny szybki.

Rozjaśnianie

Rozjaśnia wszędzie, gdzie malujesz, podnoszenie cieni i dodając światła.

Przyciemnianie

Przyciemnia wszędzie, gdzie malujesz, pogłębiając cienie i krawędzie.

Gąbka

Podnosi nasycenie, czynąc kolory bogatszymi, im częściej po nich przechodzisz.

Każdy z nich pozostawia przezroczyste piksele nietknięte, pozostaje w zaznaczeniu, gdy takie jest ustawione, i całe pociągnięcie cofa się jednym krokiem.

Wiadro, kształty i gradienty

Malowanie to nie tylko Pędzel. Na warstwie pikselowej trzy kolejne narzędzia kładą kolor: Wiadro zalewa spójny obszar podobnego koloru od miejsca, w którym klikasz; narzędzia kształtów stemplują prostokąt, elipsę, gwiazdę lub wielokąt prosto w piksele zamiast rysować ścieżkę; a narzędzie Gradient maluje liniową lub radialną mieszankę przez powierzchnię. Każdy z nich respektuje bieżące zaznaczenie, dzięki czemu możesz ograniczyć wypełnienie lub gradient do wybranego regionu.

Wybieranie pikseli

Zaznaczenie pikselowe — zaznaczenie prostokątne — ogranicza każde malowanie i edycję do regionu wewnątrz niego, jak szablon. Trzy narzędzia tworzą jedno, dzieląc slot zaznaczenia pikselowego: Prostokątne i Elipsowe zaznaczenie prostokątne oraz ręczne Zaznaczenie lassem, które wyśledzasz ręcznie. Przeciągnij, aby narysować zaznaczenie; zwykłe przeciąganie zastępuje bieżące.

Automatyczne zaznaczanie wybiera według koloru zamiast według kształtu: kliknij warstwę pikselową, a ono bierze spójny fragment koloru wokół miejsca, w którym kliknąłeś, wyśledzając zaznaczenie "marszowe mrówki" wokół niego — przydatne do podniesienia płaskiego tła lub jednego kolorowego obszaru. Jak blisko kolor musi być, by być wziętym, to Tolerancja w opcjach Automatycznego zaznaczania, to samo ustawienie, którego używa na obiektach wektorowych; podnieś ją, aby zebrać więcej, obniż, aby trzymać się bliskiego dopasowania. Dziury w fragmencie są pozostawiane poza zaznaczeniem.

Zaznaczenia łączą się, więc kształt może być zbudowany z kilku pociągnięć lub kliknięć: przytrzymaj ⇧, aby dodać do zaznaczenia, ⌥, aby odjąć, i oba razem, aby zachować tylko nakładkę — zaznaczenia prostokątne i Automatyczne zaznaczanie łączą się tak samo. Zaznacz > Wszystko (⌘A) zaznacza każdy piksel, Zaznacz > Odwróć odwraca zaznaczenie, a Odznacz — ⌘D na warstwie pikselowej — upuszcza je. Zaznaczenie "marszowe mrówki" pokazuje zaznaczenie na płótnie.

Przesuwanie, wycinanie i kopiowanie pikseli

Z ustawionym zaznaczeniem narzędzie Zaznacz przesuwa piksele wewnątrz niego: przeciągnij z wnętrza zaznaczenia, a zaznaczona farba podnosi się i podróżuje, czyszcząc tam, gdzie była i niosąc zaznaczenie ze sobą. Przytrzymaj ⌥ podczas przeciągania, aby zostawić oryginał w miejscu i przesunąć kopię.

Narzędzia przekształcania działają na zaznaczeniu również. Z zaznaczeniem ustawionym, ramka ograniczająca narzędzia Zaznacz i Dowolnego przekształcania (E) owijają zaznaczenie, a nie całą warstwę, dzięki czemu możesz skalować, obracać lub przesuwać tylko tę część obrazu; Obiekt > Przekształć i klawisze strzałek działają na niej tak samo. Podniesione piksele pływają nad warstwą podczas pracy, dzięki czemu możesz przeciągać je wielokrotnie bez utraty szczegółów. Naciśnij Enter, wybierz inne narzędzie lub stwórz nowe zaznaczenie, aby je odkładać, co jest jednym krokiem do cofnięcia, lub naciśnij Escape, aby umieścić wszystko z powrotę tam, gdzie było. Przesunięcie o całe piksele zachowuje je dokładnie tak, jak były; skalowanie lub obracanie próbkuje je raz, gdy są odkładane.

Dowolne przekształcanie Swobodne zniekształcenie i Zniekształcenie perspektywiczne działają na pikselach również, na zaznaczeniu lub na całej warstwie: przeciągnij róg ramki (lub przytrzymaj ⌘ podczas przeciągania jednego w trybie Dowolnego przekształcania), aby wyciągnąć obraz z prawidłowości, na przykład dopasować zdjęcie do ekranu lub znaku widzianego pod kątem. Podczas przeciągania Scissor pokazuje szybki podgląd dopasowany do ekranu, dzięki czemu pozostaje gładki nawet na dużym zdjęciu; same piksele są ciągnięte raz, w pełnej rozdzielczości, gdy naciśniesz Enter lub przejdziesz dalej, a zaznaczenie podąża za nowym kształtem.

Kopiuj (⌘C) i Wytnij (⌘X) działają na pikselach wewnątrz zaznaczenia: kopiowanie zostawia warstwę tak, jak jest, wycinanie usuwa piksele. Wklej (⌘V) umieszcza je na nowej warstwie pikselowej tuż nad tą, z której pochodzą, dokładnie w tym samym miejscu, gotowe do przesunięcia lub przekształcenia na własną rękę. Te same polecenia są w Utwórz > Warstwa pikselowa, a zaznaczenie również napędza polecenia powierzchni: Wypełnij kolorem wypełnienia wypełnia tylko zaznaczony region, Wyczyść i Usuń wymazują go, a bez zaznaczenia każde działa na całej warstwie.

Korekty

Podmenu Obiekt > Warstwa pikselowa > Korekty retuszuje kolor warstwy pikselowej, ograniczone do zaznaczenia, gdy takie jest ustawione. Każde otwiera okno dialogowe, które podgląda na płótnie podczas przeciągania.

Jasność / Kontrast, Poziomy

Ustawia ogólną jasność i kontrast lub przemapowuje punkt czarny, punkt biały i gammę dla lepszej kontroli tonalnej.

Ocień / Nasycenie, Wibracja

Przesuwa odcień i podnosi lub obniża nasycenie w całej planszy lub używa Wibracji, aby wzmocnić stonowane kolory, pozostawiając już żywe bez zmian.

Balans kolorów

Popycha średnie tony w stronę cyjanu lub czerwieni, magenty lub zieleni, żółci lub niebieskiego.

Mapa gradientu

Przekolorowuje warstwę według jej jasności, mapując cienie na jeden kolor, a światła na drugi.

Desaturacja, Odwróć

Odrzuca cały kolor do szarości lub odwraca każdy kolor do jego przeciwieństwa.

Próg, Posteryzacja

Redukuje obraz do czystej czerni i bieli na wybranym poziomie lub do małej liczby tonów na kanał.

Filtry

Podmenu Filtry przekształca same piksele, znowu w obrębie zaznaczenia.

Rozmycie Gaussa

Zmiękcza warstwę równą, dostosowywalną wartością.

Ostry, Maska wyostrzająca

Ostry szczegóły — Maska wyostrzająca daje kontrolę nad promieniem, ilością i progiem oszczędzającym płaskie obszary i drobny szum.

Pikselizacja

Blokuje obraz w kwadratowe kafelki dla mozaiki.

Dodaj szum

Rozsypuje ziarno po farbie.

Znajdź krawędzie, Relief

Wyśledza, gdzie kolor się zmienia, jako jasne linie na ciemnym lub jako szary relief.

Filtry > Podgląd efektów pokazuje Twoją warstwę jako siatkę miniatur na żywo, z których każda ma zastosowany jeden korektę lub filtr, dzięki czemu możesz wybierać oko, a nie nazwę. Wybór miniatury zostawia okno otwarte. Ustawienia efektu pojawiają się obok siatki, a płótno podgląda wynik w miarę ich zmian. Nic nie jest stosowane, dopóki nie klikniesz Zastosuj (lub nie naciśniesz Enter). Anuluj lub Esc przywraca obraz, a jedno cofnięcie usuwa zastosowany efekt. Możesz przeciągnąć okno po jego tytule, aby zobaczyć płótno za nim.

Szybkie, kafelkowe cofnięcie

Całe pociągnięcie cofa się jednym krokiem, jak długie by było: naciśnij ⌘Z raz, a ostatni ślad znika, a ⇧⌘Z przywraca go. Gdy pierwsze pociągnięcie musiało stworzyć swoją warstwę, ta warstwa odchodzi z pociągnięciem, zamiast zostawać pusta.

Za kulisami warstwa pikselowa jest trzymana jako siatka małych kafelków, a pociągnięcie kopiuje tylko kafelki, które faktycznie dotknęło. Cofanie zachowuje pełne migawki dokumentu, ale pociągnięcie kosztuje tylko własne kafelki, a nie całą powierzchnię, dzięki czemu malowanie na dużej warstwie pozostaje szybkie, a długa sesja pracy pędzla nie zapełnia pamięci. Płaskie obszary jednego koloru są przechowywane kompaktowo, więc warstwa, która jest głównie jednym kolorem, zajmuje prawie żadnego miejsca.

Traktowanie warstwy pikselowej jak każdego obiektu

Warstwa pikselowa to obiekt w dokumencie, więc wszystko, co już wiesz, stosuje się. Zaznacz ją, przesuń ją i skaluj, obracaj, odbijaj lub przechylaj z Obiekt > Przekształć, ramki ograniczającej lub Dowolnego przekształcania. Bez zaznaczenia ramka owija namalowane piksele warstwy, a nie całą powierzchnię, a przekształcenie działa na tych pikselach: przesuwanie zachowuje je nietknięte, podczas gdy skalowanie lub obracanie jest wpieczone w piksele, gdy naciśniesz Enter, wybierzesz inne narzędzie lub coś zaznaczysz, dzięki czemu warstwa pozostaje prosto, a następne pociągnięcie pędzla ląduje właściwą stroną do góry. Ustaw jej krycie i daj jej dowolny z szesnastu trybów mieszania z panelu Przezroczystość, aby malowany kolor leżał na rysowanej grafice poniżej. Kliknięcie wybiera warstwę tylko tam, gdzie ma farbę, dzięki czemu przezroczysty róg pozwala kliknąć prosto przez to, co pod spodem. Duplikuj kopiuje warstwę pikselową jak każdy obiekt — tanio, ponieważ kopia dzieli swoje kafelki, dopóki jedna z nich nie jest malowana.

Obiekt > Warstwa pikselowa > Scal w dół spłaszcza warstwę pikselową na warstwę pikselową bezpośrednio pod nią i usuwa górną, zostawiając pojedynczą warstwę z dwiema złożonymi razem. Gdy warstwy siedzą pod różnymi przekształceniami — powiedzmy jedna została obrócona — górna jest próbkowana w siatkę dolnej w trakcie scalania.

Dwa polecenia działają na całej powierzchni naraz:

Obiekt > Warstwa pikselowa > Wypełnij kolorem wypełnienia

Zalewa całą powierzchnię bieżącym kolorem wypełnienia. Sięgaj po to, aby położyć podkład przed malowaniem nad nim lub zalać warstwę ustawioną za inną grafiką.

Obiekt > Warstwa pikselowa > Wyczyść

Opróżnia powierzchnię bez usuwania warstwy, dzięki czemu możesz zacząć malowanie od nowa, zachowując miejsce, przekształcenie, krycie i tryb mieszania warstwy.

Oba polecenia pojawiają się również pod Efekt > Warstwa pikselowa.

Maski warstw

Maska warstwy ukrywa części warstwy pikselowej bez usuwania ich: warstwa pokazuje się tam, gdzia maska jest biała, i jest ukrywana tam, gdzia jest czarna, z szarościami pośrednimi dla częściowej przezroczystości. Ponieważ nic nie jest wymazywane, możesz malować maskę w przód i w tył tak często, jak chcesz. Polecenia są pod Obiekt > Warstwa pikselowa.

Dodaj maskę warstwy

Przyłącza maskę, która na początku odkrywa wszystko, gotową do malowania.

Dodaj maskę warstwy z zaznaczenia

Buduje maskę z bieżącego zaznaczenia pikselowego: to, co wewnątrz, zostaje, to, co na zewnątrz, jest ukrywane. Szybki sposób na wycięcie kształtu ze zdjęcia w sposób nieniszczący.

Edytuj maskę

Przełącza malowanie maski w i wyłącz. Gdy jest włączone, Pędzel, Gumka i Wiadro malują maskę zamiast warstwy: maluj czarnym (lub ciemnym kolorem), aby ukryć, białym, aby odkryć, szarym, aby wygładzić. Pędzel używa jasności bieżącego koloru wypełnienia, więc czarny ukrywa, a biały pokazuje.

Zastosuj maskę warstwy

Wpiecze maskę w warstwę na stałe — ukryte piksele stają się przezroczyste — i usuwa maskę.

Usuń maskę warstwy

Wyrzuca maskę i pokazuje całą warstwę z powrotę, nietkniętą.

Zamaskowana warstwa eksportuje się i zapisuje z już zastosowaną maską i miesza się i przekształca jak każda inna warstwa.

Zamiana grafiki wektorowej w piksele: Rasteryzacja

Obiekt > Rasteryzuj zastępuje bieżące zaznaczenie osadzonym obrazem samego siebie, wpieczając ścieżki, tekst i wszelkie efekty w stałe piksele. Użyj tego, gdy chcesz, aby wynik wektorowy przestał być edytowalny, gdy efekt jest łatwiejszy do traktowania jako płaski obraz lub aby przekazać element, który powinien wyglądać tak samo wszędzie, nie niosąc swojej konstrukcji na żywo. Wynikiem jest osadzony obraz, a nie malowalna warstwa pikselowa, więc zachowaj kopię oryginalnej grafiki, jeśli możesz chcieć ją ponownie edytować. Widok > Podgląd pikseli (⌥⌘Y) pozwala sprawdzić, jak grafika wektorowa wyląduje na siatce pikseli przed zobowiązaniem.

Zapisywanie i eksportowanie

Dokumenty .cut zachowują warstwy pikselowe z resztą grafiki, spakowane tak, że płaskie obszary zajmują prawie żadnego miejsca i otwierają się dokładnie tak, jak zostały namalowane.

Jak warstwy pikselowe opuszczają dokument, zależy od formatu:

PNG, JPEG i WebP

Spłaszczają cały dokument do pikseli, dzięki czemu malowana i rysowana praca łączy się w jedną bitmapę. PNG może zachować przezroczystość; eksportuj przy @2x dla ostrzejszego wyniku.

SVG i PDF

Zapisują malowaną powierzchnię jako osadzony obraz umieszczony wśród grafiki wektorowej, dzięki czemu dokument mieszający rysowaną i malowaną pracę podróżuje jako jeden plik z nadal ostrymi kształtami.

Ponieważ rastry i wektory mieszkają w tym samym dokumencie i eksportują się razem, możesz budować element naturalną drogą: czyste kształty i tekst jako wektory, a części, które chcą wyglądać jak farba, miękka poświata, teksturowana powłoka, retuszowana fotografia, jako warstwy pikselowe ułożone wśród nich.