(Misc) Mike Tennant's Tutorials.

Tiêu đề: (Misc) Mike Tennant's Tutorials. Sun Jun 24, 2012 8:56 am

My very very first tutorial.
.IS ONLY AVAILABLE ON TRCFAM & MY OWN WP. DO NOT TAKE OUT!.

Trong một phút nông nổi mình đã quyết định viết tutorial đánh đu với đời (dù trình độ chẳng ra sao T.T). Nếu có gì sai sót hoặc khó hiểu các bạn có thể hỏi minh trực tiếp tại topic này hoặc pm nếu thích ^^ (mình hy vọng khả năng diễn đạt của mình không đến nỗi quá kém cỏi như thế, nhưng thôi cứ nói trước cho chắc ăn).

Có lẽ nhiều người đã biết, mình coloring/ blending là chủ yếu và loại graphic mình hay làm nhất là icon. Vì vậy, tutorial đầu tiên sẽ là coloring icon ^^ Mong mọi người ủng hộ.

Bắt đầu thôi!

TUTORIAL #1: Coloring (Icon size).
Và Sự quan trọng của góc cắt trong piece.

Level: (Quite) Easy.

B1: Đương nhiên là mở stock. Mình chọn một hình của Miley Cyrus.(credit stock: tumblr)

B2: Crop.

(Misc) Mike Tennant's Tutorials. B002

B3: Xử lý sơ stock:

- Duplicate layer. Mode: Normal. Filter -> Sharpen Edges.
- Duplicate layer gốc một lần nữa. Mode: Soft light. Filter -> Gaussian blur. Radius: 1.0.

Lưu ý: Đối với các stock khác, các bạn có thể tùy chỉnh opacity và fill sao cho phù hợp, không nhất thiết phải để 100%. Thậm chí có thể bỏ qua bước này nếu stock đã HQ hoặc hợp nhãn bạn, nhưng mình khuyên, ít nhất cũng nên duplicate layer lên một lần và set mode nào đó để định hướng kiểu blend.

B4: Bắt đầu coloring:

1. Layer -> New fill layer -> Fill màu mã: #00334c. Mode: Exclusion. Opacity: 15%.

2. Layer -> New Adjustment layer -> Curves. Chỉnh theo hình sau:

(Misc) Mike Tennant's Tutorials. Curves

3. Layer -> New fill layer -> Fill màu mã: #435b93. Mode: Exclusion. Opacity: 25%.

4. Layer -> New fill layer -> Fill màu mã: #f69191. Mode: Soft Light. Opacity: 25%.

5. Layer -> New fill layer -> Fill màu mã: #e66d30. Mode: Soft Light. Opacity: 20%.

6. Layer -> New Adjustment layer -> Selective Colors. Chỉnh theo thông số sau:

Kênh Reds: -100 | 0 | +58 | 0.
Kênh Yellows: +71 | -70 | -95 | 0.
Kênh Whites: -16 | -33 | -35 | 0.
Kênh Neutrals: -12 | -2 | +13 | 0.
Kênh Blacks: 0 | 0 | 0 | +20.

7. Layer -> New Adjustment layer -> Selective Colors. Chỉnh theo thông số sau:

Kênh Reds: -67 | +20 | +40 | +40.
Kênh Yellows: +25 | -40 | -100 | -100.
Kênh Magentas: 0 | -100 | 0 | 0.
Kênh Whites: 0 | -24 | -38 | 0.

8. Layer -> New Adjustment layer -> Gradient Map. Chọn kiểu gradient như mình khoanh đỏ trong hình dưới đây:

(Misc) Mike Tennant's Tutorials. B003

Mode: Soft Light. Opacity: 15%.

9. Tạo một layer mới (Layer -> New -> Layer) hoặc nhìn xuống cuối bảng layer, chọn biểu tượng thứ 5 (kế biểu tượng recycle bin). Sử dụng brush tool (nếu ai chưa biết brush là gì xin mời vào đây), chọn loại brush giống như mình khoanh đỏ trong hình dưới đây:

(Misc) Mike Tennant's Tutorials. B004

Lưu ý: đây là phần hoàn toàn dựa vào cảm nhận của mỗi người, không có bất kỳ quy tắc nào cho việc chấm brush vào đâu, cứ chấm theo sở thích của mình, miễn sao hợp ý bạn là được. Có thể điều chỉnh size brush và opacity của layer này tùy ý.

