گرافیک SVG برای وب با Illustrator

مدرس David Karlins

انتشار 2018/08/29

مدت زمان 2h 2m

سطح متوسط

فایل تمرینی دارد

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

فرمت Scalable Vector Graphics (SVG) این روزها در همه جا وجود دارد. SVG برای اینفوگرافیک های مبتنی بر داده، نقشه های تعاملی، نمادها، نوع قابل جستجو، رندرهای معماری و هر جایی که به آثار هنری مقیاس پذیر، متحرک یا تعاملی نیاز دارید استفاده می شود. آیا می خواهید خود را ایجاد کنید؟ Adobe Illustrator محیطی مناسب برای طراحان برای ایجاد فایل های SVG برای وب است. این دوره به شما می آموزد که چگونه فایل های SVG را در Illustrator با کمک گاه به گاه سایر محصولات Adobe Creative Cloud ایجاد، ذخیره و اصلاح کنید. مربی دیوید کارلینز اصول اولیه SVG را پوشش می دهد - اینکه چیست و چگونه از آن استفاده می شود - و نحوه پیکربندی Illustrator برای بهره وری بهینه با SVG را نشان می دهد. او توضیح می دهد که چگونه می توان شفافیت و گرادیان های مقیاس پذیر را ترکیب کرد، فیلترهای SVG را اعمال کرد، تعامل را اضافه کرد و نوع گرافیکی سبک و قابل جستجو ایجاد کرد. او همچنین بهترین تنظیمات را برای ذخیره و صادرات آثار هنری شما به‌عنوان SVG نشان می‌دهد و فرآیند جاسازی فایل‌ها یا کدهای SVG را در صفحات وب و برنامه‌ها بررسی می‌کند.

Typography Web Graphics Web Typography

Introduction

SVG—from Illustrator to screen ()

What you should know ()

1. SVG: Underrated for Web Graphics

What are SVG files? ()

SVG files are everywhere ()

Embedding SVG files in a webpage ()

2. Creating an SVG Environment in Illustrator

Setting up an SVG work environment ()

SVG-friendly units of measure and color modes ()

Minimizing strokes ()

Creating SVG-friendly artboards ()

3. Transparency and Gradients

Introduction to transparency and gradients ()

Exporting with transparent backgrounds ()

Applying transparency effects ()

Applying gradients ()

4. Applying SVG Filters

SVG filters vs. raster effects ()

Surveying and applying SVG filters ()

Importing and applying SVG filters ()

5. Image Maps for SVG

Image maps and SVG ()

Creating image map links ()

Using the SVG Interactivity panel ()

6. Optimizing Typography for SVG

Saving type as SVG text ()

Text on a path ()

Integrating SVG text and files with generated code ()

7. Saving as SVG

Syncing SVG artwork with scripts ()

Saving as SVG basic options ()

Saving SVG files with raster images ()

Advanced Save Options ()

8. Exporting SVG for Screens

When to export ()

Using the SVG export option ()

Advanced features of SVG export ()

9. Exporting to SVG from Photoshop

Why use Photoshop? ()

Exporting from Photoshop vs. saving in Illustrator ()

Optimal workflow ()

10. From Illustrator to the Web

Embedding SVG files in webpages ()

Inserting SVG using HTML's native elements ()

Meshing SVG with CSS styles ()

Inserting and editing SVG code ()

Conclusion

Next steps ()

Ex_Files_SVG_Graphics_for_the_Web_with_Illustrator.zip (7.9 MB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

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