HIỆU ỨNG GẤP GIẤY - Fold
Bây giờ hãy gấp một số giấy tờ? Sử dụng được và có lẽ vẫn là tính năng hàng đầu của Web 2.0 thiết kế. Bạn có thể thấy hiệu ứng này xuất hiện thường xuyên trên trang web cách đây không lâu. Tôi vẫn thích kiểu này, gấp dán đẹp hơn sau đó lật trang, vì vậy tôi đã chọn ví dụ này cho bạn.
Bước 1
Mở một trang mới, đặt vải bạt để rộng 470px và cao 300px, đổ màu với thông số # d4cdb1. Tạo một lớp mới, dùng công cụ Rounded Rectangle Tool để vẽ hình chữ nhật bo góc, khoảng rộng 310px và cao 400px. Đổ màu với thông số # 391e0b.
Step 2
Sử dụng Pen Tool tạo một hình chữ nhật như thể hiện trong hình ảnh. Đổ màu: # e5e2d1
Bước 3 Chọn đường dẫn của hình chữ nhật với công cụ Direct Selection Tool . Bây giờ, chọn Công cụ Pen một lần nữa, đến gần đường dẫn và bạn sẽ thấy một nhỏ dấu "+" xuất hiện ở gần Công cụ Pen. Nhắp chuột vào đường dẫn để thêm hai điểm bổ sung như hiển thị trong hình ảnh.
Bước 4 Với công cụ Selection Tool nhấp trực tiếp vào một điểm và uốn cong đường cong như thể hiện trong hình ảnh.
Bước 5
Ok, chúng ta đang làm nó gần như nếp gấp. Giờ chúng ta cần phải giấu góc hình chữ nhật. Chúng ta sẽ làm việc này gần như cùng một cách như chúng ta đã làm nếp gấp (tam giác). Chọn đường dẫn và thêm vài điểm khác, nơi chúng ta sẽ chuyển đổi đường path. Xem hình ảnh.
Bước 6
Di chuyển điểm như thể hiện trong hình ảnh.
Bước 7
Ở đây chúng ta cần phải làm một ít công việc bổ sung cho các đường cong hình dáng độc đáo. Di chuyển điểm của hình chữ nhật đến điểm gần nhất của hình chữ nhật (vết gấp) giống như thể hiện trong hình ảnh. Chú ý việc xử lý và vị trí của nó.
Bước 8
Điều chỉnh xử lý giống như thể hiện trong hình ảnh. Bằng cách này, chúng ta làm cong rìa của hình chữ nhật để làm theo gấp.
Bước 9
Gần như hoàn tất. Chỉ cần thêm một hình chữ nhật để Gradient Overlay. Sử dụng các thiết lập như thể hiện trong hình ảnh. Ngoài ra, thêm một Drop Shadow nhỏ.
Bước 10
Sau khi thêm một số thao tác chuyển màu, hãy xem kết quả như thế nào?. Khá dễ dàng phải không, bạn nghĩ sao?
Bài đăng
