آموزش SVG Graphics for the Web with Illustrator

SVG Graphics for the Web with Illustrator

در حال بارگزاری نمونه ویدیو، لطفا صبر کنید...
Video Player is loading.
Current Time 0:00
Duration 0:00
Loaded: 0%
Stream Type LIVE
Remaining Time 0:00
 
1x
    • Chapters
    • descriptions off, selected
    • subtitles off, selected
      نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
      نمونه ویدیوها:
      • در حال بارگزاری، لطفا صبر کنید...
      توضیحات دوره: قالب مقیاس پذیر گرافیک (SVG) این روزها همه جا است. SVG برای اینفوگرافیک های مبتنی بر داده ، نقشه های تعاملی ، نمادها ، نوع قابل جستجو ، تفاسیر معماری و هرجایی که به کارهای هنری مقیاس پذیر ، متحرک یا تعاملی نیاز دارید ، استفاده می شود. آیا می خواهید خود را ایجاد کنید؟ Adobe Illustrator محیطی دوستانه برای ایجاد فایلهای SVG برای وب است. این دوره به شما نحوه ایجاد ، ذخیره و اصلاح فایلهای SVG در Illustrator را با کمک های گاه به گاه سایر محصولات Adobe Creative Cloud آموزش می دهد. مربی ، دیوید کارلینز ، اصول SVG - آنچه در آن است و نحوه استفاده از آن را پوشش می دهد - و نحوه پیکربندی Illustrator برای بهره وری مطلوب با SVG را نشان می دهد. وی توضیح می دهد که چگونه می توان از شفافیت و شیب های مقیاس پذیر استفاده کرد ، فیلترهای SVG را به کار برد ، تعاملی را ایجاد کرد و نوع گرافیکی قابل جستجو و جستجو را ایجاد کرد. وی همچنین بهترین تنظیمات را برای ذخیره و صادرات آثار هنری شما به عنوان SVG نشان می دهد و روند جاسازی پرونده ها یا کدهای SVG را در صفحات وب و برنامه ها بررسی می کند.
      موضوعات شامل:
      • پرونده های SVG چیست؟
      • جاسازی پرونده های SVG در یک صفحه وب
      • تنظیم یک محیط مناسب SVG در Illustrator
      • شفافیت و شیب های مقیاس پذیر
      • استفاده از فیلترهای SVG
      • ایجاد پیوندها با نقشه های تصویری قابل برنامه ریزی و قابل برنامه ریزی
      • تایپوگرافی SVG
      • در حال ذخیره به عنوان SVG
      • صادرات به SVG
      • انتشار تصاویر SVG Illustrator در وب

      سرفصل ها و درس ها

      مقدمه Introduction

      • SVG — از Illustrator به صفحه نمایش SVG—from Illustrator to screen

      • آنچه باید بدانید What you should know

      1. SVG: Underrated for Graphics Web 1. SVG: Underrated for Web Graphics

      • پرونده های SVG چیست؟ What are SVG files?

      • پرونده های SVG در همه جا هستند SVG files are everywhere

      • قرار دادن پرونده های SVG در یک صفحه وب Embedding SVG files in a webpage

      2. ایجاد یک محیط SVG در Illustrator 2. Creating an SVG Environment in Illustrator

      • تنظیم یک محیط کار SVG Setting up an SVG work environment

      • دستگاه های اندازه گیری و رنگی SVG-Friendly SVG-friendly units of measure and color modes

      • به حداقل رساندن سکته ها Minimizing strokes

      • ایجاد مقادیر آرشیو SVG Creating SVG-friendly artboards

      3. شفافیت و شیب 3. Transparency and Gradients

      • آشنایی با شفافیت و شیب Introduction to transparency and gradients

      • صادرات با پس زمینه های شفاف Exporting with transparent backgrounds

      • اعمال اثرات شفافیت Applying transparency effects

      • اعمال شیب Applying gradients

      4- اعمال فیلترهای SVG 4. Applying SVG Filters

      • فیلترهای SVG در مقابل جلوه های شطرنجی SVG filters vs. raster effects

      • نقشه برداری و استفاده از فیلترهای SVG Surveying and applying SVG filters

      • واردات و استفاده از فیلترهای SVG Importing and applying SVG filters

      5. نقشه های تصویر برای SVG 5. Image Maps for SVG

      • نقشه های تصویر و SVG Image maps and SVG

      • ایجاد لینک های نقشه تصویر Creating image map links

      • با استفاده از پنل تعاملی SVG Using the SVG Interactivity panel

      6. بهینه سازی تایپوگرافی برای SVG 6. Optimizing Typography for SVG

      • نوع ذخیره سازی به عنوان متن SVG Saving type as SVG text

      • متن در یک مسیر Text on a path

      • ادغام متن و فایل های SVG با کد تولید شده Integrating SVG text and files with generated code

      7. صرفه جویی در SVG 7. Saving as SVG

      • همگام سازی آثار هنری SVG با اسکریپت ها Syncing SVG artwork with scripts

      • صرفه جویی در گزینه های اساسی SVG Saving as SVG basic options

      • ذخیره فایلهای SVG با تصاویر شطرنجی Saving SVG files with raster images

      • گزینه های ذخیره پیشرفته Advanced Save Options

      8. صادرات SVG برای صفحات 8. Exporting SVG for Screens

      • چه زمانی برای صادرات When to export

      • با استفاده از گزینه صادرات SVG Using the SVG export option

      • ویژگی های پیشرفته صادرات SVG Advanced features of SVG export

      9. صادرات به SVG از Photoshop 9. Exporting to SVG from Photoshop

      • چرا از فتوشاپ استفاده می کنیم؟ Why use Photoshop?

      • صادرات از Photoshop در مقابل صرفه جویی در Illustrator Exporting from Photoshop vs. saving in Illustrator

      • گردش بهینه کار Optimal workflow

      10. از Illustrator تا وب 10. From Illustrator to the Web

      • قرار دادن پرونده های SVG در صفحات وب Embedding SVG files in webpages

      • درج SVG با استفاده از عناصر بومی HTML Inserting SVG using HTML's native elements

      • Meshing SVG با سبک های CSS Meshing SVG with CSS styles

      • درج و ویرایش کد SVG Inserting and editing SVG code

      نتیجه Conclusion

      • مراحل بعدی Next steps

      نمایش نظرات

      آموزش SVG Graphics for the Web with Illustrator
      جزییات دوره
      2h 2m
      37
      Linkedin (لینکدین) Linkedin (لینکدین)
      (آخرین آپدیت)
      21,405
      - از 5
      ندارد
      دارد
      دارد
      David Karlins
      جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

      Google Chrome Browser

      Internet Download Manager

      Pot Player

      Winrar

      David Karlins David Karlins

      کارشناس طراحی وب، مدرس، و مربی شرکتی

      دیوید کارلینز یک دانشجو، متخصص و معلم طراحی ارتباطات است.

      دیوید کارشناس طراحی دیجیتال و ارتباطات است. پشت 40 کتاب در زمینه طراحی وب و گرافیک، تجزیه و تحلیل وب و انیمیشن، از جمله چهار کتاب For Dummies. دیوید وبلاگ‌ها در مورد انتقال از دانشجوی طراحی ارتباطات به حرفه‌ای بودن. او طراحی ارتباطات و دوره های مرتبط را در دانشگاه سیتی نیویورک، برنامه مطالعات چند رسانه ای دانشگاه ایالتی سانفرانسیسکو و دانشکده مهندسی تاندون دانشگاه نیویورک تدریس کرده است. دوره های آنلاین UI/UX و طراحی وب او از طریق دانشگاه های سراسر جهان تدریس می شود. مشتریان دیوید از هیولت پاکارد تا نمایشگاه هیمالیا با تمرکز بر رقص، موسیقی و رویدادهای تئاتر متغیر بوده اند. در davidkarlins.com اطلاعات بیشتری کسب کنید.