How to make Harry Potter films' logo

posted on 09 May 2010 10:13 by hedwigpotter in HarryPotter directory Lifestyle, Idea

สวัสดีค่ะ

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

วันนี้จะสอนทำโลโก้หนังแฮร์รี่ค่ะ
หลายคนคงสงสัยว่ามันทำยังไง อยากเอามาแต่งบล็อกแต่งโปสเตอร์ทำแบนเนอร์ ฯลฯ แต่ก็ต้องไปหาโหลดหรือตัดเอาจากโปสเตอร์ / วอลเปเปอร์ของ WB ซึ่งมันก็ไม่สะดวกเอาซะเลย.... ลองทำใช้เองดีกว่า ไม่ยากอย่างที่คิดน้า~

ไปเจอของฝรั่งเค้าสอนแล้วมันรู้สึกว่ายังไม่ใช่ ยังไม่เป๊ะอะ้ ก็เลยมาจิ้มๆเลื่อนๆทดลองเอาเองอีก

ถ้ากระแสตอบรับดีอาจลองสอนอย่างอื่นที่เกี่ยวกับแฮร์รี่ดูบ้าง ... ถ้ า ว่ า ง น ะ

เวลาจะทำโลโก้หนังแฮร์รี่ ฟอนต์ที่ใช้ได้คือ 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: 39o
Altitude: 58o

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 แล้วตั้งค่าตามนี้

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

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

ตัว 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 (มั้ง)

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

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

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

 

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

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