Góc Design [TUT] Hướng dẫn edit avatar + Giải đáp một số thắc mắc liên quan đến design

Asuna Yuuki

Cựu CTV Thiết kế
Thành viên
23 Tháng hai 2017
3,131
7,551
799
19
Hải Dương
THPT Chuyên Nguyễn Trãi
[TẶNG BẠN] TRỌN BỘ Bí kíp học tốt 08 môn
Chắc suất Đại học top - Giữ chỗ ngay!!

ĐĂNG BÀI NGAY để cùng trao đổi với các thành viên siêu nhiệt tình & dễ thương trên diễn đàn.

- Mọi người thông cảm, vì chả biết đặt tiêu đề là gì nên tạm gọi nó là Edit avatar :v
- TUT này mình có tham khảo của một chempoi bên Wattpad nữa, mang sang đây share cho mọi người aa :v
- Ok, bắt đầu é é :v

À..Mình dùng Photoshop Cs3 nha mọi người :3

Show thành quả trước :v
avt-by-eri copy.png
------------------------------
Bước 1:
Mở background, crop hình vuông nhé :3
upload_2018-10-28_16-29-52.png

Bước 2: Chọn công cụ shape, vẽ một hình chữ nhật màu đỏ. Sau đó tạo một layer mới, chèn chữ (ở đây mình chèn chữ "Supreme") vô đó, rồi bấm Ctrl chọn cả layer chữ và shape rồi chọn free transform để chỉnh cho vừa với mắt của char :3
#Lưu ý: Nên chọn phông chữ cứng nhé :3
upload_2018-10-28_16-32-40.png

Bước 3: Chèn cái "keep out" này vô :3
upload_2018-10-28_16-33-33.png

Bước 4: Tạo một layer mới hình chữ nhật, đặt dưới layer "keep out". Giảm opacity xuống còn 60%upload_2018-10-28_16-34-15.png

Bước 5: Chèn chữ :3 Ai cần tên font thì nói mình nhé :p
upload_2018-10-28_16-35-45.png

Bước 6: Chèn texture, chọn chế độ Multiply, opacity 40%
upload_2018-10-28_16-37-7.png

Bước 7: Bấm tổ hợp Ctrl + Shift + Alt + E 2 lần. Ta được layer 3+4
upload_2018-10-28_16-38-52.png

Bước 8: Bấm chuột phải vào layer 3, chọn Blending Options, bỏ dấu tick ở G và B đi
upload_2018-10-28_16-41-14.png
Chọn layer 4, mở blending options tương tự layer 3. Bỏ dấu tick ở R đi.
upload_2018-10-28_16-42-15.png

Bước 9: Chọn công cụ này
upload_2018-10-28_16-43-0.png
Bấm vào layer 3, bấm dấu mũi tên bên phải (trên bàn phím) 2 lần. Làm tương tự với layer 4 (sang bên trái)
upload_2018-10-28_16-44-4.png

Bước 10: Ghi cre và làm hiệu ứng tương tự ở bước 9.
upload_2018-10-28_16-46-33.png

Xong nah :p

Background mọi người tự tìm nhé :p
39f9ad2323a096a09aeb7283b4bd8113.jpg Keep-Out-PNG-Photos.png
Mình cắt hơi lem (vì hình gốc chưa cắt hết), mọi người thông cảm nha :33
Nguồn phụ kiện: Pinterest
Mọi người làm xong thì up thành quả vô đây mình xem cùng nhé ^^
-------------------------
@Tống Huy @Beo1206
 

Beo1206

CTV Thiết kế
Cộng tác viên
11 Tháng mười 2017
2,347
3,064
474
17
Vĩnh Phúc
THPTXH
- Mọi người thông cảm, vì chả biết đặt tiêu đề là gì nên tạm gọi nó là Edit avatar :v
- TUT này mình có tham khảo của một chempoi bên Wattpad nữa, mang sang đây share cho mọi người aa :v
- Ok, bắt đầu é é :v

À..Mình dùng Photoshop Cs3 nha mọi người :3

Show thành quả trước :v
------------------------------
Bước 1:
Mở background, crop hình vuông nhé :3
View attachment 85856

Bước 2: Chọn công cụ shape, vẽ một hình chữ nhật màu đỏ. Sau đó tạo một layer mới, chèn chữ (ở đây mình chèn chữ "Supreme") vô đó, rồi bấm Ctrl chọn cả layer chữ và shape rồi chọn free transform để chỉnh cho vừa với mắt của char :3
#Lưu ý: Nên chọn phông chữ cứng nhé :3
View attachment 85859

Bước 3: Chèn cái "keep out" này vô :3
View attachment 85860

Bước 4: Tạo một layer mới hình chữ nhật, đặt dưới layer "keep out". Giảm opacity xuống còn 60%View attachment 85861

