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

 

 Thiết kế 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:
Thiết kế giao diện Left_bar_bleue1/1Thiết kế giao diện Empty_bar_bleue  (1/1)

Thiết kế giao diện Empty
Bài gửiTiêu đề: Thiết kế giao diện   Thiết kế giao diện Icon_minitimeSat Jan 12, 2008 9:46 pm

1. Mở tài liệu với size 600x400px. Fill màu #202020. Giờ ta thiết lập guide cho dễ cân nha. Vào View > New guide và thiết lập vertical ( position :300px ) horizontal ( position : 200px)

Thiết kế giao diện 01tn5

2. Tạo layer temp , dùng rectangular marquee select fixed size : 550x350 px

Fill màu #333333

Thiết kế giao diện 02qn0

3. Chọn eliptical select 1 vùng chọn fixed size 550x500 px , căn sao cho nó vào chính giữa .

Ctrl+shift+I để inverse nó và ấn delete

Thiết kế giao diện 03fo6

Thiết kế giao diện 04gi2

4.Dùng rectangular marquee select fixed size 600x75px và ấn delete

Thiết kế giao diện 05mh2

5. Dùng rectangular marquee select fixed size 300x30px và dùng polygogal lasso cắt sao cho đc selection như hình và delete 1 phát
Thiết kế giao diện 06cr8

6. Ctrl+Click vào layer temp và chuyển nhãn channel tạo Alpha1 và fill màu trắng

Thiết kế giao diện 07gl5

7. Gaussian blur nó với giá trị 5

Chọn levels ( Ctrl + L )

Thiết kế giao diện 08ix8

8. Quay trở lại nhãn layers , Tạo layer back và fill selection với màu #606060 . Mình đã thấy các góc nhọn của nó được bo tròn rồi nhé . Giờ xóa cái layer temp
kia đi

Thiết kế giao diện 09wz2
9. Sử dụng burn quẹt quẹt lên layer

Thiết kế giao diện 10km2

Thiết kế giao diện 11co6

10. Tạo layer texture

Filter\Noise\Add noise giá trị 20 check vào gaussian và monochromatic

Fiter\Blur\Motion blur và đặt angle-0 và distance-20.

Ctrl+Click vào layer back và inverse . Delete nó

Đặt blending options là Overlay

Thiết kế giao diện 12eq8

11. Chọn layer back , dùng dodge quẹt quẹt lên hình

Thiết kế giao diện 13mx1

Thiết kế giao diện 14zp7

12. Giờ Apply style cho layer back

Thiết kế giao diện 15hq8

Thiết kế giao diện 16um5

Mình có

Thiết kế giao diện 17xv9
13. Tạo layer temp ( lần 2 ) . Ctrl + Click vào layer back

Select\Modify\Contract nhập 15

Fill vùng chọn #333333

Dùng Rectangular tool xóa vùng chọn đi

Thiết kế giao diện 18vc0

14. Lặp lại bước dodge và burn với layer này ...

Thiết kế giao diện 19re7

Sau khi có được selection mới với góc bo tròn .. mình tạo layer mới gọi là screen_edge và fill #606060. Delete layer temp

Thiết kế giao diện 19re7

Thiết kế giao diện 20xh1

15. Apply layer style

Thiết kế giao diện 21ax3

Thiết kế giao diện 22lc6

16. Tạo layer Screen back , Ctrl +click vào layer screen_edge và contract nó là 10px
Dùng Rectangular marquee xóa xóa đi như hình

Thiết kế giao diện 23bg6

17. Dùng burn và dodge như các bước trên

Thiết kế giao diện 24fe5

18. Apply layer style

Thiết kế giao diện 25zp9

Thiết kế giao diện 26qk7

Được

Thiết kế giao diện 27ft2

19. Tạo layer reflection

Ctrl+ Click vào screen_back contract 10 px

Select\Feather 1px
Chọn gradient quẹt từ trên xuống

Thiết kế giao diện 28py7

20 . Tạo layer menu back nằm dưới layer back

Thiết kế giao diện 29ff3

21. Dùng Rectangular marquee select fixed size 300x50px đặt vào khúc giữa chỗ lõm

Fill #606060 . Ctrl+click vào layer back và ấn delete

22. Apply layer style cho layer menu back

Thiết kế giao diện 30zg6

Thiết kế giao diện 31oi1

Được

Thiết kế giao diện 32nu7

23.Tạo layer light

Dùng polygonal lasso vẽ 1 ô vuông trên hình , Fill gradient ( foreground & background ; black & white)

Thiết kế giao diện 33tb8

24. Ctrl+ T và kéo nó sao cho được như hình

Thiết kế giao diện 34so4

26. Blur\Gaussian blur\5px

Ctrl+J và Vào Edit\Rotate\Horrizontaly và kéo sang góc bên kia

Thiết kế giao diện 35wg6

27. Giờ công việc của bạn là add text vào layer menu back sao cho hợp .. Trang trí chút ít ở phần dưới

Đây là kết quả của mình

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

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