Và đó là bước cuối cùng ^^ Hãy cùng làm một bài so sánh nho nhỏ nào:

MỘT VÀI CHÚ Ý:

- Các bạn có thể dừng lại ở bất cứ bước nào bạn cảm thấy ưng ý, có thể tùy chỉnh thông số màu cho phù hợp với stock. Đây chỉ là một bài tut tổng quát cách coloring màu khá thông thường của mình: chủ yếu là fill màu, selective colors, thỉnh thoảng có thêm một vài lớp gradient hoặc photo filter hay curves,… (Mình thường không thành công trong việc dùng textures nên cũng ít sử dụng.)

- Như đầu đề, góc cắt rất quan trọng trong việc làm graphic nói chung và làm icon nói riêng, theo mình với icon nó quyết định 60% thành bại của piece (vì góc cắt ảnh hưởng tới bố cục, kéo theo cả cách blend và add text,…). Nên có khi phải cắt đi cắt lại nhiều lần mới có thể ưng ý, đừng vội nản ha ^^ Sẵn tiện, mình cũng nói qua luôn một số cách cắt mình hay dùng/ từng thấy (hy vọng sẽ có ích):

+ Cắt không quá cận mod, chừa khoảng 30 - 45% Background là một sự lựa chọn an toàn. Piece sẽ có điểm nhấn hơn và cũng thuận tiện hơn khi bạn muốn chèn text. Áp dụng cho những stock mod không có nhiều điểm ấn tượng, đặc biệt hay thu hút.

+ Cắt lấy gần như toàn bộ stock (Khá... khó giải thích, mời các bạn xem qua một set mình cắt theo kiểu này để hiểu thêm). Áp dụng cho những stock có mod gần như... mờ nhạt (stock có BG rất được chú trọng chẳng hạn).

+ Cắt lấy phần nổi bật nhất của mod (cách này theo mình khá khó và mình cũng mới chỉ dùng vài lần). Đòi hỏi phải blend rất sắc nét và text cũng ấn tượng. Áp dụng cho stock focus vào mod và mod có nhiều chi tiết nhỏ tinh xảo (thường là vậy...)

Vậy là tutorial đầu tiên đã hoàn thành. Mình đã cố hết sức viết ngắn gọn, hy vọng ai đọc cũng hiểu x'>

Cảm ơn vì đã theo dõi. Chúc các bạn vui vẻ và thành công.

Ngày lành,
Mike Tennant.

Tiêu đề: Re: (Misc) Mike Tennant's Tutorials. Mon Jun 25, 2012 8:40 am

Tình hình là bạn gái chẵng biết post ở đâu cả , nên post ở đây luôn nha , nếu bạn trai không thích bạn gái sẽ xóa
Rất ư là thích cái màu :">

Tiêu đề: Re: (Misc) Mike Tennant's Tutorials. Mon Jun 25, 2012 2:43 pm

Không sao đâu bạn gái, cứ post ở đây cho bạn trai xem mức độ tut của mình giúp ích được đến đâu

bạn gái thích màu là tốt rồi ^^

Tiêu đề: Re: (Misc) Mike Tennant's Tutorials. Fri Jul 06, 2012 10:54 am

TUTORIAL #2: Coloring (Icon size) #2.
(Làm theo yêu cầu của đàn chị Verona Trần/ GuGoGo)

Level: (Quite) Easy.

B1: Mở stock. Mình chọn một hình của Taylor Swift. (credit stock: google, keyword: Taylor Swift).

B2: Crop.

(Misc) Mike Tennant's Tutorials. B2_sparksfly

