Cách tốt (và dễ dàng) để hiển thị rằng ảnh chụp màn hình là ảnh chụp màn hình?

Tôi đang sử dụng Mac OS X 10.6 và tôi thích công cụ lấy màn hình hệ thống. Theo mặc định, khi bạn lấy toàn bộ cửa sổ, nó sẽ đặt một chút bóng / độ dốc bên dưới nó, với độ trong suốt, sử dụng hình ảnh PNG - mà tôi nghĩ là khá đẹp.

Tuy nhiên, nếu bạn chụp một vùng trên màn hình, ví dụ từ một trang web, các cạnh sẽ phẳng và khó có thể phân biệt được nó với phần còn lại của trang web, đặc biệt là nếu nó trông giống với các yếu tố đã có .

Vì vậy, câu hỏi của tôi là đây - một cách dễ dàng, sang trọng, để cho thấy rằng một hình ảnh không thực sự là một phần của trang web? Tôi nghĩ rằng một viền đen 5 pixel có thể sẽ làm điều đó, nhưng điều đó không sang trọng. Tôi thích độ dốc tinh tế mà OS X thực hiện, nhưng nó có phù hợp với tất cả các ảnh chụp màn hình không, và nó có dễ tạo không?

Tôi thực sự thích nó nếu có một kịch bản mà tôi có thể sử dụng để áp dụng chuyển đổi mà không cần phải mở photoshop, nhưng đó không phải là một yêu cầu cho một câu trả lời chấp nhận được.

^ ví dụ về vấn đề tôi đang nói về

Hoàn toàn phụ thuộc vào loại hình ảnh chúng ta đang nói về.

Những cách có thể làm được:

1. Văn bản ở một số góc nói "Ảnh chụp màn hình" hoặc "Screencapture"
2. Biểu tượng camera một số góc hoặc Văn bản và hình ảnh của biểu tượng camera.
3. Trong trường hợp nói câu trả lời đó, cách an toàn nhất có thể là phủ nó với một màu khác và để lộ hình ảnh khi di chuột.
4. Vì # 3 có thể không rõ ràng lắm, lớp phủ đó có thể được đi kèm với văn bản và / hoặc biểu tượng hoặc nếu không có màu lớp phủ, nó cũng có thể bị đảo ngược.
5. Một số loại biên giới có thể là chỉ số tốt.

Theo như kỹ thuật:

# 1 và # 2
Rất nhiều chương trình screencapture cho phép hình mờ sẽ lý tưởng cho hình ảnh đơn lẻ hoặc một vài hình ảnh. Trong trường hợp có nhiều hình ảnh, Photoshop có thể được sử dụng để thêm hình mờ. Hoặc một HTML/CSSchú thích.

# 3, # 4 và # 5
Chúng phải được tạo với HTML/CSSchú thích.

Không thể không nghĩ về một trong những dự án của tôi ... bây giờ .. "Tôi không muốn quảng cáo ... Nhưng ..." http://photoshopmesta.net/sic/theTest/ một cái gì đó như thế này có thể được sử dụng để cho thấy đó là hình ảnh khi bạn di chuột qua hình ảnh.

Không có gì khác để làm nên tôi đã làm ví dụ về cách nó có thể hoạt động http://photoshopmesta.net/1/sc Muff /

Nhân tiện, tôi đã ở trên iPad của mình khi đọc nó và tôi phải thú nhận rằng tôi đã cố gắng nhấp vào hình ảnh trả lời. Tôi đã đi ngay để cung cấp cho bạn +1. Ước gì tôi có thể cho +2 vì đó là ví dụ tuyệt vời :)

Đây là cách yêu thích cá nhân của tôi, không hoạt động trong mọi tình huống nhưng lý tưởng cho ảnh chụp màn hình toàn màn hình.

Đó là một ý tưởng tốt để giữ cho cách tiếp cận nhất quán, trong khi làm nổi bật ảnh chụp màn hình của bạn một cách tinh tế. Tôi thấy bóng tối mặc định của Apple quá nhiều.

Tôi chỉ cần thêm một nét trung tâm 3px vào ảnh với độ mờ ở mức 40%. Bạn có thể thêm một bóng thả cho nó nếu bạn muốn.

Tùy thuộc vào ngữ cảnh, bạn có thể làm điều tồi tệ hơn nhiều so với việc giả lập khung "màn hình" cách điệu (có lẽ màu xám của Apple?). Kịch bản xử lý hình ảnh của Photoshop cho phép bạn chạy một hành động khi xử lý hàng loạt hình ảnh, do đó bạn có thể tạo một hành động thay đổi kích thước khung hình, thả vào "màn hình" phía trên ảnh chụp màn hình, thêm một nền tiêu chuẩn (để chụp màn hình không lấp đầy khung), sau đó lưu kết quả dưới dạng png hoặc jpeg.

Bạn không cần phải phức tạp như một màn hình cách điệu và nếu bạn không muốn tất cả chúng có cùng kích thước, hành động của bạn có thể chỉ cần thêm một nét gradient vào một hình ảnh có kích thước tùy ý. Điều đó sẽ cho phép bạn xử lý hàng loạt từ Bridge ( Tools > Photoshop > Batch...) và thực hiện mọi thứ trong Action.

Một số điều sẽ giúp:

• Bao gồm các phần cắt của các yếu tố xung quanh. Bạn có thể thêm một bóng đổ và hiệu ứng giống như rách để nhấn mạnh điều này. (Đối với hiệu ứng rách cạnh, tôi tạo mặt nạ lớp và áp dụng bộ lọc Distort> Ocean Ripple của Photoshop với kích thước gợn nhỏ (2) và cường độ gợn nhỏ (3).)
• Giảm kích thước của hình ảnh để nó không còn ở cùng tỷ lệ với các thành phần trang thực. (Và có thể cho phép người dùng nhấp vào hình thu nhỏ để xem phiên bản có kích thước đầy đủ.)

Ví dụ:

(Bạn đã đánh lừa tôi bằng cách bắn hộp trả lời. Rất thông minh.) Nhưng đối với câu trả lời của tôi ...

Tôi khuyên bạn nên sử dụng hiệu ứng khung hình để làm cho ảnh chụp có ý nghĩa trực quan so với phần còn lại của trang. Chỉ cần cho nó một cạnh giấy lởm chởm. Đó là những gì tôi sẽ làm.

Là một dòng phụ, nếu bạn muốn sử dụng toàn bộ ảnh chụp màn hình cửa sổ nhưng không có bóng lớn và các vùng trong suốt để bạn có thể nhanh chóng áp dụng kiểu dáng của riêng mình, chỉ cần nhập thông tin sau vào Terminal:

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

Sau đó, khởi động lại hoặc nhập thông tin sau để thấy ngay những thay đổi:

$ killall SystemUIServer

Đây là cách đảo ngược những điều trên:

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

thông qua một bài viết hữu ích trên tutsplus.com

Để hiển thị ảnh chụp màn hình như vậy, tôi đã sử dụng gradient xuyên tâm màu xám nhạt và bóng hộp. Phương pháp này có lợi thế là có thể chỉ với CSS - không cần chỉnh sửa hình ảnh:

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;

Thêm một dấu nước vào hình ảnh:

: P