Jaki jest dobry (i łatwy) sposób pokazania, że ​​zrzut ekranu jest zrzutem ekranu?

Używam Mac OS X 10.6 i podoba mi się narzędzie do przechwytywania ekranu systemu. Domyślnie, gdy złapiesz całe okno, umieści pod nim nieco cienia / gradientu, z przezroczystością, używając obrazu PNG - co moim zdaniem jest całkiem fajne.

Jeśli jednak uchwycisz region ekranu, na przykład ze strony internetowej, jego krawędzie są płaskie i odróżnienie go od reszty strony może być trudne, zwłaszcza jeśli wygląda podobnie do elementów, które już tam są .

Moje pytanie brzmi więc - jaki jest łatwy, elegancki sposób pokazania, że ​​obraz w rzeczywistości nie jest częścią strony internetowej? Myślę, że 5-pikselowa czarna ramka prawdopodobnie by to zrobiła, ale to nie jest eleganckie. Podoba mi się subtelny gradient, który robi OS X, ale czy jest odpowiedni dla wszystkich zrzutów ekranu i czy można go łatwo utworzyć?

Bardzo by mi się podobało, gdyby istniał skrypt, którego mógłbym użyć do transformacji bez konieczności otwierania samego Photoshopa, ale nie jest to wymóg akceptowalnej odpowiedzi.

^ przykład problemu, o którym mówię

Zależy to całkowicie od rodzaju obrazów, o których mówimy.

Możliwe sposoby:

1. Tekst w rogu, z napisem „Zrzut ekranu” lub „Screencapture”
2. Ikona aparatu fotograficznego w rogu lub Tekst i obraz ikony aparatu.
3. W przypadku powiedzenia tego pola odpowiedzi najbezpieczniejszym sposobem może być nałożenie go innym kolorem i odsłonięcie obrazu po najechaniu myszą.
4. Ponieważ nr 3 może nie być aż tak wyraźny, nakładce tej może towarzyszyć tekst i / lub ikona, a jeśli nie ma koloru nakładki, można ją również odwrócić.
5. Jakaś granica może być dobrym wskaźnikiem.

Jeśli chodzi o techniki:

# 1 i # 2
Wiele programów do robienia zrzutów ekranu dopuszcza znaki wodne, które byłyby idealne dla pojedynczych zdjęć lub kilku zdjęć. W przypadku wielu obrazów można dodać Photoshopa do znaku wodnego. Lub HTML/CSSpodpis.

# 3, # 4 i # 5
Musiałyby być wykonane z HTML/CSSpodpisem.

Nie mogłem przestać myśleć o jednym z moich projektów… teraz… „Nie chcę się reklamować… Ale…” http://photoshopmesta.net/sic/theTest/ coś takiego można wykorzystać pokaż, że jest to obraz po najechaniu kursorem na obraz.

Nie miałem nic innego do zrobienia, więc podałem przykład tego, jak to może działać http://photoshopmesta.net/1/screenshot/

A tak przy okazji, czytałem to na iPadzie i muszę wyznać, że próbowałem kliknąć obraz odpowiedzi. Poszedłem prosto, aby dać ci +1. Chciałbym dać +2, bo to był doskonały przykład :)

To mój ulubiony sposób, jednak nie działa we wszystkich sytuacjach, ale idealnie nadaje się do zrzutów ekranu na pełnym ekranie.

Warto zachować spójność tego podejścia, subtelnie podświetlając zrzuty ekranu. Uważam, że domyślny cień Apple nieco za dużo.

Po prostu dodałem do strzału obrys o wartości 3px z kryciem na poziomie 40%. Możesz dodać cień, jeśli chcesz.

W zależności od kontekstu możesz zrobić o wiele gorzej niż naszkicować stylizowaną ramkę „monitora” (być może w kolorze szarości Apple?). Skrypt Image Processor programu Photoshop pozwala uruchomić akcję podczas przetwarzania wsadowego obrazów, dzięki czemu można utworzyć akcję, która zmienia rozmiar płótna, upuszcza na „monitorze” nad zrzutem ekranu, dodaje standardowe tło (dla zrzutów ekranu, które nie wypełniają ramka), a następnie zapisuje wynik jako png lub jpeg.

Nie musisz iść tak skomplikowany jak stylizowany monitor, a jeśli nie chcesz, aby wszystkie miały ten sam rozmiar, twoje działanie może po prostu dodać pociągnięcie gradientu do obrazu o dowolnym rozmiarze. Umożliwiłoby to przetwarzanie wsadowe z poziomu Bridge ( Tools > Photoshop > Batch...) i wykonywanie wszystkich czynności w akcji.

Niektóre rzeczy, które mogłyby pomóc:

• Uwzględnij odcięte części otaczających elementów. Aby to podkreślić, możesz dodać cień i efekt podobny do poszarpanej krawędzi. (Aby uzyskać efekt poszarpanej krawędzi, tworzę maskę warstwy i stosuję filtr Photoshop's Distort> Ocean Ripple z małym rozmyciem (2) i niewielkim rozmyciem (3).)
• Zmniejsz rozmiar obrazu, aby nie był już w tej samej skali co rzeczywiste elementy strony. (I ewentualnie pozwól użytkownikom kliknąć miniaturę, aby zobaczyć wersję w pełnym rozmiarze).

Na przykład:

(Oszukałeś mnie strzałem z automatycznej sekretarki. Bardzo sprytnie.) Ale co do mojej odpowiedzi ...

Sugeruję użycie efektu ramki, aby ujęcie było znaczące wizualnie z reszty strony. Po prostu nadaj mu postrzępioną krawędź papieru. Tak bym zrobił.

Na marginesie, jeśli chcesz użyć zrzutu ekranu z całego okna, ale nie masz dużych cieni i przezroczystych obszarów, abyś mógł szybko zastosować własną stylizację, po prostu wpisz w Terminalu:

$ defaults write com.apple.screencapture disable-shadow -bool TRUE

Następnie uruchom ponownie lub wprowadź następujące dane, aby od razu zobaczyć zmiany:

$ killall SystemUIServer

Oto jak odwrócić powyższe:

$ defaults write com.apple.screencapture disable-shadow -bool FALSE
$ killall SystemUIServer

za pomocą przydatnego artykułu na tutsplus.com

Aby wyświetlić zrzuty ekranu jako takie, użyłem jasnoszarego gradientu radialnego i cienia prostokątnego. Ta metoda ma tę zaletę, że jest możliwa tylko w CSS - nie wymaga edycji obrazu:

background: -webkit-radial-gradient(white,white,#e5e6e7);
background: -o-radial-gradient(white,white,#e5e6e7);
background: -moz-radial-gradient(white,white,#e5e6e7);
background: radial-gradient(white,white,#e5e6e7);
box-shadow: 0px 0px 2px #555555;

Dodaj znak wodny do obrazu:

: P