B3: Xử lý sơ stock (xem lại lưu ý ở tutorial #1):

- Duplicate layer. Mode: Multiply. Opacity: 77%. Filter -> Blur -> Gaussian blur. Radius: 1.0.
- Duplicate layer gốc một lần nữa. Mode: Screen. Opacity: 100%. Filter -> Sharpen.

B4: Bắt đầu coloring:

1. Layer -> New fill layer -> Fill màu mã: #371a05. Mode: Screen. Opacity: 100%.

2. Layer -> New fill layer -> Fill màu mã: #01042e. Mode: Exclusion. Opacity: 31%.

3. Layer -> New fill layer -> Fill màu mã: #00334c. Mode: Exclusion. Opacity: 15%.

4. Layer -> New Adjustment layer -> Selective Colors. Chỉnh theo thông số sau:

Kênh Reds: -100 | +11 | +35 | 0.
Kênh Yellows: -60 | -39 | -100 | +56.
Kênh Cyans: 0 | +30 | -98 | 0.
Kênh Blues: +100 | -100 | +100 | +100.
Kênh Magentas: -75 | -100 | +88 | +82.
Kênh Whites: -42 | 0 | +34 | -10.
Kênh Neutrals: -29 | +9 | +19 | 0.
Kênh Blacks: 0 | 0 | +68 | +100.

5. Layer -> New Adjustment layer -> Selective Colors. Chỉnh theo thông số sau:

Kênh Reds: +99 | +10 | +45 | -15.
Kênh Yellows: +51 | -60 | -40 | -48.
Kênh Magentas: 0 | 0 | -33 | 0.
Kênh Whites: -32 | +23 | +17 | -7.
Kênh Neutrals: -12 | -14 | -15 | +4.
Kênh Blacks: 0 | 0 | 0 | +64.

Chú ý: Có thể xóa bớt một vài phần màu không phù hợp trên layer.

6. Layer -> New Adjustment layer -> Gradient Map. Chọn kiểu gradient như mình khoanh đỏ trong hình dưới đây:

(Misc) Mike Tennant's Tutorials. B003

Mode: Soft Light. Opacity: 61%.

7. Layer -> New Adjustment layer -> Photo Filter. Chọn Color, mã màu: #ec8a00. Destiny: 21%.

8. Tạo một layer mới, opacity: 23%, fill: 68%. Sử dụng brush tool, chọn loại brush giống như mình khoanh đỏ trong hình dưới đây:

(Misc) Mike Tennant's Tutorials. B004

Chọn màu mã #ffffff, chấm tùy ý, miễn cảm thấy ổn là được.

9. Lưu ý: Đây là bước tùy hứng, có thể bỏ qua:

Stamp visible (Ctrl + Shift + Alt + E). Dùng Smudge tool (ai chưa biết tool này nằm ở đâu mời tự google): Strengh 4%, Size: 69 (Cũng dùng loại brush giống như bước 8.) Quệt tùy ý.

10. Add text. Mình dùng font Anglican. Mode: Strong. Effect:

(Misc) Mike Tennant's Tutorials. B_sf

11. Add texture này vào. Mode: Screen.

Let's see ^^:

Và đó là tutorial thứ hai của mình ^^ Không mấy khác tutorial đầu tiên vì vẫn chỉ có những kiểu đi màu với fill, selective colors,... Nếu có gì thắc mắc xin hãy hỏi trực tiếp tại đây hoặc pm mình ha.

Chúc các bạn vui vẻ và thành công.

Ngày lành,
Mike Tennant.

Tiêu đề: Re: (Misc) Mike Tennant's Tutorials. Sat Jul 07, 2012 9:45 pm

TUTORIAL #3: Coloring (Icon Size) #3.
(Làm theo yêu cầu của bạn gái Shou Ng)

Level: (Quite) Easy.

B1: Mở stock. Mình chọn một hình của Taylor Swift (credit stock: google, keyword: both of us, Taylor Swift).

B2: Crop.

(Misc) Mike Tennant's Tutorials. B_both

B3: Xử lý sơ stock (xem lại lưu ý ở tutorial #1):

Như các bạn đã thấy, stock nhìn rất LQ nên bước xử lý sơ này cũng kha khá. Tuy nhiên điểm chính cũng chỉ là duplicate layer rồi set sharpen cho hình sắc nét hơn thôi (LOL, mình đang vạch áo cho người xem lưng).

- Duplicate layer. Mode: Screen. Opacity: 60%. Filter -> Blur -> Gaussian blur. Radius: 1.0.

- Duplicate layer gốc một lần nữa. Mode: Soft Light. Opacity: 100%. Filter -> Sharpen. (Làm 2 lần bước này).

B4: Bắt đầu coloring:

1. Layer -> New fill layer -> Fill màu mã: #3b1301. Mode: Screen. Opacity: 75%.

2. Layer -> New fill layer -> Fill màu mã: #082a3e. Mode: Exclusion. Opacity: 45%.

3. Layer -> New fill layer -> Fill màu mã: #435b93. Mode: Exclusion. Opacity: 16%. Fill: 89%.

4. Layer -> New Adjustment layer -> Selective Colors. Chỉnh theo thông số sau:

Kênh Reds: -80 | 0 | -28 | +47.
Kênh Yellows: +54 | -15 | +53| 0.
Kênh Greens: +48 | -91 | +70 | 0.
Kênh Whites: -14 | +13 | +18 | +14.
Kênh Neutrals: +3 | +2 | +8 | -12.
Kênh Blacks: 0 | 0 | 0 | -15.

5. Layer -> New Adjustment layer -> Selective Colors. Chỉnh theo thông số sau:

Kênh Reds: +15 | +7 | -8 | -13.
Kênh Yellows: -36 | 0 | +14 | +42.
Kênh Greens: -73 | - 18 | +61 | +100.
Kênh Magentas: -100 | -72 | +54 | -100.
Kênh Whites: -15 | +3 | -23 | -33.
Kênh Neutrals: -8 | +2 | +8 | -5.
Kênh Blacks: 0 | 0 | 0 | -64.

Chú ý: Có thể xóa bớt một vài phần màu không phù hợp trên layer.

6. Layer -> New Adjustment layer -> Selective Colors. Chỉnh theo thông số sau:

Kênh Reds: -100 | 0 | +58 | -13.
Kênh Yellows: +84 | -75 | -100 | +13.
Kênh Greens: -73 | - 18 | +61 | +100.
Kênh Whites: +74 | -43 | -45 | +21.
Kênh Neutrals: -17 | -2 | +10 | 0.
Kênh Blacks: 0 | 0 | 0 | +20.

7. Layer -> New Adjustment layer -> Selective Colors. Chỉnh theo thông số sau:

Kênh Reds: -51 | +23 | +55 | +38.
Kênh Yellows: +25 | -40 | -100 | -100.
Kênh Greens: +39 | -74 | +91 | -100.
Kênh Greens: -73 | - 18 | +61 | +100.
Kênh Magentas: 0 | -100 | 0 | 0.
Kênh Whites: 0 | -24 | -38 | 0.
Kênh Neutrals: -3 | -3 | -3 | +1.

Chú ý: Có thể xóa bớt một vài phần màu không phù hợp trên layer.

8. Layer -> New Adjustment layer -> Gradient Map. Chọn kiểu gradient như mình khoanh đỏ trong hình dưới đây:

(Misc) Mike Tennant's Tutorials. B003

Ở phần Gradient Opitions, chọn Reverse.

Mode: Soft Light. Opacity: 15%. Fill: 65%.

9. Layer -> New fill layer -> Fill màu mã: #f2f2f2. Mode: Multiply. Opacity: 29%. Fill: 31%.

10. Tạo một layer mới. Sử dụng brush tool, chọn loại brush giống như mình khoanh đỏ trong hình dưới đây:

(Misc) Mike Tennant's Tutorials. B004

Chọn màu mã #ffffff, chấm tùy ý, miễn cảm thấy ổn là được.

Let's see ^^:

Vậy là 3 tut liên tiếp mình đã nói về cách coloring icon, có vẻ đã nhàm (LOL). Bữa sau mình sẽ chuyển sang làm tutorial making banner, tiết lộ luôn là banner đang được sử dụng ở nhà mình. Mong mọi người ủng hộ.

Chúc các bạn vui vẻ và thành công.

Ngày lành,
Mike Tennant.

Tiêu đề: Re: (Misc) Mike Tennant's Tutorials. Fri Jul 20, 2012 11:01 am

TUTORIAL #4: Making a Banner.

Level: (Quite) Easy.

B1: Đương nhiên là mở stock. Mình không giỏi cắt ghép hình và dùng textures nên mình sẽ chọn một stock có size lớn để chỉ cần crop là có thể bắt đầu làm. (credit stock: zerochan, with keywords: girl, summer) Mất mịe link gốc rồi bực vcc :-w

B2: Crop:

(Misc) Mike Tennant's Tutorials. Summer3

B3: Xử lý sơ stock (xem lại lưu ý ở tutorial #1):

- Duplicate layer. Mode: Soft light. Xóa bớt một số phần quá sáng để hình trông tự nhiên hơn.
- Duplicate layer gốc một lần nữa. Mode: Soft light. Filter -> Gaussian blur. Radius: 1.0.

B3: Bắt đầu blending:

1. Layer -> New fill layer -> Fill màu mã: #440505. Mode: Exclusion. Opacity: 19%.

2. Layer -> New fill layer -> Fill màu mã: #02123f. Mode: Exclusion. Opacity: 30%.

3. Layer -> New fill layer -> Fill màu mã: #f39c66. Mode: Soft Light.

4. Layer -> New Adjustment layer -> Selective Colors. Chỉnh theo thông số sau:

Kênh Reds: -50 | 0 | +75 | 0.
Kênh Yellows: -100 | -45 | +50 | 0.
Kênh Greens: -69 | -100 | +100 | 0.
Kênh Cyans: +100 | -100 | -100 | 0.
Kênh Blues: +100 | -100| -100 | +37.
Kênh Magentas: -100 | +73 | +38 | 0.
Kênh Whites: -72 | +37 | +10 | 0.
Kênh Neutrals: -13 | +36 | +21 | -4.
Kênh Blacks: 0 | 0 | 0 | +100.

5. Layer -> New Adjustment layer -> Selective Colors. Chỉnh theo thông số sau:

Kênh Reds: -51 | +50 | -53 | +88.
Kênh Yellows: -100 | -100 | +100 | 0.
Kênh Greens: +100 | -100 | +100 | 0.
Kênh Cyans: +100 | -96 | -100 | 0.
Kênh Blues: +100 | -100 | -100 | 0.
Kênh Magentas: -19 | -60 | +64 | 0.
Kênh Whites: -54 | +19 | -24 | 0.
Kênh Neutrals: -11 | +18 | +39 | -10.
Kênh Blacks: 0 | 0 | 0 | -44.

B4: Chèn textures:

Dù không giỏi thì lúc cần vẫn cứ phải dùng ha ^^" Mình không dám múa rìu qua mắt thợ nên chỉ xài vài light textures (loại textures mà mình cho rằng mình dùng đỡ ẹ nhất) thôi. Các bạn có thể xoay textures tùy ý sao cho phù hợp với stock và điểm bạn muốn nhấn. Và đây là link down cả set (credit textures: from Shou Ng, special thanks, my lovely girlfriend

) (Mình đã để theo đúng thứ tự textures được dùng trong tut.)

1. Mode: Screen.
2. Mode: Lighten. Opacity: 75%.
3. Mode: Screen.
4. Mode: Screen.

B5: Chèn text:

Như các bạn đã thấy mình crop lấy tới gần 60% background và đương nhiên khi chèn text mình sẽ chèn vào đó. Có một kinh nghiệm là nên để text ở phía đối diện với mod nếu định làm text lệch và để text ở ngay dưới (hoặc trên mod) nếu focus vào chính giữa piece. Ở đây mình chọn cách đầu tiên, hiển nhiên

Mình nghĩ để nói về đặt text ở đâu thì rất khó, cái này… nên tham khảo ở các designer giỏi để lây thêm kinh nghiệm (mình cũng rất ngu text, và ngu cả diễn đạt nữa, chẳng biết nói sao cho dễ hiểu T.T). Các bạn có thể vào đây để xem thêm, ha.

Ở đây mình dùng font Neutral Display cho text chính "Summer's Coming!", Edwardian Script ITC cho dòng "dear fam," và cuối cùng là Neutral Text TF cho " Let's start the party". Effect thì toàn basic cả, ai cũng thấy rõ rồi mình không nói thêm nữa ha ^^.

Vì hiện tại banner vẫn còn được treo nên mình bỏ qua bước so sánh 8-}

Đây là tutorial không phải icon đầu tiên của mình (8-}) thực ra mình cũng không định làm tut cái này mà thấy thím Thanh bảo đây là masterpiece (8-}) và bạn gái Shou Ng cũng có khen nên mình đã quyết định làm. Vốn là cách blend ngày xưa, không có gì đặc biệt lắm nên khi thấy mọi người phản ứng khá tích cực (8-}) mình đã rất ngạc nhiên (và hoang mang). Lẽ nào mình bây giờ tụt lùi sao 8-} (thì đã bao giờ tiến lên đâu =))

))

