Bài đăng

Đang hiển thị bài đăng từ Tháng 5, 2012

xử lý ảnh trực tuyến ( phần 03)

Hình ảnh
 Lồng chân dung vào thiệp Bước 1:   Đưa hình ảnh cần làm khung hình lên trang web Mở trang web   www.easybanneronline.com   , rồi nhấp vào menu   Frame photos   (Tạo khung hình)   Nhấp vào nút Browse để chọn hình trên máy tính của bạn, Sau đó nhấp vào nút OK   Bước 2:   Làm khung hình Nhấp vào mục  Frame gallery   để chọn khung hình   Nhấp chuột vào khung hình ưa thích. Sau đó nhấp vào nút OK. Bạn sẽ nhận được khung hình như sau:   Bước 3:   Di chuyển khung hình đến vị trí thích hợp.   Để cho khung hình nằm đúng vị trí, bạn có thể di chuyển bằng cách thay đổi các thông số. - Di chuyển ngang: qua phải hoặc qua trái (mũi tên số 1) - Di chuyển thẳng: đi lên hoặc đi xuống (mũi tên số 2) ngoài các giá trị dương, bạn có thể sử dụng giá trị âm, như -100 Có thể phải thay đổi các thông số nhiều lần mới chọn đúng vị trí mong muốn.   Bước 4:   Viết thêm chữ Vào mục  Choose a tool   chọn   Write text   để viết thêm chữ vào hình.   Bạn sẽ có 1 tấm thiệp xinh đẹp như hình dưới đây:   Xin lưu

xử lý ảnh trực tuyến( phần 02)

Hình ảnh
 Cắt hình, làm mờ cạnh, dán hình và viết chữ Bước 1:   Đưa hình ảnh của bạn lên trang web Mở trang web   www.easybanneronline.com   , rồi nhấp vào menu   Cut photos   (cắt hình)   Nhấp vào nút Browse để chọn hình trên máy tính của bạn, hoặc nhấp vào Photo gallery để chọn hình có sẳn. Sau đó nhấp vào nút OK   Bước 2:   Cắt phần hình ảnh theo yêu cầu Trong ví dụ này, chúng ta cắt phần hình ảnh có: - Chiều ngang (Width): 250 pixel - Chiều cao (Height): 250 pixel Lấy điểm làm mốc để cắt (góc trên trái): - Dời sang phải (Move right): 200 pixel - Hạ xuống (Move down): 240 pixel Sau khi điền các thông số, nhấp nút OK ta sẽ có được phần hình ảnh được cắt. Có thể thay đổi thông số nhiều lần để lấy được hình ảnh theo ý muốn.   Bước 3:   Làm mờ cạnh Nhấp vào mục   Choose a tool   rồi chọn  Blurred edges   để chuyển sang phần làm mờ cạnh.   Dưới đây là trang làm mờ cạnh (Blurred edges)   Bạn có thể làm mờ cạnh bằng màu Trắng (white) hoặc màu đen (Black). Làm mờ cạnh nào thì đánh dấu vào cạ

xử lý ảnh trực tuyến( phần 01 )

Hình ảnh
Viết chữ và tạo đường viền Bước 1:   Đưa hình ảnh của bạn lên trang web Mở trang web   www.easybanneronline.com   , rồi nhấp vào menu  Write text Nhấp vào nút Browse để chọn hình trên máy tính của bạn, hoặc nhấp vào Photo gallery để chọn hình có sẳn. Bạn cũng có thể chọn 1 khung màu bằng cách chọn màu (color) và chọn kích thước: chiều ngang (width) và chiều cao (height) Sau đó nhấp vào nút OK   Xin lưu ý, nếu chỉ nhập 1 dòng chữ thì nhập vào mục số 1. Nếu cần nhập nhiều dòng thì nhấp vào mục số 2. Bước 2:   Nhập dòng chữ và chọn các thông số theo yêu cầu.   Ví dụ: - Nhập dòng chữ: Tiếng thu (mục 1) - Chọn font vni-thuphap1 (mục 2)  - Chọn màu (mục 3) - Chọn kích cỡ chữ (mục 4) - Chọn đường viền (mục 5) đồng thời chọn màu cho đường viền - Chọn vị trí bắt đầu:  Dời sang phải 80 pixel (mục 6)  Dời xuống dưới 220 pixel (mục 7) Sau đó nhấp nút OK   Dòng chữ sẽ hiện lên ở vị trí được chọn. Nếu không ưng ý, có thể chọn lại thông số rồi nhấp OK Bước 3:   Viết thêm các dòng chữ kế tiếp. N

Giao diện Div 3 cột bằng nhau

Hình ảnh
Giao diện Div 3 cột bằng nhau Có rất nhiều bạn hỏi tôi về cách thiết kế Giao diện Div có 3 cột bằng nhau, tức là 2 cột còn lại luôn có chiều cao bằng chiều cao của cột nhiều nội dung nhất. Để rõ hơn bạn vui lòng xem Demo  Giao diện Div 3 cột Bạn sẽ nhận thấy cột 2 (ở giữa) có chiều cao lớn nhất, chiều cao 2 cột còn lại thì nhỏ hơn.  Vậy có cách nào để 3 cột luôn bằng nhau dù nội dung của trang web thế nào? Trong thực tế ít khi nào chúng ta gặp những yêu cầu theo kiểu này, nhưng đôi khi khách hàng của bạn yêu cầu điều đó? Phương pháp thực hiện Trước đây có một phương pháp được đưa ra là  Faux Columns  (cột giả). Phương pháp này sử dụng một file hình làm nền để tạo thành cột giả. Thực tế thì cột này không tồn tại. Tìm hiểu về Faux Columns tại đây:  http://www.alistapart.com/articles/fauxcolumns/ Nhưng cách này theo PT thấy rất nhiều hạn chế và khó sử dụng, vì bạn phải căn chỉnh và tính toán kích thước ảnh nền sao cho hợp lý. Hơn nữa bạn sẽ gặp khó khăn khi bo góc ch