Góc Design [TUT] Design bìa Quotes Valentine bằng Photoscape

Hiểu Lam

Học sinh tiến bộ
Thành viên
24 Tháng tư 2017
1,167
1,857
259
21
Trái Đất
[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.

Xin chào ~~
Chắc mọi người còn nhớ (tớ biết là không ai nhớ đâu) chuyện box này ra mắt hứa hẹn vài cái TUT (tutorial) hướng dẫn design phải không nhỉ :D Đây là lúc thực hiện lời hứa rồi :D Vì account mới của @ShennWhisper không có quyền đăng bài mới tại box này nên lấy acc Rít mở đầu vậy :D Mọi người đã sẵn sàng để tạo ra thành phẩm dưới đây chưa?
27751762_162248554570872_3358642392884447154_n.jpg

Credit: Shenn

TUT hướng dẫn đây nhé: https://diendan.hocmai.vn/threads/tut-huong-dan-design-1.663090/#post-3358082
Chúc mọi người thành công ^^
 
Last edited:

Dương Thảoo

Học sinh tiến bộ
Thành viên
27 Tháng tám 2017
441
2,202
229
Hà Nội
Neet
Xin chào ~~
Chắc mọi người còn nhớ (tớ biết là không ai nhớ đâu) chuyện box này ra mắt hứa hẹn vài cái TUT (tutorial) hướng dẫn design phải không nhỉ :D Đây là lúc thực hiện lời hứa rồi :D Vì account mới của @ShennWhisper không có quyền đăng bài mới tại box này nên lấy acc Rít mở đầu vậy :D Mọi người đã sẵn sàng để tạo ra thành phẩm dưới đây chưa?
27751762_162248554570872_3358642392884447154_n.jpg

Credit: Shenn
Nhưng design = j á chị
 

ShennWhisper

Học sinh gương mẫu
Thành viên
13 Tháng hai 2018
681
2,450
311
Bắc Ninh
Hogwarts
Tèn ten :D @ricchin1403 vì m bảo t viết TUT nên mới nhớ ra đấy, thăn kiu <3

Hế lô mọi người :v Như đã hứa lúc thành lập box Góc nhỏ Design cùng các đồng râm, Shenn đang lạch cạch gõ mấy dòng hướng dẫn design này cho các bạn :D
Đây là thành phẩm sau những giây phút bất chấp bài tập để design của Shenn :v

27751762_162248554570872_3358642392884447154_n.jpg

TUT (Tutorial) hướng dẫn này sẽ giúp mọi người biết cách sáng tạo một sản phẩm tương tự như trên :v

Trước hết, các bạn tải Photoscape về :D Search: Photoscape download là ra nhé, gặp khó khăn lúc download thì cap màn hình để Shenn giúp :p

Đây là tất cả những nguyên liệu để làm bánh, à nhầm, design hình trên (Shenn cho thừa nguyên liệu đấy, mắt cận không đeo kính nên lú mất rồi :v)

https://imgur.com/a/9RBHK

Ầy, nó bị thiếu hình 3 khung ảnh kia, tội lỗi quá ;.; Mấy nguyên liệu trên còn ít lắm á, tại Shenn chỉ mới tập thể loại này thôi :D

Nào, có bột bánh và hương liệu, à nhầm, có các PNG rồi thì mở Photoscape ra thôi. À, app này chỉ gõ text Tiếng Anh được thôi, còn Tiếng Việt thì chưa có phiên bản :D Nhưng tải font về thì app vẫn cập nhật bình thường (đôi lúc ngoại lệ :v) nên yên tâm nhé :D

Đầu tiên, mở photoscape, phần Editor ra và lục lọi trong thư mục bên tay trái của mọi người một hình trắng bóc size 851x290 (về sau tự sáng tạo, các bạn thích màu nào thì màu, size nào thì size, điều này mình sẽ không nhắc lại nữa)
UW8tttoOnbnjR1PC2DIckwQewLYbYk4UNlwKMqwuejCMyBIOCTgbuRLX-k2el5TNkJ0Lume_Z5yLe-Fquq6WZvVbfsN1Y165xL5GreRQEqZ7E8yxAQ919k4Ml3HT5uXHf5SMvPFk


Bước hai, mở các nguyên liệu của các bạn đã tải theo một trình tự lộn xộn :D Nhớ là mở sạch ra nhé, đừng chừa cái nào cần :>
Nhớ là mở từng cái một nhé, tớ viền đỏ chung vậy thôi chứ lần lượt mới ok :V
Vào Object -> Bấm vào bức hình chữ nhật dẫn tới thư mục của bạn -> chọn ảnh cần chèn -> nhấn Ok
VA0oRefUpQistILZge5czHKEnnFByi7jVPoUCNLqvLoxiEbK3un0nKVqcELx5aO_uD1_ZGN2-hR1zkMwHjjkbL3adbOB4K3Ws5QGgOG3Sn2v2GzEKMxvQWo921ElNLNjticDAnLy


Và đây là mớ hổ lốn sau khi các bạn mở ra hết :D
O8DzhWevQkPiaBCyAQz7AY2eOgyeuEWikGWtxVyL1Iui5y8w4CcopXJNCHlmITdP1T31FnQVkGkT2-f63Ag2NM-QBBFtDrGUan1ywsaBFAUJgtodEzx0OopikpFskj8E7CqaCfhd

Vậy thì công việc tiếp theo là gì :D Thì xếp chúng lại với nhau thôi :D Các bạn có thể sáng tạo trật tự mà các bạn muốn. Nhưng các bạn sẽ phát sinh một vài khó khăn. Đó là khi mở lần lượt các hình, bạn chưa thể tính toán hình nào nằm đè lên hình nào, trong khi hình mở sau sẽ tự động đè lên hình mở trước đó :D Không sao, đây là giải pháp. Các bạn nhìn thấy chỗ khoanh đỏ số 1 và 2 dưới đây chưa :D

IalZEYaaxzwSUnpwdjwM5tR1X4k2ytIw807brKGJzBj8-5NiAHz4Hy1trXMI_9js-IazMBAgEyiAgWuCyTLun1cuQspHwg9akSzf-MMHwNhglYcyn5ceulmHMTi1OXew59U_6_Cq


Cái khoanh số 1 là khi bạn xác định vật thể muốn xếp và ấn vào thì nó sẽ chèn lên trên cùng, số 2 thì ngược lại, sẽ chèn xuống dưới cùng. Xác định vật thể là nhưu khoanh đỏ dưới đây nè :D
vPEhSYnk7sjlR6ctfr3gl4MvhN7nejAiHiySGMN9VTyi5Ea0JSbegmD9ThoGP_5qrzPk7tSV8cIjEU5J9moTc6ibC0pEwH_DUZJF5N_NB-vY117OF37_tVj58BVceK-O4UOtF6OM

Đó, vậy là bạn đã biết cách xếp theo trình tự mong muốn :D
Tiếp theo là một bước gian nan nữa: chèn text (phần chứ)
Các bạn nhớ căn không gian cho text nhé, ấn vào chữu T ngay dưới hình vuông trái tim á, rồi nó sẽ hiện ra hộp thoại như này.
Outlien là viền, Shadow là phần bóng đổ, còn lại nhưu font, cỡ chữ thì ai cũng biết rồi đúng không
tz4L3dcz5N8IzLf5jYtANMBO6ixmiuWLVV1PCI1eMQc1m2ljeaf557Q7AR-v6nuJo5_gxOQws8vw6E5uuAgmlXFahs1iaLjfFbzsd1A4517cXZtJrOjD5_wvLv2sLbX3shE--GG5


Hai font tớ dùng trong hình là Icel smoothy sans và HLT Festival Scrip TPro. Chúng không có sẵn mà mọi người phải tự search và tải về, có khúc mắc gì lúc tải font thì comment để tớ giúp, nhưng trước khi down hãy xem mấy video hướng dẫn tải và giải nén font (video nào hướng dẫn có hệ điều hành giống thì càng tốt, để mọi người bớt bỡ ngỡ). Đấy là cách gợi ý của mình, còn các bạn thích font nào thì tùy, cứ search font đẹp là ra hết.

Sau khi viết chữ ra, các bạn dùng công cụ để chấm phá đậm nhạt, đây là nơi giúp các bạn hoàn thành điều này
5OwVt1zL9XXpZhn1fwKsz-FkE4xlrlCQDN8atcFiPgYT2E4AsukBeab0Tk_MwfgvEIqv_EIidY-eZIPhZKPnb3qcSyrmNFd46axnZANZ40MmBdA-3W8p8bp318YMMpXH3RtgwJML

Chỗ Effect Brush các bạn tùy chọn kiểu đậm nhạt, sáng tối theo ý thích :D Cuối cùng là save về máy thôi :D

Xong rồi! Đã ai có thành phẩm thì show cho tớ xem nhé :D Sợ bị bơ lắm, huhu :(
----
P.s: Các thanh niên lớp Mèo Mun đã thấy chưa nà :D @happynghiphu @Tuyết Mùa Hạ @Thienn Thienn @Phạm Thúy Hằng @Beo1206 @Tiểu Lộc @hoangnga2709
 
Last edited:

Thanh Trúc Đỗ

Học sinh tiến bộ
Thành viên
6 Tháng sáu 2017
847
973
179
20
TP Hồ Chí Minh
Trường Trung học Thực hành Sài Gòn
Tèn ten :D @ricchin1403 vì m bảo t viết TUT nên mới nhớ ra đấy, thăn kiu <3

Hế lô mọi người :v Như đã hứa lúc thành lập box Góc nhỏ Design cùng các đồng râm, Shenn đang lạch cạch gõ mấy dòng hướng dẫn design này cho các bạn :D
Đây là thành phẩm sau những giây phút bất chấp bài tập để design của Shenn :v

27751762_162248554570872_3358642392884447154_n.jpg

TUT (Tutorial) hướng dẫn này sẽ giúp mọi người biết cách sáng tạo một sản phẩm tương tự như trên :v

Trước hết, các bạn tải Photoscape về :D Search: Photoscape download là ra nhé, gặp khó khăn lúc download thì cap màn hình để Shenn giúp :p

Đây là tất cả những nguyên liệu để làm bánh, à nhầm, design hình trên (Shenn cho thừa nguyên liệu đấy, mắt cận không đeo kính nên lú mất rồi :v)

https://imgur.com/a/9RBHK

Ầy, nó bị thiếu hình 3 khung ảnh kia, tội lỗi quá ;.; Mấy nguyên liệu trên còn ít lắm á, tại Shenn chỉ mới tập thể loại này thôi :D

Nào, có bột bánh và hương liệu, à nhầm, có các PNG rồi thì mở Photoscape ra thôi. À, app này chỉ gõ text Tiếng Anh được thôi, còn Tiếng Việt thì chưa có phiên bản :D Nhưng tải font về thì app vẫn cập nhật bình thường (đôi lúc ngoại lệ :v) nên yên tâm nhé :D

Đầu tiên, mở photoscape, phần Editor ra và lục lọi trong thư mục bên tay trái của mọi người một hình trắng bóc size 851x290 (về sau tự sáng tạo, các bạn thích màu nào thì màu, size nào thì size, điều này mình sẽ không nhắc lại nữa)
UW8tttoOnbnjR1PC2DIckwQewLYbYk4UNlwKMqwuejCMyBIOCTgbuRLX-k2el5TNkJ0Lume_Z5yLe-Fquq6WZvVbfsN1Y165xL5GreRQEqZ7E8yxAQ919k4Ml3HT5uXHf5SMvPFk


Bước hai, mở các nguyên liệu của các bạn đã tải theo một trình tự lộn xộn :D Nhớ là mở sạch ra nhé, đừng chừa cái nào cần :>
Nhớ là mở từng cái một nhé, tớ viền đỏ chung vậy thôi chứ lần lượt mới ok :V
Vào Object -> Bấm vào bức hình chữ nhật dẫn tới thư mục của bạn -> chọn ảnh cần chèn -> nhấn Ok
VA0oRefUpQistILZge5czHKEnnFByi7jVPoUCNLqvLoxiEbK3un0nKVqcELx5aO_uD1_ZGN2-hR1zkMwHjjkbL3adbOB4K3Ws5QGgOG3Sn2v2GzEKMxvQWo921ElNLNjticDAnLy


Và đây là mớ hổ lốn sau khi các bạn mở ra hết :D
O8DzhWevQkPiaBCyAQz7AY2eOgyeuEWikGWtxVyL1Iui5y8w4CcopXJNCHlmITdP1T31FnQVkGkT2-f63Ag2NM-QBBFtDrGUan1ywsaBFAUJgtodEzx0OopikpFskj8E7CqaCfhd

Vậy thì công việc tiếp theo là gì :D Thì xếp chúng lại với nhau thôi :D Các bạn có thể sáng tạo trật tự mà các bạn muốn. Nhưng các bạn sẽ phát sinh một vài khó khăn. Đó là khi mở lần lượt các hình, bạn chưa thể tính toán hình nào nằm đè lên hình nào, trong khi hình mở sau sẽ tự động đè lên hình mở trước đó :D Không sao, đây là giải pháp. Các bạn nhìn thấy chỗ khoanh đỏ số 1 và 2 dưới đây chưa :D

IalZEYaaxzwSUnpwdjwM5tR1X4k2ytIw807brKGJzBj8-5NiAHz4Hy1trXMI_9js-IazMBAgEyiAgWuCyTLun1cuQspHwg9akSzf-MMHwNhglYcyn5ceulmHMTi1OXew59U_6_Cq


Cái khoanh số 1 là khi bạn xác định vật thể muốn xếp và ấn vào thì nó sẽ chèn lên trên cùng, số 2 thì ngược lại, sẽ chèn xuống dưới cùng. Xác định vật thể là nhưu khoanh đỏ dưới đây nè :D
vPEhSYnk7sjlR6ctfr3gl4MvhN7nejAiHiySGMN9VTyi5Ea0JSbegmD9ThoGP_5qrzPk7tSV8cIjEU5J9moTc6ibC0pEwH_DUZJF5N_NB-vY117OF37_tVj58BVceK-O4UOtF6OM

Đó, vậy là bạn đã biết cách xếp theo trình tự mong muốn :D
Tiếp theo là một bước gian nan nữa: chèn text (phần chứ)
Các bạn nhớ căn không gian cho text nhé, ấn vào chữu T ngay dưới hình vuông trái tim á, rồi nó sẽ hiện ra hộp thoại như này.
Outlien là viền, Shadow là phần bóng đổ, còn lại nhưu font, cỡ chữ thì ai cũng biết rồi đúng không
tz4L3dcz5N8IzLf5jYtANMBO6ixmiuWLVV1PCI1eMQc1m2ljeaf557Q7AR-v6nuJo5_gxOQws8vw6E5uuAgmlXFahs1iaLjfFbzsd1A4517cXZtJrOjD5_wvLv2sLbX3shE--GG5


Hai font tớ dùng trong hình là Icel smoothy sans và HLT Festival Scrip TPro. Chúng không có sẵn mà mọi người phải tự search và tải về, có khúc mắc gì lúc tải font thì comment để tớ giúp, nhưng trước khi down hãy xem mấy video hướng dẫn tải và giải nén font (video nào hướng dẫn có hệ điều hành giống thì càng tốt, để mọi người bớt bỡ ngỡ). Đấy là cách gợi ý của mình, còn các bạn thích font nào thì tùy, cứ search font đẹp là ra hết.

Sau khi viết chữ ra, các bạn dùng công cụ để chấm phá đậm nhạt, đây là nơi giúp các bạn hoàn thành điều này
5OwVt1zL9XXpZhn1fwKsz-FkE4xlrlCQDN8atcFiPgYT2E4AsukBeab0Tk_MwfgvEIqv_EIidY-eZIPhZKPnb3qcSyrmNFd46axnZANZ40MmBdA-3W8p8bp318YMMpXH3RtgwJML

Chỗ Effect Brush các bạn tùy chọn kiểu đậm nhạt, sáng tối theo ý thích :D Cuối cùng là save về máy thôi :D

Xong rồi! Đã ai có thành phẩm thì show cho tớ xem nhé :D Sợ bị bơ lắm, huhu :(
----
P.s: Các thanh niên lớp Mèo Mun đã thấy chưa nà :D @happynghiphu @Tuyết Mùa Hạ @Thienn Thienn @Phạm Thúy Hằng @Beo1206 @Tiểu Lộc @hoangnga2709
Chị ơi, dùng PTS CS5 được không chị?
 
  • Like
Reactions: ShennWhisper

ng.htrang2004

Cựu Mod Anh
Thành viên
9 Tháng chín 2017
6,071
1
10,048
1,174
19
Hà Tĩnh
THPT chuyên Đại học Vinh - ViKClanha
Em có thử, nhưng Photoscape của em thấy khác khác của chị ý
upload_2018-2-15_16-55-27.png

Nhưng dù sao cũng cảm ơn chị, làm xong em thấy nó đơn giản hơn Photoshop online
upload_2018-2-15_16-57-2.png
 

ShennWhisper

Học sinh gương mẫu
Thành viên
13 Tháng hai 2018
681
2,450
311
Bắc Ninh
Hogwarts
Em có thử, nhưng Photoscape của em thấy khác khác của chị ý
View attachment 43020

Nhưng dù sao cũng cảm ơn chị, làm xong em thấy nó đơn giản hơn Photoshop online
View attachment 43021

Ớ, mình ấn vào hình vuông có hình núi đồi chứ cóấn vào hình vuông <3 đâu :v
Mà chị mạn phép nhận xét về sản phẩm của em nhé. Ở đây hơi có sự lạm dụng về màu sắc và hiệu ứng, text to và hơi thô. Nhưng không sao, ai cũng có lúc trải qua thời gian như vậy :D Tập dần rồi sẽ định hình thẩm mĩ thôi :D
 
  • Like
Reactions: WindyTA

Thanh Trúc Đỗ

Học sinh tiến bộ
Thành viên
6 Tháng sáu 2017
847
973
179
20
TP Hồ Chí Minh
Trường Trung học Thực hành Sài Gòn
Chị ơi cho em xin link hình 3 khung ảnh.
 

ng.htrang2004

Cựu Mod Anh
Thành viên
9 Tháng chín 2017
6,071
1
10,048
1,174
19
Hà Tĩnh
THPT chuyên Đại học Vinh - ViKClanha
Em muốn thêm màu vào khung nhưng em không biết thêm thế nào cả, chị chỉ giúp em đc không?
upload_2018-2-16_0-48-16.png
Ngoài ra làm thế nào để khi thêm chi tiết vào mình có thể Transparent nhỉ? Em đang làm thử một số mà chưa biết làm sao để transparent chúng
 

ShennWhisper

Học sinh gương mẫu
Thành viên
13 Tháng hai 2018
681
2,450
311
Bắc Ninh
Hogwarts
Em muốn thêm màu vào khung nhưng em không biết thêm thế nào cả, chị chỉ giúp em đc không?
View attachment 43091
Ngoài ra làm thế nào để khi thêm chi tiết vào mình có thể Transparent nhỉ? Em đang làm thử một số mà chưa biết làm sao để transparent chúng
Thì trước đó em phải vẽ cái hình màu nào khác màu trắng thôi em, lắp khung vào sau :v Còn cắt PNG thì phải cắt riêng bằng Photoshop nhé :D
Sản phẩm trên có tiến bộ hơn, nhưng vẫn đơn điệu quá :v
 
  • Like
Reactions: ng.htrang2004

ng.htrang2004

Cựu Mod Anh
Thành viên
9 Tháng chín 2017
6,071
1
10,048
1,174
19
Hà Tĩnh
THPT chuyên Đại học Vinh - ViKClanha
Đây mới là sản phẩm cuối cùng của em:
upload_2018-2-16_13-12-7.png
Dù hình ảnh là trắng thì nó vẫn không thể transparent đc
 

ShennWhisper

Học sinh gương mẫu
Thành viên
13 Tháng hai 2018
681
2,450
311
Bắc Ninh
Hogwarts
Đây mới là sản phẩm cuối cùng của em:
View attachment 43114
Dù hình ảnh là trắng thì nó vẫn không thể transparent đc
Chữ nhìn vẫn thô quá, màu sắc lạm dụng, không hài hòa. Mà transparent em nói là cắt png hay sao? Em phải nói rõ ra chứ, cứ vậy thì chị chịu không giúp được gì rồi :D Em cần tạo một phong cách được định hình rõ ràng, không phải chèn hỗn độn như vậy, trông khá rối mắt. Mặt khác, credit của em trông như muốn phá hình .--.-
 

ng.htrang2004

Cựu Mod Anh
Thành viên
9 Tháng chín 2017
6,071
1
10,048
1,174
19
Hà Tĩnh
THPT chuyên Đại học Vinh - ViKClanha
Chữ nhìn vẫn thô quá, màu sắc lạm dụng, không hài hòa. Mà transparent em nói là cắt png hay sao? Em phải nói rõ ra chứ, cứ vậy thì chị chịu không giúp được gì rồi :D Em cần tạo một phong cách được định hình rõ ràng, không phải chèn hỗn độn như vậy, trông khá rối mắt. Mặt khác, credit của em trông như muốn phá hình .--.-
Em dùng Win Xp, mà máy này từ cách đây 10 năm rồi nên rất cũ, máy tính mới thì mẹ em dùng nên em phải dùng máy này nên không có nhiều font chữ
Mà transparent em nói là chèn thêm PNG như chị nói đó, hình đó trắng nhưng em vẫn không thể chèn
 
Top Bottom