Diagon Alley - Everything about Harry Potter!

ลำดับตอนที่ #142 : How to make Harry Potter films' logo

สวัสดีค่ะ

กลับเข้าโหมดปกติกัน... บล็อกนี้ยังเป็นบล็อกแฮร์รี่อยู่นะ ถึงมันจะนอกเรื่องไปเยอะมากแล้ว

วันนี้จะสอนทำโลโก้หนังแฮร์รี่นะ เชื่อว่าหลายคนอาจจะสงสัยว่าโลโก้หนังแฮร์รี่นี่มันทำยังไง บางคนอาจจะลองโหลดมา หรือตัดเอาจากโปสเตอร์หรือวอลเปเปอร์... แต่เราว่าลองทำเองก็สวยไปอีกแบบ ไม่ค่อยยากเท่าไหร่ (แต่กลัวตัวเองอธิบายแล้วพาคนอ่านงง 55) เป็น tutorial แรกของเรา (สอนต่อจากที่ฝรั่งเค้าสอน) ถ้ากระแสตอบรับดีอาจจะมีภาคต่อ 555

เวลาจะทำโลโก้หนังแฮร์รี่ ฟอนต์ที่ใช้ได้คือ Harry P ตอนหลังมีคนทำภาษาไทย ชื่อฟอนต์ Sarun's HarryPotter จาก f0ntจิ้มไปโหลดได้เลยค่ะ ถ้าไม่มีฟอนต์แล้วเดี๋ยวจะไม่เหมือนนะ

จากนั้นมาเริ่มเลยค่าา~
เปิดโฟโต้ชอปแล้วสร้างไฟล์ใหม่ แนะนำให้ตั้งขนาดเท่าของเราก่อน เราตั้งขนาดไว้ที่ 800 x 300 px

ได้ไฟล์ใหม่แล้วจิ้มสีตามนี้

Foreground Color: #000000
Background Color: #3a5962

Foreground คือช่องสีอันที่อยู่ข้างบน ส่วน Background อยู่ข้างล่าง

จากนั้นไปที่ Filter >> Render >> Clouds

จะได้ท้องฟ้าคล้ายๆแบบนี้...

พอได้ท้องฟ้าแล้วก็กดเพิ่มเลเยอร์ใหม่ Layer >> New >> Layer หรืออะไรก็ได้ที่ถนัด อันนี้สำคัญมากนะ ค่อยๆอ่าน

พิมพ์คำว่า HarryPotter ไม่ต้องเว้นวรรค ขนาดตัวอักษร 220 pt สีอะไรก็ได้ ถ้าใช้สีขาวจะเห็นชัดดี ^^''

จิ้มที่รูปได้ ย่อเพราะบล็อกมันแหก

ต่อไป... กดที่เมนู Layer >> Layer Style >> Bevel and Emboss (หรือกดตัว f ในกล่องเลเยอร์) อันนี้จะทำให้ตัวหนังสือเหมือนโลโก้ของจริงอะ

ตั้งค่าตามนี้เลยค่ะ

Style: Inner Bevel
Technique: Chisel Hard
Depth: 200%
Direction: Up
Size: 30 px
Soften: 0 px

Angle: 39^o
Altitude: 58^o

Gloss Contuor: Cone
Highlight Mode: Screen , #ffffff , Opacity 100%
Shadow Mode: Linear Burn , #000000, Opacity 100%

จากนั้นมาคลิกที่ Contour ไม่ต้องปรับอะไร เราว่ามันก็โอเคแล้ว 55 ติ๊ก Anti-alised ทุกครั้งนะ

ต่อมาก็ Texture ซึ่งยังหาอันที่เหมือนของจริงไม่ได้ โลโก้หนังแฮร์รี่แต่ละภาคเค้าใช้ต่างกันหมดเลย แต่เราไม่ต้องจริงจังมาก ใส่ texture ที่เป็นลายหินแล้วกันเนอะ

