View Single Post
  #1  
Old 18-07-2011, 15:21
laptrinhweb laptrinhweb vẫn chưa có mặt trong diễn đàn
Nhất Nghệ Support Team
 
Tham gia ngày: Jun 2011
Tuổi: 30
Bài gởi: 32
Thanks: 5
Thanked 50 Times in 13 Posts
Smile Tạo layout web có nền trong suốt



Bước 1
Tạo file mới có kích thước 1000x1100px, resolution: 72, mode màu: RGB color


Bước 2:
Copy hình người mẫu sang file thiết kế --> Nhấn phím Ctrl+T --> thu nhỏ hình cho phù hợp với kích thước trang web để tạo hình nền cho ảnh.


Bước 3:
Trên layer ảnh vừa copy --> chọn Add new Layer Mask --> Tô màu đen lên layer mask để che nền của ảnh.


Bước 4:
Tạo nền trong suốt trên ảnh nền.
- Tạo vùng chọn hình chử nhật (85% trang thiết kế).
- Tạo layer mới, chọn màu tím cho forground --> nhấn Alt + Delete--> tô màu tím trong vùng chọn.
- Giảm Opacity còn 25 đến 35 % để có nền trong suốt như hình.


Bước 5:
Dùng công cụ (T) Type tool --> Vẽ vùng chọn hình chữ nhật để nhập menu left. (Chỉnh nền trong suốt màu trắng cho ấn tượng).


Bước 6:
Thêm hoa vào trang thiết kế --> sắp sếp cho thẳng hành và cách đều nhau.


Làm các bước tương tự để được mẫu thiết kế.


Sau cùng bạn hãy cắt giao diện web để dàn trang trên Dreamweaver kết hợp HTML & CSS.
Trả Lời Với Trích Dẫn
Đã có 11 người gửi lời cảm ơn laptrinhweb vì bài viết hữu ích này: