Tạo WordPress Theme – Photoshop Mockup
- November 30, 2009
- 33 comments
Đây là phần thứ 2 trong series về cách tạo WordPress theme. Trong phần này chúng ta sẽ sử dụng Photoshop để thiết kế giao diện. Phần này sẽ chỉ có Photoshop và không có code gì cả. Do vậy nếu bạn đã biết và sử dụng thành thạo Photoshop thì bạn có thể bỏ qua bài này. Còn đối với những ai đang làm quen với Photoshop thì bài này sẽ dành cho các bạn.
Nhưng nếu bạn muốn, bạn có thể download file PSD của giao diện này về cùng làm. Còn nếu không bạn cũng có thể tự thiết kế giao diện và làm theo ý mình. Tuy nhiên những phần sau sẽ không được giống nhau. Bài này khá dài và cũng hơi nhàm chán. Nhưng nếu bạn muốn học Photoshop thì bạn cũng nên kiên trì một chút. Chúng ta bắt đầu thôi hỉ?
Thời lượng: 59:08
Download định dạng .avi chất lượng cao: MediaFire Part 1, MediaFire Part 2
File Size: 205 Mb
Nên hay không ẩn nội dung trang web? »
hi!
em theo dõi cách làm của anh DW thì thấy anh hay dùng RMarquee rồi fill color hoặc gradient tool. Có lẽ anh quen dùng cách này nhưng em thấy dùng Rectangle tool kết hợp với layer syle sẽ thuận lợi thay đổi về sau hơn.
Tip: khi muốn tìm một layer nào đó đang nằm ở đâu, ta ấn V (move tool), ctrl+ leftClick vào layer đó, thì trên layer panel, con trỏ sẽ trỏ đến layer( hoặc group chứa layer đó).
part 2 die rồi anh ơi em đang tập tành làm wp thì mò vào dc blog của anh , site anh nhiều bài hay quá tiếp tục phát huy cho em út học hõi nha anh ^^
upload lại video cho các bạn nào cần ^.^
Part1
Part2
em đã dùng add on của firefox và download video mà anh chèn vào trang này về được rồi ạ. chất lượng có thể thấp hơn nhưng cảm ơn anh ạ.
chào anh. em vừa mới biết website này và mong muốn được học thêm về web. hiện tại file video part 2 đã không download được anh ạ. mong anh sửa lại link. cảm ơn anh nhiều
part 2 bị xoá rùi ^.^
em không tìm thấy file PSD để download về,anh chỉ cho em với ạh!cảm ơn anh nhiều
bạn ak có chỗ tải mà
a ơi a có phần làm web động lấy và lưu dự liệu trong cơ sở dữ liệu thì a giới thiệu cho e các bước để thao tác với dữ liệu được lưu trong csdl với a ơi !!!!
Anh ơi ở trong Video này ,,, có 1 chỗ đó là lấy màu em không làm được hixx , Anh giúp em với ,,,,
Chào anh
cái file giao diện anh đang làm đó tải ở địa chỉ nào vậy anh
em cảm ơn
Anh ơi cho em hỏi 1 chút. Cái font chữ anh dùng trong photoshop lúc đầu nó tên là gì ạ. Lúc viết Nav từ phút thứ 12 đó ạ, anh nói là Ivan gì đó. Em cảm ơn nhiêu
Hei, thanks for sharing. I like your voice and the way you talk. Seem confidence and attractive…
Em co biet ai hoc chuyen nganh CNTT, gioi ve thiet ke web qua ma cac ma nguon, am hieu ve mang xa hoi, truyen thong va marketing tren internet khong? Neu biet gioi thieu cho anh. Anh dang can tuyen vi tri nay cho cong ty. Cam on em
Mãu màu thì em nên sử dụng addon của Firefox là Colorzila đó em.
Em mới xem dc 3 TUT của anh mà thấy hay + chuyên nghiệp quá
^^
Mà…
Anh ơi! Anh dùng soft gì để record screen mà nhẹ và mượt vậy anh?
Share cho em với
Em cảm ơn!
làm thế nào để lấy mẫu màu từ trang này sang trang khác được vậy anh..có nút tắt ko nhỉ?…
Hazz, em dùng linux nên không dùng PTS được, em chỉ dùng GIMP thôi, không có tiền mua bản quyền PTS
(
cho mình bổ sung thêm một chi tiết nhỏ, khi vẽ một đường ngang hay dọc ngoài cách vẽ bằng bút chì, còn một cách nữa là chọn công cụ nằm trong nhóm công cụ chọn, nó là hình dạng một đường kẻ ngang hay dọc, sau đó chọn mầu như bình thường, đó là single raw marquee để vẽ một đường thẳng ngang chỗ tiếp xúc giữa banner và nav bar.
Đã stroke rồi thì không Erase hoặc clear được. Vì clear vào nó vẫn còn lại stroke. Bạn thử thì sẽ biết ngay.
chỗ phần header , khi phải vẽ bằng bút chì, thì ta cứ stroke sau đó dùng lệnh clear có được không bạn. clear phần strocke ở phía trên ấy mà, không biết có được không.
Em dùng Hjsplit để ghép file lại. Em Google cái Hjsplit nó là phần mềm miễn phí.
anh DW ơi sao video nào có 2 part thì em down về có phần mở rộng là .002 or .001 thì làm sao xem được hở anh !
Mình có cách này nè, download video bằng IDM vì đoạn video trên izwebz download về xem cũng khá rõ, còn cách nữa là dùng FireBug để lấy link rùi tải về —-> cách này mình hay sài nhanh gọn.
Anh ơi! xem lại pat2, sao mà em ko download được nhỉ? cám ơn anh!
Thanks anh Dw nhiều lắm nhờ anh mà biết thêm nhiều kĩ năng thiết kế !! E sẽ quảng cáo web của của anh cho bạn em. Thanks phát nữa
anh DW ơi.sao cái video nay khó nhìn quá.lúc đầu em không biết anh đang lam gì nưa.hjc.
Em có xem Full Screen không? nếu để cửa sổ bé xíu sao mà thấy cái gì? nhấn vào nút fullscreen ý.
Bạn down file chất lượng cao avi về cho dzễ xem hoặc nếu bạn rành các công cụ trong PTS rồi thì nghe anh DW nói cũng hình dung đc phần nào ^^
Bác NickB có vẻ rất pro . Hihi lúc nào bác rảnh làm cho chúng em cái tut để mở mang kiến thức
Thank bác nhiều !
À góp ý cái chỗ ko dùng dc stroke đây, DW ctrl + click vào layer đó để lấy vùng chọn, tạo 1 layer mới rồi vào Edit> stroke (chọn Inside). Sau đó muốn xóa viền phần trên chỉ cần chọn marquee kéo và ấn delete
.
Còn nhiều cách nhưng cách này đơn giản và chính xác nhất .
tớ mà có cầm Cục Than thì tớ cũng “Ngày tận thế là ngày THẾ TẬN
”
Cảm ơn anh DW nhiều.