มาทำ pattern ง่ายๆใน adobe illustrator กานนน~~😝😝

มาฝึกออกแบบpatternง่ายๆในadobe illustratorกัน

วันนี้เรามาแบบง่ายๆ ใช้ไม่กี่toolสามารถทำตามได้ง่ายสุดๆเลย

ส่วนpatternแบบนี้สามารถนำไปประยุกต์ใช้ในงานออกแบบได้หลากหลาย เช่น นำไปพิมพ์ผ้า ออกแบบลายบนสิาค้าได้เยอะเยะมากมายเลย ใครลองทำดูแล้วมาแชร์ผลงานกันได้น้าาา😁😝

#Illustrator #graphicdesign #art #กราฟิก #ศิลปะ

5/2 แก้ไขแล้ว

... อ่านเพิ่มเติมถ้าใครกำลังหัดใช้ program Adobe Illustrator แล้วอยาก “สร้าง pattern illustrator” แบบเร็วๆ ลองทำตามแนวนี้ได้เลย เราใช้ไอเดียจากรูปทรงง่ายๆ (อย่างน่องไก่/ปีกไก่ ใบไม้ กากบาท หรือ shape น่ารักๆ) แล้วทำให้กลายเป็นลายซ้ำที่เอาไปใช้งานจริงได้ เช่น ลายผ้า แพ็กเกจจิ้ง สติ๊กเกอร์ หรือพื้นหลังโพสต์ ขั้นตอนที่เราใช้บ่อย (มือใหม่ทำตามได้) 1) สร้างชิ้นส่วนหลักให้จบก่อน: เริ่มจาก Ellipse/Rectangle แล้วค่อยรวม-ตัดรูปด้วย Pathfinder (เช่น Unite / Minus Front) เพื่อให้ได้ทรงที่ต้องการ จากนั้นค่อยเติมสี/เงาให้ดูมีมิติ 2) เพิ่มมิติด้วย Gradient: ถ้าอยากให้ชิ้นงานดู “ไม่แบน” ให้ลองใส่ Gradient แบบอ่อนๆ ที่ขอบ หรือทำเป็นเงาไล่สีด้านล่าง (Opacity ต่ำๆ) จะช่วยให้ pattern ดูแพงขึ้นทันที 3) จัดวางเป็นลาย: ทำองค์ประกอบ 2–5 ชิ้นก็พอ แล้วลองสลับทิศ/ขนาด (Rotate, Scale) ให้เกิดจังหวะ อย่าให้ซ้ำแบบเป๊ะๆ ทุกตำแหน่ง ลายจะดูเป็นธรรมชาติขึ้น 4) ทำให้เป็น Pattern จริง: เลือกทั้งหมดแล้วไปที่ Object > Pattern > Make จากนั้นปรับ Tile Type (เช่น Grid/Brick) และระยะห่างจนได้ลายที่พอดี กด Done แล้วเราจะได้ swatch ไว้เทลงวัตถุอื่นได้เลย ทริคที่หลายคนสงสัย: ทำไมต้องวาง “แถบทึบไล่สีโปร่ง (gradient transparent)” ทับพื้นก่อนพิมพ์ข้อความ? - จุดประสงค์หลักคือเพิ่มความอ่านง่าย (contrast) ให้ตัวอักษรเด่นขึ้น โดยเฉพาะเวลาพื้นหลังเป็น pattern หรือรูปที่สีจัด/รายละเอียดเยอะ - ช่วยจัดลำดับสายตาให้คนอ่านรู้ว่า “ตรงนี้คือหัวข้อ” ทำให้งานดูเป็นงานออกแบบมากกว่าแปะตัวหนังสือลงไปเฉยๆ - ทำให้ภาพดูมีมิติและนุ่มขึ้น เช่น ใช้แถบไล่สีจากดำโปร่ง → ใส หรือสีหลักของงาน → โปร่ง แล้วปรับ Opacity แค่ประมาณ 20–50% (ลองปรับตามความเข้มของพื้น) วิธีทำแถบไล่สีโปร่งใน AI แบบเร็วๆ - วาดสี่เหลี่ยมทับบริเวณที่จะวางข้อความ - ใส่ Gradient แล้วตั้งปลายด้านหนึ่งเป็นสีเดิมแต่ Opacity 0% (โปร่ง) อีกด้านเป็น Opacity 60–100% หรือกลับกันตามตำแหน่งตัวหนังสือ - ตั้ง Blend Mode เป็น Multiply/Overlay (เลือกที่ดูเข้ากับงาน) แล้วค่อยพิมพ์ข้อความทับ สุดท้ายแนะนำให้ลองเอา pattern ที่ทำไปเทบนสี่เหลี่ยม/ม็อกอัพผ้า เพื่อเช็กว่าลายแน่นเกินไปไหม และซูมดูรอยต่อ (seam) ว่าเนียนหรือเปล่า ทำเสร็จแล้วอย่าลืมเซฟเป็น swatch ไว้ใช้โปรเจกต์ต่อไปด้วยนะ