Bước 5: Chèn chữ :3 Ai cần tên font thì nói mình nhé :p
View attachment 85863

Bước 6: Chèn texture, chọn chế độ Multiply, opacity 40%
View attachment 85864

Bước 7: Bấm tổ hợp Ctrl + Shift + Alt + E 2 lần. Ta được layer 3+4
View attachment 85865

Bước 8: Bấm chuột phải vào layer 3, chọn Blending Options, bỏ dấu tick ở G và B đi
View attachment 85866
Chọn layer 4, mở blending options tương tự layer 3. Bỏ dấu tick ở R đi.
View attachment 85867

Bước 9: Chọn công cụ này
View attachment 85868
Bấm vào layer 3, bấm dấu mũi tên bên phải (trên bàn phím) 2 lần. Làm tương tự với layer 4 (sang bên trái)
View attachment 85869

Bước 10: Ghi cre và làm hiệu ứng tương tự ở bước 9.
View attachment 85871

Xong nah :p

Background mọi người tự tìm nhé :p
View attachment 85872 View attachment 85873
Mình cắt hơi lem (vì hình gốc chưa cắt hết), mọi người thông cảm nha :33
Nguồn phụ kiện: Pinterest
Mọi người làm xong thì up thành quả vô đây mình xem cùng nhé ^^
-------------------------
@Tống Huy @Beo1206

Cho tớ xin tên font với ạ =))
 
  • Like
Reactions: Asuna Yuuki

Beo1206

CTV Thiết kế
Cộng tác viên
11 Tháng mười 2017
2,347
3,064
474
17
Vĩnh Phúc
THPTXH
Bước 6: Chèn texture, chọn chế độ Multiply, opacity 40%
upload_2018-10-28_16-37-7-png.85864

Cơ mà cậu ơi , cái texture nhỏ quá , làm thế nào phóng to lên ạ ?
 
  • Like
Reactions: Asuna Yuuki

Beo1206

CTV Thiết kế
Cộng tác viên
11 Tháng mười 2017
2,347
3,064
474
17
Vĩnh Phúc
THPTXH
- Mọi người thông cảm, vì chả biết đặt tiêu đề là gì nên tạm gọi nó là Edit avatar :v
- TUT này mình có tham khảo của một chempoi bên Wattpad nữa, mang sang đây share cho mọi người aa :v
- Ok, bắt đầu é é :v

À..Mình dùng Photoshop Cs3 nha mọi người :3

Show thành quả trước :v
------------------------------
Bước 1:
Mở background, crop hình vuông nhé :3
View attachment 85856

Bước 2: Chọn công cụ shape, vẽ một hình chữ nhật màu đỏ. Sau đó tạo một layer mới, chèn chữ (ở đây mình chèn chữ "Supreme") vô đó, rồi bấm Ctrl chọn cả layer chữ và shape rồi chọn free transform để chỉnh cho vừa với mắt của char :3
#Lưu ý: Nên chọn phông chữ cứng nhé :3
View attachment 85859

Bước 3: Chèn cái "keep out" này vô :3
View attachment 85860

Bước 4: Tạo một layer mới hình chữ nhật, đặt dưới layer "keep out". Giảm opacity xuống còn 60%View attachment 85861

Bước 5: Chèn chữ :3 Ai cần tên font thì nói mình nhé :p
View attachment 85863

Bước 6: Chèn texture, chọn chế độ Multiply, opacity 40%
View attachment 85864

Bước 7: Bấm tổ hợp Ctrl + Shift + Alt + E 2 lần. Ta được layer 3+4
View attachment 85865

Bước 8: Bấm chuột phải vào layer 3, chọn Blending Options, bỏ dấu tick ở G và B đi
View attachment 85866
Chọn layer 4, mở blending options tương tự layer 3. Bỏ dấu tick ở R đi.
View attachment 85867

Bước 9: Chọn công cụ này
View attachment 85868
Bấm vào layer 3, bấm dấu mũi tên bên phải (trên bàn phím) 2 lần. Làm tương tự với layer 4 (sang bên trái)
View attachment 85869

Bước 10: Ghi cre và làm hiệu ứng tương tự ở bước 9.
View attachment 85871

Xong nah :p

Background mọi người tự tìm nhé :p
View attachment 85872 View attachment 85873
Mình cắt hơi lem (vì hình gốc chưa cắt hết), mọi người thông cảm nha :33
Nguồn phụ kiện: Pinterest
Mọi người làm xong thì up thành quả vô đây mình xem cùng nhé ^^
-------------------------
@Tống Huy @Beo1206


Hiuhiu ^^ Xong rồi , đây là thành quả của tớ ạ =))

4QdHD7W.jpg


Ảnh gốc =))

d626414155f7d9a4b8bfbe6101b9d6a4.jpg
 
  • Like
Reactions: Asuna Yuuki

ARMY's BTS

Học sinh gương mẫu
Thành viên
28 Tháng mười 2017
857
3,883
406
19
Bắc Ninh
Bang Tan Sonyeondan <3 , Wanna One <3 , Samuel <3 , Stray Kids <3
- Mọi người thông cảm, vì chả biết đặt tiêu đề là gì nên tạm gọi nó là Edit avatar :v
- TUT này mình có tham khảo của một chempoi bên Wattpad nữa, mang sang đây share cho mọi người aa :v
- Ok, bắt đầu é é :v

À..Mình dùng Photoshop Cs3 nha mọi người :3

Show thành quả trước :v
------------------------------
Bước 1:
Mở background, crop hình vuông nhé :3
View attachment 85856

Bước 2: Chọn công cụ shape, vẽ một hình chữ nhật màu đỏ. Sau đó tạo một layer mới, chèn chữ (ở đây mình chèn chữ "Supreme") vô đó, rồi bấm Ctrl chọn cả layer chữ và shape rồi chọn free transform để chỉnh cho vừa với mắt của char :3
#Lưu ý: Nên chọn phông chữ cứng nhé :3
View attachment 85859

Bước 3: Chèn cái "keep out" này vô :3
View attachment 85860

Bước 4: Tạo một layer mới hình chữ nhật, đặt dưới layer "keep out". Giảm opacity xuống còn 60%View attachment 85861

Bước 5: Chèn chữ :3 Ai cần tên font thì nói mình nhé :p
View attachment 85863

Bước 6: Chèn texture, chọn chế độ Multiply, opacity 40%
View attachment 85864

Bước 7: Bấm tổ hợp Ctrl + Shift + Alt + E 2 lần. Ta được layer 3+4
View attachment 85865

Bước 8: Bấm chuột phải vào layer 3, chọn Blending Options, bỏ dấu tick ở G và B đi
View attachment 85866
Chọn layer 4, mở blending options tương tự layer 3. Bỏ dấu tick ở R đi.
View attachment 85867

Bước 9: Chọn công cụ này
View attachment 85868
Bấm vào layer 3, bấm dấu mũi tên bên phải (trên bàn phím) 2 lần. Làm tương tự với layer 4 (sang bên trái)
View attachment 85869

Bước 10: Ghi cre và làm hiệu ứng tương tự ở bước 9.
View attachment 85871

Xong nah :p

Background mọi người tự tìm nhé :p
View attachment 85872 View attachment 85873
Mình cắt hơi lem (vì hình gốc chưa cắt hết), mọi người thông cảm nha :33
Nguồn phụ kiện: Pinterest
Mọi người làm xong thì up thành quả vô đây mình xem cùng nhé ^^
-------------------------
@Tống Huy @Beo1206
Tut hay đấy
Chọn đúng tui hỏng máy
 

HUY Quang Mai

Học sinh chăm học
Thành viên
2 Tháng tư 2017
534
263
121
19
Thanh Hóa
Bighit Entertainment
nói thật là mình chả hiểu cậu đang nói cái gì T_T mình mù công nghệ quá
còn cái phần mềm Photoshop đó máy mình không có với lại tải về nặng lắm hơn 600MB lận
- Mọi người thông cảm, vì chả biết đặt tiêu đề là gì nên tạm gọi nó là Edit avatar :v
- TUT này mình có tham khảo của một chempoi bên Wattpad nữa, mang sang đây share cho mọi người aa :v
- Ok, bắt đầu é é :v

À..Mình dùng Photoshop Cs3 nha mọi người :3

Show thành quả trước :v
------------------------------
Bước 1:
Mở background, crop hình vuông nhé :3
View attachment 85856

Bước 2: Chọn công cụ shape, vẽ một hình chữ nhật màu đỏ. Sau đó tạo một layer mới, chèn chữ (ở đây mình chèn chữ "Supreme") vô đó, rồi bấm Ctrl chọn cả layer chữ và shape rồi chọn free transform để chỉnh cho vừa với mắt của char :3
#Lưu ý: Nên chọn phông chữ cứng nhé :3
View attachment 85859

Bước 3: Chèn cái "keep out" này vô :3
View attachment 85860

Bước 4: Tạo một layer mới hình chữ nhật, đặt dưới layer "keep out". Giảm opacity xuống còn 60%View attachment 85861

Bước 5: Chèn chữ :3 Ai cần tên font thì nói mình nhé :p
View attachment 85863

Bước 6: Chèn texture, chọn chế độ Multiply, opacity 40%
View attachment 85864

Bước 7: Bấm tổ hợp Ctrl + Shift + Alt + E 2 lần. Ta được layer 3+4
View attachment 85865

Bước 8: Bấm chuột phải vào layer 3, chọn Blending Options, bỏ dấu tick ở G và B đi
View attachment 85866
Chọn layer 4, mở blending options tương tự layer 3. Bỏ dấu tick ở R đi.
View attachment 85867

Bước 9: Chọn công cụ này
View attachment 85868
Bấm vào layer 3, bấm dấu mũi tên bên phải (trên bàn phím) 2 lần. Làm tương tự với layer 4 (sang bên trái)
View attachment 85869

Bước 10: Ghi cre và làm hiệu ứng tương tự ở bước 9.
View attachment 85871

Xong nah :p

Background mọi người tự tìm nhé :p
View attachment 85872 View attachment 85873
Mình cắt hơi lem (vì hình gốc chưa cắt hết), mọi người thông cảm nha :33
Nguồn phụ kiện: Pinterest
Mọi người làm xong thì up thành quả vô đây mình xem cùng nhé ^^
-------------------------
@Tống Huy @Beo1206
 

Beo1206

CTV Thiết kế
Cộng tác viên
11 Tháng mười 2017
2,347
3,064
474
17
Vĩnh Phúc
THPTXH
  • Like
Reactions: ĐứcNhật!

Asuna Yuuki

Cựu CTV Thiết kế
Thành viên
23 Tháng hai 2017
3,131
7,551
799
19
Hải Dương
THPT Chuyên Nguyễn Trãi
Ôm máy tính des lại :v

FVrx64l.jpg
Cái này nhìn OK hơn cái trước nà :v
Cái hình chữ nhật đỏ chỗ Supreme nên cho bé lại, text nên dùng font cứng nhé :v
Không đến mức thậm tệ, cái phần texture m giảm opacity xuống tí là ok :v
Tut hay đấy
Chọn đúng tui hỏng máy
Ehehe :vv
nói thật là mình chả hiểu cậu đang nói cái gì T_T mình mù công nghệ quá
còn cái phần mềm Photoshop đó máy mình không có với lại tải về nặng lắm hơn 600MB lận
Cs3 của mình có hơn 550MB thôi nha :3 Nặng là ở mấy cái phụ kiện xinh xẻo trên mạng nhìn là muốn down về ngay í :vv
A ha, đang cần tìm TUT để tạo hiệu ứng, cảm ơn nhiều <3
Hongg có gì :3
ERROR sai chính tả nha :vv Cái khung chữ nhật trắng cho xuống dưới cái "keep out" :v

Btw, cảm ơn mọi người đã comment tương tác topic nhé <3 Viết TUT mà cứ sợ ế với bị bơ không hà ;;__;;
 
Last edited:

HUY Quang Mai

Học sinh chăm học
Thành viên
2 Tháng tư 2017
534
263
121
19
Thanh Hóa
Bighit Entertainment
Cái này nhìn OK hơn cái trước nà :v
Cái hình chữ nhật đỏ chỗ Supreme nên cho bé lại, test nên dùng font cứng nhé :v

Không đến mức thậm tệ, cái phần texture m giảm opacity xuống tí là ok :v

Ehehe :vv

Cs3 của mình có hơn 550MB thôi nha :3 Nặng là ở mấy cái phụ kiện xinh xẻo trên mạng nhìn là muốn down về ngay í :vv

Hongg có gì :3

ERROR sai chính tả nha :vv Cái khung chữ nhật trắng cho xuống dưới cái "keep out" :v

Btw, cảm ơn mọi người đã comment tương tác topic nhé <3 Viết TUT mà cứ sợ ế với bị bơ không hà ;;__;;
thui mình ngại tải lắm với lại bữa nay máy mình lag lắm
 
  • Like
Reactions: Asuna Yuuki

ĐứcNhật!

Học sinh tiêu biểu
Thành viên
17 Tháng mười một 2017
1,525
3,788
529
Quảng Nam
Trung Học Phổ Thông Chuyên Nguyễn Bỉnh Khiêm
Cái này nhìn OK hơn cái trước nà :v
Cái hình chữ nhật đỏ chỗ Supreme nên cho bé lại, text nên dùng font cứng nhé :v

Không đến mức thậm tệ, cái phần texture m giảm opacity xuống tí là ok :v

Ehehe :vv

Cs3 của mình có hơn 550MB thôi nha :3 Nặng là ở mấy cái phụ kiện xinh xẻo trên mạng nhìn là muốn down về ngay í :vv

Hongg có gì :3

ERROR sai chính tả nha :vv Cái khung chữ nhật trắng cho xuống dưới cái "keep out" :v

Btw, cảm ơn mọi người đã comment tương tác topic nhé <3 Viết TUT mà cứ sợ ế với bị bơ không hà ;;__;;
Sửa vậy được chưa :v
upload_2018-10-29_10-56-50.png
 
Top Bottom