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

SVG Graphics for the Web with Illustrator

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: قالب مقیاس پذیر گرافیک (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

نمایش نظرات

Linkedin (لینکدین)

لینکدین: شبکه اجتماعی حرفه‌ای برای ارتباط و کارآفرینی

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

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

آموزش 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 اطلاعات بیشتری کسب کنید.