Jak uzyskać efekt idealnego obrysu w pikselach w programie Photoshop?

16

Pracuję nad grafiką pikselową w stylu retro do gier wideo. Chciałbym móc dodać ramkę wokół duszka, ale muszę być ostry i „perfekcyjnie pikselowy”. Użycie efektu Obrys w Photoshopie wydaje się oczywistym wyborem, ale niestety Photoshop robi wymyślne wygładzanie krawędzi i dodaje dodatkowe piksele tam, gdzie ich nie chcę:

wprowadź opis zdjęcia tutaj (Obraz powiększony do 400%)

Górna ramka obrazu została utworzona za pomocą obrysu programu Photoshop (rozmiar: 1px, pozycja: na zewnątrz).

Dolna krawędź obrazu została ręcznie narysowana narzędziem ołówka.

Efekt dolny jest tym, którego szukam, ale staram się go osiągnąć bez konieczności ręcznego rysowania za pomocą narzędzia ołówka. Czy istnieje sposób, aby wymusić zachowanie efektu Udar w ten sposób? Czy jest też inna metoda, której mogłabym użyć do zautomatyzowania tego efektu?

adobe-photoshop stroke Michael
źródło
Czy masz dostęp do fajerwerków? To lepsze narzędzie do tego rodzaju pracy. Z wyjątkiem tej rozdzielczości pracy wcale nie zawracałbym sobie głowy pociągnięciami i po prostu narysowałem go ołówkiem.
DA01
Użyj narzędzia ołówka. @ DA01 Adobe niestety zabiło Fireworks.
Billy Kerr
@BillyKerr tak, wygląda na to, że porady dotyczące oprogramowania nie starzeją się dobrze. :)
DA01

Odpowiedzi:

13

Naprawdę łatwym sposobem na uzyskanie ostrego obrysu jest styl warstwy cienia (tak, czytasz to poprawnie).

Sharp Stroke w Photoshopie

Najlepsza Goomba jest twoim przykładem. Dolna Goomba jest tą samą bitmapą, ale zamaskowaną z obrysem dodanym jako styl warstwy cienia. Sposób na poprawienie tego jest niestandardowa krzywa konturu.

Niestandardowa krzywa konturu

To samo można zrobić ze stylem zewnętrznej warstwy świecącej. A teraz możesz łatwo zastosować to do dowolnej warstwy.

Marc Edwards
źródło
czy ustawienie kąta ma znaczenie?
horatio
4
Gdy odległość wynosi 0, kąt nie ma znaczenia.
Marc Edwards,
Całkiem sprytne obejście korzystania z pociągnięć! Działa to naprawdę dobrze, nigdy nie myślałem o użyciu konturów!
bigp
Słowo ..... Nigdy bym nie pomyślał, żeby użyć cieni. Działa to doskonale dla mnie również w przypadku tej samej aplikacji.
Nungster,
4

Aby to zrobić, możesz wykonać następującą procedurę:

  1. Zmień warstwę w inteligentny obiekt, w ten sposób możesz wykonać wiele kopii warstwy, które będą automatycznie synchronizowane w odniesieniu do zawartości
  2. Wykonaj cztery kopie tego inteligentnego obiektu ( nie używając funkcji „Nowy inteligentny obiekt przez kopiowanie”, spowoduje to utworzenie osobnych inteligentnych obiektów, chcemy, aby były one tutaj tworzone)
  3. Dostosuj położenie każdej z czterech kopii, trącając je każdym pikselem w czterech kierunkach (tj. Jeden w górę, jeden w dół, jeden w lewo i jeden w prawo)
  4. Zgrupuj cztery kopie w grupę na palecie warstw
  5. Dodaj niebieską (kolor obrysu) jednolitą warstwę koloru i umieść ją nad grupą
  6. Wciśnij Alt i kliknij linię separatora między grupą a niebieską warstwą, aby zmienić grupę w maskę przycinającą dla niebieskiej warstwy

Wynik:

Warstwy Krasnoludek

Możesz pobrać plik Photoshop CS6 tutaj .

Technikę tę można łatwo dostosować, tak aby obejmowała również piksele we wszystkich 8 kierunkach, po prostu powtarzając powyższe kroki po raz drugi (kolejne 4 warstwy) i przesuwając je o jeden piksel po przekątnej w czterech kierunkach po przekątnej.

Lasse V. Karlsen
źródło
1

Odpowiedź Lasse jest dobra. Jednak w zależności od konfiguracji warstwa dopasowania Posteryzacja ustawiona na 2 może doprowadzić Cię tam w jednym kroku. Zdecydowanie warto spróbować.

Warstwowanie pliku, jeden kolor na warstwę, na pewno Cię tam za pomocą Posterize.

Alan Gilbertson
źródło