psd to html

PSD to HTML (Phần cuối – Dựng Mã CSS)

by PT on 18/09/2011, Lượt xem: 16.433

Đây là phần cuối trong loạt bài viết chuyển từ PSD sang HTML, phần này chúng ta sẽ tập trung vào việc hoàn thiện Layout với CSS, đây có thể coi là một phần quan trọng nhất trong việc chuyển từ PSD sang HTML, Video khá dài, khoảng 1h30p, và mình mong rằng Video này sẽ ít nhiều giúp ích được cho bạn. Xem Demo 

Xem tiếp »

PSD to HTML (Phần 6 – dựng mã xHTML)

by PT on 11/09/2011, Lượt xem: 13.111

Phân tích bố cục và dựng mã HTML là một buớc khá quan trọng trọng việc chuyển đổi từ PSD sang HTML. Video này mình sẽ hướng dẫn các bạn xây  dựng cấu trúc HTML từ bố cục của file PSD,  Thời gian qua mình cũng khá bận nên chưa thể hoàn thành loạt bài viết này như dự kiến, trong quá trình thực hiện video cũng không thể tránh một số thiếu xót mong các bạn thông cảm và ủng hộ. Video gốc mình sẽ cập nhật sau

Xem tiếp »

Tranh thủ ngày nghỉ cuối tuần Update phần 5 trong loạt bài viết PSD to HTML, trong phần này chúng ta sẽ sử dụng công cụ  Slice trong Photoshop để cắt hình ảnh cần thiết từ file PSD. Có một chút thay đổi là phần này được thực hiện dưới dạng Video, hy vọng mọi người sẽ nắm bắt tốt hơn và ủng hộ cho Video đầu tiên trên Ewebvn. Trong lúc bối rối có những sai xót to lớn mong anh em bỏ quá cho File PSD được lấy từ  PSDSTYLE.NET, Bạn có thể download file PSD mẫu từ …

Xem tiếp »

PSD to HTML – Phần 4: Phân tích bố cục

by PT on 18/08/2011, Lượt xem: 9.220

Có một chút trục trặc về kỹ thuật về bản mẫu dự định cho loạt bài viết này, mình nghĩ đi nghĩ lại thấy bản mẫu hôm trước đơn giản quá, và mình phải lục lọi để tìm cho được một bản mẫu ưng ý, không quá khó cũng không quá dễ để các bạn rèn luyện tay nghề. Và đây là những gì mà Ewebvn mong muốn bạn làm được sau loạt bài viết này: Quay trở lại công việc chính, hôm nay chúng ta sẽ phân tích bố cục dựa vào bản mẫu trên, đây là một phần …

Xem tiếp »

PSD to HTML (Phần 3 – Photoshop cơ bản)

by PT on 11/08/2011, Lượt xem: 11.145

Theo đúng dự kiến, phần 3 trong loạt bài viết PSD to HTML sẽ là phần hướng dẫn cơ bản về Photoshop. Bài viết này mình sẽ không đi quá sâu về Photoshop mà chỉ chú trọng vào một số công cụ cần thiết nhằm giúp các bạn nắm  được những được những công cụ cơ bản của Photoshop để phục vụ cho việc chuyển từ PSD sang HTML. Bài viết này được thực hiện với Photoshop CS3. Truy cập chương trình Photoshop từ Start > Programs > Adobe Photoshop CS3, hoặc từ biểu tượng Photoshop trên Desktop. Màn hình …

Xem tiếp »

PSD to HTML (Phần 2 – Công cụ cần thiết)

by PT on 11/08/2011, Lượt xem: 4.352

Bài viết này mình sẽ giới thiệu những công cụ cần thiết để chuyển PSD sang HTML, Bài viết cũng không quan trọng, nếu các bạn đã biết thì có thể bỏ qua bài viết này. 1. Photoshop Adobe Photoshop là phần mềmbiên tập và xử lý hình ảnh chuyên nghiệp, là chọn lựa không thể bỏ qua của những người thiết kế giao diện website. Photoshop có rất nhiều phiên bản, từ Photoshop 1.0 – 7.0, CS (8.0), CS2, CS3, CS4, đến thời điểm khi mình viết bài này là Photoshop CS5 Extended. Tùy thuộc vào cấu hình máy …

Xem tiếp »

PSD to HTML (Phần 1 – Giới thiệu)

by PT on 03/08/2011, Lượt xem: 9.583

Trong thiết kế website, việc chuyển từ file thiết kế (PSD, được thiết kế từ Photoshop) sang HTML đóng vai trò rất quan trọng

Xem tiếp »