Home > Thủ thuật Internet > Hướng dẫn lồng avatar vào khung hình ảnh khác

Hướng dẫn lồng avatar vào khung hình ảnh khác

Đây là bài viết hướng dẫn các bạn lồng avatar của mình vào một khung ảnh khác, để áp dụng cho “chiến dịch” đồng loạt đổi cover, avatar vì chương trình “Tự xây dựng Website với WordPress” do CLB Internet tổ chức và sắp diễn ra vào ngày 28/09/2014 sắp tới.

(Số là được tổ chức phân công kiếm người để đì sai mà kiếm hoài không thấy ai đành ngậm ngùi nhai luôn. Rồi việc cần làm bên cạnh thiết kế các cover, hình ảnh event… là việc thiết kế avatar đồng bộ cho các thành viên. Nhận một đống ảnh sau đó ghép framer chung vô rồi trả lại cho từng người. Nghe có vẻ vật vã. Phải chi còn code thì chắc cũng research làm cái tool cho các mem tự up avatar lên rồi down về cái ảnh đã ghép, cơ mà không còn code nữa, hehe, đành chơi hàng online lụi thoai.)

Việc chỉnh sửa ảnh này các bạn có thể sử dụng nhiều công cụ khác nhau, ở đây mình hướng dẫn những căn bản và đơn giản nhất và sử dụng vài công cụ online, bạn cần Internet nhé. Sơ lược gồm 3 bước sau:

  • B1: chuyển hình về chuẩn vuông, đúng kích thước 405 x 405px
  • B2: Download khung ảnh để dùng cho chiến dịch này [tại đây] (cập nhật ảnh mới v0.2 18/09 roài nhoa)
  • B3: Sử dụng dịch vụ online của tảng mergeimages để gắn ảnh avatar vào khung.

Cập nhật ngày 18/9: B2, B3 có thể thay bằng việc sử dụng công cụ của bạn Dương Duy Bình đã làm ở [tại đây].

Bước 1: Chuyển hình ảnh của bạn về chuẩn, khung hình vuông và đúng kích thước.

  • Đầu tiên là đưa về khung vuông. Truy cập vào website: http://www.croppola.com/
  • Tải hình ảnh của bạn lên bằng cách kéo thả hình vào khung “Drop your photo…” hoặc nhấn vào đó để tìm đến hình của bạn.
  • Canh chỉnh khung vuông để lấy vùng ảnh đẹp nhất của bạn. Có thể di chuyển khung, kéo ra/ thu vào ở góc để thay đổi kích thước vùng chọn.
  • Nhấn vào nút “Download this crop” để save avatar hình vuông về máy.

  • Tiếp theo là thu nhỏ ảnh. Nhấp phải chuột vào hình ảnh bạn muốn resize ảnh, chọn Open with, Microsoft Office 2010 (mặc định nếu bạn cài bộ office thì sẽ có chương trình này, còn không có bạn có thể sử dụng mspaint để resize cũng được).

  • Nhấn vào nút Edit Picture, chọn Edit Picture (1) > Resize (2).

  • Tiếp theo chọn Custom width x height, nhập giá trị 405 ở cả 2 ô như hình.

  • Nhấn OK và Ctrl + S để save.

Bước 2: Lồng hình ảnh của bạn vào trong khung của chương trình.

  • Nhập ID của ảnh ở bảng trên vào ô source bên dưới để xác nhận là sử dụng các ảnh này.

  • Nhập thông số width và height ở mục Image properties như hình.

  • Tại mục detail nhập như hình sau. Chú ý số 2 là hình của mình muốn dùng để lồng vào khung. Số 1 là khung hình. Khung hình sẽ nằm dưới ảnh avatar của bạn. Cần chú ý thứ tự vì hệ thống sẽ thực hiện ghép ảnh từ trên xuống dưới. Offset (48, 48) là xác định vị trí bắt đầu của hình số 2 (avatar của bạn) sẽ cách mép trái và mép trên của khung hình 48px

  • Hoàn tất việc ghép ảnh, có thể nhấn vào chữ Download Generated Image để download ảnh về.

  • ảnh do nhân vật cung cấp, keke.
    Cập nhật ngày 18/9:

B2, B3 có thể thay bằng việc sử dụng công cụ của bạn Dương Duy Bình đã làm ở [tại đây].

Biên tập bởi Phat Chuong

About phatchuongit

Mình yêu thích sinh hoạt đội nhóm và áp dụng công nghệ để giải quyết các vấn đề thực tế. Biết một chút về website, design và tổ chức event. Bạn nào thích thì cùng kết bạn và chém gió với mình nhé.

3 comments

  1. @Jade Love: bữa sau a làm cái khác lấy hình e tiếp nha :3

  2. a cũng có cung cấp mà sao k lấy ra làm mẫu z :v

  3. tại hình e đẹp hơn mừ :3

Leave a Reply

%d bloggers like this: