دوره آموزشی SVG: برش، پوشش و فیلترها
2 ساعت 20 دقیقهپیشرفته2018-08-30
مدرسین

Morten Rand-Hendriksen
Senior Staff Instructor, Speaker, Web Designer, and Software Developer
جزئیات دوره
با SVG کارهای بیشتری انجام دهید. بسیاری از طراحان و توسعه دهندگان وب از قدرت SVG برای همین استفاده می کنند: گرافیک برداری مقیاس پذیر. اما تعداد کمی می دانند که SVG همچنین به شما امکان می دهد جلوه های بصری مبتنی بر کد ایجاد کنید - نوعی گرافیک که قبلاً فقط در برنامه هایی مانند فتوشاپ امکان پذیر بود. در این دوره آموزشی با مورتن رند-هندریکسن، به ویژگیهای بصری پیشرفته موجود در قالب گرافیک برداری مقیاسپذیر، از جمله برش، پوشش و فیلترها، نگاهی عمیق بیندازید. یاد بگیرید که چگونه از clipPath، ماسک و عناصر فیلتر مختلف برای ایجاد ماسک های بریده، لایه های آلفا، و افکت هایی مانند تاری و وضوح، تصحیح رنگ، اکستروژن و ترکیب پیشرفته استفاده کنید. مورتن شامل تفکیک کامل تمام فیلترهای موجود در SVG به همراه مثال هایی است که مزایای جلوه های بصری مبتنی بر کد را نشان می دهد.
اهداف یادگیری
نحوه کار بریدن و ماسک کردن در SVG
سیستم مختصات ماسک
عناصر فیلتر
ترکیب فیلترها
فیلترهای اولیه
استفاده از فیلترهای SVG
اهداف یادگیری
نحوه کار بریدن و ماسک کردن در SVG
سیستم مختصات ماسک
عناصر فیلتر
ترکیب فیلترها
فیلترهای اولیه
استفاده از فیلترهای SVG
مهارت ها
Web GraphicsWeb DesignProgramming LanguagesSoftware DevelopmentDeep Dive (X:Y)
سرفصل ها
0. مقدمه
- 01 - برش، پوشاندن و فیلتر کردن SVG
- 02 - پیش نیازها
1. برش و ماسک کردن
- 03 - نحوه کار بریدن و ماسک کردن
- 04 - عنصر clipPath
- 05 - یک نمونه برش اولیه
- 06 - سیستم مختصات clipPath
- 07 - عنصر ماسک
- 08 - یک نمونه ماسک اساسی
- 09 - سیستم مختصات ماسک
2. فیلترهای SVG
- 10 - فیلترهای SVG چگونه کار می کنند
- 11 - عنصر فیلتر
- 12 - یک مثال فیلتر اساسی
- 13 - ترکیب چند فیلتر
- 14 - مناطق و مناطق فرعی را فیلتر کنید
3. فیلترهای SVG و کاری که انجام می دهند
- 15 - مروری بر فیلترهای اولیه SVG
- 16 - feImage
- 17 - نعناع
- 18 - feFlood
- 19 - فبلند
- 20 - feGaussianBlur
- 21 - feMerge
- 22 - feOffset
- 23 - مورفولوژی فک
- 24 - feComposite
- 25 - feComponentTransfer
- 26 - feColorMatrix، قسمت 1
- 27 - feColorMatrix، قسمت 2
- 28 - feDiffuseLighting
- 29 - feSpecularLighting
- 30 - تلاطم
- 31 - feDisplacementMap
- 32 - feConvolveMatrix
4. استفاده از فیلترهای SVG
- 33 - تصاویر دوتن
- 34 - متن اکسترود شده
- 35 - مخلوط کردن چندین فیلتر
5. ادامه دادن
- 36 - فیلترهای SVG در دنیای واقعی
دوره های مرتبط
- دوره آموزشی یادگیری جامع ادوب انیمیت
- دوره آموزشی ایجاد گرافیک بهینه شده برای وب
- دوره آموزشی طراحی گرافیک برداری: الگوها
- دوره آموزشی ویژگی های جدید Adobe Animate CC
- دوره آموزشی یادگیری انیمیشن های جاوا اسکریپت با GreenSock
- دوره آموزشی طراحی اینفوگرافیک های تعاملی با Adobe Animate
- دوره آموزشی استفاده از ادوب اسپارک برای تبلیغ برند تان
- دوره آموزشی Adobe Animate برای طراحی UX