2 ความคิดเห็น

รูปภาพของ ada.toonverse
ada.toonverse

เริ่ดเลยล่ะ✨

รูปภาพของ Natyava Malek
Natyava Malek

น่ารักมากกกก❤️❤️

โพสต์ที่เกี่ยวข้อง

Seamless pattern
#ออกแบบลวดลาย #patterndesign
fuanglada_v

fuanglada_v

ถูกใจ 202 ครั้ง

ภาพรวมเครื่องมือทั้งหมดใน Adobe Illustrator แสดงโลโก้ Ai, แถบเครื่องมือ, และไอคอนหมวดหมู่เครื่องมือหลัก เช่น Selection, Pen, Shape, Type, Paint, Transform พร้อมข้อความเน้นการใช้งานง่ายและมืออาชีพ
ตารางสรุปเครื่องมือ Adobe Illustrator สำหรับ Mac OS พร้อมหน้าที่การใช้งานและคีย์ลัด, แสดงกลุ่มเครื่องมือหลัก, คีย์ลัดทั่วไป, ตัวอย่างการใช้งาน, และเคล็ดลับเพิ่มประสิทธิภาพการทำงาน รวมถึงภาพรวมคีย์ลัดบนแป้นพิมพ์
ตารางสรุปเครื่องมือ Adobe Illustrator พร้อมหน้าที่การใช้งานและคีย์ลัด, แสดงกลุ่มเครื่องมือหลัก, คีย์ลัดทั่วไป, ตัวอย่างการใช้งาน, และเคล็ดลับเพิ่มประสิทธิภาพการทำงาน พร้อมหมายเหตุเครื่องมือย่อย
รวมเครื่องมือ All Tools ใน Adobe Illustrator
🎨 รวมเครื่องมือ All Tools ใน Adobe Illustrator ที่สายออกแบบควรรู้! ไม่ว่าจะมือใหม่หรือใช้งานมาสักพัก โพสต์นี้รวมเครื่องมือสำคัญไว้ให้ดูง่าย เข้าใจไว ✨ ทั้ง Selection, Pen Tool, Shape, Type, Paint และอีกเพียบ พร้อมคีย์ลัดที่ช่วยให้ทำงานเร็วขึ้นแบบมือโปร 🚀 เซฟเก็บไว้ดูตอนทำงานได้เลย 💡 ใครใช้ To
Minzee

Minzee

ถูกใจ 467 ครั้ง

5 ขั้นตอนวาดใบไม้🌿ในAdobe Illustrator
วาดใบไม้ได้ใน 5 ขั้นตอนและใช้แค่ 3 เครื่องมืเท่านั้น ทำตามได้ง่ายๆ ในadobe illustrator ตอนนี้เรากำลังทำคอนเทนต์การใช้adobe illustratorฉบับง่ายๆ วันละ 1 คอนเทนต์ และอาจจะมีสอนการใช้adobe affter effect เพิ่มด้วย ใครที่ทำตามแล้วมาแชร์กันได้นะค้าบ😁😁 #graphicdesign #art #สอนวาดรูป #Illustrat
Pencil Rubber Paper

