تخفیف ویژه همین الان — دوره‌های تخفیف‌دار را ببینید.
روز
:
ساعت
:
دقیقه
:
ثانیه
تخفیف‌های ویژه
دوره آموزشی SVG: برش، پوشش و فیلترها

دوره آموزشی SVG: برش، پوشش و فیلترها

2 ساعت 20 دقیقهپیشرفته2018-08-30

مدرسین

Morten Rand-Hendriksen

Morten Rand-Hendriksen

Senior Staff Instructor, Speaker, Web Designer, and Software Developer

جزئیات دوره

با SVG کارهای بیشتری انجام دهید. بسیاری از طراحان و توسعه دهندگان وب از قدرت SVG برای همین استفاده می کنند: گرافیک برداری مقیاس پذیر. اما تعداد کمی می دانند که SVG همچنین به شما امکان می دهد جلوه های بصری مبتنی بر کد ایجاد کنید - نوعی گرافیک که قبلاً فقط در برنامه هایی مانند فتوشاپ امکان پذیر بود. در این دوره آموزشی با مورتن رند-هندریکسن، به ویژگی‌های بصری پیشرفته موجود در قالب گرافیک برداری مقیاس‌پذیر، از جمله برش، پوشش و فیلترها، نگاهی عمیق بیندازید. یاد بگیرید که چگونه از clipPath، ماسک و عناصر فیلتر مختلف برای ایجاد ماسک های بریده، لایه های آلفا، و افکت هایی مانند تاری و وضوح، تصحیح رنگ، اکستروژن و ترکیب پیشرفته استفاده کنید. مورتن شامل تفکیک کامل تمام فیلترهای موجود در 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 در دنیای واقعی

دوره های مرتبط

درباره ما

لینداکده یک بستر یادگیری پیشرو است که به افراد کمک می کند تا کسب و کار ، نرم افزار ، فناوری و مهارت‌های خلاقانه را برای دستیابی به اهداف شخصی و حرفه ای بیاموزد.

شماره تلفنکانال آپاراتپشتیبانی تلگرامکانال تلگرامپیج اینستاگرام

کلیه‌ی حقوق این سایت متعلق به لینداکده می باشد

قوانین و شرایط|حریم خصوصی

نماد الکترونیک enamad در صورت اتصال با آی‌پی داخل کشور، نمایش داده خواهد شد.
logo-samandehi - لوگو ساماندهی
zarinpal
zibal