ไม่มีหมวดหมู่

download font

ดาวน์โหลดฟอนต์ download font

download icon

ดาวน์โหลด ไอค่อน จากสะดุ้ง

download template

ดาวน์โหลด เทมเพลตเว็บต่างๆ

Download Vector

ดาวน์โหลดภาพเว็กเตอร์ จากสะดุ้ง

ของเสริม photoshop

brush style patterns

Home » เทคนิค photoshop

เทคนิค ทำพื้นหลังสวยๆ ด้วย photoshop cs

Submitted by on วันศุกร์, 27 กุมภาพันธ์ 200925 Comments


คำค้นหา: , , , ,

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

tipphotoshop 311008 400x339 เทคนิค ทำพื้นหลังสวยๆ ด้วย photoshop cs

ส่วนเรื่องขั้นตอนการทำนั้นก็ไม่ยากคับ มีไม่กี่ขั้นตอน  มาดูกันเลย ว่าการทำพื้นหลังด้วย photoshop cs นั้นไม่ยาก

1.สร้างรูปสี่เหลี่ยมขึ้น มาหนึ่งรูปโดยใช้เครื่องมือ rounded rectangle tool กำหนดค่า radius ให้เป็น 8 และเลือกสีตามใจชอบ

จากตัวอย่างใช้สีชมพู นะครับ  จะได้ผลออกมาตามรูปคับ อ่อ ชื่อเป็น bg ด้วยนะครับ

tip photoshop1 เทคนิค ทำพื้นหลังสวยๆ ด้วย photoshop cs

photoshop cs ทำพื้นหลังสวยๆ ด้วย photoshop cs

2. ดูเลือกสีใน foreground color เป็นสี # e00442ไปคลิกขวาที่เลเยอร์ bg เลือก blending Option: และไปติ๊กเครื่องหมายถูกหน้า ช่อง Gradient Overlay

tip photoshop2 1 เทคนิค ทำพื้นหลังสวยๆ ด้วย photoshop cs

photoshop cs ทำพื้นหลังสวยๆ ด้วย photoshop cs

tip photoshop2 2 เทคนิค ทำพื้นหลังสวยๆ ด้วย photoshop cs

photoshop cs ทำพื้นหลังสวยๆ ด้วย photoshop cs

3.ก๊อปปี้เลเยอร์ bg โดยการกด ctrl+j และย่อขนาด โดยกด ctrl+t

tip photoshop3 เทคนิค ทำพื้นหลังสวยๆ ด้วย photoshop cs

photoshop cs ทำพื้นหลังสวยๆ ด้วย photoshop cs

4.ไปเปลียน foreground color ให้เป็นสีขาวก่อนคับ จากนั้นก็ ใช้เครื่องมือ pen วาดรูปให้เป็นเหมือนเงาตามรูปประกอบเลยคับ

tip photoshop4 เทคนิค ทำพื้นหลังสวยๆ ด้วย photoshop cs

photoshop cs ทำพื้นหลังสวยๆ ด้วย photoshop cs

5.กด V และตามด้วยเลข2 เพื่อกำหนด ค่า Opacity จะได้คั่งรูป จากนั้นก็คลิกขวาที่เลเยอร์เลือก create clipping mask จะได้ผลตามรูป

tip photoshop5 เทคนิค ทำพื้นหลังสวยๆ ด้วย photoshop cs

photoshop cs ทำพื้นหลังสวยๆ ด้วย photoshop cs

6.สร้างเลเยอร์ขึ้นมาใหม่อีก 1เลเยอร์ จากนั้นวาดสี่เหลี่ยมสีขาว เล็กๆลงไป

tip photoshop6 เทคนิค ทำพื้นหลังสวยๆ ด้วย photoshop cs

photoshop cs ทำพื้นหลังสวยๆ ด้วย photoshop cs

7.ใช้เครื่องมือ  erser tools หรือกด E ก็ได้ จากนั้นมาที่ผลงานเราคลิกขวาในผลงานเราแล้ว ตั้งค่าตามรูป

tip photoshop7 เทคนิค ทำพื้นหลังสวยๆ ด้วย photoshop cs