Pencil Rubber Paper

ถูกใจ 148 ครั้ง

วาดภาพลายเส้น แอพ Adobe illustrator
ได้เส้นคมชัด เซฟได้หลายสกุล ข้อเสียจ่ายรายเดือน309บาท ดังนั้นควรคำนวณความคุ้มค่านะคะ #แอพวาดรูป #วาดรูปเวกเตอร์
เอ่เอ๊ะ Walliya Painting

เอ่เอ๊ะ Walliya Painting

ถูกใจ 4 ครั้ง

50 คีย์ลัด Adobe Illustrator ที่ทำให้งานไวขึ้นทันที
เคยไหม… เปิด Adobe Illustrator ขึ้นมาแล้วใช้เมาส์คลิกหาเครื่องมือทุกครั้ง จะวาดเส้นก็ต้องคลิก จะเลือกวัตถุก็ต้องคลิก จะซูมก็ต้องคลิก จะสลับสี สลับเส้น หรือเปลี่ยนโหมดก็ต้องคลิก ตอนเริ่มต้นอาจไม่รู้สึกอะไร แต่ถ้าคุณทำงาน Illustrator วันละหลายชั่วโมง เวลาที่เสียไปกับการเลื่อนหาเครื่องม
Design-Database

Design-Database

ถูกใจ 6 ครั้ง

Repeat Pattern Design
Beginner lesson สาธิตการต่อลายทั้ง 4 แบบ คลาสที่จะไม่ได้หยุดแค่ beginner #patterndesign #repeat
fuanglada_v

fuanglada_v

ถูกใจ 10 ครั้ง

ภาพรวมคำสั่งลัด Adobe Illustrator แสดงตัวอย่าง Compound Path, Clipping Masks และ Blend Tool พร้อมโลโก้ Ai และข้อความ 'รวม คำสั่งลัด Adobe Illustrator'.
แสดงคำสั่งลัด Clipping Masks (CMD + 7 / CTRL + 7) ใน Adobe Illustrator โดยมีภาพตัวอย่างการนำรูปทรงสีชมพูไปมาสก์กับพื้นหลังไล่ระดับสี.
แสดงคำสั่งลัด Compound Path (CMD + 8 / CTRL + 8) ใน Adobe Illustrator โดยมีภาพตัวอย่างการรวมรูปทรงวงกลมสีชมพูกับสี่เหลี่ยมสีดำ.
รวมคำสั่งลัด ใน Adobe Illustrator รู้ไว้ชีวิตง่ายขึ้นเยอะ! 💭💁🏻‍♀️💘 วันนี้พี่เบ๊บเอาคำสั่งลัดมาฝากกก มือใหม่หัดใช้ Adobe Illustrator ลองเอาไปทำตามดูน้าาา⭐️👀 #adobeillustrators #graphic #design #babehouseacademyhowto #babehouseacademy
Bearbykim

Bearbykim

ถูกใจ 7 ครั้ง

🧡Adobe Illustrator — 50 เทคนิครู้ไว้งานไวขึ้นแน่นอน
Adobe Illustrator — 50 เทคนิค 1. ใช้ Pen Tool ลากเส้นโค้งด้วยการคลิก-ลาก คุม handle ให้เส้นลื่น 2. กด Alt ตอนลาก handle เพื่อหักมุม anchor point อิสระ 3. Curvature Tool วาดเส้นโค้งง่ายกว่า Pen สำหรับมือใหม่ 4. Shape Builder Tool (Shift+M) รวม/ตัดรูปทรงด้วยการลากเมาส์ 5. Pathfinder รวม Unite,
Design-Database

Design-Database

ถูกใจ 5 ครั้ง

