Cách Vẽ Trang Web Bằng Photoshop

Mục lục:

Cách Vẽ Trang Web Bằng Photoshop
Cách Vẽ Trang Web Bằng Photoshop

Video: Cách Vẽ Trang Web Bằng Photoshop

Video: Cách Vẽ Trang Web Bằng Photoshop
Video: Thiết kế website bằng photoshop [phan-1] 2024, Tháng mười một
Anonim

Photoshop là một công cụ cực kỳ mạnh mẽ và linh hoạt. Nó không chỉ là trình chỉnh sửa ảnh phổ biến nhất trên thế giới mà còn là một tiện ích để đưa tất cả các loại ý tưởng thiết kế web vào cuộc sống. Ngoài ra, photoshop khá thích hợp để tạo bố cục của một trang web hoặc thậm chí toàn bộ trang web từ đầu.

Cách vẽ trang web bằng photoshop
Cách vẽ trang web bằng photoshop

Hướng dẫn

Bước 1

Khởi chạy photoshop và tạo một tài liệu mới. Để thực hiện việc này, hãy nhấn tổ hợp phím Ctrl + N. Sau đó chọn chế độ "Gradient" và tô tài liệu bằng bất kỳ sự kết hợp màu nào. Điều chính là hướng của điền là từ trên xuống dưới. Bạn luôn có thể đặt các màu bổ sung sau này. Chỉ cần tạo một lớp mới và sử dụng một bàn chải để vẽ trên nền. Để tránh nhầm lẫn sau này, hãy đổi tên lớp bạn vừa tạo thành Màu.

Bước 2

Bây giờ kết cấu nền của trang để làm cho trang web trông thú vị. Chọn mẫu bạn thích trong số các họa tiết mà chương trình cung cấp. Ví dụ, lá hoặc gạch đá, giả gạch, trông đẹp. Kích hoạt chế độ "Bộ lọc" và áp dụng Hạt phim nghệ thuật. Sau đó là Pixelate-Mosaic. Thử nghiệm với các tùy chọn.

Bước 3

Đạt được những gì bạn muốn, hãy đặt chế độ Khác biệt trong tab Chế độ hòa trộn. Thử các giá trị độ mờ khác nhau.

Bước 4

Chuẩn bị nền cho tên trang web và các chú thích giải thích khác. Sử dụng công cụ Rounded Rectangle tool (U) trong một layer mới, chọn hình dạng màu đen, trong mục Layer Style, kích hoạt chế độ Drop Shadow. Điều chỉnh độ trong suốt của lớp.

Bước 5

Để làm việc thêm, bạn sẽ cần các nhóm lớp, vì vậy trong khi giữ phím Ctrl, hãy nhấn các nút Ctrl + G trên bàn phím của bạn. Chọn tất cả các lớp đã được tạo cho đến nay và gán chúng vào nhóm Nền. Bạn cũng cần tạo thêm hai nhóm lồng nhau. Nhóm chính có thể được gọi là Trang chủ và nhóm nội bộ - Logo.

Bước 6

Viết văn bản cho tiêu đề trang web. Nhấp vào Công cụ Loại và tạo một dòng chữ trong một lớp mới được tạo trong nhóm Biểu trưng. Hãy thử các giá trị khác nhau cho các thông số Kiểu lớp. Tiếp theo, tạo một lớp khác và hiển thị thông tin văn bản bằng bất kỳ màu nào phù hợp.

Bước 7

Tạo các nút quan trọng dành riêng cho trang web như đăng nhập và đăng nhập. Điều này yêu cầu một nhóm các lớp, bạn có thể gọi như vậy.

Bước 8

Sử dụng Công cụ Rectangular Marquee Tool, sau đó là Công cụ Gradient để tô vùng đã chọn của tài liệu từ dưới lên trên với một gradient từ đậm đặc đến trong suốt.

Đề xuất: