اثر هنری سی اس اس - خلق تصویرسازیهای خلاقانه با سی اس اس
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- استفاده از تکنیکهای سی اس اس برای طراحی صورت حیوانات، میوهها، گیاهان، خودرو، ماسک آیرونمن و غیره
- استفاده از تکنیکهای سی اس اس برای طراحی لوگوهای نتفلیکس، فیگما، اندروید، اینستاگرام و غیره
- درک اهمیت موقعیتیابی (نسبی و مطلق) برای خلق اثر هنری در سی اس اس
- درک کنید چگونه از سی اس اس برای کنترل ظاهر و ساختار عناصر اچ تی ام ال استفاده کنید.
- درک کنید چگونه از شبهعناصر (before:: و after::) برای افزودن لایهها و جزئیات بیشتر به طراحیها استفاده کنید.
- یاد بگیرید چگونه از گرادیانهای خطی و شعاعی و سایهها برای افزودن عمق و بعد به اثر هنری استفاده کنید.
- بهکارگیری ویژگیهای سی اس اس مانند border-radius ،box-shadow ،z-index و تبدیل برای ایجاد طراحیهای پیچیده
پیشنیازهای دوره
- دانش کافی در اچ تی ام ال و سی اس اس الزامی است.
- توانایی نوشتن صحیح سینتکس سی اس اس و استفاده از ویژگیهای آن ضروری است.
- ویرایشگر متن مانند ++Sublime Text ،Bracket ،Notepad، ویژوال استودیو کد و غیره
توضیحات دوره
آمادهاید یک روش جدید برای بروز خلاقیت خود کشف کنید؟ میخواهید مهارتهای سی اس اس خود را به ابزاری قدرتمند برای خلق آثار هنری خیرهکننده تبدیل کنید؟ در این صورت، این دوره بهترین انتخاب برای شماست.
در این دوره از تکنیکهای سی اس اس برای طراحی صورت حیوانات، میوه، گیاه، خودرو، ماسک آیرونمن، بابانوئل، بستنی و غیره استفاده میکنیم.
تکنیکهای سی اس اس را برای طراحی لوگوهای نتفلیکس، فیگما، اندروید، اینستاگرام، نایک و غیره بهکار میبریم.
شما درک خواهید کرد موقعیتیابی نسبی و مطلق دقیقا چگونه کار میکند.
این دوره طراحی شده تا دنیایی از امکانات هنری با سی اس اس را برای شما بگشاید. اگر مشتاقید تلاقی کدنویسی و هنر را بررسی کنید یا میخواهید مهارتی منحصربهفرد به مهارتهای سی اس اس خود اضافه نمایید، این دوره مناسب شماست.
شما یاد خواهید گرفت چگونه از سی اس اس و اچ تی ام ال برای خلق آثار هنری پیچیده و زیبایی استفاده کنید. تصور کنید چقدر احساس رضایتبخشی خواهید داشت وقتی کدتان به تصاویر و طراحیهای زنده تبدیل میشود. این دوره به شما کمک میکند مهارتهای کدنویسی خود را به شکلی بیسابقه به کار بگیرید.
با تکنیکهای سی اس اس قادر خواهید بود طراحیهای پیچیده بسازید و جزئیات ظریف را به طراحیهای خود اضافه کنید. همچنین یاد میگیرید چگونه از شبهعناصر برای افزودن لایههای و پیچیدگی بیشتر به اثر هنری خود استفاده کنید.
شما یاد خواهید گرفت چگونه انواع اشیا را بکشید. شما درک خواهید کرد چگونه از ویژگیهای border-radius ،clip-path، سایهها، تکسچرها و غیره استفاده کنید تا طراحیهای خود را واقعگرایانهتر و چشمنوازتر کنید.
در طول دوره، روی پروژههای متعددی کار میکنید تامفاهیمی که یاد گرفتید را تقویت کنید. این پروژهها به شما تجربه عملی میدهند و به شما کمک میکنند یک پورتفولیوی جذاب از آثار هنری سی اس اس بسازید. ساخت یک پورتفولیو برای نمایش اثر هنری سی اس اس میتواند مشتریان یا کارفرمایان بالقوه را تحت تاثیر قرار دهد و فرصتهای شغلی جدیدی به رویتان باز کند. اگر تصویرگر هستید، هنر سی اس اس مقدمهای عالی برای آشنایی با کدنویسی است. اگر توسعهدهنده فرانتاند هستید، طراحی با کد روشی خلاقانه برای آشنایی بیشتر با جزئیات سی اس اس است.
این فرصت را برای ترکیب علاقه به هنر با قدرت کدنویسی از دست ندهید. امروز در این دوره شرکت کنید و سفر خود را به سوی تبدیل شدن به یک هنرمند سی اس اس آغاز کنید. خلاقیت خود را آزاد کنید و اثر هنری دیجیتال خیرهکنندهای خلق کنید که حیرتانگیز و الهامبخش باشد!
این دوره برای چه کسانی مناسب است؟
- هر کسی که میخواهد جنبه هنری سی اس اس را بررسی کند.
- هر کسی که میخواهد یاد بگیرد چگونه با سی اس اس طراحی یا تصویرسازی کند.
اثر هنری سی اس اس - خلق تصویرسازیهای خلاقانه با سی اس اس
-
آشنایی با پروژههایی که خواهید ساخت 04:48
-
تمام منابع برای دانلود در دسترس هستند 00:42
-
موقعیت نسبی 27:52
-
موقعیت مطلق - بخش 1 22:20
-
موقعیت مطلق - بخش 2 07:56
-
سلکتورها - بخش 1 25:37
-
سلکتورها - بخش 2 12:55
-
ایجاد متغیرها به صورت محلی و سراسری 12:14
-
واحدهای سی اس اس - rem ،em و px 08:23
-
واحدهای سی اس اس - em و % 18:10
-
واحدهای سی اس اس - vmin ،vmax ،vh و vw 14:36
-
ایجاد مثلث با بوردر و موقعیت مطلق 17:30
-
استفاده از FLEX برای وسط چین کردن عمودی و افقی یک عنصر 03:45
-
موقعیتدهی یک عنصر به مرکز با مارجین و موقعیت مطلق 18:56
-
تبدیل سی اس اس 19:27
-
هنر box-shadow 06:28
-
هنر linear-gradient و box-shadow 11:54
-
ایجاد الگوی دایرهای با گرادیان شعاعی 13:24
-
ساختار اولیه اثر هنری اندروید 12:07
-
استایلدهی به سر و چشمهای اندروید 19:37
-
استایلدهی به آنتن و بدن 13:12
-
استایلدهی به پاها و بازوها 18:16
-
ساختار اولیه اثر هنری پلهها 07:33
-
استایلدهی به چهار پله اول 14:35
-
استایلدهی به سه پله آخر 14:11
-
ساختار اولیه اثر هنری صورت خرس 10:03
-
استایلدهی به سر، گوشها و چشمها 15:54
-
استایلدهی به بینی و لبخند 16:24
-
استایلدهی به موهای بالایی 19:07
-
ساختار اولیه اثر هنری گیاه در گلدان 05:41
-
استایلدهی به برگها 23:25
-
استایلدهی به گلدان 17:54
-
ساختار اولیه لوگوی اینستاگرام 16:12
-
استایلدهی به بخشهای داخلی سفید 12:09
-
ساختار اولیه اثر هنری بطری 12:13
-
استایلدهی به بخش بالایی و رنگ سایه 13:54
-
ساختار اولیه سپر کاپیتان آمریکا 06:46
-
استایلدهی به دو دایره دیگر و یک مثلث 13:21
-
تکمیل ستاره 15:24
-
ساختار اولیه لوگوی Dribbble 17:35
-
تکمیل دو خط دیگر 06:31
-
ساختار اولیه اثر هنری 17:02
-
استایلدهی به برگها 12:06
-
استایلدهی به پرتقال 14:55
-
استایلدهی به لیوان شیشهای 20:26
-
استایلدهی به مایع و بخش براق 09:15
-
ساختار اولیه اثر هنری هواپیما 09:09
-
استایلدهی به بالهای هواپیما 14:35
-
استایلدهی به بدنه، دماغه و پنجره هواپیما 11:29
-
استایلدهی به توربینها و دم 16:29
-
استایلدهی به تایرها 09:03
-
ساختار اولیه لوگوی نتفلیکس 13:55
-
استایلدهی به بخشهای حرف N 16:44
-
ساختار اولیه خودرو 08:06
-
استایلدهی به صفحه و تکیهگاه سر 19:15
-
استایلدهی به آینه جانبی و نمای جلو 16:31
-
استایلدهی به سپر و تایرها 14:18
-
ساختار اولیه قلب 06:49
-
شکلهای منحنی برای کامل کردن قلب 10:48
-
ساختار اولیه اثر هنری ماسک آیرونمن 07:13
-
درک چندضلعی با clip-path - بخش 1 23:32
-
درک چندضلعی با clip-path - بخش 2 18:02
-
بخش خارجی قرمز ماسک 22:24
-
بخش منحنی قرمز بالای ماسک 06:11
-
بخش داخلی زرد ماسک 11:55
-
لایه جلویی قرمز ماسک 09:33
-
سگمنت ماسک 08:34
-
چشمهای ماسک 15:12
-
ساختار اولیه سیب 06:38
-
استایلدهی به سیب و دایرههای داخلی 16:10
-
استایلدهی به برگ و چوب 09:17
-
استایلدهی به لوگوی Sublime Text 15:07
-
ساختار اولیه صورت گربه 11:02
-
گوشهای گربه 09:55
-
چشمها و بینی گربه 11:11
-
سبیلهای گربه 11:51
-
ساختار اولیه میکیماوس 17:01
-
استایلدهی به صورت 11:59
-
استایلدهی به گونهها و چشمهای سیاه 10:57
-
استایلدهی به چشمهای سفید داخلی و بینی 18:46
-
ساختار اولیه لوگوی فیگما 13:34
-
افزودن دو عنصر دیگر لوگو 07:57
-
استایلدهی به بدنه و کلیدهای پیانو 16:00
-
استایلدهی به لوگوی ریاکت 09:05
-
استایلدهی به سر و دسته لنگر 12:33
-
استایلدهی به قلابها 13:02
-
ساختار اولیه لوگوی نایک 13:05
-
ساختار اولیه سر و چشمهای بابانوئل 14:05
-
استایلدهی به گوشها و سبیل 09:32
-
استایلدهی به ریش 15:09
-
استایلدهی به دهان و مو 10:16
-
استایلدهی به تمام بخشهای کلاه 14:17
-
ساختار اولیه اثر هنری بستنی قیفی 13:33
-
استایلدهی به خطوط مورب روی قیف و حاشیه سفید 14:23
-
استایلدهی به بالای قیف و بستنی پرتقالی 20:19
-
استایلدهی به دسته 10:02
-
استایلدهی به توت فرنگی 17:51
-
استایلدهی به بستنی صورتی و کوکی 19:26
مشخصات آموزش
اثر هنری سی اس اس - خلق تصویرسازیهای خلاقانه با سی اس اس
- تاریخ به روز رسانی: 1404/10/04
- سطح دوره:متوسط
- تعداد درس:98
- مدت زمان :22:29:29
- حجم :8.48GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy