Wednesday, July 11, 2012

Hướng Dẫn Tạo Cover chi tiết cho Facebook Timeline

Wednesday, July 11, 2012

Chào các bạn !

Hôm nay sẵn tiện làm cover cho trang Dihisi's Fan Page, mình viết bài hướng dẫn các bạn làm cover chi tiết và có hình ảnh minh họa. Qua bài viết này các bạn sẽ có được những kỹ thuật cần thiết để thỏa sức sáng tạo cover cho mình.

Lưu ý: bài này là tâm huyết của mình đó nha, làm cái tút hướng dẫn cũng tốn khá nhiều thời gian và sức. Nếu bạn muốn copy bài viết sang các website khác vui lòng ghi rỏ nguồn hiepnhokblog.

Các bạn có thể xem demo online tại link:
Https://www.facebook.com/dihisi
Https://www.facebook.com/dihisifanpageLIKE giùm mình cái page này nha

Các thông số kích thước hình ảnh cần lưu ý:
  • Kích thước profile picture: 125 x 125 px.
  • Kích thước cover picture: 850 x 315 px
Đầu tiên đây là hình nguyên bản cho hình cover của  mình.
Hình nguyên bản
 Đây là hình ảnh gốc mình sẽ cắt xén và lấy 2 hình profile, cover picture. Nhìn vào hình ảnh các bạn cũng đoán được là mình sẽ chọn phần cuốn sách (phía dưới, bên trái) làm profile picture.

Tuy rằng hình profile picture có kích thước thực tế là 125 x 125 px nhưng thực tế là chúng ta phải có hình với kích thước là 180 x 180 px. Khi upload lên thì Facebook sẽ tự động resize thành 125 x 125 px.

Kích thước của phần cover thì chúng ta lấy chuẩn bằng đúng kích thước ở trên.

Bước 1: Mở hình ảnh gốc trên bằng photoshop. Copy thành 2 layer như nhau.
Bước 2: Dùng công cụ Marquee Tool vẽ một hình vuông bao quanh phần profile mà bạn muốn lấy.
Bước 3: Ẩn layer 2, Chọn layer 1, nhấn delete. Ta được hình cover nguyên bản.
Hình cover nguyên bản
 Bước 4: Vẫn giữ công cụ Marquee Tool ta chọn layer 2 ẩn layer 1. Nhấn Shift + F7 và nhấn delete. Ta được hình profile nguyên bản.
Hình profile nguyên bản.
Bước 5: Từ hình profile nguyên bản với photoshop chúng ta dùng công cụ Crop Tool cắt lấy hình profile.

Bây giờ chúng ta tiến hành so sánh như sau. Xem hình gốc có chiều rộng bao nhiêu (ở đây là 1024 px), hình profile vừa cắt có chiều rộng bao nhiêu (ở đây là 133 px).

Hình profile chúng ta cần là 125 px. Ta lấy 133 chia 125 là 1.064. Đây là tỷ lệ bạn cần nhớ để đồng bộ hình cover trong các bước sau.

Từ hình cover profile bạn lưu lại với kích thước là 180 x 180 px. Vậy là chúng ta có hình profile hoàn thiện.
Hình profile hoàn thiện
Bước 6: từ hình cover nguyên bản ta lấy hình cover hoàn thiện với kích thước là 850 x 315 px.

Bước 6.1: Từ hình cover nguyên bản chúng ta giảm giảm tương ứng với tỷ lệ là 1.064 ở trên. Sau khi giảm chúng ta được hình cover nguyên bản fixed.

Từ hình cover nguyên bản chúng ta cắt hình với chiều cao là 337 px và chiều rộng không thay đổi (hình này bao gồm 315px của cover và 22px phần dư của hình profile.). Hình này bắt đầu được lấy từ mép dưới của profile kéo lên cho đến khi đủ 337px. Ta được hình cover 337.
Hình cover 337.
Bước 6.2: Từ hình cover 337 chúng ta lấy hình với chiều cao là 315px và chiều rộng không thay đổi. (từ mép trên hình cover 337 kéo xuống cho đến khi đủ chiều cao 315 px). Ta có hình cover 315.
Hình cover 315.
Bước 6.3: Từ hình cover 315. Chúng ta do từ mép trái hình profile đến mép trái của hình cover là bao nhiêu. Ở đây mình là 112 px.

Hình cover chuẩn thì khoảng cách giữa mép trái hình cover với mép trái hình profile là 23px, vì vậy chúng ta phải cắt bớt phần bên trái 89px. Sau  khi cắt xén phần bên trái thì chúng ta cắt xén phần hình bên phải sao cho hình ảnh rộng 850 px.

Như vậy là ta có hình cover chuẩn.
Hình cover chuẩn

Sau khi có 2 hình profile và cover chuẩn rồi thì chúng ta upload  lên và thưởng thức thôi.





Tin liên quan
XEM TRÊN MOBILE

1 comment:

  1. Nếu thấy khó khăn các bạn có thể donwload file PSD về máy và sử dung.
    Link download: http://www.mediafire.com/?crgualy65c4ga3n
    Password: dihisi.com

    ReplyDelete