photoshop cs ทำพื้นหลังสวยๆ ด้วย photoshop cs

8.ลบส่วนหัวและส่วนท้ายออก จะได้ผลตามนี้

tip photoshop8 เทคนิค ทำพื้นหลังสวยๆ ด้วย photoshop cs

photoshop cs ทำพื้นหลังสวยๆ ด้วย photoshop cs

สุดท้าย ท้ายสุดก็ตกแต่งตามใจคับ

หาทำตามแล้วทำไม่ได้ หรือ ไม่เข้าใจ ดาวน์โหลดตัวอย่างไปดูก็ได้คับ ดาวน์โหลดตัวอย่าง ไฟล์ PSD ได้ที่นี่เลยครับ >>>
DOWNLOAD FILE PDS FOR PHOTOSHOP

<<< google Plus (กูเกิ้ล พลัส)ซัดที่นี่


Related Posts

คุณอาจจะสนใจ บทความต่อไปนี้(มั้ง)

  สามารถนำบทความไปเผยแพร่ต่อได้ แต่ต้องทำ ลิงค์กับมาที่บทความนั้นๆด้วยนะครับ หากไม่ทำตามจะมีความผิดทางกฏหมายตาม พรบ. เกี่ยวกับลิขสิทธิ์ นะครับ


25 Comments »

  • โปรแกรมบัญชี said:

    อธิบายได้ละเอียดดีครับ

    Reply to this commentตอบกลับความเห็นนี้
  • sun said:

    ดีมากๆๆนะคับ
    ขอบคุณคับบบบบบ
    จะติดตามต่อไปนะคับบ

    Reply to this commentตอบกลับความเห็นนี้
  • ยุ said:

    ขอบคุณมากเอาจะลองทำดู

    Reply to this commentตอบกลับความเห็นนี้
  • จ้า said:

    กรุณาช่วยอธิบายให้ง่ายกว่านี้ได้ไหมคะ คือว่าเพิ่งลองหัดใช้ photoshop น่ะคะ

    Reply to this commentตอบกลับความเห็นนี้
  • bank said:

    สอนทำ ไฟรถตอนกลางคืน ให้หน่อยสิครับ
    ที่มันเปง เส้น ๆ

    อ่านแล้ว เข้าใจง่าย มากเลยครับ

    Reply to this commentตอบกลับความเห็นนี้
  • แมวสะดุ้ง (author) said:

    http://www.sadung.com/?p=615 เอาจากบทความนี้ไปตัดแปลงตอนขั้นตอนที่ 2 ครับ

    Reply to this commentตอบกลับความเห็นนี้
  • nut said:

    ขั้นตอนการตัดภาพและลงสีอย่างไร

    Reply to this commentตอบกลับความเห็นนี้
  • nut said:

    ไม่เข้าใจขั้นตอนการตัดภาพ มีภาพเก่าอยู่แล้วแต่ต้องการภาพใหม่ เราต้องตัดภาพก่อนหรือทำพื้นสีก่อน

    ขั้นตอนการทำภาพลักษณะแบบนี้ไม่ทราบว่ามีขั้นตอนอย่างไรบ้าง มีใครพอจะอธิบายพร้อมภาพประกอบ

    ให้ได้บ้างคะ หรือแนะนำการซื้อหนังสือที่เข้าใจง่ายกลับการใช้ photoshop cs 3

    Reply to this commentตอบกลับความเห็นนี้
  • aom said:

    ไม่มี

    โปรแกรม

    ที่คุงทามอ่า

    Reply to this commentตอบกลับความเห็นนี้
  • เกว said:

    ไม่มีโปรเเกรมอ่ะ

    ต้องหาโหลด

    Reply to this commentตอบกลับความเห็นนี้
  • nan said:

    อยากให้มันมีลายด้วยอ่ะค่ะ บอกวิธีหน่อย
    ขอบคุนค่ะ ^ ^

    Reply to this commentตอบกลับความเห็นนี้
  • Nop15921 said:

    คือผมมีปัญหาอยากถามหลายๆท่านผู้รู้หน่อยอะคับ

    ผมแสกน “ตารางและลายเซ็นต์สีน้ำเงิน” ในกระดาษที่มี “พื้นหลังเป็นสีเหลือง” มา

    แต่ผมต้องการทำกระดาษสีเหลืองคือแบล็คกราวเนี่ยให้เป็นสีขาว

    โดยที่ลายเซ็นต์สีน้ำเงินของผมไม่เปลี่ยนสี ผมจะต้องทำอย่างไรครับ -*-

    ทำรูปมานาน จนปัญญาจริงๆ รบกวนเซียนผู้รู้หน่อยนะครับ

    ขอบคุณมากครับ ^^

    Reply to this commentตอบกลับความเห็นนี้
  • แมวสะดุ้ง (author) said:

    สร้างเลเยอร์ใหม่โดยตัดเอาแต่ลายเซนต์มาไว้ในเลเยอร์นี้ด้วยครับ
    และเทสีขาวลงไปในเลเยอร์ล่างที่เป็นสีเหลืองครับ

    แล้วเราก็จะได้ bg สีขาว โดยลายเซนต์ยังมีสีเดิมอยู่ ครับ

    Reply to this commentตอบกลับความเห็นนี้
  • Nop15921 said:

    ได้แล้วครับ ขอบคุณมากครับ ^^

    และมีอีกปัญหา คือ

    ผมอยากให้เส้นตารางสีดำที่แสกนมา ดูเข้มๆ ดำๆ เราต้องเพิ่มค่าตรงไหนหว่า -*-

    Reply to this commentตอบกลับความเห็นนี้
  • แมวสะดุ้ง (author) said:

    Image> Adjustments > Brightness/Contrast…
    และก็ปรับตรง Brightness เอาครับ

    Reply to this commentตอบกลับความเห็นนี้
  • jiapeak said:

    ขนาดไฟล์ใหญ่จะแตกมั้ยคะ

    Reply to this commentตอบกลับความเห็นนี้
  • Preem said:

    ว้าว

    Reply to this commentตอบกลับความเห็นนี้
  • seo expert said:

    I was suggested this blog by way of my cousin. I am now not positive whether or not this post is written by him as nobody else know such specific approximately my problem. You are amazing! Thanks!

    Reply to this commentตอบกลับความเห็นนี้
  • sunset said:

    พึ่งเริ่มใช้photoscape(ที่หน้าจอเป็นรูปกลมกลมนะคะ)layer อยู่ตรงไหนคะ คือสมมุติอยากทำรูปลิป แป้ง อายชาโดว์หลายหลายรูปมารวมกัน แล้วลงสีพื้นหลังให้ดเป็นสีขาวคะ ทำยังไงคะ หรือเอารูปเครื่องสำอางมาใส่ในรูปภาพอื่นคะ รบกวนอธิบายละเอียดนิดนึงคะ (มือใหม่ม๊ากกมาก)รบกวนตอบทางเมล์ด้วยได้ไหมคะ
    ขอบคุณคะ

    Reply to this commentตอบกลับความเห็นนี้
  • แมวสะดุ้ง (author) said:

    @sunset:
    งั้นลองไปดูวิธีนี้ครับ http://www.sadung.com/?p=487

    Reply to this commentตอบกลับความเห็นนี้
  • Übersetzer said:

    I’ve been exploring for a little bit for any high-quality articles or weblog posts in this sort of area . Exploring in Yahoo I ultimately stumbled upon this website. Studying this info So i am glad to show that I’ve a very excellent uncanny feeling I found out exactly what I needed. I most without a doubt will make certain to don?t put out of your mind this website and provides it a look on a constant basis.

    Reply to this commentตอบกลับความเห็นนี้
  • user said:

    งงตรงข้อสามกับข้อสี่

    Reply to this commentตอบกลับความเห็นนี้
  • link building said:

    Aaztdh Thanks-a-mundo for the article post.Really looking forward to read more. Awesome.

    Reply to this commentตอบกลับความเห็นนี้
  • online business said:

    VLjZgs Muchos Gracias for your blog article.Thanks Again. Great.

    Reply to this commentตอบกลับความเห็นนี้
  • XRumerTest said:

    Hello. And Bye.

    Reply to this commentตอบกลับความเห็นนี้

Leave your response!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can add images to your comment by clicking here.