در این آموزش تصویری شما با نحوه طراحی تصاویر SVG برای طراحی صفحات وب را با استفاده از  Illustrator CC فرا خواهید گرفت.فن آوری SVG از انیمیشن به خوبی پشتیبانی می کند.کیفیت تصاویر در SVG از بین نمی رود.مدرس در این دوره مراحل ساخت و خروجی گرفتن از این تصاویر و یکپارچه سازی گرافیک SVG در وب سایت را نمایش می دهد. همچنین نشان می دهد که چه مرورگرهایی از این فن آوری پشتیبانی می کنند.

این دوره آموزشی محصول موسسهLynda است.

سرفصل های این دوره:

  • مفاهیم اصلی
  • SVG چیست و چرا باید از آنها استفاده کنیم؟
  • موارد استفاده مشترک برای SVG ها
  • کدام مرورگر SVG ها پشتیبانی می کنند؟
  • ایجاد SVG در Illustrator CC
  • آماده سازی آثار هنری برای تبدیل به SVG
  • بررسی گزینه های خروجی SVG در Illustrator
  • خروجی کل artboard ها به SVG
  • خروجی قطعات مجزا SVG
  • کار با متن در SVG
  • کار با SVG در وب سایت شما
  • کپی کردن و چسباندن SVG ها به ادوبی میوز
  • و…

عنوان دوره: Lynda Illustrator CC for Web Design SVG

مدت دوره:45 دقیقه

نویسنده: Justin Seeley



Lynda Illustrator CC for Web Design SVG

Justin Seeley
45m 34s

As the web continues to evolve, it is important for designers to stay on top of the latest trends. SVG (scalable vector graphics) is definitely trending. While SVG images weren't used much in the past, web designers are coming around to their benefits. SVG supports interactivity and animation and because the format is "scalable," your designs are more responsive. SVG can scale to fit any screen size, without any loss in quality. In this course, Justin Seeley takes you through the steps of building, exporting, and integrating SVG graphics into your website with Illustrator CC. Learn what browsers support SVG, the correct export options for entire artboards and individual elements, and the technical side of coding SVG into HTML.

3m 23s
1m 17s
How to use the exercise files
How to send feedback
1m 14s
1. Core Concepts
9m 28s
What is SVG and why should you use it?
3m 36s
Common use cases for SVGs
4m 0s
Which browsers support SVGs?
1m 52s
2. Creating SVGs in Illustrator CC
26m 0s
Preparing your artwork for SVG export
6m 40s
Exploring SVG export options in Illustrator
7m 54s
Exporting entire artboards to SVG
2m 21s
Exporting individual components to SVG
2m 27s
Working with text in your SVGs
6m 38s
3. Working with SVGs on Your Website
5m 15s
Copying and pasting SVGs into Adobe Muse
3m 18s
Coding SVG into your website
1m 57s
1m 28s
Where to go from here
1m 28s