- مدرس دوره : محمد میرزایی ( رزومه )
- تعداد ویدیوها : 11 ویدیو
- مدت زمان دوره : 3:0:00
- سطح دوره : مقدماتی
- وضعیت دوره : به اتمام رسیده
- تاریخ آخرین بروزرسانی : 1398/06/19

آموزش Canvas و Svg مقدماتی تا پیشرفته
در عرصه ی طراحی سایت های به روز و کاربر پسند , گرافیک ها نقش بسزایی را ایفا میکنند به طوری که یکی از لازمه های داشتن ui و ux کاربر پسند و زیبا استفاده مناسب از این گرافیک ها است.
مسلم است که گرافیک هایی با کیفیت ثابت در تمام ابعاد میتوانند این نقش را به بهترین شکل ممکن ایفا کنند.
سیستم های گرافیکی svg و canvas , هر دو box هایی هستند که جهت ترسیمات ساده مثل آیکون های کوچک و یا پیچیده مثل تصاویر و اشکال گرافیکی مختلف با بهترین کیفیت ممکن میتوانند مورد استفاده قرار بگیرند.
عنصر canvas در html5 قرار داده شده و با دستورات اسکریپتی به رسم اشکال گوناگون میپردازد و svg هم در قالب xml تنها در محیط html مورد استفاده قرار میگیرد.
از دیگر مزیت های یادگیری این دو مبحث علاوه بر داشتن سایتی با کیفیت در تمام سایز ها ,میتوان به رسم گرافیک های خلاقانه و سلیقه ای توسط طراح اشاره کرد.
در این دوره هر دوی این بوم های گرافیکی به همراه تفاوت هایشان بطور کامل مورد بررسی قرار خواهند گرفت و اشکال گوناگونی رسم خواهند شد تا به درک هر چه بیشتر شما از این دو ابزار فوق العاده کمک کند.
پس اگر به دنبال سایتی شکیل تر و باکیفیت تر هستید با ما همراه باشید.
فهرستـــ ویدیوها
مدت زمان دوره 3:0:00با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.
رسم مستطیل و دایره (rect & circle)
کار با مختصات بصورت عملی و رسم دایره و مستطیل همراه با style دهی و بررسی ویژگی های fill و stroke
ادامه ی stroking و رسم بیضی و خط (ellipse & line)
بررسی ویژگی های دیگر stroke و رسم بیضی و خط به همراه بررسی ویژگی هایشان
رسم چندخطی و چند وجهی (polyline & polygon)
آشنایی با point ها و نحوه رسم اشکال چند وجهی و خطوط متوالی
بررسی path, text, gradient, transform
آشنایی با path و کلمات کلیدی آن + آشنایی با text و رسم متن در svg + آشنایی با gradient ها در svg + بررسی transform روی اشکال و تصاویر
نظرات کاربران در رابطه با این دوره
bi95t
ارسال شده در 1402/06/21سلام خسته نباشید
دوره آموزش Css Grid از مقدماتی تا پیشرفته رگزار نمیکنید؟ مرسی
sinahzh
ارسال شده در 1401/05/26سلام واقعا به این آموزش نیاز داشتم
لطفا مباحث متحرک سازی svg هم و اضافه کنید
با تشکر از استاد میرزایی
aftabgardoon
ارسال شده در 1400/12/15سلام استاد
خوب هستین!؟
برای بخش Convas، باید JS بلد باشیم!؟
یا با دونستن HTML-CSS میشه دوره رو دید!؟
جواد صادقی
ارسال شده در 1400/07/28بسیار عالی و کاربردی
متشکر از مدرس عزیز موفق باشید همیشه
sourenakazemi
ارسال شده در 1400/01/04دوره عالی هر دو تا دوره استاد خیلی عالی بودن نه خشک بودن نه الکی طولانی استاد هم تسلط کامل داشتن ممنون
nooshinkbr
ارسال شده در 1399/12/07حقیقتا اصلا خوب اموزش ندادید بیانتون برای اموزش نیست
shahab lovejs
ارسال شده در 1399/11/08سلام و عرض ادب خدمت استاد گرامی
یه سوال داشتم لطفا راهنمایی کنید
آیا امکانش هست یه عکس رو داخل تگ svg لود کرد؟
مثل اون عکسی که داخل canvas لود کردین منظورمه؟
mahdisam
ارسال شده در 1399/05/19من یک هفته بود دنبالش میگشتم واقعا دستتون درد نکنه
ashkanhaghshenas
ارسال شده در 1399/05/10سلام استاد خسته نباشید
امکانش هست یه قسمت اضافه کنید که داخلش یه header wave برای سایت طراحی کنید