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 อดเล่นแอปแฮร์รี่เลย~

Comment

Comment:

Tweet

Thank you for your article!

#56 By Discount Nike Shoes (204.12.222.218) on 2011-10-04 17:32

เหมือนม๊ากกก
เราลองเอาไปทำบ้างแล้วแหละ ได้ผลดีเยี่ยมยิ่งนัก big smile
(แต่เค้าเพิ่งหัดแหละ สอนแล้วก็เข้าใจนะคร้าบบ)

#55 By cheraimmmm. on 2011-09-18 15:57

seems like the party has already been started

#54 By research papers (93.75.230.157) on 2011-01-31 16:31

เก่งจังเลยHot! Hot!

#53 By choccopharm on 2010-06-01 13:14

Hot! Hot! Hot! Hot!
เหมือนมากก

#52 By kaofangna on 2010-05-23 17:30

เจ๋งมากค่ะ ... ขอบคุณมากนะคะสำหรับทริปดีๆ

มือถือ ... เราอยากได้ iPhone มากกว่าอ่ะ
อิอิ

#51 By GimEi@n on 2010-05-22 13:02

Helloพี่วิก คิดว่าน่าจะตกใจที่เจอในนี้ พอดีพึ่งสมัคร โฮะๆๆ

ก็อยากเขียนบ้างอะไรบ้าง

แล้วที่มาเม้นในนี้ก็เพราะ....พิมทำโลโก้เสร็จแล้ว วู้ๆๆ

ตามไปดูๆๆ><
http://image.ohozaa.com/show.php?id=ea438cd153747b70f5e68a8653b25efe

#50 By PIMMY;TBB_HP on 2010-05-22 12:36

เมพมากครับ
แบบว่า โครตชอบเลยยย ย~ อ๊ากกก ก
ขอบคุณครับ > <

#49 By ESSER' on 2010-05-22 11:57

โหวว ว เหมือนสุดๆเลยค่ะ!!
ชอบจัง จะเอาไปลองมั่ง ขอบคุณนะคะHot! Hot!

#48 By RIKAGA we are the grayman on 2010-05-21 14:03

อัพทั้งบล๊อคทั้งบทความ
เหนื่อยบางมั๊ยเนี่ย ?


คิดถึงจังเลยพี่วิก //

#47 By L'Aquila on 2010-05-19 23:45

สอนได้ดีครับ แบบนี้ก็ทำตามกันได้สบายเลย

X6 น่าใช้มากครับ

#46 By เจ้าชายน้อย on 2010-05-16 20:38

Hot! Hot!

สุดยอดมากกก confused smile

#45 By ●KHUNNuk● on 2010-05-15 22:40

ทำได้แล้ว~
แต่หาเทกเจอร์อันนั้นไม่เจอ
ก็เลยปรับเองซะเลย ออกมาขรุขระอย่างแรง
แต่ก็เท่ขาดใจ่ละนะ
พอตเตอร์มันเจ๋งอยู่แล้ว~

#44 By Quose on 2010-05-14 11:56

big smile
ชอบ

#43 By ... on 2010-05-14 09:56

เหมือนขิงๆ XD
ตูเคยวาดเองแ้ล้วมันออกมาดังนี้ http://technikos43.deviantart.com/art/Squiby-Potter-Xi-139485197
FAIL XD

#42 By technikos on 2010-05-13 13:48

เจ๋งเลย >"<

Hot! Hot! Hot! Hot!

#41 By DAYDREAM on 2010-05-13 11:37

สวยโฮกอ่ะค่ะ
ยอดเยี่ยม!
จะลองไปทำตามมั่ง
..ขอแอดบล็อกด้วยนะคะ
เลิฟๆแฮร์รี่ ^^
Hot! Hot! Hot!

#40 By H@rUkO.o* on 2010-05-13 10:45

ขอรีเควสวิธีทำโลโก้ Twilight ได้ไหมค่ะ เหอๆ แิอบนอกเรื่อง

#39 By L-Lupo on 2010-05-13 10:13

เมพขิงๆ ><
งามจ้ะ

Hot! Hot! Hot! Hot! Hot!

#38 By 13-1-e-s-s on 2010-05-13 06:38

ยอดเยี่ยมเลยอ่ะ

Hot! Hot! Hot!

#37 By Critical#Zeed on 2010-05-13 06:00

ทำตามแล้ว
ทำได้ด้วย
ดีใจๆ
ขั้นตอนละเอียดดีมาก
ไม่มีงงเลย
เป็นประโยชน์ยิ่ง
ขอให้จขบ.ได้ดาวเยอะๆ
Hot! Hot! Hot! Hot! Hot!

#36 By iTOY on 2010-05-12 20:55

Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot!

#35 By SOSTimer on 2010-05-12 19:48

โอ้โห๊ะ!!!! อย่างเด๊ะเลยอ่ะ เจ๋งแจ่มแจ๋วมากคร่า

ปล. X6 จ๋วยมากๆๆๆๆๆๆ อยากได้มั้ง cry
แต่ถ้ามันนี่ล้นเป๋า เราเลือกไอโฟนแน่นอน *.,* Hot! Hot! Hot!

#34 By bentie~ on 2010-05-12 18:38

เข้ามาแปะดาวเกรียนๆ 55555+

Hot! Hot! Hot!

ยินดีด้วยที่ติดฮอตโพสนะเจ๊