คลิกสามเหลี่ยมลงข้างๆรูป texture แล้วคลิกที่สามเหลี่ยมด้านข้างเพื่อเปิดโหลดเพิ่ม
เลือก Rock Patterns จะมี pop-up ให้กด Append

แล้วเลือกอันที่ 3 นับจากอันสุดท้าย ชือ Light Marble นะคะ

Scale:100%
Depth: +20%

พอถึงตรงนี้มันก็เริ่มจะเหมือนแล้ว^^'' เราก็มาเปลี่ยนสีให้มันดูดีกว่านี้อีกนิดนึง... คลิกที่ Gardient Overlay แล้วคลิกที่แถบสี (ตอนแรกมันมักจะให้มาเป็นขาวดำ) เพื่อเปิด Gardient Editor
พอเปิด Gardient Editor ได้แล้วให้คลิกอันที่เป็นสีส้มๆเหลืองๆ 3 แถบอะ เราจะเอาอันนั้นมาเปลี่ยนสีค่ะ

ในรูปพอดีเราเซต gardient อันใหม่ไปแล้ว ;p

คลิกที่ตัวหลอดสีฝั่งที่อยู่ด้านล่างที่มี 3 อันอะ เริ่มคลิกที่อันซ้ายก่อน พอคลิกแล้วข้างล่างจะขึ้นข้อมูลเป็นสีที่ใช้แล้วก็ตำแหน่งของสี ถ้าจะเปลี่ยนสีก็คลิกที่ตัวสีในกล่องสีเหลี่ยมเล็กๆเลย จะมีหน้าต่างใหม่ขึ้นมาให้เลือกสีอีก

ซ้าย
Color: #7e98d
Location: 0%

กลาง
Color: #d9e2e6
Location: 54%

ขวา
Color: #8da7af
Location: 100%

ถ้าไม่อยากกลับมาตั้งค่าบ่อยๆ พอเปลี่ยนสีเสร็จแล้วพิมพ์ชื่อแล้วกด New เลยค่ะ

เลือกสีเสร็จแล้วคลิก OK แล้วก็ OK อีกครั้งเพื่อออกจากหน้าต่าง Blending Options รูปที่ได้ควรจะเป็นอะไรทำนองนี้นะคะ ^^''

มาได้ครึ่งทางแล้ว เราจะแก้ตัวหนังสืออีกนิดหน่อยแล้วก็ใส่เอฟเฟ็กต์เล็กน้อย...

ลากคลุมตัวหนังสือแล้วเปิดหน้าต่าง Character ขึ้นมา
บางคนอาจจะมีอยู่ในแถบข้างๆ เป็นไอคอนรูปตัว A ถ้าไม่มีก็ลากเม้าส์คลุมไว้แล้วไปที่เมนู Window >> Character แล้วตั้งค่าตามนี้

ซึ่งผลที่ได้มันก็คล้ายกับโลโก้ของจริงมากขึ้น แต่ก็ยังไม่เป๊ะเท่าไหร่ เราจะแก้บางตัวอีกทีนึง

ละเอียดมั้ย 555 อุตส่านั่งเพ่งโปสเตอร์ + ทดลองเองว่าประมาณไหนถึงจะใช้ได้ อาจจะไม่เหมือนเป๊แต่ก็ดูแล้วพอดีๆอะ

ตัว H ตั้งค่าตามนี้

r ตัวที่ 2ในคำว่า Harry ตั้งค่าตามนี้

ตัว P ให้ปรับเป็นแบบนี้..

สุดท้ายคือตัว t ตัวที่ 2 ในคำว่า Potter

พอเสร็จแล้วตัวหนังสือมันขึ้นๆลงๆคล้ายของจริงล่ะค่ะ ละเอียดทุกตัว...
ยังไม่เสร็จนะ ต่อเลย...

เพิ่มเลเยอร์ใหม่แล้ววาด Selection รูปวงรี ขนาดไม่ต้องใหญ่มาก ใช้อันนี้วาดนะ

