post image

Photoshop Tut – Manbics Layout Day 1

Sử dụng Photoshop để dựng giao diện cho trang web là kỹ thuật không thể thiếu của bất cứ web designer nào. Trong bài này NickB sẽ hướng dẫn các bạn sử dụng Photshop CS5 để dựng giao diện một trang web của công ty giả tưởng Manbics.

Bài này có mức độ khó là trung bình bởi và yêu cầu bạn phải nắm vững cơ bản các công cụ của Photoshop thì mới làm theo kịp. Trong quá trình làm theo video, NickB sẽ hướng dẫn bạn rất nhiều thủ thuật sử dụng Photoshop như Layer Group, Tạo đường Guide bằng hộp thoại, Align Layer Group v.v..

Tuy nhiên bài này sẽ không có file PSD gốc bởi vì như lời của tác giả “Tôi ko muốn bật mí nhiều về loạt bài này, có thể khi kết thúc mọi nguời sẽ hiểu, cũng muốn mọi nguời có chút bất ngờ :D . Tôi ko định up file psd vì thực ra nó ko cần thiết, tôi cố gắng làm từng buớc, để mọi nguời đều có thể tự làm lại, điều quan trọng ko phải là làm lại giống 100% mà nắm đuợc kỹ thuật hoặc cái mục đích, ý tuởng làm! Mọi nguời làm theo tut có kết quả giống là điều bình thường cái vấn đề của học qua tut là bạn đặt câu hỏi tại sao, và tự trả lời được nó, cũng giống như trong tut tôi sử dụng màu rồi đọc mã mà các bạn ko biết nó ở đâu ra :) và tại sao tôi lại dùng màu đó.

Thời lượng: 32 phút
Download định dạng .mp4 chất lượng cao :Mediafire
Dung lượng: 91 MB/ phần

Kết quả

«

»

81 Comments