#33 By -Bloommifild- on 2010-05-12 18:23

สวยมากกก

สุดยอด Hot! Hot! Hot!

#32 By .. * Ar๋tist ♥ on 2010-05-12 18:07

สุดยอดดดดด ทำได้ไง เหมือนมากกกกกcry

Hot! Hot! Hot! Hot! Hot!

#31 By canta+! on 2010-05-12 17:40

เดี๋ยวลองเอาไปทำดูมั่งดีกว่า
เหมือนมากอ้ะ

ปล. อิจฉามือถือง่ะ XD

#30 By Vampraew on 2010-05-12 17:29

เป๊ะเลยทีเดียวHot!

#29 By windycity on 2010-05-12 16:53

เหมือนมากHot! Hot!

#28 By ParuParu on 2010-05-12 16:26

มีประโยชน์มากกกกกก

ขอบคุณจริงๆครับ

Hot! Hot! Hot! Hot!

แอดบลอคนะครับ...

#27 By I am DangerousFox on 2010-05-12 15:45


พี่วิกเก่งจังงงง
ยกนิ้ว แถมบอลสวนสนุก =w=b Hot!

#26 By Яainnч on 2010-05-12 15:14

ลืมให้ดาวววHot! Hot!

#25 By *่Jeintavie* on 2010-05-12 15:11

เทพมากกกค่ะะะbig smile big smile big smile

#24 By *่Jeintavie* on 2010-05-12 15:11

สุดยอดดดดดดดดดดดดดดไปเลยค่ะๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆ ที่บ้านก็มีหมาตัวใหญ่เหมือนกันค่ะ ต้องคอยระวังมากๆเลย เจ้าตัวเล็กนี่ให้นอนในบ้าน เลยไม่โดนหมาใหญ่กัดค่ะ น่ารักเนอะๆ

#23 By L-Lupo on 2010-05-12 14:34

ว๊าววว ขอบใจน่ะ...

มีสอนทำ photoshop ด้วยยย...ดีจังๆๆ

เราก็ชอบเล่น psd น่ะ ^^

#22 By Romancer on 2010-05-12 14:25

อู้ว แหล่มมากๆ สุดยอดเลยครับ
Hot! Hot! Hot!

#21 By Ace_Mavella on 2010-05-12 13:56

ว้าว hot post
พี่กดจากfavน้า จะพูดเพื่อ?sad smile
5555+ที่น้องวิกบอกพี่เรื่องตัวอักษรแตกยังไม่ได้แก้เลย
ขี้เกียจเกิ๊น

เฟรชชี่ๆๆๆๆ
ถ้าน้องวิกเข้ามหาลัยแล้ว อย่าขี้เกียจแบบพี่นะ5555+
เอนทรี่นี้ชอบมากๆ เดี๋ยวเอาไว้ทำคำอื่น เป็นHeadสำหรับthemeต่อไป ฮาๆ
อยากได้ไอโฟนเหมือนกัน
ไม่มีใครอนุมัติเลย555 จะเอาเงินเก็บไปซื้อก็เสียดาย

สุดท้าย
Hot! Hot! Hot!
ในนามของผู้สนับสนุนอย่าง(ไม่)เป็นทางการ

#20 By Giwi on 2010-05-12 13:02

เก่งจังเลยค่ะconfused smile

#19 By ❤NoRWAN❤ on 2010-05-12 12:25

เหมือนมากเลยค่ะHot! Hot! Hot!
สวยจัง^^

#18 By SongSung on 2010-05-12 12:14

ลืมให้ดาว Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot!

#17 By givgiw on 2010-05-12 12:12

เมพสุดๆ เนียนค่ะ

#16 By givgiw on 2010-05-12 12:12

Hot! Hot! Hot! เดี๋ยวเอาไปทำมั่ง

#15 By Fantasier CS4 on 2010-05-12 08:03

งั้นผมแอดมั่ง ตอนนี้ก็เริ่มติดแฮร์รี่แล้วง่ะ

///ลืมไป เพิ่งจะแอดไปนี่หว่า เมาแล้วเรา = =

#14 By เด็กชายบวม ;) on 2010-05-11 23:52

ขอบคุณที่บอกครับ เวลาทำ Parody จะได้เนียนส์

Hot! Hot! Hot!

#13 By เด็กชายบวม ;) on 2010-05-11 23:32

โห สุดยอดเลยค่ะ
เหมือนจริงมากๆเลย cry
Hot! Hot! Hot! Hot!

#12 By Prae on 2010-05-11 23:08

กรี๊ดดดดด ขอบคุณมากค่ะ
โลโก้แฮร์รี่

#11 By P £ ã r y ♥ on 2010-05-11 21:57

โอ้เหมือนยิดเลย Hot!
Hot! Hot! Hot! Hot! Hot!
เสร็จแล้วไฮโซมากค่ะ
มือถือใหม่ก็ดูไฮโซนะคะ 555

#9 By Milkiiz❤ on 2010-05-11 21:43

โอ้โห เจ๋งอ่ะ นั่งตัดแปะอยู่ตั้งนาน ทำแบบนี้ก็ได้เนอะ

Hot! Hot! Hot! Hot!

#8 By Pigwidgeon on 2010-05-11 20:53

Hot! Hot! big smile

#7 By iDoi* on 2010-05-11 20:51