แนะนำคลิปสอนทำ die cut จาก Adobe illustrator ✂️👩🏻
แนะนำคลิปสอนทำ die cut จาก Adobe illustrator ! แนะนำเลยสำหรับใครที่กำลังหาวิธีอยู่ สอนเข้าใจเเละไม่ยากมาก เราก็พึ่งหัดทำเหมือนกันค่ะ555555 อาจจะหาตัวฟังก์ชันไม่เจอบ้างเพราะคนละรุ่นแต่ก็ใช้ได้เหมือนกัน หรือใครยังทำไม่ได้หรือสงสัยตรงไหนสอบถามได้นะคะ ถ้าสามารถช่วยได้ค่า ^-^ 🫶🏻💖 #โปรแกรมออก
บอตอ

บอตอ

ถูกใจ 809 ครั้ง

ภาพหน้าปกแสดงหัวข้อ 'HOW TO ทำ EFFECT GLITTER STICKER (ใน) Ai' พร้อมตัวอย่างสติกเกอร์กลิตเตอร์รูปหัวใจ ดาว ตัวอักษร B และดอกไม้หลากสีสัน
ภาพขั้นตอนที่ 1 แสดงการสร้างข้อความหรือรูปร่างที่ต้องการ เช่น ตัวอักษร B หัวใจ ดาว และดอกไม้หลากสีสัน ก่อนการใส่เอฟเฟกต์ใดๆ
ภาพขั้นตอนที่ 2 แสดงการเลือกรูปร่างและใช้ Effect > Texture > Grain พร้อมหน้าต่างตั้งค่า Grain และตัวอย่างรูปร่างที่ได้เอฟเฟกต์กลิตเตอร์แล้ว
How To ทำ effect glitter sticker ใน Adobe Illustrator 💭✨💖💌 Y2K มากกกกก ใครอยากทำงานออกแบบสไตล์นี้เอาทริกไปใช้เลยค้าบบบบ💭🫶🏻🎀 #adobeillustrators #graphic #design #babehouseacademyhowto #babehouseacademy
Bearbykim

Bearbykim

ถูกใจ 425 ครั้ง

ภาพหน้าปกแสดงวิธีสร้างเอฟเฟกต์ Spiky Text ใน Adobe Illustrator โดยมีคำว่า "BABE HOUSE" ที่มีลักษณะแหลมคมบนพื้นหลังสีฟ้าอ่อน
ขั้นตอนที่ 1 แสดงการสร้างข้อความและใช้ Touch Type Tool ใน Adobe Illustrator เพื่อปรับแต่งตัวอักษรแต่ละตัว
ขั้นตอนที่ 2 แสดงการใช้ Effect > Sketch > Photocopy ใน Adobe Illustrator พร้อมการตั้งค่า Detail 9 และ Darkness 50
How To ทำ Effect Spiky text ง่าย ๆ ใน Adobe Illustrator 💭⛓️ ใครอยากออกแบบ text เท่ ๆ ลองเอาวิธีนี้ไปใช้ดูน้าาา👀 #adobeillustrators #graphic #design #babehouseacademyhowto #babehouseacademy
Bearbykim

Bearbykim

ถูกใจ 25 ครั้ง

มาทำtypoเท่ๆกานนน🤩🤩
การทำtypoแบบนี้เป็นอีกหนึ่งเทคนิคที่เราชอบทำในช่วงนี้เลย มันจะทำให้ดูมีมิติเหมือนทับซ้อนกันมากขึ้น เพื่อนๆลองทำกันดูน้าาา ใครทำแล้วก็มาอวดกันได้นะ🥰🥰 #adobeillustrator #graphicdesign #Illustrator #art #graphicdesigntips
Pencil Rubber Paper

Pencil Rubber Paper

ถูกใจ 135 ครั้ง

