post image

Thiết kế giao diện với Photoshop (phần 1/4)

Thiết kế giao diện trong Photoshop là phần không thể thiếu được trong quá trình thiết kế trang web. Cho dù là trang web nhỏ, đơn giản hay những trang phức tạp, đều yêu cầu bạn phải thiết kế trước trong Photoshop hoặc những trình đồ họa tương đương. Đây là bước giống như người kiến trúc vẽ bản thiết kế vậy. Trong phần 1 của tutorial 4 phần này, tôi sẽ hướng dẫn bạn làm phần header của giao diện.


Thời lượng:19:46
Link Download định dạng .avi chất lượng cao: MegaUpload.
MediaFire: Phần 1, Phần 2
File Size: 115.4MB
Các phần khác: Phần 2, phần 3, Phần 4

«

»

55 Comments

( Comment bài này )
  1. Triệu says:

    anh DW ơi cho em hỏi cách dùng pencil để tạo ra đường “line trắng trông cho quốc tế” ý ạ. Em không biết vẽ kiểu gì?

  2. chutiephat says:

    Cám ơn huynh.
    Thích cách trò chuyện và chia sẻ của anh trong các clip hướng dẫn :D

  3. Cám ơn admin nhiều, coi website của bạn làm mình vui quá, bao nhiêu điều thắc mắc và khó khăn khi làm web đã được bạn giải quyết….Một làn nữa, cám ơn bạn đã bỏ thời gian viết những kiến thức cơ bản và rất hữu ích với ai mới tập làm web.

  4. kelangthang says:

    M rất thích các bài Video của anh admin DW, rất bổ ích và trực quan. Xem xong mấy bài, ngứa tay quá không chịu nổi, phải làm sao nhỉ…. thôi Thank’s trước cái đã!

  5. Dung says:

    Bạn ơi, sao mình click vào video không chạy được, có thể xem lại giùm mình được không @_@
    Cám ơn bạn rất nhiều!

  6. nguyen van vinh says:

    Bác ơi bác upload nốt Quy Trình Thiết Kế Web Hoàn Chỉnh (Photoshop, CSS, +1 IDE for HTML, MVC.ASP.NET phần tiếp đi bác bài của bác hay lắm.

  7. nguyễn văn vinh says:

    bác upload nốt mấy phần tiếp theo đi bác ơi!

  8. oishangwar says:

    =.= Vừa gõ xong thông tin định coment hỏi anh chừng nào phát hành sách thì =.= thấy dòng (..dự kiến….2011..), em thích cách viết văn của anh rất hay lôi cuốn người đọc, còn clip đang dowload …. nhưng thấy mấy đại ca ở trên khen wa trời (..giọng truyền nhiễm… ý nhầm là truyền cảm …kekeke). Web của anh rất hay phải đi ra chợ buôn tin mới được…………………….thank anh rất nhìu chúc anh sớm phát hành sách
    ( hơ…hơ tối thỉu cũng 3 tháng nữa lâu wá……………plz……………..)

  9. vnhow says:

    Hướng dẫn rất hay, cảm ơn bạn. Mình xin phép copy về website của mình nhé.

  10. leamphp says:

    Cảm ơn bạn rất nhiều.

  11. Nguyentuan says:

    anh oi cho hien cai thuoc do pixel len nhu nao.em ko biet ! T T

  12. Lê Trang says:

    Bài viết của bác khá hay, em thấy trang web mà bác tạo dựng mang một phương pháp chia sẻ tốt.Ý kiến góp ý em sẽ góp ý sau khi xem xong video. Thanks!

  13. thanh tien says:

    cảm ơn anh rất nhiều! trang web rất bổ ích cho những người mới làm web như em!
    mong rằng sau này được anh giúp đỡ nhiều hơn

  14. duy meo says:

    cám ơn những gì trang web mang lại cho cộng đồng. Thanks!

  15. thanks you admin..bai viet nao cung rat hay….giong noi cua ban truyen cam la’m..1 chat giong qua’ tuyet voi`..hjj….

  16. HuyetLoi says:

    Cái link mediafire part 2 có vấn đề bác DW ơi. Process hoài không ra start…

  17. -huy says:

    :) ) hay quá.cảm ơn anh về các video bổ ích này nhé.

  18. snakesv says:

    Link phần 3 có vấn đề anh ơi. Cảm ơn anh rất nhiều với những tut rất tuyệt vời này.

  19. Rất hay, xem mất video của mấy anh mà học hỏi được rất nhiều. Thế mà ko biết trang web sớm hơn :D

  20. Chuột says:

    Hay lắm a. E rất thích cách a nói chuyện trong video, rất thu hút người xem, e học được nhiều từ video của a lắm. Cảm ơn a nhiều.
    p/s có lúc muốn đấm a thật, con chuột cứ để ngay code thấy khó chịu :) )

  21. an tran says:

    hay wa anh oi . cam on rat nhieu

  22. giemma says:

    hay quá. em đang định làm 1 trang web về games, tuy nhiên không có người hợp tác làm design nên em phải tự tìm hiểu. Video của anh rất hay, rất có giá trị với người bắt đầu như em. Xin cảm ơn anh. e chọn màu chủ đạo là nâu-đỏ, http://203.113.134.190:3000 e đang code nhưng nhìn cái layout tệ hại quá nên quyết định tạm dừng code làm layout trước :D rảnh a ghé qua nha.

  23. CuongNguyen says:

    Cám ơn anh vì đã bỏ chút công sức ra làm website này !
    Website này rất bổ ích cho người mới tự học thiết kế web.

    • hoailuong says:

      cho em hai voi thiet ke trang web voi do phan giai 1024 thi thiet ke trong css la bao nhieu

    • Beth says:

      haha, đâu thể gọi là chút công sức đc bạn, đây là tâm huyết và mồ hôi của người ta đó :) Cảm ơn anh DW quá nhiều, đây là Web hướng dẫn xịn nhứt mà e may mắn gặp đc. E sắp ngốn hết mớ video trên này zồi :D

  24. billle says:

    Thanks.. nhiều nhiều. hihi

  25. Topazt says:

    Sư huynh izwebz muôn năm. Tự học làm web mà thấy mấy tutorial của sư huynh thì như cá gặp nước ấy. Còn tự mò theo sách muốn khùng lun. hehehe.

  26. Trang web rất hay nhưng mà chưa có được sever up video nhanh mà nếu cho download thì không thường xuyên cập nhật bài mới sợ rằng họ download hết cả nội dung về rồi lần sau ko cần vàonwua mất

  27. Nguyễn IT says:

    Cảm ơn bạn rất nhiều, Tut này rất hay và bổ ích. (*.*)

  28. hoainam says:

    trang web rất hay và hướng dẫn rất cụ thể rõ ràng.Mong anh tiếp tục chia sẻ các kiến thức tin học nữa với mọi người.Em đang học về những thứ này và sẽ coi đây là nơi học tập thêm bổ sung các kiến thức.Thanks!

  29. fanmanga says:

    Rất hay và bổ ích , thanks bạn rất nhìu (^^)

  30. Học hỏi says:

    hay quá
    nhờ TUT này của anh mà biết thêm mấy mẹo hay về PS
    em cũng làm PS nhiều mà toàn chỉnh sửa anh thôi đâm ra giờ sang thiết kế Web thấy khó
    Cảm ơn anh nhiều

1 2
  1. BB
  2. BB
  3. BB

arrow

Lưu ý khi post comment:

  • Không "bóc tem" topic
  • Dùng lời lẽ có văn hoá và lịch sự
  • Xem trang FAQs trước khi hỏi
  • Bạn có thể dùng thẻ HTML như:<strong>, <em>, <a>
  • Đặt code trong thẻ [php],[html],[javascript],[css]

Chọn kiểu gõ: Tự động TELEX VNI Tắt