วาดเสร็จแล้วเทสีขาว... ระวังเรื่องเลเยอร์ด้วย ดูให้ดีว่าเรายังอยู่ในเลเยอร์ใหม่บนสุดเพราะเราชอบเทสีผิดเลเยอร์ล่ะ 5555
พอเทสีเสร็จก็ Select >> Deselect (ctrl +d) จะได้วงรีสีขาวแบบนี้

จากนั้นไปที่ Filter >> Blur >> Box Blur เอาซัก 30 px

จากนั้นไปเปลี่ยน Blending จาก Normal เป็น Yaoi Dissolve

จะได้แบบนี้

จากนั้นให้เพิ่มเลเยอร์ใหม่อีกอันนึง แล้วรวมเลเยอร์ใหม่กับเลเยอร์นี้ (ที่เป็นสีขาวจุดๆ) เป็นเลเยอร์เดียวกัน
วิธีรวมก็กด Ctrl ค้างขณะที่คลิกเลือก 2 เลเยอร์ แล้วคลิกขวา เลือก Merge Layers

พอรวมเลเยอร์ได้แล้วเราจะได้รูปสีขาวๆจุดๆเหมือนเดิม แต่เป็นแบบ Normal แล้วเราจะไปขั้นต่อไป
กดเมนู Filter >> Blur >> Radial Blur แล้วตั้งค่าตามนี้เลยค่ะ

Amount: 100
Blur Method: Zoom
Quality: Good

พอกด OK แล้วจุดๆขาวๆจะกลายเป็นอะไรบางอย่างคล้ายๆแสงส่องออกมา
กด ctrl + f เพื่อทำซ้ำอีกครั้งนึง มันจะเนียนขึ้น แล้วเลื่อนเลเยอร์นี้ลงไปไว้ใต้ตัวหนังสือให้ดูเหมือนมีแสงส่องออกมาจากข้างหลัง
ของเราปรับขนาดนิดหน่อยน่ะ.. กด ctrl + t แล้วเลื่อน + ขยาย พอเสร็จแล้วกด Enter แล้วเปลี่ยนโหมดนิดนึงเป็นแบบนี้ (ตรงนี้ไม่ต้องทำเหมือนเราก็ได้นะ แล้วแต่ว่าชอบอันไหน เอาให้มันเป็นแสงจางๆอะ)

จะได้แบบนี้.... หยุดหรือทำต่อก็ได้

ถ้าตัวหนังสือมันดูลอยออกมาจากพื้นหลังมากเกินไปก็เพิ่มเลเยอร์ใหม่แล้วเลือกสีตามนี้

Foreground Color: #ffffff
Background Color: #787878

สร้างเมฆอีกรอบที่ Filter >> Render >> Clouds จากนั้นเปลี่ยน Blending จาก Normal เป็น Linear Burn ส่วน Opacity เราเอาแค่ 30%
ตรงนี้แล้วแต่ว่าเมฆที่เครื่องมันสุ่มมาให้จะเป็นยังไง บางทีตั้งค่าตามเราแล้วอาจจะไม่สวยก็เปลี่ยนได้

เสร็จแล้วววววว

ออกมาได้แบบนี้ คลิกดูรูปใหญ่ได้นะ

เป็นไงบ้าง งงมั้ยเนี่ย บอกไม่ละเอียดเลย หรือละเอียดเกินไป หรืออื่นๆก็บอกได้เลยนะ
บางอันเราก็ไม่ได้แคปรูปมาเพราะลืม

พื้นหลังรูปเมฆตอนแรกกะจะให้คล้ายๆในเทรเลอร์หนัง แต่ของภาค 6 มันตัวหนากว่านี้แล้วก็มีลายคล้ายๆฟองของน้ำด้วย (แคปเองกับมือ) ตอนทดลองปรับนั่นปรับนี่เราเทียบจากโปสเตอร์กับวอลเปเปอร์เอาน่ะ มันก็เลยตัวผอมๆ... พยายามจะทำตัวอ้วนๆหนาๆแล้วไม่สำเร็จอะ ทำแล้วเหมือนน้อยกว่าแบบนี้อีก - -*