( Comment bài này )
  1. thành says:

    cám ơn izwebz.com.hiiiiiiiiiiiii

  2. BinTin says:

    Làm thành file ảnh rồi .nhưng làm sao để xuất nó ra ra file html mà vẫn giữ đc vị trí các đám mây,..?

    ai bít chỉ dùm nhé

  3. MinhManh says:

    Mọi người có link nào khác không, link này mình down hông được

  4. Lê Hoàng Nhất Kha says:

    quả là tuyệt vời. hy vọng izwevz sẽ là là một “Tuts+” tại VN trong tương lai !!!!

  5. PĐức says:

    Rất hay…hjhj. nhưng bạn làm nhanh wa. mình chỉ mới biết sơ về PS
    làm theo mà chống cả mặt…

  6. y3games says:

    Thanks a nhiều!

  7. BiBi says:

    Mình có đọc mấy comment nói về Tiếng Việt xen lẫn Tiếng Anh, bỗng mình nhớ đến một câu nói rất hay của thầy Đặng Đình Áng trưởng bộ môn khoa Toán ĐH KHTN, người đầu tiên đưa môn Giải Tích Số và toán học cao cấp A1, A2,.. về Việt Nam. Thời đó ở giảng đường thầy Áng toàn nói bằng tiếng Pháp, mặc dù thầy biết rành tiếng Việt và hơn ai hết thầy rất tâm huyết muốn nền toán học Việt Nam phát triển. Có một sinh viên đứng lên giữa giảng đường hỏi thầy rằng:

    “Tại sao trong giảng đường toàn bộ là sinh viên người Việt mà thầy thì giảng Toán toàn bằng tiếng Pháp vậy thầy?” – người hỏi là thầy Đức (hiện giờ cũng là trưởng khoa Toán ĐH KHTN).

    Thầy Áng trả lời: “Trên giảng đường này, tôi không dạy các bạn tiếng Pháp hay tiếng Việt, tôi chỉ dạy Toán.”.

    Mình có chút chia sẻ như thế, mong các bạn hiểu, hãy quý trọng cái các bạn học được, đừng bận tâm quá cái không cần thiết rồi làm buồn lòng những người đọc khác, điều đó không đáng có.

  8. Hungkhung says:

    Thanks a rất nhiều!!

  9. đinh võ ngọc hùng says:

    các bạn ơi,có ai biết điều này thì chỉ cho mình nha,mình cám ơn nhiều lắm.mình thấy trong video anh demon dạy làm trang web trong phần CSS và HTML,mình thấy trình duyệt firefox của anh ấy có đầy đủ toolbar quá,có cả editcss nữa,làm sao được như vậy thế bạn,bạn nào biết thì chỉ cho mình với nha,cảm ơn tất cả mọi người đã đọc comment của mình.

  10. XD.Gacon says:

    Tut rất hay, mình đã làm theo và học hỏi được rất nhiều. Tks bạn !
    À phần âm thanh ở phần 2 và phần 3 hơi rè thi` phải ??

  11. Mr.Đoàn says:

    Híc đầu tiên em tưởng anh nói toàn tiếng anh cơ thế thì chết.hjhj
    giọng anh Demon Warlock nghe hay thật, muôn đc nhìn mặt bác phát.

  12. Nguyen phuoc long says:

    Các anh cho em hỏi : Em đang dùng PS cs4. E dùng công cụ Text , lúc trước e viết chữ thì bình thường, nhưng gần nay k biết nó bị sao nữa : ví dụ : e muốn viết chữ Kid nhưng nó lại chuyễn thành KID ( chữ in hoa) . E viết ra word rồi copy vào PS nhưng nó vẫn chuyển thành chữ in hoa. Có anh nào biết, thì chỉ giùm e cách khắc phục.

  13. Nguyễn Thắng says:

    Bạn ơi cho mình mấy cái brush cloud đc ko? MÌnh tìm mãi ko thấy mấy cái đó

  14. VLộc says:

    Cảm ơn bạn rất nhiều! Một website rất chuyên nghiệp, bởi tâm huyết của một người rất chuyên nghiệp!

    Good Luck!

  15. lady says:

    mình thick a này, vừa tiếng anh, vừa tiếng việt rất pro,

  16. tuanbmt says:

    đọc mấy cái comment mà thấy buồn, các bạn không nên dùng những lời lẽ thiếu tế nhị và vô văn hóa như thế, trong khi chúng ta đang tham gia học hỏi về IT (gọi là công nghệ cao í mà) nickB đã bỏ công sức làm ra cái tutorial để cho các bạn được học hỏi, thể mà lại có những lời lẽ khiếm nhã đến vậy. không biết các bạn đang ganh tị điều gì hay đố kị nhưng cũng suy nghĩ vì một phần họ ở nc ngoài lâu nên dùng tiếng việt hơi lắp và khó giải thíck nói sao thì tùy họ, chia se kinh nghiệm cho la may rồi còn bày đặt này nọ đúng là bọn thiếu văn hóa (bạn nào ăn nói bất lịch sự nên về học lại sách đạo đức lớp 1 đi nhé đúng là bọn thiểu năng +_+).

    • Cảm ơn NickB nhiều, mình đã mở mang thêm nhiều kĩ năng Photoshop từ Tut của bạn.

      @tuanbmt: Nên dùng tâm phật để cảm hóa bạn ơi, :D . Đừng dùng lời lẽ quá nặng nề (Ex: “đúng là bọn thiểu năng”, …)

  17. mrVodanh says:

    Tut hay! rất pro! nhưng góp ý là nếu là tut tiếng Anh thì nói toàn tiếng Anh, tiếng Việt thì ra tiếng Việt, nửa nạc nửa mỡ nghe phản cảm lắm.

  18. Thắng says:

    Nhanh quá ạ, anh giảm tốc độ tí dc ko ạ, em vừa coi vừa thao tác mà tua đi tua lại chục lần cũng ko dc

  19. nông xung phong says:

    website rất hây và hữu ích. mong các anh có thật nhiều bài hay để cho chúng em học hỏi

  20. Hắc Long says:

    Rất cảm ơn NickB, bài viết thật hữu ích, mình đã học rất nhiều kiến thức lập trình web, phải nói là izwebz đã truyền thêm cảm hứng để mình học lập trình. By the way, thank DW :)

  21. Mr.Nguyễn says:

    đây là kết quả của việc học ko đến nơi đến chốn, ăn nói thô tục, mất mặt người việt nam quá

  22. MRS HA says:

    sau khiminh tao cai giao dien nhu vay,ban cothe huong dan tiep cho minh cach cat slice ,xuat ra web rui dan vao cac phan mem lap trinh web ,chinh css hay cai gi tuong tu de lam cho table khong bi xo lech duoc k.thank you

  23. xsthantien says:

    Rất hay và hữu ích. Mình sẽ tiếp tục thực hành và thăm web thường xuyên.

  24. yahooomico says:

    Thanks NickB.Bài viết rất hữu ích.
    Mr.Dam comment không có học chút nào.Mong anh xóa comment của y đi để mọi người không phải đọc mấy dòng chữ ấy

    • kimanh says:

      Tuyển 20 lập trình viên.NET/C#/C++/PHP
      Cho các dự án từ UK và US (Lương 500$ – 1000$)

      Mô tả công việc:

      - Tham gia vào các dự án software của khách hàng từ UK và US.
      - Công việc cụ thể được giao bởi trưởng phòng và quản lý dự án.
      - Sẽ trao đổi cụ thể hơn trong quá trình phỏng vấn.

      Yêu cầu:

      - Số năm kinh nghiệm: từ 2 năm kinh nghiệm trở lên với một trong các ngôn ngữ C++/NET/PHP.
      - OS: Unix/Linux, Windows
      - DBMS: SQL Server or Oracle…
      - Programing Language: C/C++, .NET, C#, PHP
      - Concept:OOP, OOAD, UML, MVC…

      - Có khả năng viết, đọc hiểu tiếng Anh tốt.
      - Nói được tiếng Anh là một lợi thế đặc biệt.

      Quyền lợi và Thông tin chung:
      - Mức lương: Từ 500$ – 1000$. Thỏa thuận theo trình độ.
      - Cơ hội tiếp xúc, làm việc trực tiếp với khách hàng người Anh và Mỹ.
      - Cơ hội đi làm ở Châu Âu, Mỹ (2-6 tháng tùy theo dự án)
      - Chính sách BHXH, BHYT và các phúc lợi khác theo đúng quy định của Luật lao động;
      - Loại hình làm việc: Toàn thời gian.
      - Nơi làm việc: Hà Nội

      Hồ sơ:
      - Các ứng viên gửi trước bản CV (nêu rõ kinh nghiệm và các dự án đã tham gia ) qua địa chỉ e-mail dưới đây. Ưu tiên ứng viên nộp hồ sơ sớm. CV có thể là tiếng Anh hay tiếng Việt.
      - Nơi nhận hồ sơ:
      Công ty PowerGate
      Địa chỉ: 8th Floor, Vitranco Building, 192 Thai Thinh, Dong Da Dist, HN
      Mrs Kim Anh – Phụ trách tuyển dụng.
      Mobile: 0983030167
      Email: kimanh@powergatevn.com
      -Yêu cầu ghi rõ vị trí ứng tuyển

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