Graphiclancer.com

   Xin chào!
Tôi là Vũ Quang Cường. Hiện tôi đang làm việc và nghiên cứu thiết kế Website. Đây là blog của tôi, nơi tôi có thể chia sẻ với các bạn về công việc, cuộc sống và những niềm đam mê.
Contact: YM: vuquangcuong | Skype: vuquangcuong | Mobile: 0912.580018                                                                                                                                                             More about me   
Thiết kế một mẫu giao diện website - phần 3
exprience - web design
13. Tôi vẽ một một khung chứa nội dung bằng công cụ Rounded Rectangle Tool (phím tắt U) để vẽ. Radius là số điểm ảnh bo tròn bốn góc tôi chọn là 10px. Chiều rộng các bạn có thể chọn sao cho cân đối. Trong trường hợp này tôi định chỉ sử dụng 2 cột thôi.
Graphiclancer.com | Graphiclancer and Web design Studio | Huong dan thiet ke web layout
14. Tại lớp này tôi thiết lập màu nền và đường bo màu trắng rộng 2px. Nó sẽ chứa phần nội dung nên tôi đặt nó là content-bg
Graphiclancer.com | Graphiclancer and Web design Studio | Huong dan thiet ke web layout
15. Chuyển nó từ dạng Vector sang ảnh pixel và thêm lớp mặt nạ. Giống như bước trên ta cho nó có độ phủ chuyển dần từ trên xuống.
Graphiclancer.com | Graphiclancer and Web design Studio | Huong dan thiet ke web layout
16. Giờ tôi cần một hình ảnh minh họa có màu sắc tươi vui để làm điểm nhấn, vì thế tôi tìm trên Google hình ảnh một chú vẹt Nam Mỹ có màu sắc rất ấn tượng.
Graphiclancer.com | Graphiclancer and Web design Studio | Huong dan thiet ke web layout
17. Tách chú vẹt ra khỏi lớp nền và thu nhỏ lại cho phù hợp, ở đây tôi lật ngược chú vẹt và cho quay vào trong. Đặt nó dưới lớp content-bg.
Graphiclancer.com | Graphiclancer and Web design Studio | Huong dan thiet ke web layout
18. Tôi lại tìm một bức ảnh có những chiếc lá mỏng nhưng mọc sát nhau. Tách lấy mấy chiếc lá.
Graphiclancer.com | Graphiclancer and Web design Studio | Huong dan thiet ke web layout
Phần 1. Phần 2. Phần 4. Phần 5
Comments (0)Add Comment

Write comment
smaller | bigger

busy