스크린 샷이 스크린 샷임을 표시하는 좋은 방법은 무엇입니까?

Mac OS X 10.6을 사용하고 있으며 시스템 화면 캡처 도구가 마음에 듭니다. 기본적으로 전체 창을 잡을 때 PNG 이미지를 사용하여 투명성과 함께 약간의 그림자 / 그라디언트를 그 아래에 놓습니다.

그러나 웹 페이지 등의 화면 영역을 캡처하면 가장자리가 평평하여 웹 사이트의 나머지 부분과 구분하기가 어렵습니다 (특히 이미 존재하는 요소와 유사한 경우). .

그래서 내 질문은 이것입니다-이미지가 실제로 웹 사이트의 일부가 아님을 보여주기위한 쉽고 고급스러운 방법은 무엇입니까? 5 픽셀의 검은 색 테두리가 아마 그렇게 할 것이라고 생각하지만 그것은 고급스럽지 않습니다. OS X의 미묘한 그라디언트를 좋아하지만 모든 스크린 샷에 적합하며 쉽게 만들 수 있습니까?

포토샵 자체를 열지 않고도 변환을 적용하는 데 사용할 수있는 스크립트가 있다면 정말 좋을 것입니다. 그러나 이것이 수용 가능한 답변의 요구 사항은 아닙니다.

^ 내가 말하고있는 문제의 예

우리가 이야기하는 이미지 유형에 따라 다릅니다.

가능한 방법 :

1. "스크린 샷"또는 "스크린 캡쳐"라고 표시된 구석의 텍스트
2. 카메라 아이콘 일부 모서리 또는 카메라 아이콘의 텍스트 및 이미지.
3. 해당 답변 상자의 경우 가장 안전한 방법은 다른 색상으로 오버레이하여 이미지를 호버링하는 것입니다.
4. # 3이 그다지 명확하지 않을 수 있으므로 오버레이에 텍스트 및 / 또는 아이콘이 동반되거나 오버레이 색상이없는 경우 반전 될 수도 있습니다.
5. 어떤 종류의 국경은 좋은 지표가 될 수 있습니다.

기술이 진행되는 한 :

# 1 및 # 2
많은 화면 캡처 프로그램으로 단일 이미지 또는 소수의 이미지에 이상적인 워터 마크를 사용할 수 있습니다. 여러 이미지가있는 경우 Photoshop을 사용하여 워터 마크를 추가 할 수 있습니다. 또는 HTML/CSS캡션.

# 3, # 4 및 # 5 캡션
으로 만들어야 HTML/CSS합니다.

도울 수 없었지만 내 프로젝트 중 하나에 대해 생각했습니다 ..... "광고하고 싶지 않습니다 ...하지만 ..." http://photoshopmesta.net/sic/theTest/ 이와 같은 것을 사용할 수 있습니다 이미지 위로 마우스를 가져 가면 이미지임을 보여줍니다.

다른 작업이 없었으므로 어떻게 작동하는지 예를 들었습니다. http://photoshopmesta.net/1/screenshot/

그건 그렇고, 나는 이것을 읽고 내 iPad에 있었고 응답 이미지를 클릭하려고했다고 고백해야합니다. 나는 당신에게 +1을주기 위해 바로 갔다. 훌륭한 예이므로 +2를 줄 수 있기 를 바랍니다. :)

이것은 내가 개인적으로 좋아하는 방법이며 모든 상황에서 작동하지는 않지만 전체 화면 스크린 샷에 이상적입니다.

스크린 샷을 미묘하게 강조 표시하면서 접근 방식을 일관성있게 유지하는 것이 좋습니다. Apple의 기본 그림자가 너무 무겁다는 것을 알았습니다.

불투명도 40 %로 샷에 3px 중심 스트로크를 추가합니다. 원하는 경우 그림자를 추가 할 수 있습니다.

상황에 따라 양식화 된 "모니터"프레임을 모의하는 것 (Apple Grey?)보다 훨씬 더 나쁠 수 있습니다. Photoshop의 이미지 프로세서 스크립트를 사용하면 이미지를 일괄 처리 할 때 액션을 실행할 수 있으므로 캔버스 크기를 조정하고 스크린 샷 위의 "모니터"에 드롭하고 표준 배경을 추가하는 액션을 만들 수 있습니다 ( 그런 다음 결과를 png 또는 jpeg로 저장합니다.

양식화 된 모니터만큼 정교하게 이동할 필요는 없으며, 모두 같은 크기를 원하지 않으면 임의의 크기의 이미지에 단순히 그라디언트 스트로크를 추가 할 수 있습니다. 그러면 Bridge ( Tools > Photoshop > Batch...) 에서 프로세스를 일괄 처리 하고 작업의 모든 작업을 수행 할 수 있습니다 .

도움이 될만한 것들 :

• 주변 요소의 컷오프 부분을 포함하십시오. 이를 강조하기 위해 그림자와 찢어진 가장자리 효과를 추가 할 수 있습니다. (찢어진 가장자리 효과를 위해 레이어 마스크를 만들고 잔물결 크기 (2)와 잔물결 크기 (3)가 작은 Photoshop의 Distort> Ocean Ripple 필터를 적용합니다.
• 더 이상 실제 페이지 요소와 동일한 배율이되지 않도록 이미지 크기를 줄입니다. 또한 사용자가 축소판을 클릭하여 전체 크기 버전을 볼 수 있습니다.

예를 들면 다음과 같습니다.

(당신은 대답 상자의 총으로 저를 속였습니다. 매우 영리합니다.) 그러나 내 대답은 ...

프레임 효과를 사용하여 페이지의 나머지 부분에서 시각적으로 중요한 장면을 만들 것을 제안합니다. 들쭉날쭉 한 용지 가장자리를 제공하십시오. 그게 내가 할 일입니다.

부수적으로 전체 창 스크린 샷을 사용하고 싶지만 큰 그림자와 투명한 영역이 없어서 자신만의 스타일을 신속하게 적용 할 수 있도록 터미널에 다음을 입력하십시오.

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

그런 다음 다시 시작하거나 다음을 입력하여 변경 사항을 즉시 확인하십시오.

$ killall SystemUIServer

위의 내용을 바꾸는 방법은 다음과 같습니다.

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

tutsplus.com 의 유용한 기사를 통해

스크린 샷을 표시하기 위해 밝은 회색 방사형 그래디언트와 상자 그림자를 사용했습니다. 이 방법은 이미지 편집없이 CSS 만 있으면 가능하다는 장점이 있습니다.

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;

이미지에 워터 마크를 추가하십시오.

:피