Design Tutorial Thiết kế bìa sách theo phong cách "mì ăn liền"

chienthanlubu

Đạo Tổ Nhân Cảnh
Moderator
Thể theo nguyện vọng của @Lục Lam@Tường Vy, mình tạo ra thread này để chia sẻ 1 số kinh nghiệm trong "thiết kế" bìa sách. (Thực tế là mình đi cop nhặt về :xinloi:)

Thông thường thiết kế 1 bìa sách sẽ bao gồm 4 bước: lên ý tưởng, chuẩn bị nguyên liệu, thực hiện và hoàn thiện. Chúng ta sẽ đi qua cả 4 bước này thông qua một ví dụ.

Đề bài:
STT: 139
Tên tác phẩm: Mối Tình Đầu Của Tôi
Tác giả: Thiên Vy
Trích dẫn (nếu có): không có
Tóm tắt nội dung truyện (hoặc thể loại truyện): Ngôn tình, học đường thanh xuân vườn trường.
Mô tả về ảnh: Một chàng trai chở một cô gái trên chiếc xe đạp, cô gái cầm một bó hoa
Yêu cầu (về font chữ, màu sắc, kích thước,...):Chuẩn bì truyện trên reader
*Thêm logo BNS

Kết quả: (Với đôi bàn tay không có hoa tay như mình thì không thể tạo ra bìa đẹp được, bài này chủ yếu giới thiệu kỹ thuật thôi :chaothua:)

s3HPUj2.png


I. Lên ý tưởng

Đây là bước vô cùng quan trọng, chúng ta nên tập trung nhiều thời gian vào phần này. Đối với một người mới, việc nhanh chóng nghĩ ra một ý tưởng hay là việc vô cùng khó khăn. Vì vậy một lời khuyên vẫn được các giáo viên hay nhắc đến là chúng ta nên xem các ý tưởng của những người khác để tìm cảm hứng cho mình. Một cách hay để làm được việc này là chúng ta có thể vào google image để tìm hình ảnh liên quan đến bìa sách cùng thể loại với sách chúng ta định thiết kế bìa, hay một cách khác đơn giản hơn là vào Bạch Ngọc Sách - Reader để xem các bìa sách của những truyện có sẵn trên đó. :48:

Thế ý tưởng ở đây là gồm những gì? Có thể hiểu nôm na ý tưởng là bản phác thảo bìa sách trong tưởng tượng của bạn. Do đó nó có thể bao gồm: hình ảnh, chữ, kiểu chữ, các chi tiết sẽ xuất hiện trong bìa, bố cục, màu sắc.

Như trong đề bài chúng ta có thể lên ý tưởng như sau:
Code:
Ảnh: Chàng trai chở cô gái trên xe đạp, nằm chính giữa. Ảnh logo BNS ở phía trên.
Chữ: Tên tác giả, phía trên
     Tên tác phẩm, phía dưới
Kiểu chữ: dạng viết tay, thể hiện cho phong cách học sinh
Màu: Dựa vào hình ảnh rồi chọn màu cho phù hợp, ưu tiên chọn màu sắc tạo cảm giác tươi trẻ, ngây thơ

II. Chuẩn bị nguyên liệu
1. Chuẩn bị công cụ

Trong chuỗi bài này mình sẽ giới thiệu 3 công cụ
Làm trên máy tính: Adobe Photoshop
Làm trên điện thoại: Phần mềm snapseed
Làm trên web: Canva
2. Chuẩn bị tài nguyên
Theo ý tưởng ở trên ta sẽ phải vẽ/tìm 1 ảnh chàng trai chở cô gái trên xe đạp. Để đơn giản chúng ta sẽ tìm trên trang google image và tạm bỏ qua vấn đề bản quyền hình ảnh. :daica:

5R8Q235.png



Font chữ thì chọn kiểu Lemon Tuesday cho phần tên truyện và một kiểu chữ khác cho phần tên tác giả. Trong forum có một bài rất hay về cách kết hợp kiểu chữ Design Tutorial - Nguyên tắc kết hợp phông chữ

lemon04-1.png


