Các Icon (biểu tượng) là một phần quan trọng trong website, giúp định hình phong cách cho website. Nếu bạn có một thư viện Icon phong phú thì việc thiết kế website sẽ nhẹ nhàng đi rất nhiều, nhưng nếu bạn không có một thư viện Icon hoặc muốn thiết kế Icon theo phong cách riêng của mình thì những kĩ năng Photohshop là rất cần thiết. Trong bài viết này NhanWeb tập hợp 15 hướng dẫn xây dựng Icon từ Photoshop rất thích hợp cho những người xây dựng web hoặc những bạn đang muốn học photoshop qua những hướng dẫn. Bạn có thể xem những hướng dẫn này, học hỏi và tự xây dựng Icon riêng theo sở thích của mình. Bạn click vào tiêu đề để xem hướng dẫn chi tiết nhé. [Read more…]
Responsive Design: 7 lời khuyên giúp cải tiến qui trình làm việc của bạn
Responsive design đã nhanh chóng thành một xu thế, một tiêu chuẩn thiết kế mới trong ngành công nghiệp thiết kế web của chúng ta cùng với việc đường truyền được nâng cấp ngày càng cao, các công cụ hỗ trợ ngày càng nhiều hơn. Việc phải tính toán sự tương thích của thiết kế trên những thiết bị hiển thị khác nhau khiến cho công việc của những nhà thiết kế bắt đầu có những xáo trộn nhất định, qui trình có thể bị thay đổi đôi chút [Read more…]
Thiết kế một phiên bản mobile cho website
Ngày nay, thiết bị di động trở thành một thành phần không thể thiếu đối với thế giới. Ngay cả trẻ em còn cắp sách đến trường cũng được bố mẹ trang bị cho một chiếc điện thoại di động để tiện liên lạc. Nhưng ngoài những tính năng gọi, nghe thường dùng mobile còn ẩn chứa 1 thế giới rộng lớn bên trong thông qua việc kết nối 3G hoặc GPRS mà chúng ta có thể tiếp xúc được qua con đường lướt web. [Read more…]
Top 10 Web safe fonts
Khái niệm Web safe font có thể hiểu là bộ mã font cho web có thể tương thích và hiển thị tốt ở tất cả các trình duyệt và làm việc tốt với PC cho dù nó cài đặt hệ điều hành nào, ứng dụng nào. Bây giờ, nếu bạn là một nhà phát triển website, mối quan tâm của bạn có thể là việc người dùng của bạn có thể đọc được nội dung bạn cung cấp cho dù đang duyệt web bằng hệ điều hành nào(Window, Mac hay Linux), trình duyệt nào đi chăng nữa. [Read more…]
Mời hợp tác kiếm tiền (designer và coder)
Do mục đích … kiếm tiền nên mình mời các anh em có cùng đam mê… kiếm tiền và có kinh nghiệm làm việc ở lĩnh vực thiết kế website và lập trình cùng chung tay. Bạn nào có khả năng và có thời gian xin reply mình nhé. Nhưng trước tiên mời các bạn đọc hết bài này đã… [Read more…]
Kĩ thuật ghép ảnh với Photoshop
Sẵn đang tìm tut để ghép vài cái ảnh cá nhân của mình lại thì gặp cái tut về chỉnh sửa ảnh khá hay của bạn Gấu Trúc trên diễn đàn VietPhotoshop nên đăng lại phòng hờ khi có dịp dùng đến và share với anh em luôn.
3 stock trong bài được lấy ở đây ở đây:
Thác nước: http://www.sxc.hu/browse.phtml?f=view&id=892805
Lâu đài: http://little-stock.deviantart.com/
Bầu trời: http://singularstock.deviantart.com/
B1: Bạn đặt 2 tấm hình như hình bên dưới
Vì hai tấm hình Stock chúng ta dùng ở bài viết này có kích thước tương đương với nhau nên tạm thời chúng ta không cần resize ở bước này. Tips: nếu bạn dùng stock khác thì nếu hình lâu đài của bạn quá to, bạn chọn Ctrl + T và kéo+ giữ nút shift để giảm size bức hình xuống. Ngược lại nếu tấm hình lâu đài của bạn nhỏ quá thì Bạn chọn Image > Image Size để giảm kích thước bức hình lại.
B2:
Bạn chọn menu Image > Canvas Size. Bây giờ chiều cao bức hình là 1920 pixels. Mình sẽ chuyển nó thành 5000 để đủ chỗ trống cho cả 2 stocks.
B3:
Sau khi cắt bỏ để 2 tấm hình nhìn thật vừa ý, mình chuyển bức hình lâu đài theo hướng ngược lại bằng cách: Edit > Transform > Flip horizontal
B4:
Sau đó resize lại tấm hình lâu đài bằng cách bấm Ctrl + T
B5:
Bước này chủ yếu sử dụng công cụ Eraser của Photoshop. Bạn chọn công cụ này giống trong hình:
Mình thường sủ dựng Brush mềm và tròn để làm cho mép của những tấm hình chuyển tiếp 1 cách thật hơn.
Và bạn xóa theo khu vực đánh dấu màu hồng trong hình
B6:
Tuy nhiên hình bị dư ra 1 khúc (phần mũi tên màu xanh), mình dung crop tool để chỉnh cho bức hình nhỏ lại. Và kết quả:
B7:
Ở bước này mình dùng Marquee Tool (M) và copy khúc gần thác nước sau đó chọn Layer > Duplicate layer
sau đó kéo sang bên phải và dùng Eraser Tool với Brush mềm xóa xung quanh. Bạn cũng có thể dùng Clone Stamp để làm bước này. Và kết quả ta có được như hình trên.
B8:
Bạn đặt stock bầu trời lên Layer trên cùng theo thứ tự như hình bên.
Sau đó chuyển tấm hình ngược lại bằng cách Flip Horizontal và resize bức hình lại bằng cách bấm Ctrl + T
B9:
Vào Layer > Layer Style > Blending Options … chỉnh theo thông số sau:
B10:
Sau đó di chuyển bức hình bầu trời xuống và dùng brush mềm xóa góc cạnh của hình, đồng thời bấm Ctrl + U. Ta được kết quả như bên dưới:
B11:
Bước cuối cùng là cân chỉnh màu sắc lại phù hợp với ý thích mổi người. Bạn cũng có thể dùng Gradients
Tips: Ngoài ra bạn cũng có thể cân chỉnh màu bằng cách chọn Ctrl + B và Ctrl + M
Sau đó vào Layer > Layer Style > Blending Option và chọn theo thông số sau:
Kết quả:
Và cuối cùng tùy theo mỗi người mà bạn sẽ tạo ra được những kết quả khác nhau.
11 bí quyết để tạo ra một web site hấp dẫn
Một website muốn thu hút được người xem đồng thời giữ được sự quan tâm của họ phải hấp dẫn và dễ sử dụng. Điều này nghe có vẻ đơn giản nhưng trên thực tế, chúng ta rất hay gặp những trang web thiết kế xấu với nội dung nghèo nàn.
Nguyên tắc tạo ra một website hay rất đơn giản. Nói chung, nếu mục đích của website là để truyền đạt thông tin, thì yếu tố cần được xem trọng nhiều nhất là sự định hướng và cách trình bày nội dung thật khéo léo.
Sau khi đã xác định được mục đích sử dụng của web site, hãy áp dụng những bí quyết cơ bản sau để tạo ra một web site dễ sử dụng. [Read more…]