จริงๆแล้วทั้งโปสเตอร์ทั้งวอลเปเปอร์มันก็มีหลายแบบ จะให้เหมือนแบบใดแบบหนึ่งเป๊ะคงไม่ได้ เอาแบบกลางๆอย่างงี้ไปก่อนละกัน อย่างน้อยมันก็ดูมีเค้าความเหมือนอยู่นะ 555

Link:

• Harry Potter text <<<< เราสอนต่อจากที่คนนี้สอนไว้อะค่ะ

Related Entries (มั้ง)

• ตัวอย่างแฮร์รี่ภาค6อันที่3 ,, มาดูกันฉากต่อฉาก
• HBP Final Trailer ชำแหละตย.หนังอันสุดท้าย

ไม่น่าเชื่อว่าจะทำเอนทรี่นี้สำเร็จ อ่านแล้วชอบมั้ยยย เม้นบอกได้นะว่างงอะไรรึเปล่า (กลัวมาก)
เดี๋ยววันที่ 13-14 เราต้องไปตรวจร่างกาย + สัมภาษณ์ด้วย ตื่นเต้น... แล้วก็จะมีงานแรกพบที่ศาลายา
อยากเจอเพื่อนใหม่ อยากเจอรุ่นพี่... แล้วก็ยังไม่ได้ซื้อชุดนักศึกษาเลย ฮ่าาา~
เห็นรูปเพื่อนที่ติดหมอใส่ชุดพิธีการแล้วน่ารักอ่ะ รอวันที่ตัวเองจะได้ใส่บ้าง.. ติดโบด้วย ^^''

แถมๆ.. เพิ่งได้มือถือใหม่ค่ะ Nokia X6 หน้าตาแบบในรูป ราคาไม่เว่อร์เกินแล้วก็ทำอะไรได้หลายอย่างดี (ฉลาดกว่าเครื่องเก่าเยอะเลย 555) ช่วงนี้กำลังเห่อ >..<

รูปจากเว็บสยามโฟน

ขอบคุณที่อ่านค่ะ

ไอโฟนมันแพงไปนิดนึงอะ ไม่ได้รับการอนุมัติ T____T อดเล่นแอปแฮร์รี่เลย~


----------------------

ประกาศ:
เจ้าของบทความติดเภสัชมหิดลจ้าาาา จึงแจ้งมาให้ทราบโดยทั่วกัน
ขณะนี้กำลังยิ้มหน้าบานนนน มีความสุขโคตรๆเลยอ้ะ!
ใครรู้แล้วก็รู้อีกละกัน 55555

ฝากบอกคนอ่าน (ที่มักจะเป็นน้องๆ) ว่าพวกเธอว์จงอ่านหนังสือ อย่ามาอู้อ่านหนังสือแบบเรา.....  แอดมิชชั่นมาเร็วกว่าที่คิด และผ่านไปเร็วกว่าที่คิดเช่นกัน... ระบบมันจะบัดซบยังไงอย่าได้แคร์ ถ้ามีความรู้อยู่กับตัวก็อย่ากลัวข้อสอบ

เราไม่ใช่คนเก่งมากมายอะไรและไม่ขยัน (อย่างน้อยก้ไม่ขยันอ่านหนังสือเรียน 5555) ก็เลยมาลำบากในแอดกลาง (แต่สุดท้ายก็ติด *ซาบซึ้ง*) เราว่าถ้าน้องอ่านตั้งแต่ตอนนี้แล้วพอม.6ก็จะชิวๆอะ 
ขอให้น้องๆโชคดีทุกคนน้าาาาา

เราหลุดพ้นจากแอดมิชชั่นแล้ว.. และกำลังเจอสิ่งที่หนักกว่านั้น..... ^^''



(คือ ที่พุดมายืดยาวแค่อยากบอกว่า เราคงไม่ได้มาอัพบ่อยๆหรอกนะ 555555555)