III. Thực hiện
Ở phần này mình sẽ dùng Photoshop, các phần mềm khác sẽ giới thiệu ở bài khác.
Quy định của Reader thì
- Kích thước bìa Reader: 252 (rộng) x 350 (cao).
- Kích thước bìa Ebook hoặc bìa sách đăng tải trên 4r: cái này tùy vào thiết kế của designer, nhưng mình khuyên dùng size: 800 (cao) x 530 (rộng)
Chúng ta đang làm bìa cho truyện ở Reader do đó chúng ta sẽ tạo bìa có tỉ lệ rộng/cao là 252/350, rút gọn phân số sẽ thành 18/25. Vì có thể sau này chúng ta dùng bìa cho những việc khác cần kích thước ảnh to hơn nên lúc này chúng ta cũng sẽ thiết kế bìa theo kích thước to luôn. Ở đây mình chọn kích thước là 1296/1800. (Đơn vị ở đây là pixel).

Nếu các bạn có ý định thiết kế bìa chuyên nghiệp thì dưới đây là 1 số tiêu chuẩn về kích thước, định dạng ảnh của 1 số nhà phát hành sách điện tử
Amazon Kindle Direct Publishing
File Format: JPEG or TIFF
Cover Size (Recommended): 2560x1600 pixels
Cover Size Requirements: between 1000x625 pixels and 10,000x10,000 pixels (one side must be at least 1000)

Apple iBook’s
File Format: JPEG or PNG
Cover Size (Recommended): 1400x1873 or 1600x2400 pixels
Cover Size Requirements: at least 1400 pixels wide

Barnes & Noble
File Format: JPEG or PNG
Cover Size (Recommended): Rectangle height and width, at least 1400 pixels
Cover Size Requirements: Min. 750 pixels height and width

Kobo Books
File Format: JPEG or PNG
Cover Size (Recommended): 1600x2400 pixels
Cover Size Requirements: Min. 1400 pixels width

Smash words
File Format: JPEG or PNG
Cover Size (Recommended): 1600x2400 pixels
Cover Size Requirements: Min. 1400 pixels width

Draft2Digital
File Format: JPEG
Cover Size (Recommended): 1600x2400 pixels
Cover Size Requirements: Tall rectangle

jWdzTTZ.png


Tiếp theo chúng ta bật tính năng thước kẻ của photoshop để có thể căn chỉnh dễ hơn:

Fv2YR5I.png

TqZpp6C.png


(còn tiếp...)
 

Người Chia Sẻ

Đạo Tổ Địa Cảnh
Moderator
*Thiên Tôn*
Tìm hình đẹp, stock để làm bìa ở đâu?

Google: Chắc ai cũng biết rồi nên thôi khỏi dẫn link.
Giới thiệu sơ: Cái nguồn to nhất và phổ biến nhất để tìm mọi thứ.

Creative Market: https://creativemarket(.)com
Giới thiệu sơ: Cái tên nói lên tất cả, đây là một trong những chợ mua sắm các tài nguyên cần cho việc Design lớn nhất trên toàn thế giới. Và ở đây bạn cần gì? Cần tiền đô chứ cần gì.

Elements Envato: https://elements.envato(.)com
Nơi này tương tự như Creative Market nhưng khác ở điểm chỉ với 16,6 USD / 1 tháng cho cá nhân thì bạn có thể tải bất kỳ thứ gì có ở đây.
Pngtree: https://vi.pngtree(.)com
Giới thiệu sơ: Cái tên đã nói lên trang web này có gì, vô vàn PNG, vector và background chứ còn gì nữa. Khuyên bạn nếu có tiền thì nên mua tài khoản vip ở trang này để tải tài nguyên vì nếu dùng free thì mỗi ngày bạn chỉ tải được 2 tài nguyên là cùng.

Behance: https://www.behance(.) net
Giới thiệu sơ: Một nơi nổi tiếng để giao lưu và học hỏi giữa các Designer chuyên nghiệp lẫn nghiệp dư trên toàn thế giới. Đồ ở đây thì xịn xò khỏi nói rồi.

Freepik: https://www.freepik(.)com
Giới thiệu sơ: Một trang web quen thuộc của các Designer trên toàn thế giới, cung cấp PSD, PNG, Vector và vân vân mây mây thứ khác.
Các trang share font free (Vì có rất nhiều trang nên mình gói gọn luôn trong phần này và giới thiệu chung luôn):
Dafont
Google Fonts
1001 Fonts
Befonts
FontHD
Fonts 2U
HelloFont (Trang này bán font chứ không phải share font free nhé!)
Ifonts.xyz
Font Scape
Dafont Free
Free For Fonts
Giới thiệu sơ: Tất cả các trang trên đều share font free và đẹp nếu cố gắng tìm nhưng nhớ là chỉ share với mục đích phi thương mại chứ không phải thương mại đâu nhé!