ภาพหน้าปกแสดงแก้วใสมีต้นไม้สีเขียวอยู่ข้างใน พร้อมข้อความ "HOW TO DRAW A GLASS" และโลโก้ Adobe Illustrator บนพื้นหลังสีม่วง
ภาพแสดงขั้นตอนการสร้างแก้วใสใน Illustrator: 1. วาดรูปทรงแก้วด้วย Pen และ Ellipse 2. ใช้ Mesh (U) สร้างเส้นและจุดตัด 3. ใช้ Lasso (Q) เลือกจุดเพื่อใส่สีและปรับค่า opacity
ภาพแสดงขั้นตอนที่ 4 การใช้ Direct Selection (A) ปรับเส้นและจุดสี และผลลัพธ์สุดท้ายของแก้วใสที่สีและความใสขึ้นอยู่กับการปรับสีและ opacity
แก้วใสในAdobe Illustrator ทำยังไง🥤มาลองทำกัน
เมื่อวานมีคนขอให้สอนทำแก้วใสๆด้วย วันนี้จัดให้เลยค้าบตามคำขอ ใช้แค่เครื่องมือเดียวเลบ คือ Mesh [shortcut: U] ส่วนที่อยากให้ใส่ก็ปรับ opacity ลง ตรงไหนอยากใส่สีอะไรก็ปรับตามใจได้เลย ลองเล่นกันดูได้น้าาา #Illustrator #graphicdesign #art #ศิลปะ #graphicdesigntips
Pencil Rubber Paper

Pencil Rubber Paper

ถูกใจ 72 ครั้ง

How To ทำ elements ลายปักครอสติชใน Adobe Illustrator 🪡🧵⭐️💖 ใครอยากออกแบบงานลายผ้าปักน่ารัก ๆ แบบนี้เอาวิธีนี้ไปใช้เลยค้าบบบ💭📂 #adobeillustrators #graphic #design #babehouseacademyhowto #babehouseacademy
Bearbykim

Bearbykim

ถูกใจ 4 ครั้ง

ภาพหน้าปกแสดงหัวข้อ 'HOW TO ทำ EFFECT TEXT ลายปักผ้าน่ารัก ๆ (ใน) Ai' พร้อมตัวอย่างข้อความ 'BABY' ที่มีลักษณะคล้ายงานปักผ้า
ขั้นตอนที่ 1: สร้างข้อความ 'B' ใน Illustrator แล้วคลิกขวาเลือก 'Create Outline' เพื่อแปลงเป็นเส้นโครงร่าง
ขั้นตอนที่ 2: เลือกข้อความ 'B' จากนั้นไปที่เมนู Object เลือก 'Rasterize' และกด OK เพื่อแปลงเป็นภาพแรสเตอร์
How To ทำ effect text ลายปักผ้าน่ารัก ๆ ใน Adobe Illustrator 💭🪡🧵🎀 ใครอยากทำ text น่ารัก ๆ เจ๋ง ๆ แบบนี้กดเซฟฮาวทูนี้ไว้เลยค้าบบ งานออกแบบน่ารักขึ้น 300% แน่นอน!! 💭👀✨ #Canva #canvatips #canvatutorial #graphic #babehouseacademy
Bearbykim

Bearbykim

ถูกใจ 84 ครั้ง

ขั้นตอนการออกแบบน้องเฟลิน🥰
กว่าจะมาเป็น "เฟลิน" ต้องทำอะไรบ้าง ครั้งนี้เราก็ใช้โปรแกรม Adobe Illustrator ในการออกแบบเหมือนเดิมและใช้เครื่องมือไม่เยอะเลยในการออกแบบ เผื่อเพื่อนๆอยากลองออกแบบมาสคอตก็ทำตามเราได้เลย หรือใครมีข้อสงสัยเกี่ยวกับการใช้เครื่องมือคอมเมนท์ถามได้เลยนะคับ พร้อมตอบเพื่อนๆเสมอ😁😁 #graphicdesign
Pencil Rubber Paper

Pencil Rubber Paper

ถูกใจ 42 ครั้ง

ดูเพิ่มเติม