WELCOME TO FORUM CLASS 12A9
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.

WELCOME TO FORUM CLASS 12A9

THPT NGUYỄN TRUNG TRỰC
 
Trang ChínhGalleryLatest imagesĐăng kýĐăng Nhập

 

 Giao diện

Go down 
Tác giảThông điệp
FT_baby

FT_baby


Nam
Tổng số bài gửi : 636
Age : 34
Đến từ : Hồ Chí Minh City
Nghề nghiệp : Lính Đánh Thuê
Thần tượng : Dĩ nhiên là Rên(Rain) rồi
Registration date : 15/09/2007

Character sheet
Music:
Giao diện Left_bar_bleue1/1Giao diện Empty_bar_bleue  (1/1)

Giao diện Empty
Bài gửiTiêu đề: Giao diện   Giao diện Icon_minitimeSat Jan 12, 2008 10:13 pm

- Mở một tài liệu mới với kích thước khoảng 730 x 800 Px. Nền trắng
- Tô màu # 2A2A2A cho layer đó.

- Tạo một layer mới, đặt tên là Bên Phải

- Tạo một vùng lựa chọn rộng khoảng 100 Px ở bên tay phải để đặt đường link, logo biểu tượng.

- Tô vùng lựa chọn với màu xám # 434242

- Bây giờ chúng ta tạo đến cột Menu. Vậy tạo một layer mới và dùng Rectangular Marquee tạo một vùng lựa chọn rộng khoảng 160 Px. Đặt tên layer này là Bên Trái
- Đặt màu nền trước là # 727272 nền sau là # 434242

- Dùng Gradient (Foreground to Background) và kéo một đường từ trái sang phải.

Giao diện Vd

- Tạo một layer mới và đặt tên là Bên Phải 1. Tạo một vùng lựa chọn như hình bên phải khoảng vài px.
- Phóng to nó ra và dùng Gradient (Fore to Back) và kéo từ trái qua phải.

- Select > Modify > Contract khoảng 2-3 px.

- Dùng Gradient và kéo từ phải qua trái

Giao diện Vd1

Giao diện Vd1

- Nhân đôi layer Bên Phải 1 và di chuyển nó sang bên phải để 2 bên được đối xứng nhau.

- Tạo một layer mới và đặt tên là Banner. Tương tự như trước bạn tạo banner cho phần layout

Giao diện Phan1

- Bây giờ chúng ta đã có phần cơ bản rồi! chúng ta sẽ tạo thêm phần Menu cho trang web.
- Tạo một layer mới đặt tên là Menu.

- Tạo một vùng lựa chọn như hình bên phải bằng Rectangular marquee

- Tô nó với màu # 434242

- Layer Style > Stroke với thống số như hình bên phải

Giao diện Vd3

Giao diện Stroke_menu

- Tạo một layer mới đặt tên là Nút Bấm.
- Tạo một vùng lựa chọn như hình bên phải và tô nó với màu # 272727.

- Layer Style > Stroke. 1 Px, Outside và màu Đen

- Select > Contract. 2 Px

Giao diện Button

- Tạo một layer mới. Select > Feather khoảng 3 Px

- Đặt nền trước là màu trắng và chọn Gradient (Fore to Back). Kéo một đường từ trên xuống đến giữa.

- Nó sẽ có một viền đen nhoè ra ngoài vì chúng ta Feather nó. Bạn giữ phím Ctrl-Click vào layer Nút Bấm và nhấn Ctrl-Shift-I rồi dùng Tẩy xoá nó đi.

- Hạ mưc Opacity xuống còn 65%.

- Nhân layer Nút Bấm lên làm nhiều lần và di chuỷên nó xuống để được như hình.

Giao diện Button_set

- Bước tiếp theo chúng ta sẽ tạo banner cho layout

http://www.bantayden.com/webgraphic/layout/phan2.jpg

Tạo một vùng lựa chọn như hình bên. Đặt tên là Banner
- Nhân đôi layer Banner lên 2 lần nữa. Và chuyển 2 layer copy đó xuống dưới layer Banner

- Tô màu cho hai layer đó là: Trắng và Đen và đặt tên tương tự.

- Di chuyển layer trắng xuống dưới 1 px, sang phải 1 px. Hạ mức Opacity xuống còn 54%

- Di chuyển layer Đen lên trên 1 px và sang trái 1 Px. Hạ mức Opacity xuống còn 80%

Giao diện Banner

Giao diện Banner_bong

Giao diện Banner_bong

Giao diện Ketqua1

- Thực ra phần Banner là thể hiện tính sáng tạo của từng người. Tôi thì kém sáng tạo lắm cho nên chỉ làm đến thế này thôi! dành lại những phần độc đáo cho các bạn. Nếu bạn có hình đẹp muốn chia sẻ với những ngừơi khác hãy email cho tôi nhé. Đây là kết quả của tôi

Giao diện Ketqua
Về Đầu Trang Go down
http://12a9.key.as
 
Giao diện
Về Đầu Trang 
Trang 1 trong tổng số 1 trang
 Similar topics
-
» Giao diện đơn giản
» Thiết kế giao diện
» Graphic cho giao diện web
» Thiết kế giao diện
» Thiết Kế Giao Diện 2

Permissions in this forum:Bạn không có quyền trả lời bài viết
WELCOME TO FORUM CLASS 12A9 :: Kiến thức tin học :: Photoshop :: Một số ứng dụng hay-
Chuyển đến