Uxfree: https://www.uxfree(.)com
Giới thiệu sơ: Đây là một trang web chia sẻ hay phải gọi chính xác hơn là PR (cá nhân mình nghĩ thế thôi nhé). Tài nguyên ở đây rất nhiều nhưng đa số là phải trả phí để tải.

Cộng đồng Designer Việt Nam: https://designervn(.)net
Giới thiệu sơ: Trang web dành cho Designer Việt Nam, có rất nhiều thứ hay ho được chia sẻ tại đây.

Việt Designer: https://vietdesigner(.)net
Giới thiệu sơ: Một trang website dành cho Designer Việt Nam khác.
Mình kể ở đây chỉ là một phần rất nhỏ trong vô số các trang website trên toàn thế giới. Ở đời, muốn biết nhiều thì cần đi tìm nhiều chứ không phải ngồi một góc bó mình thành cò rồi chờ cho có một người thu nhặt tài nguyên về rồi "ôi mình yêu bạn quá, cho mình xin tài nguyên nhé, cảm ơn bạn". Mình luôn khuyến khích tinh thần đi tìm hiểu của các bạn chứ không khuyến khích việc bạn chờ có người tìm và xin lại. Hãy trở thành đại bàng tự đi tìm thứ bản thân cần hơn là trở thành cò chờ người mang đồ về cho bạn.
Ngoài các website ra thì còn có một nơi có rất nhiều tài nguyên nữa đó là Facebook, các trang page hay group như: 3DDesign, Font Việt hóa NVN, **, LNTN, cộng đồng tài liệu thiết kế VN,.. nữa.

-St-
 
Last edited:

Thiên Vy

Phàm Nhân
Moderator
Tác Giả Tập Sự
Ngọc
4,59
Tu vi
0,01
Thể theo nguyện vọng của @Lục Lam@Tường Vy, mình tạo ra thread này để chia sẻ 1 số kinh nghiệm trong "thiết kế" bìa sách. (Thực tế là mình đi cop nhặt về :xinloi:)

Thông thường thiết kế 1 bìa sách sẽ bao gồm 4 bước: lên ý tưởng, chuẩn bị nguyên liệu, thực hiện và hoàn thiện. Chúng ta sẽ đi qua cả 4 bước này thông qua một ví dụ.

Đề bài:


Kết quả: (
Với đôi bàn tay không có hoa tay như mình thì không thể tạo ra bìa đẹp được, bài này chủ yếu giới thiệu kỹ thuật thôi :chaothua:)

s3HPUj2.png


I. Lên ý tưởng

Đây là bước vô cùng quan trọng, chúng ta nên tập trung nhiều thời gian vào phần này. Đối với một người mới, việc nhanh chóng nghĩ ra một ý tưởng hay là việc vô cùng khó khăn. Vì vậy một lời khuyên vẫn được các giáo viên hay nhắc đến là chúng ta nên xem các ý tưởng của những người khác để tìm cảm hứng cho mình. Một cách hay để làm được việc này là chúng ta có thể vào google image để tìm hình ảnh liên quan đến bìa sách cùng thể loại với sách chúng ta định thiết kế bìa, hay một cách khác đơn giản hơn là vào Bạch Ngọc Sách - Reader để xem các bìa sách của những truyện có sẵn trên đó. :48:

Thế ý tưởng ở đây là gồm những gì? Có thể hiểu nôm na ý tưởng là bản phác thảo bìa sách trong tưởng tượng của bạn. Do đó nó có thể bao gồm: hình ảnh, chữ, kiểu chữ, các chi tiết sẽ xuất hiện trong bìa, bố cục, màu sắc.

Như trong đề bài chúng ta có thể lên ý tưởng như sau:
Code:
Ảnh: Chàng trai chở cô gái trên xe đạp, nằm chính giữa. Ảnh logo BNS ở phía trên.
Chữ: Tên tác giả, phía trên
     Tên tác phẩm, phía dưới
Kiểu chữ: dạng viết tay, thể hiện cho phong cách học sinh
Màu: Dựa vào hình ảnh rồi chọn màu cho phù hợp, ưu tiên chọn màu sắc tạo cảm giác tươi trẻ, ngây thơ

II. Chuẩn bị nguyên liệu
1. Chuẩn bị công cụ

Trong chuỗi bài này mình sẽ giới thiệu 3 công cụ
Làm trên máy tính: Adobe Photoshop
Làm trên điện thoại: Phần mềm snapseed
Làm trên web: Canva
2. Chuẩn bị tài nguyên
Theo ý tưởng ở trên ta sẽ phải vẽ/tìm 1 ảnh chàng trai chở cô gái trên xe đạp. Để đơn giản chúng ta sẽ tìm trên trang google image và tạm bỏ qua vấn đề bản quyền hình ảnh. :daica:

5R8Q235.png



Font chữ thì chọn kiểu Lemon Tuesday cho phần tên truyện và một kiểu chữ khác cho phần tên tác giả. Trong forum có một bài rất hay về cách kết hợp kiểu chữ Design Tutorial - Nguyên tắc kết hợp phông chữ

lemon04-1.png


III. Thực hiện
Ở phần này mình sẽ dùng Photoshop, các phần mềm khác sẽ giới thiệu ở bài khác.
Quy định của Reader thì

Chúng ta đang làm bìa cho truyện ở Reader do đó chúng ta sẽ tạo bìa có tỉ lệ rộng/cao là 252/350, rút gọn phân số sẽ thành 18/25. Vì có thể sau này chúng ta dùng bìa cho những việc khác cần kích thước ảnh to hơn nên lúc này chúng ta cũng sẽ thiết kế bìa theo kích thước to luôn. Ở đây mình chọn kích thước là 1296/1800. (Đơn vị ở đây là pixel).

Nếu các bạn có ý định thiết kế bìa chuyên nghiệp thì dưới đây là 1 số tiêu chuẩn về kích thước, định dạng ảnh của 1 số nhà phát hành sách điện tử
Amazon Kindle Direct Publishing
File Format: JPEG or TIFF
Cover Size (Recommended): 2560x1600 pixels
Cover Size Requirements: between 1000x625 pixels and 10,000x10,000 pixels (one side must be at least 1000)

Apple iBook’s
File Format: JPEG or PNG
Cover Size (Recommended): 1400x1873 or 1600x2400 pixels
Cover Size Requirements: at least 1400 pixels wide

Barnes & Noble
File Format: JPEG or PNG
Cover Size (Recommended): Rectangle height and width, at least 1400 pixels
Cover Size Requirements: Min. 750 pixels height and width

Kobo Books
File Format: JPEG or PNG
Cover Size (Recommended): 1600x2400 pixels
Cover Size Requirements: Min. 1400 pixels width

Smash words
File Format: JPEG or PNG
Cover Size (Recommended): 1600x2400 pixels
Cover Size Requirements: Min. 1400 pixels width

Draft2Digital
File Format: JPEG
Cover Size (Recommended): 1600x2400 pixels
Cover Size Requirements: Tall rectangle

jWdzTTZ.png


Tiếp theo chúng ta bật tính năng thước kẻ của photoshop để có thể căn chỉnh dễ hơn:

Fv2YR5I.png

TqZpp6C.png


(còn tiếp...)
lấy đề của Vy luôn sao
cho em luôn cái này nha:znxbqq4:
 

Trà Tắc Lắc Sữa

Phàm Nhân
Thanh Xuân Ký Giả
Đệ Tam Converter Tháng 2
Ngọc
52,04
Tu vi
0,14
Thể theo nguyện vọng của @Lục Lam@Tường Vy, mình tạo ra thread này để chia sẻ 1 số kinh nghiệm trong "thiết kế" bìa sách. (Thực tế là mình đi cop nhặt về :xinloi:)

Thông thường thiết kế 1 bìa sách sẽ bao gồm 4 bước: lên ý tưởng, chuẩn bị nguyên liệu, thực hiện và hoàn thiện. Chúng ta sẽ đi qua cả 4 bước này thông qua một ví dụ.

Đề bài:


Kết quả: (
Với đôi bàn tay không có hoa tay như mình thì không thể tạo ra bìa đẹp được, bài này chủ yếu giới thiệu kỹ thuật thôi :chaothua:)

s3HPUj2.png


I. Lên ý tưởng

Đây là bước vô cùng quan trọng, chúng ta nên tập trung nhiều thời gian vào phần này. Đối với một người mới, việc nhanh chóng nghĩ ra một ý tưởng hay là việc vô cùng khó khăn. Vì vậy một lời khuyên vẫn được các giáo viên hay nhắc đến là chúng ta nên xem các ý tưởng của những người khác để tìm cảm hứng cho mình. Một cách hay để làm được việc này là chúng ta có thể vào google image để tìm hình ảnh liên quan đến bìa sách cùng thể loại với sách chúng ta định thiết kế bìa, hay một cách khác đơn giản hơn là vào Bạch Ngọc Sách - Reader để xem các bìa sách của những truyện có sẵn trên đó. :48:

Thế ý tưởng ở đây là gồm những gì? Có thể hiểu nôm na ý tưởng là bản phác thảo bìa sách trong tưởng tượng của bạn. Do đó nó có thể bao gồm: hình ảnh, chữ, kiểu chữ, các chi tiết sẽ xuất hiện trong bìa, bố cục, màu sắc.

Như trong đề bài chúng ta có thể lên ý tưởng như sau:
Code:
Ảnh: Chàng trai chở cô gái trên xe đạp, nằm chính giữa. Ảnh logo BNS ở phía trên.
Chữ: Tên tác giả, phía trên
     Tên tác phẩm, phía dưới
Kiểu chữ: dạng viết tay, thể hiện cho phong cách học sinh
Màu: Dựa vào hình ảnh rồi chọn màu cho phù hợp, ưu tiên chọn màu sắc tạo cảm giác tươi trẻ, ngây thơ

II. Chuẩn bị nguyên liệu
1. Chuẩn bị công cụ

Trong chuỗi bài này mình sẽ giới thiệu 3 công cụ
Làm trên máy tính: Adobe Photoshop
Làm trên điện thoại: Phần mềm snapseed
Làm trên web: Canva
2. Chuẩn bị tài nguyên
Theo ý tưởng ở trên ta sẽ phải vẽ/tìm 1 ảnh chàng trai chở cô gái trên xe đạp. Để đơn giản chúng ta sẽ tìm trên trang google image và tạm bỏ qua vấn đề bản quyền hình ảnh. :daica:

5R8Q235.png



Font chữ thì chọn kiểu Lemon Tuesday cho phần tên truyện và một kiểu chữ khác cho phần tên tác giả. Trong forum có một bài rất hay về cách kết hợp kiểu chữ Design Tutorial - Nguyên tắc kết hợp phông chữ

lemon04-1.png


III. Thực hiện
Ở phần này mình sẽ dùng Photoshop, các phần mềm khác sẽ giới thiệu ở bài khác.
Quy định của Reader thì

Chúng ta đang làm bìa cho truyện ở Reader do đó chúng ta sẽ tạo bìa có tỉ lệ rộng/cao là 252/350, rút gọn phân số sẽ thành 18/25. Vì có thể sau này chúng ta dùng bìa cho những việc khác cần kích thước ảnh to hơn nên lúc này chúng ta cũng sẽ thiết kế bìa theo kích thước to luôn. Ở đây mình chọn kích thước là 1296/1800. (Đơn vị ở đây là pixel).

Nếu các bạn có ý định thiết kế bìa chuyên nghiệp thì dưới đây là 1 số tiêu chuẩn về kích thước, định dạng ảnh của 1 số nhà phát hành sách điện tử
Amazon Kindle Direct Publishing
File Format: JPEG or TIFF
Cover Size (Recommended): 2560x1600 pixels
Cover Size Requirements: between 1000x625 pixels and 10,000x10,000 pixels (one side must be at least 1000)

Apple iBook’s
File Format: JPEG or PNG
Cover Size (Recommended): 1400x1873 or 1600x2400 pixels
Cover Size Requirements: at least 1400 pixels wide

Barnes & Noble
File Format: JPEG or PNG
Cover Size (Recommended): Rectangle height and width, at least 1400 pixels
Cover Size Requirements: Min. 750 pixels height and width

Kobo Books
File Format: JPEG or PNG
Cover Size (Recommended): 1600x2400 pixels
Cover Size Requirements: Min. 1400 pixels width

Smash words
File Format: JPEG or PNG
Cover Size (Recommended): 1600x2400 pixels
Cover Size Requirements: Min. 1400 pixels width

Draft2Digital
File Format: JPEG
Cover Size (Recommended): 1600x2400 pixels
Cover Size Requirements: Tall rectangle

jWdzTTZ.png


Tiếp theo chúng ta bật tính năng thước kẻ của photoshop để có thể căn chỉnh dễ hơn:

Fv2YR5I.png

TqZpp6C.png


(còn tiếp...)
Hóng-ing:ygfwnig:
 

Cà Chua Chưa Chín

Luyện Hư Trung Kỳ
Ngọc
2.235,44
Tu vi
833,01
Với kinh nghiệm của mình, mình thấy nếu muốn làm bìa vừa đẹp vừa đơn giản thì nên chú trọng vào phần typo và màu sắc. Typo đơn giản, gọn gàng dễ đọc và hợp với bìa truyện là được. Còn stock thì nên chọn những tấm hình đủ khoảng trống và HD.
 

Những đạo hữu đang tham gia đàm luận

Top