อาจจะไม่เกี่ยวคับดิสคัสเเต่ช่วยสอนทำรูปแบบนี้หน่อย นะ

nanglovepoy · โพสต์ 2012-2-14 20:22:29

อยากรู้วิธีทำ กรอบ4เหลื่ยมเเล้วมี เงาสีดำรอบๆ ไครทำเป้นสอนที น๊ะ

mukemgiz · โพสต์ 2012-2-14 20:37:10

มีหลายวิธีมากครับ

แล้วเเต่ถนัด ผมเองก็ไม่รู้จะอธิบายยังไง

beautiful · โพสต์ 2012-2-14 20:57:55

โออธิบาย ยาวเลย นะเนี้ย -*-
ผมมั่วนะครับลองดู
สร้างกรอบ 4เหลี่ยมขึ้นมา แล้วก็คลิกๆที่ layers น่าจะเรียกถูก

แล้วก็ติดถูกที่ "Drop shadow"
แล้วก็ ตั้ง distanace 0
spread 50
size 5
หรือจะลองปรับๆดู ตามใจชอบครับ

เอะต้องสำรองไฟล์อ่ะป่าว

Better · โพสต์ 2012-2-14 22:05:14

ของผมโปรแกรม photoshop cs3 นะครับ

1. สร้างขนาดภาพที่ต้องการ ตรง Background Contents ให้เลือก Transparent แล้ว OK

2. เลือกเครื่องมือ Rounded Rectangle Tool แล้ววาดขนาดที่ต้องการ (อย่าลืมเลือกสีที่ต้องการก่อนนะครับ)

3. ในช่อง Layers ไปปรับค่า Opacity ให้น้อยลงครับ มันก็จะโปร่งใสเอง อยากโปร่งใสมากก็ปรับน้อยลงไปอีก

เท่านี้ก็เป็นอันเสร็จสิ้น

Better · โพสต์ 2012-2-15 06:57:16

ที่ผมอยากรู้ คือ แสงขอบกรอบอะปรังไงหรอ

คลิกขวาที่ Layers เลือก Blending Options...

ไปคลิกหัวข้อ Outer Glow แล้วไปดูในส่วนของ Elements แล้วก็ปรับขาด size เอาครับ

ส่วนลูกเล่นอื่นๆ ก็ลองดูได้ครับ ไม่ยาก

ZeroBlack · โพสต์ 2012-2-15 07:36:51

photoscape ทำง่ายกว่าเยอะ 5555

ethai · โพสต์ 2012-2-15 13:02:52

ขอเสริมอีกวิธี
วิธีใช้ CSS ทำกรอบ+เงากรอบ+พื้นโปร่งแสง+ขอบมน

ลองศึกษาดูโค้ดด้านล่าง

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
#shadow {
width:400px;
height:100px;
-moz-box-shadow: 0px 1px 4px 3px #555; /*โค้ดสำหรับทำเงา*/
-webkit-box-shadow: 0px 1px 4px 3px #555; /*โค้ดสำหรับทำเงา*/
border-radius: 5px; /*ทำขอบมน*/
background: rgba(255, 255, 255, .5); /*ทำพื้นหลังโปร่งแสง*/
}
</style>
</head>
<body>
<div id="shadow"> กล่องอะไรหว่า </div>
</body>
</html>

คัดลอกไปที่คลิปบอร์ด

บัญชี		จำสถานะนี้ไว้ในครั้งหน้า	ลืมรหัสผ่าน
รหัสผ่าน			สมัครสมาชิก

[X2] อาจจะไม่เกี่ยวคับดิสคัสเเต่ช่วยสอนทำรูปแบบนี้หน่อย นะ

ขออภัย! โพสต์นี้มีไฟล์แนบหรือรูปภาพที่ไม่ได้รับอนุญาตให้คุณเข้าถึง

แสดงความคิดเห็น

แสดงความคิดเห็น

คะแนน