Làm thế nào để thiết kế các hiệu ứng kính lúp kiểu dáng đẹp như thế này?


13

Tôi đang tự hỏi làm thế nào tôi có thể tạo hiệu ứng kính lúp mà tôi đã thấy gần đây trên các trang bán phần mềm (cả máy tính để bàn hoặc ứng dụng web).

Đây là hai ví dụ. Tôi thực sự thích cái đầu tiên (nơi đầu tiên tôi cũng thấy nó)

Những điều ứng dụng: ví dụ 1

Hỗ trợ ví dụ2

Câu trả lời:


18
  1. Tạo một lớp mới trên đầu của nền, sau đó thực hiện lựa chọn hình tròn (nhấn giữ phím để đảm bảo đó là một vòng tròn hoàn hảo) và tô nó với bất kỳ màu nào bạn muốn.
  2. Đặt% điền trong bảng lớp thành 0%.
  3. Đi vào lớp FX và thêm một nét (màu đen) và ánh sáng bên trong (màu trắng).
  4. Giữ vòng tròn được chọn, di chuyển đến lớp nền và nhấn ctrl + c (sao chép).
  5. Tạo một lớp mới phía trên nền nhưng bên dưới kính lúp, dán phần đã sao chép, sắp xếp nó khá tốt, nhấn ctrl + t (biến đổi tự do) sau đó chia tỷ lệ trong khi nhấn cả hai ca (để giữ tỷ lệ) và alt (để giữ văn phòng phẩm trung tâm).
  6. Ctrl + nhấp vào biểu tượng của lớp kính lúp trong bảng lớp (biểu tượng bạn đã thực hiện ở bước 1, được vuốt ở bước 3, v.v.) và sau đó nhấn Ctrl + Shift + i để đảo ngược vùng chọn.
  7. Với lớp nội dung được phóng to được chọn (từ bước 5,) nhấn xóa.
  8. Đưa FX cho lớp nội dung được phóng to và đặt bóng đổ mờ trên đó.

Sau đó, tạo một tay cầm cho kính lúp ... có lẽ cách dễ nhất là tạo một lớp mới, tạo vùng chọn cao, hẹp, tô màu đen và sau đó sử dụng hóa lỏng trên nó. Cách khó hơn (nhưng kết quả tốt hơn) sẽ là tạo một lớp mới, sử dụng công cụ bút để tạo đường dẫn với đỉnh lượn sóng tinh tế, sau đó đi vào bảng đường dẫn, nhấp chuột phải vào đường dẫn, chọn "Tạo vùng chọn". và sau đó sử dụng Edit-Stroke. Xóa các mặt trái, phải và dưới cùng, chỉ giữ lại mặt trên. Sau đó định vị nó sao cho nó phẳng với nét vẽ từ lớp kính lúp (lớp có nét và phát sáng bên trong nó.)

Đây là một ví dụ:

nhập mô tả hình ảnh ở đây

Bạn cũng có thể sử dụng hình cầu trên nội dung được phóng to, nhưng nó sẽ làm biến dạng văn bản rất nhiều:

nhập mô tả hình ảnh ở đây


michael nếu có thể đính kèm ảnh chụp màn hình, bạn đã làm như thế nào, điều này sẽ dễ hiểu cho mọi người ...
Jack

Dunno ... có vẻ khá tự giải thích với tôi. Có thể là tôi đã bỏ lỡ một bước trong đó, khi tôi viết nó xuống trước khi thực sự làm điều đó ... nhưng tôi đã đọc nó ngay cả sau khi thực hiện nó, và có vẻ như nó sẽ hoạt động tốt.
Michael

Cuối cùng, bạn có thể thêm một số hiệu ứng hình cầu cho ít kết quả động từ bộ lọc-> bóp méo-> hình cầu. 20% nên làm ..
Sisir

@Michael - YÊU phiên bản hình cầu của bạn
Dan Hanly

1
@Michael, tôi nghĩ việc giảm mức độ của hiệu ứng sẽ giữ được tính chân thực và đưa nó trở lại giai đoạn chức năng.
Dan Hanly

2

Xin lỗi vì quá lười biếng, tôi nghĩ rằng nếu tôi có dấu trang thì tốt hơn là trải rộng chúng hơn là tạo và chỉ cho bạn từng bước, tôi học được điều này từ những hướng dẫn như vậy chúng rất dễ hiểu,

xin vui lòng xem và làm theo cùng ...

  1. Kính lúp Photoshop
  2. Phóng đại Photoshop
  3. Hiệu ứng phóng to trong photoshop
  4. Phóng đại từ đầu
  5. Cái này thật tuyệt

Và Micheal đã làm rất tốt ....


Tôi cũng nghĩ về việc thực hiện Spherize, nhưng vấn đề với nó là nó sẽ làm biến dạng văn bản khá tệ. Tôi sẽ chỉnh sửa câu trả lời của tôi để hiển thị sự biến dạng.
Michael
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.