لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش 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 چیست؟ li>
جاسازی پرونده های SVG در یک صفحه وب li>
تنظیم یک محیط مناسب SVG در Illustrator
شفافیت و شیب های مقیاس پذیر li>
استفاده از فیلترهای SVG
ایجاد پیوندها با نقشه های تصویری قابل برنامه ریزی و قابل برنامه ریزی li>
تایپوگرافی SVG
در حال ذخیره به عنوان SVG
صادرات به SVG
انتشار تصاویر SVG Illustrator در وب li>
سرفصل ها و درس ها
مقدمه
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
لینکدین: شبکه اجتماعی حرفهای برای ارتباط و کارآفرینی
لینکدین به عنوان یکی از بزرگترین شبکههای اجتماعی حرفهای، به میلیونها افراد در سراسر جهان این امکان را میدهد تا ارتباط برقرار کنند، اطلاعات حرفهای خود را به اشتراک بگذارند و فرصتهای شغلی را کشف کنند. این شبکه اجتماعی به کاربران امکان میدهد تا رزومه حرفهای خود را آپدیت کنند، با همکاران، دوستان و همکاران آینده ارتباط برقرار کنند، به انجمنها و گروههای حرفهای ملحق شوند و از مقالات و مطالب مرتبط با حوزه کاری خود بهرهمند شوند.
لینکدین همچنین به کارفرمایان امکان میدهد تا به دنبال نیروهای با تجربه و مهارت مورد نیاز خود بگردند و ارتباط برقرار کنند. این شبکه حرفهای به عنوان یک پلتفرم کلیدی برای بهبود دسترسی به فرصتهای شغلی و گسترش شبکه حرفهای خود، نقش مهمی را ایفا میکند. از این رو، لینکدین به عنوان یکی از مهمترین ابزارهای کارآفرینی و توسعه حرفهای در دنیای امروز مورد توجه قرار دارد.
دیوید کارلینز یک دانشجو، متخصص و معلم طراحی ارتباطات است.
دیوید کارشناس طراحی دیجیتال و ارتباطات است. پشت 40 کتاب در زمینه طراحی وب و گرافیک، تجزیه و تحلیل وب و انیمیشن، از جمله چهار کتاب For Dummies. دیوید وبلاگها در مورد انتقال از دانشجوی طراحی ارتباطات به حرفهای بودن. او طراحی ارتباطات و دوره های مرتبط را در دانشگاه سیتی نیویورک، برنامه مطالعات چند رسانه ای دانشگاه ایالتی سانفرانسیسکو و دانشکده مهندسی تاندون دانشگاه نیویورک تدریس کرده است. دوره های آنلاین UI/UX و طراحی وب او از طریق دانشگاه های سراسر جهان تدریس می شود. مشتریان دیوید از هیولت پاکارد تا نمایشگاه هیمالیا با تمرکز بر رقص، موسیقی و رویدادهای تئاتر متغیر بوده اند. در davidkarlins.com اطلاعات بیشتری کسب کنید.
نمایش نظرات