Khuyến khích các bạn áp dụng tutorial cho những stock nhiều màu, mịn và rõ (cái này chắc gọi là kiểu stock digital nhỉ, mình cũng không chắc lắm…) kẻo màu sẽ bị chói và hình sẽ vỡ nét.

Chúc các bạn vui vẻ và thành công.

Ngày lành,
Mike Tennant.

Tiêu đề: Re: (Misc) Mike Tennant's Tutorials. Fri Jul 20, 2012 1:43 pm

TUTORIAL #5: Coloring (Icon size) #4.
(Làm theo yêu cầu của bạn gái Shou Ng.)

Level: (Quite) Easy.

Tutorial có các bước selective colors khá mạnh, khuyến khích dùng cho các stock MQ và màu nhạt.

B1: Đương nhiên là mở stock. Mình chọn một hình của M.I.A.(credit stock: google, with keywords: MIA, bad girls.)

B2: Crop:

(Misc) Mike Tennant's Tutorials. 4

B3: Xử lý sơ stock (xem lại lưu ý ở tutorial #1):

- Duplicate layer. Mode: Multiply. Xóa bớt một số phần quá tối để màu hài hòa hơn.
- Duplicate layer gốc một lần nữa. Mode: Soft light. Filter -> Gaussian blur. Radius: 1.0.
- Tiếp tục duplicate layer gốc. Mode: Screen. Filter -> Sharpen.

B4: Bắt đầu coloring:

1. Layer -> New fill layer -> Fill màu mã: #490505. Mode: Exclusion. Opacity: 34%.

2. Layer -> New fill layer -> Fill màu mã: #fb650b. Mode: Exclusion. Opacity: 23%.

2. Layer -> New fill layer -> Fill màu mã: #fb650b. Mode: Exclusion. Opacity: 23%. Bước này được thực hiện 2 lần.

3. Layer -> New Adjustment layer -> Selective Colors. Chỉnh theo thông số sau:

Kênh Reds: -100 | -42 | +38 | +43.
Kênh Yellows: -60 | -24 | +50 | -24.
Kênh Greens: 0 | 0 | -100 | 0.
Kênh Cyans: -51 | +66 | -71 | -30.
Kênh Blues: -34 | -34 | -59 | +70.
Kênh Magentas: 0 | +100 | 0 | +100.
Kênh Whites: -25 | -43 | +32 | +35.
Kênh Neutrals: -5 | +5 | +8 | -7.
Kênh Blacks: 0 | 0 | 0 | -26.

4. Layer -> New Adjustment layer -> Selective Colors. Chỉnh theo thông số sau:

Kênh Reds: -100 | 0 | 0 | +54.
Kênh Neutrals: +63 | 0 | 0 | -11.

Chú ý: Bước này mình muốn nhấn màu đôi môi của mod nên đã xóa toàn bộ các phần còn lại, các bạn có thể thực hiện bước này hoặc bỏ qua cũng không sao.

5. Layer -> New Adjustment layer -> Selective Colors. Chỉnh theo thông số sau:

Kênh Reds: -42 | 0 | +15 | -7.
Kênh Neutrals: 0 | +5 | +2 | -16.
Kênh Blacks: 0 | 0 | 0 | -32.

6. Layer -> New Adjustment layer -> Selective Colors. Chỉnh theo thông số sau:

Kênh Whites: -29 | -41 | +30 | +25.
Kênh Neutrals: -14 | -12 | +13 | -8.
Kênh Blacks: 0 | 0 | 0 | -26.

7. Tạo một layer mới (Layer -> New -> Layer) hoặc nhìn xuống cuối bảng layer, chọn biểu tượng thứ 5 (kế biểu tượng recycle bin). Sử dụng brush tool (nếu ai chưa biết brush là gì xin mời vào đây), chọn loại brush giống như mình khoanh đỏ trong hình dưới:

(Misc) Mike Tennant's Tutorials. B004

Mã màu: #ffffff. Mode: Normal. Opacity: 38%. (Xem lại lưu ý ở B9, tutorial #1)

Và đó là bước cuối cùng ^^ Hãy cùng làm một bài so sánh nho nhỏ nào:

Chúc các bạn vui vẻ và thành công.

Ngày lành,
Mike Tennant.

» mike.tennant's Typography Tips