✳️ طراحی تبلیغات با فتوشاپ (+ فیلم آموزش گام به گام رایگان)
در آموزشهای پیشین «مجله فرادرس» دیدیم که برای یادگیری فتوشاپ چه مراحلی را باید طی کنیم. همچنین، نحوه طراحی بنر تبلیغاتی و طراحی جلد کتاب را مرور کردیم. در این آموزش قصد داریم طراحی تبلیغات با فتوشاپ را بررسی کنیم و بعد از آشنایی با تبلیغات در شبکه‌های اجتماعی، نحوه طراحی بنرهای تبلیغاتی را آموزش می‌دهیم.
══ فهرست مطالب ══
○ عناصر مهم در طراحی تبلیغات با فتوشاپ
○ ابزارهای معمول برای طراحی تبلیغات با فتوشاپ
○ تبلیغات در شبکه های اجتماعی
○ طراحی بنر تبلیغاتی متحرک در فتوشاپ
○ معرفی فیلم آموزش ساخت انیمیشن دو بعدی با Photoshop
○ دانلود فایل لایه باز برای طراحی تبلیغاتی با فتوشاپ
🔸 عناصر مهم در طراحی تبلیغات با فتوشاپ
برای طراحی تبلیغات با فتوشاپ باید المان‌هایی را در نظر بگیرید که در فهرست زیر آورده شده‌اند.
– تصویرسازی: دشوارترین بخش طراحی تبلیغات با فتوشاپ، پیدا کردن تصاویر یا تصویرسازی مناسب است که برای این کار می‌توانید نظرات مشتری را جویا شوید و از سایت‌های مرتبط کمک بگیرید.
– لوگوها: به طور معمول می‌توانید در طراحی بنرهای تبلیغاتی از لوگوی مشتری خود کمک بگیرید اما توجه داشته باشید که اجباری برای قرار دادن لوگو در طراحی تبلیغات با فتوشاپ وجود ندارد.
– شکل‌ها: از شکل‌های مختلف مانند شکل‌های مستطیلی و دایره‌ای کمک بگیرید تا به عنوان قابی برای لوگوها یا سایر عناصر تبلیغات باشند.
– لایه‌های رنگی: تیره کردن یا تغییر رنگ تبلیغ به کمک لایه‌های رنگی (Overlay) و ترکیب آنها با پس‌زمینه از جمله روش‌هایی به شمار می‌آید که برای ایجاد خلاقیت در تبلیغات به کار می‌رود.
– تایپوگرافی: استفاده از تایپوگرافی ساده با فونت‌های «Bold» بسیار معمول و تاثیرگذار است. به یاد داشته باشید که تایپ عبارات در طراحی تبلیغات با فتوشاپ امری رایج است و باید شیوه‌های هنری این کار را در تهیه بنرهای تبلیغاتی در نظر داشته باشید.
– دکمه‌ها: به طور معمول از دکمه‌های فراخوانی برای اقدام باید در طراحی تبلیغات با فتوشاپ استفاده کرد. برای طراحی چنین دکمه‌هایی کافی است از «Shape Tool» کمک بگیرید و پس از طراحی، با استفاده از «Drop Shadow»، جلوه‌ای چشم‌نواز به آن بدهید.
در این آموزش، عناصر ذکر شده به شکلی عملی مورد استفاده قرار می‌گیرند تا با نحوه استفاده و بکارگیری این عناصر بویژه در نرم‌افزار فتوشاپ آشنا شوید.
با توجه به اهمیت یادگیری نرم‌افزار فتوشاپ جهت خلق انیمیشن، «فرادرس» اقدام به انتشار فیلم آموزش ساخت انیمیشن دو بعدی با Photoshop کرده که لینک آن در ادامه آورده شده است.
🔸 ابزارهای معمول برای طراحی تبلیغات با فتوشاپ
پیش از انجام پروژه‌های مربوط طراحی، ابزارهای معمول را بررسی و نکته‌هایی را در این رابطه بیان می‌کنیم. این ابزارها در زیر آورده شده‌اند.
– «Shape Tool»: برای ایجاد حاشیه اطراف عکس، مکان‌نمایی متن‌ها و ایجاد دکمه‌ها از این ابزار استفاده کنید.
– «Type Tool»: همانطور که پیش‌تر هم ذکر شد، استفاده از متن برای طراحی تبلیغات با فتوشاپ بسیار معمول است.
– «Marquee Tool»: از این ابزار برای انتخاب نواحی مختلف عکس و حذف یا اضافه کردن این نواحی بهره می‌گیرند. همچنین برای استفاده از براش (قلم‌مو) می‌توان ناحیه مورد نظر را انتخاب و براش کرد.
– «Ruler»: به طور قطع استفاده از خط‌کش در طراحی، روش مناسبی برای چیدمان صحیح عناصر مختلف به شمار می‌آید در اندازه‌گیری بخش‌های مختلف یا پیدا کردن مرکز شکل‌ها از این ابزار می‌توان استفاده کرد.
مطالعه ادامه مطلب 👇👇
🔗 طراحی تبلیغات با فتوشاپ (+ فیلم آموزش گام به گام رایگان) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
در آموزشهای پیشین «مجله فرادرس» دیدیم که برای یادگیری فتوشاپ چه مراحلی را باید طی کنیم. همچنین، نحوه طراحی بنر تبلیغاتی و طراحی جلد کتاب را مرور کردیم. در این آموزش قصد داریم طراحی تبلیغات با فتوشاپ را بررسی کنیم و بعد از آشنایی با تبلیغات در شبکه‌های اجتماعی، نحوه طراحی بنرهای تبلیغاتی را آموزش می‌دهیم.
══ فهرست مطالب ══
○ عناصر مهم در طراحی تبلیغات با فتوشاپ
○ ابزارهای معمول برای طراحی تبلیغات با فتوشاپ
○ تبلیغات در شبکه های اجتماعی
○ طراحی بنر تبلیغاتی متحرک در فتوشاپ
○ معرفی فیلم آموزش ساخت انیمیشن دو بعدی با Photoshop
○ دانلود فایل لایه باز برای طراحی تبلیغاتی با فتوشاپ
🔸 عناصر مهم در طراحی تبلیغات با فتوشاپ
برای طراحی تبلیغات با فتوشاپ باید المان‌هایی را در نظر بگیرید که در فهرست زیر آورده شده‌اند.
– تصویرسازی: دشوارترین بخش طراحی تبلیغات با فتوشاپ، پیدا کردن تصاویر یا تصویرسازی مناسب است که برای این کار می‌توانید نظرات مشتری را جویا شوید و از سایت‌های مرتبط کمک بگیرید.
– لوگوها: به طور معمول می‌توانید در طراحی بنرهای تبلیغاتی از لوگوی مشتری خود کمک بگیرید اما توجه داشته باشید که اجباری برای قرار دادن لوگو در طراحی تبلیغات با فتوشاپ وجود ندارد.
– شکل‌ها: از شکل‌های مختلف مانند شکل‌های مستطیلی و دایره‌ای کمک بگیرید تا به عنوان قابی برای لوگوها یا سایر عناصر تبلیغات باشند.
– لایه‌های رنگی: تیره کردن یا تغییر رنگ تبلیغ به کمک لایه‌های رنگی (Overlay) و ترکیب آنها با پس‌زمینه از جمله روش‌هایی به شمار می‌آید که برای ایجاد خلاقیت در تبلیغات به کار می‌رود.
– تایپوگرافی: استفاده از تایپوگرافی ساده با فونت‌های «Bold» بسیار معمول و تاثیرگذار است. به یاد داشته باشید که تایپ عبارات در طراحی تبلیغات با فتوشاپ امری رایج است و باید شیوه‌های هنری این کار را در تهیه بنرهای تبلیغاتی در نظر داشته باشید.
– دکمه‌ها: به طور معمول از دکمه‌های فراخوانی برای اقدام باید در طراحی تبلیغات با فتوشاپ استفاده کرد. برای طراحی چنین دکمه‌هایی کافی است از «Shape Tool» کمک بگیرید و پس از طراحی، با استفاده از «Drop Shadow»، جلوه‌ای چشم‌نواز به آن بدهید.
در این آموزش، عناصر ذکر شده به شکلی عملی مورد استفاده قرار می‌گیرند تا با نحوه استفاده و بکارگیری این عناصر بویژه در نرم‌افزار فتوشاپ آشنا شوید.
با توجه به اهمیت یادگیری نرم‌افزار فتوشاپ جهت خلق انیمیشن، «فرادرس» اقدام به انتشار فیلم آموزش ساخت انیمیشن دو بعدی با Photoshop کرده که لینک آن در ادامه آورده شده است.
🔸 ابزارهای معمول برای طراحی تبلیغات با فتوشاپ
پیش از انجام پروژه‌های مربوط طراحی، ابزارهای معمول را بررسی و نکته‌هایی را در این رابطه بیان می‌کنیم. این ابزارها در زیر آورده شده‌اند.
– «Shape Tool»: برای ایجاد حاشیه اطراف عکس، مکان‌نمایی متن‌ها و ایجاد دکمه‌ها از این ابزار استفاده کنید.
– «Type Tool»: همانطور که پیش‌تر هم ذکر شد، استفاده از متن برای طراحی تبلیغات با فتوشاپ بسیار معمول است.
– «Marquee Tool»: از این ابزار برای انتخاب نواحی مختلف عکس و حذف یا اضافه کردن این نواحی بهره می‌گیرند. همچنین برای استفاده از براش (قلم‌مو) می‌توان ناحیه مورد نظر را انتخاب و براش کرد.
– «Ruler»: به طور قطع استفاده از خط‌کش در طراحی، روش مناسبی برای چیدمان صحیح عناصر مختلف به شمار می‌آید در اندازه‌گیری بخش‌های مختلف یا پیدا کردن مرکز شکل‌ها از این ابزار می‌توان استفاده کرد.
مطالعه ادامه مطلب 👇👇
🔗 طراحی تبلیغات با فتوشاپ (+ فیلم آموزش گام به گام رایگان) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ اینفوگرافیک چیست ؟ | تاریخچه، اصول طراحی، کاربردها و انواع — تصویری و گام به گام
ساده‌ترین تعریفی که می‌توان برای اینفوگرافیک ارائه داد این است که اینفوگرافیک، نمایشی بصری از اطلاعات و داده‌ها است. با ترکیب عناصر مختلف همچون متن، عکس، نمودار، دیاگرام و ویدیو، اینفوگرافیک را می‌توان ابزار موثری برای ارائه توضیحات و مسائل پیچیده به شکلی ساده و قابل فهم به شمار آورد. در این آموزش یاد می‌گیریم که اینفوگرافیک چیست و طراحی آن چگونه انجام می‌شود و در این طراحی، چه اصولی را باید در نظر گرفت. همچنین، نحوه استفاده از نمودارها برای نمایش مسائل مختلف را در طراحی اینفوگرافیک بررسی می‌کنیم.
══ فهرست مطالب ══
○ اینفوگرافیک چیست ؟
○ تاریخچه اینفوگرافیک
○
○ بهترین نرم افزار ساخت اینفوگرافیک چیست ؟
○ انواع اینفوگرافیک چیست ؟
○ قالب‌های مختلف طراحی در اینفوگرافیک چیست ؟
○ کارهایی که پیش از طراحی اینفوگرافیک باید انجام دهیم
○ مراحل طراحی اینفوگرافیک چیست ؟
○ استفاده از فضای خالی در طراحی اینفوگرافیک
○ اهمیت انتخاب رنگ در اینفوگرافیک چیست ؟
○ معرفی فیلم آموزش فتوشاپ برای استفاده در صنعت چاپ و تبلیغات
○ نحوه ایجاد طرح اولیه برای طراحی اینفوگرافیک
○ جمع‌بندی
🔸 اینفوگرافیک چیست ؟
برای این‌که بدانیم اینفوگرافیک چیست در ابتدا باید این واژه را به واژه‌های اصلی آن تقسیم کنیم. در حقیقت، اینفوگرافیک ترکیبی از واژه‌های انگلیسی «Information» به معنی اطلاعات و «Graphic» به معنی ترسیمی یا همان گرافیکی است. با بررسی این دو واژه به راحتی می‌توان دریافت که اینفوگرافیک چیست و چه کاربردهایی را می‌توان برای آن متصور شد. علاوه بر این، اینفوگرافیک شکلی از ارتباط بصری برای ایجاد جذابیت و تقویت درک مطلب به شمار می‌آید.
با توجه به موارد گفته شده، از اینفوگرافیک‌ها به طور گسترده برای نمایش داده‌ها، تبلیغات و خبرها مورد بررسی قرار می‌گیرد. ممکن است در طول زندگی خود با اینفوگرافیک‌های مختلفی روبرو شده باشید. به عنوان نمونه در مطب پزشک، انواع مختلفی از اینفوگرافیک‌ها قابل مشاهده هستند.
🔸 تاریخچه اینفوگرافیک
طراحی اطلاعات موضوع تازه‌ای نیست. در گذشته زمانی غارنوشته‌ها وجود داشتند تا مصورسازی داده‌ها به شکل مدرن، انسان‌ها همواره تصاویر گرافیکی را راهی برای نمایش اطلاعات می‌دانستند. در ادامه، اشاره‌ای مختصر به تارخچه اینفوگرافیک خواهیم داشت. غارنوشته‌هایی که کشف شده‌اند، قدمتی در حدود ۱۷۳۰۰ سال را نشان می‌دهند که در تصویر زیر یک نمونه را مشاهده می‌کنید.
مطالعه ادامه مطلب 👇👇
🔗 اینفوگرافیک چیست ؟ | تاریخچه، اصول طراحی، کاربردها و انواع — تصویری و گام به گام — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
ساده‌ترین تعریفی که می‌توان برای اینفوگرافیک ارائه داد این است که اینفوگرافیک، نمایشی بصری از اطلاعات و داده‌ها است. با ترکیب عناصر مختلف همچون متن، عکس، نمودار، دیاگرام و ویدیو، اینفوگرافیک را می‌توان ابزار موثری برای ارائه توضیحات و مسائل پیچیده به شکلی ساده و قابل فهم به شمار آورد. در این آموزش یاد می‌گیریم که اینفوگرافیک چیست و طراحی آن چگونه انجام می‌شود و در این طراحی، چه اصولی را باید در نظر گرفت. همچنین، نحوه استفاده از نمودارها برای نمایش مسائل مختلف را در طراحی اینفوگرافیک بررسی می‌کنیم.
══ فهرست مطالب ══
○ اینفوگرافیک چیست ؟
○ تاریخچه اینفوگرافیک
○
○ بهترین نرم افزار ساخت اینفوگرافیک چیست ؟
○ انواع اینفوگرافیک چیست ؟
○ قالب‌های مختلف طراحی در اینفوگرافیک چیست ؟
○ کارهایی که پیش از طراحی اینفوگرافیک باید انجام دهیم
○ مراحل طراحی اینفوگرافیک چیست ؟
○ استفاده از فضای خالی در طراحی اینفوگرافیک
○ اهمیت انتخاب رنگ در اینفوگرافیک چیست ؟
○ معرفی فیلم آموزش فتوشاپ برای استفاده در صنعت چاپ و تبلیغات
○ نحوه ایجاد طرح اولیه برای طراحی اینفوگرافیک
○ جمع‌بندی
🔸 اینفوگرافیک چیست ؟
برای این‌که بدانیم اینفوگرافیک چیست در ابتدا باید این واژه را به واژه‌های اصلی آن تقسیم کنیم. در حقیقت، اینفوگرافیک ترکیبی از واژه‌های انگلیسی «Information» به معنی اطلاعات و «Graphic» به معنی ترسیمی یا همان گرافیکی است. با بررسی این دو واژه به راحتی می‌توان دریافت که اینفوگرافیک چیست و چه کاربردهایی را می‌توان برای آن متصور شد. علاوه بر این، اینفوگرافیک شکلی از ارتباط بصری برای ایجاد جذابیت و تقویت درک مطلب به شمار می‌آید.
با توجه به موارد گفته شده، از اینفوگرافیک‌ها به طور گسترده برای نمایش داده‌ها، تبلیغات و خبرها مورد بررسی قرار می‌گیرد. ممکن است در طول زندگی خود با اینفوگرافیک‌های مختلفی روبرو شده باشید. به عنوان نمونه در مطب پزشک، انواع مختلفی از اینفوگرافیک‌ها قابل مشاهده هستند.
🔸 تاریخچه اینفوگرافیک
طراحی اطلاعات موضوع تازه‌ای نیست. در گذشته زمانی غارنوشته‌ها وجود داشتند تا مصورسازی داده‌ها به شکل مدرن، انسان‌ها همواره تصاویر گرافیکی را راهی برای نمایش اطلاعات می‌دانستند. در ادامه، اشاره‌ای مختصر به تارخچه اینفوگرافیک خواهیم داشت. غارنوشته‌هایی که کشف شده‌اند، قدمتی در حدود ۱۷۳۰۰ سال را نشان می‌دهند که در تصویر زیر یک نمونه را مشاهده می‌کنید.
مطالعه ادامه مطلب 👇👇
🔗 اینفوگرافیک چیست ؟ | تاریخچه، اصول طراحی، کاربردها و انواع — تصویری و گام به گام — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
❇️ ۹ نکته برای بهبود طراحی رابط کاربری
طراحی UI زیبا، کاربردی و کارآمد زمان‌گیر است و نیازمند بازنگری‌های متعددی در مسیر طراحی است. این دستکاری‌های مداوم برای ساخت چیزی که مشتری‌ها، کاربران و خودتان کاملاً از آن رضایت داشته باشید ضروری هستند.
🔹 فهرست مطالب این نوشته
▫️کاری کنید عناصر مختلف تعریف شده باشند
▫️ استفاده از تنها یک تایپ‌فیس در طراحی هیچ اشکالی ندارد
▫️ برای متون طولانی از اندازه قلم ۲۰ پوینت استفاده کنید
▫️ تجربه مواجهه اولیه کاربر را بهبود ببخشید
🔸 کاری کنید عناصر مختلف تعریف شده باشند
استفاده از سایه‌های Multiple Drop یا حاشیه‌های بسیار ظریف (فقط کمی تیره‌تر از سایه اصلی) موجب می‌شود که برخی عناصر خاص برجسته‌تر به نظر برسند و نقش تعریف‌شده‌تری به خود بگیرند. به این ترتیب از سایه‌های مبهم جلوگیری می‌کنیم.
🔸 استفاده از تنها یک تایپ‌فیس در طراحی هیچ اشکالی ندارد
در زمان ایجاد آثار هنری تلاش کنید صرفاً از یک تایپ‌فیس بهره بگیرید. برخی اوقات انجام این کار موجب تولید نتایج قوی‌تر و منسجم‌تر می‌شود. این توصیه که «همواره دست کم از 2 تایپ‌فیس استفاده کنید» را نادیده بگیرید. با بهره‌گیری از ترکیبی از وزن، اندازه و رنگ می‌توان نتایج کاملاً قابل قبولی به دست آورد.
🔸 برای متون طولانی از اندازه قلم 20 پوینت استفاده کنید
در مورد محتواهای طولانی مانند نوشته‌های وبلاگ، توضیح پروژه و این دست موارد اندازه قلم را برای بدنه اصلی متن 20 پوینت یا حتی کمتر انتخاب کنید. البته این اندازه به تایپ‌فیس انتخاب شده بستگی دارد، اما تقریباً اغلب تایپ‌فیس ها در اندازه ۲۰ پوینت به این منظور عملکرد مناسبی دارند و تجربه خوانایی بسیار بهتری برای کاربر در متون طولانی فراهم می‌سازند. اندازه ۱۸ پوینت متعلق به زمان‌های خیلی قبل است.
🔸 تجربه مواجهه اولیه کاربر را بهبود ببخشید
به کاربران خود امکان دهید که هر زمان بتوانند صفحه معرفی اولیه اپلیکیشن را رد کنند. به این منظور یک لینک Skip را در جایی که به راحتی و دسترس انگشتان کاربر باشد قرار دهید.
ادامه این مطلب رایگان را در مجله فرادرس در لینک زیر بخوانید.
🔗 ۹ نکته برای بهبود طراحی رابط کاربری — راهنمای کاربردی — کلیک کنید.
📌 کانال اختصاصی آموزشهای رایگان طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی طراحی گرافیک [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
❇️ ۹ نکته برای بهبود طراحی رابط کاربری
طراحی UI زیبا، کاربردی و کارآمد زمان‌گیر است و نیازمند بازنگری‌های متعددی در مسیر طراحی است. این دستکاری‌های مداوم برای ساخت چیزی که مشتری‌ها، کاربران و خودتان کاملاً از آن رضایت داشته باشید ضروری هستند.
🔹 فهرست مطالب این نوشته
▫️کاری کنید عناصر مختلف تعریف شده باشند
▫️ استفاده از تنها یک تایپ‌فیس در طراحی هیچ اشکالی ندارد
▫️ برای متون طولانی از اندازه قلم ۲۰ پوینت استفاده کنید
▫️ تجربه مواجهه اولیه کاربر را بهبود ببخشید
🔸 کاری کنید عناصر مختلف تعریف شده باشند
استفاده از سایه‌های Multiple Drop یا حاشیه‌های بسیار ظریف (فقط کمی تیره‌تر از سایه اصلی) موجب می‌شود که برخی عناصر خاص برجسته‌تر به نظر برسند و نقش تعریف‌شده‌تری به خود بگیرند. به این ترتیب از سایه‌های مبهم جلوگیری می‌کنیم.
🔸 استفاده از تنها یک تایپ‌فیس در طراحی هیچ اشکالی ندارد
در زمان ایجاد آثار هنری تلاش کنید صرفاً از یک تایپ‌فیس بهره بگیرید. برخی اوقات انجام این کار موجب تولید نتایج قوی‌تر و منسجم‌تر می‌شود. این توصیه که «همواره دست کم از 2 تایپ‌فیس استفاده کنید» را نادیده بگیرید. با بهره‌گیری از ترکیبی از وزن، اندازه و رنگ می‌توان نتایج کاملاً قابل قبولی به دست آورد.
🔸 برای متون طولانی از اندازه قلم 20 پوینت استفاده کنید
در مورد محتواهای طولانی مانند نوشته‌های وبلاگ، توضیح پروژه و این دست موارد اندازه قلم را برای بدنه اصلی متن 20 پوینت یا حتی کمتر انتخاب کنید. البته این اندازه به تایپ‌فیس انتخاب شده بستگی دارد، اما تقریباً اغلب تایپ‌فیس ها در اندازه ۲۰ پوینت به این منظور عملکرد مناسبی دارند و تجربه خوانایی بسیار بهتری برای کاربر در متون طولانی فراهم می‌سازند. اندازه ۱۸ پوینت متعلق به زمان‌های خیلی قبل است.
🔸 تجربه مواجهه اولیه کاربر را بهبود ببخشید
به کاربران خود امکان دهید که هر زمان بتوانند صفحه معرفی اولیه اپلیکیشن را رد کنند. به این منظور یک لینک Skip را در جایی که به راحتی و دسترس انگشتان کاربر باشد قرار دهید.
ادامه این مطلب رایگان را در مجله فرادرس در لینک زیر بخوانید.
🔗 ۹ نکته برای بهبود طراحی رابط کاربری — راهنمای کاربردی — کلیک کنید.
📌 کانال اختصاصی آموزشهای رایگان طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی طراحی گرافیک [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
❇️ مقدمه‌ای بر تئوری رنگ برای طراحان وب
🔹 فهرست مطالب این نوشته
▫️این مقاله برای چه کسانی مناسب است؟
▫️ برخی از مخاطبان این راهنما
▫️ تئوری رنگ به طور خیلی خلاصه چیست؟
▫️ چگونه می‌توانیم یک طرح رنگی مؤثر انتخاب کنیم؟
🔸 این مقاله برای چه کسانی مناسب است؟
یکی از دلایل تدوین این مقاله آن بوده است که تصمیم‌گیری در مورد انتخاب یک طرح رنگ که برای پروژه‌ای مناسب باشد، غالباً کاری دشوار محسوب می‌شود و احتمالاً یکی از دشوارترین تصمیم‌هایی است که یک طراح باید بگیرد. با این وجود با یادگیری اصول ابتدایی تئوری رنگ و برخی ابزارهای عالی که در وب وجود دارند، می‌توانید طراحی‌های قوی‌تری داشته باشید و این نقطه ضعف خود را بپوشانید.
🔸 برخی از مخاطبان این راهنما
● برنامه‌نویسانی که به دنبال توصیه‌هایی برای کمک به طراحی یک پروتوتایپ جذاب از نظر دیداری هستند.
● طراحان علاقه‌مندی که می‌خواهند مروری کوتاه بر موضوع داشته باشند.
● افرادی که تفاوت بین توسعه وب و طراحی وب را نمی‌دانند.
🔸 تئوری رنگ به طور خیلی خلاصه چیست؟
تئوری رنگ در واقع جنبه‌های مختلفی دارد؛ اما به طور خیلی خلاصه به تعامل بین رنگ‌ها در طراحی از طریق استفاده از رنگ‌های مکمل، کنتراست و درخشش گفته می‌شود.
🔸 چگونه می‌توانیم یک طرح رنگی مؤثر انتخاب کنیم؟
در ادامه سه مورد از ساختارهای عموماً پذیرفته شده برای یک طرح رنگی مناسب را ارائه کرده‌ایم: این سه طرح به صورت سه‌گانه، ترکیبی، و مشابه هستند.
● طرح رنگی سه‌گانه
● طرح رنگی ترکیبی (یعنی تقسیم مکمل)
● طرح رنگی مشابه
ادامه این مطلب رایگان را در مجله فرادرس در لینک زیر بخوانید.
🔗 مقدمه‌ای بر تئوری رنگ برای طراحان وب — یک راهنمای جامع — کلیک کنید.
📌 کانال اختصاصی آموزشهای رایگان طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی طراحی گرافیک [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
❇️ مقدمه‌ای بر تئوری رنگ برای طراحان وب
🔹 فهرست مطالب این نوشته
▫️این مقاله برای چه کسانی مناسب است؟
▫️ برخی از مخاطبان این راهنما
▫️ تئوری رنگ به طور خیلی خلاصه چیست؟
▫️ چگونه می‌توانیم یک طرح رنگی مؤثر انتخاب کنیم؟
🔸 این مقاله برای چه کسانی مناسب است؟
یکی از دلایل تدوین این مقاله آن بوده است که تصمیم‌گیری در مورد انتخاب یک طرح رنگ که برای پروژه‌ای مناسب باشد، غالباً کاری دشوار محسوب می‌شود و احتمالاً یکی از دشوارترین تصمیم‌هایی است که یک طراح باید بگیرد. با این وجود با یادگیری اصول ابتدایی تئوری رنگ و برخی ابزارهای عالی که در وب وجود دارند، می‌توانید طراحی‌های قوی‌تری داشته باشید و این نقطه ضعف خود را بپوشانید.
🔸 برخی از مخاطبان این راهنما
● برنامه‌نویسانی که به دنبال توصیه‌هایی برای کمک به طراحی یک پروتوتایپ جذاب از نظر دیداری هستند.
● طراحان علاقه‌مندی که می‌خواهند مروری کوتاه بر موضوع داشته باشند.
● افرادی که تفاوت بین توسعه وب و طراحی وب را نمی‌دانند.
🔸 تئوری رنگ به طور خیلی خلاصه چیست؟
تئوری رنگ در واقع جنبه‌های مختلفی دارد؛ اما به طور خیلی خلاصه به تعامل بین رنگ‌ها در طراحی از طریق استفاده از رنگ‌های مکمل، کنتراست و درخشش گفته می‌شود.
🔸 چگونه می‌توانیم یک طرح رنگی مؤثر انتخاب کنیم؟
در ادامه سه مورد از ساختارهای عموماً پذیرفته شده برای یک طرح رنگی مناسب را ارائه کرده‌ایم: این سه طرح به صورت سه‌گانه، ترکیبی، و مشابه هستند.
● طرح رنگی سه‌گانه
● طرح رنگی ترکیبی (یعنی تقسیم مکمل)
● طرح رنگی مشابه
ادامه این مطلب رایگان را در مجله فرادرس در لینک زیر بخوانید.
🔗 مقدمه‌ای بر تئوری رنگ برای طراحان وب — یک راهنمای جامع — کلیک کنید.
📌 کانال اختصاصی آموزشهای رایگان طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی طراحی گرافیک [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
❇️ طراحی کمپین تبلیغاتی و پیاده سازی آن
امروز با توجه به ظهور کسب و کارهای جدید ارزش و اهمیت تبلیغات بر کسی پوشیده نیست. از جمله مواردی که در راستای تبلیغات همواره توجه افراد، کسب و کارها و سازمان ها بوده است نحوه طراحی کمپین تبلیغاتی و پیاده سازی آن است. در این مقاله مواردی بیان شده که برای طراحی و اجرای یک کمپین مورد نیاز است.
🔹 فهرست مطالب این نوشته
▫️طراحی کمپین تبلیغاتی و پیاده سازی آن
🔸 طراحی کمپین تبلیغاتی و پیاده سازی آن
برای شروع کار و بحث در مورد طراحی کمپین تبلیغاتی ابتدا لازم است تعریفی از تبلیغات تجاری داشته باشیم. هر نوع مطلب، اعلامیه یا اطلاعیه تجاری که برای جلب توجه مردم یا افکار عمومی از طریق رسانه‌ها منتشر می‌شود و در آن، خدمات و کالا معرفی یا مراجعه به مؤسسه‌ای توصیه می‌گردد را آگهی تجاری می‌نامیم. تبلیغات تجاری، فرایندی است که از مجموعه فعالیت‌های تولیدی و اقتصادی پشتیبانی می‌کند.
تبلیغات دارای سه بعد است و باید ویژگی‌های زیر را داشته باشد:
۱. از نظر استراتژی بی‌نقص باشد.
۲. دارای مفهومی خلاق و اصیل باشد.
۳. به دقت از اجرای درستی برای انتقال پیام استفاده کرده باشد.
ادامه این مطلب رایگان را در مجله فرادرس در لینک زیر بخوانید.
🔗 طراحی کمپین تبلیغاتی و پیاده سازی آن — از صفر تا صد — کلیک کنید.
📌 کانال اختصاصی آموزشهای رایگان طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی طراحی گرافیک [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
❇️ طراحی کمپین تبلیغاتی و پیاده سازی آن
امروز با توجه به ظهور کسب و کارهای جدید ارزش و اهمیت تبلیغات بر کسی پوشیده نیست. از جمله مواردی که در راستای تبلیغات همواره توجه افراد، کسب و کارها و سازمان ها بوده است نحوه طراحی کمپین تبلیغاتی و پیاده سازی آن است. در این مقاله مواردی بیان شده که برای طراحی و اجرای یک کمپین مورد نیاز است.
🔹 فهرست مطالب این نوشته
▫️طراحی کمپین تبلیغاتی و پیاده سازی آن
🔸 طراحی کمپین تبلیغاتی و پیاده سازی آن
برای شروع کار و بحث در مورد طراحی کمپین تبلیغاتی ابتدا لازم است تعریفی از تبلیغات تجاری داشته باشیم. هر نوع مطلب، اعلامیه یا اطلاعیه تجاری که برای جلب توجه مردم یا افکار عمومی از طریق رسانه‌ها منتشر می‌شود و در آن، خدمات و کالا معرفی یا مراجعه به مؤسسه‌ای توصیه می‌گردد را آگهی تجاری می‌نامیم. تبلیغات تجاری، فرایندی است که از مجموعه فعالیت‌های تولیدی و اقتصادی پشتیبانی می‌کند.
تبلیغات دارای سه بعد است و باید ویژگی‌های زیر را داشته باشد:
۱. از نظر استراتژی بی‌نقص باشد.
۲. دارای مفهومی خلاق و اصیل باشد.
۳. به دقت از اجرای درستی برای انتقال پیام استفاده کرده باشد.
ادامه این مطلب رایگان را در مجله فرادرس در لینک زیر بخوانید.
🔗 طراحی کمپین تبلیغاتی و پیاده سازی آن — از صفر تا صد — کلیک کنید.
📌 کانال اختصاصی آموزشهای رایگان طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی طراحی گرافیک [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
❇️ اصول نظریه گشتالت (Gestalt) در طراحی
«گشتالت» (Gestalt) یک نظریه روانشناسی است که چگونگی ادراک بصری توسط مغز انسان را توضیح می‌دهد. از آنجا که زمان ظهور این نظریه مصادف با دوران اوج هنر مدرن است، از همان ابتدا به حوزه طراحی وارد شده و تاکنون جایگاه مهمی در هنر داشته است. مفهوم گشتالت به زبان ساده یعنی ذهن انسان برای درک پدیدهها آنها را به صورت یک کل دریافت می‌کند. به بیان دیگر، با استناد به اصول گشتالت، ذهن در نگاه نخست به جای درک جزء به جزء یک تصویر در صدد است که یک کلیت از آن ارائه دهد.
🔸 اصل مجاورت
اجزایی که به هم نزدیک‌تر هستند به عنوان یک مجموعه واحد دیده می‌شوند.
🔸 اصل پیوستگی
بر اساس این اصل چشم بین عناصری که در یک مسیر (یک خط، یک منحنی) هستند ارتباط برقرار می‌کند.
🔸 اصل بستار
بر اساس این اصل، زمانی که قسمتی از یک شکل یا طرح جا افتاده و یا حذف شده باشد، چشم آن را تکمیل می‌کند و به صورت یک شکل کامل میبیند. شاید بتوان گفت که این اصل گشتالت از کمالگرایی انسان سرچشمه می‌گیرد.
🔸 اصل شکل و زمینه
اصل شکل و زمینه می‌گوید ذهن بشر ذاتا تمایل دارد به بخشی از تصویر به عنوان شکل (پیش‌زمینه) و به بخش دیگر به عنوان زمینه (پس‌زمینه) نگاه کند.
ادامه این مطلب رایگان را در مجله فرادرس در لینک زیر بخوانید.
🔗 اصول نظریه گشتالت (Gestalt) در طراحی — یازده اصل کلیدی — کلیک کنید.
📌 کانال اختصاصی آموزشهای رایگان طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی طراحی گرافیک [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
❇️ اصول نظریه گشتالت (Gestalt) در طراحی
«گشتالت» (Gestalt) یک نظریه روانشناسی است که چگونگی ادراک بصری توسط مغز انسان را توضیح می‌دهد. از آنجا که زمان ظهور این نظریه مصادف با دوران اوج هنر مدرن است، از همان ابتدا به حوزه طراحی وارد شده و تاکنون جایگاه مهمی در هنر داشته است. مفهوم گشتالت به زبان ساده یعنی ذهن انسان برای درک پدیدهها آنها را به صورت یک کل دریافت می‌کند. به بیان دیگر، با استناد به اصول گشتالت، ذهن در نگاه نخست به جای درک جزء به جزء یک تصویر در صدد است که یک کلیت از آن ارائه دهد.
🔸 اصل مجاورت
اجزایی که به هم نزدیک‌تر هستند به عنوان یک مجموعه واحد دیده می‌شوند.
🔸 اصل پیوستگی
بر اساس این اصل چشم بین عناصری که در یک مسیر (یک خط، یک منحنی) هستند ارتباط برقرار می‌کند.
🔸 اصل بستار
بر اساس این اصل، زمانی که قسمتی از یک شکل یا طرح جا افتاده و یا حذف شده باشد، چشم آن را تکمیل می‌کند و به صورت یک شکل کامل میبیند. شاید بتوان گفت که این اصل گشتالت از کمالگرایی انسان سرچشمه می‌گیرد.
🔸 اصل شکل و زمینه
اصل شکل و زمینه می‌گوید ذهن بشر ذاتا تمایل دارد به بخشی از تصویر به عنوان شکل (پیش‌زمینه) و به بخش دیگر به عنوان زمینه (پس‌زمینه) نگاه کند.
ادامه این مطلب رایگان را در مجله فرادرس در لینک زیر بخوانید.
🔗 اصول نظریه گشتالت (Gestalt) در طراحی — یازده اصل کلیدی — کلیک کنید.
📌 کانال اختصاصی آموزشهای رایگان طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی طراحی گرافیک [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
❇️ معرفی نرم افزار افتر افکت (After Effects)
احتمالاً تاکنون نام نرم‌افزار «آدوبی افتر افکت» (Adobe After Effects) را شنیده‌اید، اما حتی اگر نشنیده باشید، دست‌کم با انیمیشن آشنا هستید. اگر در طی ۲۵ سال گذشته به یک صفحه نمایش خیره شده باشید، به احتمال زیاد یکی از آثاری که با نرم‌افزار افتر افکت ساخته شده است را دیده‌اید. این ابزار یکی از قدرتمندترین ابزارهای خلاقانه در تاریخ است.
در این مقاله آموزشی به معرفی نرم افزار افتر افکت و بررسی همه مواردی که برای شروع به کار این با نرم‌افزار نیاز دارید خواهیم پرداخت.
🔹 فهرست مطالب این نوشته
▫️افتر افکت چیست؟
▫️ افتر افکت در کجا استفاده شده است؟
▫️ تاریخچه ادوبی افتر افکت
▫️ انیمیشن کلاسیک در برابر موشن‌گرافیک
🔸 افتر افکت چیست؟
ادوبی افتر افکت یک نرم‌افزار انیمیشن 2.5 بعدی است که برای طراحی انیمیشن، جلوه‌های بصری و ترکیب‌بندی تصاویر متحرک مورد استفاده قرار می‌گیرد. افتر افکت در ساخت فیلم‌ها، برنامه‌های تلویزیونی و ویدئوهای مختلف کاربرد گسترده‌ای دارد. این نرم‌افزار در مرحله پست‌پروداکشن (post-production) استفاده می‌شود و صدها جلوه مختلف دارد که می‌توان از آنها برای دست‌کاری تصاویر استفاده کرد. این ابزار به ما امکان ترکیب لایه‌های ویدئو و تصاویر در یک صحنه منفرد را می‌دهد.
🔸 افتر افکت در کجا استفاده شده است؟
افتر افکت به خاطر کاربردهای متنوع خود مشهور است و آثار خلق شده با این نرم‌افزار همه جا حضور دارند. شما حتماً برخی از این نمونه‌ها را می‌شناسید، اما شاید ندانید که با استفاده از افتر افکت خلق شده‌اند.
🔸 تاریخچه ادوبی افتر افکت
افتر افکت ابتدا در سال 1993 توسعه یافت و از آن زمان چند بار خریداری شده است. توسعه‌دهندگان اولیه شرکت Company of Science and Art به اختصار CoSA بودند که دو نسخه از این نرم‌افزار با کارکردهای محدود تولید کردند. این کارکردها امکان ترکیب لایه‌ها و تبدیل مشخصه‌های مختلف هر لایه را فراهم می‌ساخت. نسخه اول تنها برای سیستم عامل اپل عرضه شده و روی رایانه‌های مکینتاش قابل استفاده بود.
🔸 انیمیشن کلاسیک در برابر موشن‌گرافیک
وقتی از انیمیشن صحبت می‌کنیم، معمولاً یک سردرگمی بین طراح موشن‌گرافیک و انیماتور سنتی وجود دارد. با این که این دو صنعت با هم ترکیب شده‌اند و از چند جنبه با یکدیگر همپوشانی دارند، اما گردش کار آنها متفاوت است.
ادامه این مطلب رایگان را در مجله فرادرس در لینک زیر بخوانید.
🔗 معرفی نرم افزار افتر افکت (After Effects) — راهنمای کاربردی — کلیک کنید.
📌 کانال اختصاصی آموزشهای رایگان طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی طراحی گرافیک [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
❇️ معرفی نرم افزار افتر افکت (After Effects)
احتمالاً تاکنون نام نرم‌افزار «آدوبی افتر افکت» (Adobe After Effects) را شنیده‌اید، اما حتی اگر نشنیده باشید، دست‌کم با انیمیشن آشنا هستید. اگر در طی ۲۵ سال گذشته به یک صفحه نمایش خیره شده باشید، به احتمال زیاد یکی از آثاری که با نرم‌افزار افتر افکت ساخته شده است را دیده‌اید. این ابزار یکی از قدرتمندترین ابزارهای خلاقانه در تاریخ است.
در این مقاله آموزشی به معرفی نرم افزار افتر افکت و بررسی همه مواردی که برای شروع به کار این با نرم‌افزار نیاز دارید خواهیم پرداخت.
🔹 فهرست مطالب این نوشته
▫️افتر افکت چیست؟
▫️ افتر افکت در کجا استفاده شده است؟
▫️ تاریخچه ادوبی افتر افکت
▫️ انیمیشن کلاسیک در برابر موشن‌گرافیک
🔸 افتر افکت چیست؟
ادوبی افتر افکت یک نرم‌افزار انیمیشن 2.5 بعدی است که برای طراحی انیمیشن، جلوه‌های بصری و ترکیب‌بندی تصاویر متحرک مورد استفاده قرار می‌گیرد. افتر افکت در ساخت فیلم‌ها، برنامه‌های تلویزیونی و ویدئوهای مختلف کاربرد گسترده‌ای دارد. این نرم‌افزار در مرحله پست‌پروداکشن (post-production) استفاده می‌شود و صدها جلوه مختلف دارد که می‌توان از آنها برای دست‌کاری تصاویر استفاده کرد. این ابزار به ما امکان ترکیب لایه‌های ویدئو و تصاویر در یک صحنه منفرد را می‌دهد.
🔸 افتر افکت در کجا استفاده شده است؟
افتر افکت به خاطر کاربردهای متنوع خود مشهور است و آثار خلق شده با این نرم‌افزار همه جا حضور دارند. شما حتماً برخی از این نمونه‌ها را می‌شناسید، اما شاید ندانید که با استفاده از افتر افکت خلق شده‌اند.
🔸 تاریخچه ادوبی افتر افکت
افتر افکت ابتدا در سال 1993 توسعه یافت و از آن زمان چند بار خریداری شده است. توسعه‌دهندگان اولیه شرکت Company of Science and Art به اختصار CoSA بودند که دو نسخه از این نرم‌افزار با کارکردهای محدود تولید کردند. این کارکردها امکان ترکیب لایه‌ها و تبدیل مشخصه‌های مختلف هر لایه را فراهم می‌ساخت. نسخه اول تنها برای سیستم عامل اپل عرضه شده و روی رایانه‌های مکینتاش قابل استفاده بود.
🔸 انیمیشن کلاسیک در برابر موشن‌گرافیک
وقتی از انیمیشن صحبت می‌کنیم، معمولاً یک سردرگمی بین طراح موشن‌گرافیک و انیماتور سنتی وجود دارد. با این که این دو صنعت با هم ترکیب شده‌اند و از چند جنبه با یکدیگر همپوشانی دارند، اما گردش کار آنها متفاوت است.
ادامه این مطلب رایگان را در مجله فرادرس در لینک زیر بخوانید.
🔗 معرفی نرم افزار افتر افکت (After Effects) — راهنمای کاربردی — کلیک کنید.
📌 کانال اختصاصی آموزشهای رایگان طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی طراحی گرافیک [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
❇️ ده قاعده مهم در طراحی UI
به خاطر داشته باشید که طراحی کلاً به فرایند تفکر لحظه‌ای مرتبط است و این حرف برخی اوقات به معنی شکستن قواعد است.
🔹 فهرست مطالب این نوشته
▫️طراحی برای تراکم و نه پیکسل
▫️ استفاده از افزایش‌های 8dp
▫️ حذف خطوط و باکس‌ها
▫️ توجه به کنتراست
🔸 طراحی برای تراکم و نه پیکسل
اگر با مفهوم تراکم پیکسلی آشنا نیستید، باید بگوییم که تراکم یا چگالی به تعداد پیکسل‌ها در هر اینچ از یک صفحه یا همان PPI گفته می‌شود. واحد dp اختصاری برای عبارت «پیکسل مستقل از تراکم» (density-independent pixel) گفته می‌شود که گاهی اوقات dip نیز نامیده می‌شود.
🔸 استفاده از افزایش‌های 8dp
شاید تاکنون از خود پرسیده باشید، چرا در زمان طراحی از افزایش‌های 8dp استفاده می‌کنیم؟ یک توضیح ساده برای این کار وجود دارد. دلیل استفاده از عدد جادویی 8 و نه برای مثال عدد 5 این است که اگر دستگاه دارای وضوح 1.5 برابر باشد اعداد فرد به صورت صحیحی رندر نمی‌شوند.
🔸حذف خطوط و باکس‌ها
در زمان طراحی باید گاه به گاه یک گام به عقب برداریم و تصمیم‌گیری کنیم که آیا داشتن کانتینر موجب شلوغ شدن UI می‌شود یا نه. در اغلب موارد، باکس‌ها و خطوط که به منظور تقسیم کردن محتوا استفاده می‌شوند، می‌توانند با حاشیه‌ها (margins) جایگزین شوند.
🔸 توجه به کنتراست
استفاده از کنتراست نه تنها موجب جلب توجه چشم کاربر به اطلاعات مرتبط روی صفحه می‌شود، بلکه موجب بهبود دسترس‌پذیری به محصول نیز می‌شود.
ادامه این مطلب رایگان را در مجله فرادرس در لینک زیر بخوانید.
🔗 ۱۰ قاعده مهم در طراحی UI — راهنمای کاربردی — کلیک کنید.
📌 کانال اختصاصی آموزشهای رایگان طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی طراحی گرافیک [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
❇️ ده قاعده مهم در طراحی UI
به خاطر داشته باشید که طراحی کلاً به فرایند تفکر لحظه‌ای مرتبط است و این حرف برخی اوقات به معنی شکستن قواعد است.
🔹 فهرست مطالب این نوشته
▫️طراحی برای تراکم و نه پیکسل
▫️ استفاده از افزایش‌های 8dp
▫️ حذف خطوط و باکس‌ها
▫️ توجه به کنتراست
🔸 طراحی برای تراکم و نه پیکسل
اگر با مفهوم تراکم پیکسلی آشنا نیستید، باید بگوییم که تراکم یا چگالی به تعداد پیکسل‌ها در هر اینچ از یک صفحه یا همان PPI گفته می‌شود. واحد dp اختصاری برای عبارت «پیکسل مستقل از تراکم» (density-independent pixel) گفته می‌شود که گاهی اوقات dip نیز نامیده می‌شود.
🔸 استفاده از افزایش‌های 8dp
شاید تاکنون از خود پرسیده باشید، چرا در زمان طراحی از افزایش‌های 8dp استفاده می‌کنیم؟ یک توضیح ساده برای این کار وجود دارد. دلیل استفاده از عدد جادویی 8 و نه برای مثال عدد 5 این است که اگر دستگاه دارای وضوح 1.5 برابر باشد اعداد فرد به صورت صحیحی رندر نمی‌شوند.
🔸حذف خطوط و باکس‌ها
در زمان طراحی باید گاه به گاه یک گام به عقب برداریم و تصمیم‌گیری کنیم که آیا داشتن کانتینر موجب شلوغ شدن UI می‌شود یا نه. در اغلب موارد، باکس‌ها و خطوط که به منظور تقسیم کردن محتوا استفاده می‌شوند، می‌توانند با حاشیه‌ها (margins) جایگزین شوند.
🔸 توجه به کنتراست
استفاده از کنتراست نه تنها موجب جلب توجه چشم کاربر به اطلاعات مرتبط روی صفحه می‌شود، بلکه موجب بهبود دسترس‌پذیری به محصول نیز می‌شود.
ادامه این مطلب رایگان را در مجله فرادرس در لینک زیر بخوانید.
🔗 ۱۰ قاعده مهم در طراحی UI — راهنمای کاربردی — کلیک کنید.
📌 کانال اختصاصی آموزشهای رایگان طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی طراحی گرافیک [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
❇️ آموزش فتوشاپ جامع
«آدوبی فتوشاپ» (Adobe Photoshop) یک اپلیکیشن نرم‌افزاری برای ویرایش تصاویر و اصلاح عکس‌ها است که روی رایانه‌های ویندوز و مک استفاده می‌شود. فتوشاپ به کاربران امکان ایجاد، بهبود یا ادیت عکس‌ها، آثار هنری و تصویر‌سازی‌ها را می‌دهد. تغییر دادن پس‌زمینه‌ها، شبیه‌سازی نقاشی واقعی، یا ایجاد یک نمای مفهومی از کیهان، همگی جزو امکاناتی هستند که فتوشاپ ارائه می‌کند. فتوشاپ رایج‌ترین نرم‌افزار برای ویرایش تصویر، دست‌کاری عکس و اصلاح جزییات انواع مختلفی از قالب‌های تصویری و ویدئویی محسوب می‌شود.
🔹 فهرست مطالب این نوشته
▫️تاریخچه فتوشاپ
▫️ فتوشاپ چیست و چه کاربردی دارد؟
▫️ سیستم مورد نیاز برای نصب فتوشاپ
▫️ فرمت‌های فایل فتوشاپ
🔸 تاریخچه فتوشاپ
آدوبی فتوشاپ در ابتدا در سال ۱۹۸۷ از سوی دو برادر به نام‌های جان و توماس نال (Knoll) توسعه یافت. فتوشاپ از زمان عرضه اولیه خود تاکنون از یک نرم‌افزار ساده ادیت عکس به یک مجموعه جامع از ابزارهای برای دست‌کاری تصاویر تبدیل شده است. با این که نسخه‌های اولیه فتوشاپ از سوی برادران نال تولید و عرضه می‌شدند، اما این نرم‌افزار در ادامه از سوی شرکت Adobe Systems خریداری و به Adobe Photoshop تبدیل شد.
🔸فتوشاپ چیست و چه کاربردی دارد؟
آدوبی فتوشاپ ابزاری ضروری برای طراحان، توسعه‌دهندگان وب، هنرمندان گرافیست، عکاسان و شاغلان خلاق محسوب می‌شود. این نرم‌افزار استفاده گسترده‌ای برای ویرایش تصاویر، اصلاح جزییات، ایجاد ترکیب‌بندی از تصاویر مختلف، ساخت ماکاپ وب‌سایت و افزودن جلوه‌های مختلف به تصاویر دارد.
🔸سیستم مورد نیاز برای نصب فتوشاپ
برای استفاده از فتوشاپ روی رایانه‌های ویندوزی، سیستم مورد نظر باید حداقل خصوصیات زیر را داشته باشد:
● پردازند دو گیگاهرتزی Intel® Core 2 یا AMD Athlon® 64 و یا بالاتر.
● سیستم عامل مایکروسافت ویندوز 6 با Service Pack 1 یا ویندوز ۸.۱ یا ویندوز ۱۰.
● ۲ گیگابایت رم یا بیشتر
● ۲.۶ گیگابایت یا بیشتر فضای هارددیسک برای نسخه ۳۲-بیتی و ۳.۱ گیگابایت یا بیشتر فضای هارددیسک برای نسخه ۶۴-بیتی و فضای اضافی برای نصب.
● نمایشگر ۱۰۲۴ در ۷۶۸ با عمق رنگ ۱۶-بیتی و ۵۱۲ مگابایت یا بیشتر VRAM اختصاصی.
● سیستم با قابلیت اجرای OpenGL 2.0.
🔸 فرمت‌های فایل فتوشاپ
در این قسمت از آموزش فتوشاپ به فرمت‌های فایل مرتبط به این نرم‌افزار می‌پردازیم. آدوبی فتوشاپ می‌تواند تصاویر یا گرافیک‌ها را در طیف مختلفی از فرمت‌های فایل ذخیره یا اکسپورت کند. این فرمت‌ها برای مقاصد مختلفی مورد استفاده قرار می‌گیرند. برای نمونه تصاویر مورد استفاده روی وب‌سایت‌ها عموماً باید کوچک باشند تا با سرعت بالایی بارگذاری شوند. در حالی که تصاویری که در رندرینگ محصول سه‌بُعدی قرار می‌گیرند، باید دارای وضوح تصاویر بالایی باشند و جزییات زیادی را نمایش دهند.
ادامه این مطلب رایگان را در مجله فرادرس در لینک زیر بخوانید.
🔗 آموزش فتوشاپ جامع — صفر تا صد، رایگان و تصویری — کلیک کنید.
📌 کانال اختصاصی آموزشهای رایگان طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی طراحی گرافیک [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
❇️ آموزش فتوشاپ جامع
«آدوبی فتوشاپ» (Adobe Photoshop) یک اپلیکیشن نرم‌افزاری برای ویرایش تصاویر و اصلاح عکس‌ها است که روی رایانه‌های ویندوز و مک استفاده می‌شود. فتوشاپ به کاربران امکان ایجاد، بهبود یا ادیت عکس‌ها، آثار هنری و تصویر‌سازی‌ها را می‌دهد. تغییر دادن پس‌زمینه‌ها، شبیه‌سازی نقاشی واقعی، یا ایجاد یک نمای مفهومی از کیهان، همگی جزو امکاناتی هستند که فتوشاپ ارائه می‌کند. فتوشاپ رایج‌ترین نرم‌افزار برای ویرایش تصویر، دست‌کاری عکس و اصلاح جزییات انواع مختلفی از قالب‌های تصویری و ویدئویی محسوب می‌شود.
🔹 فهرست مطالب این نوشته
▫️تاریخچه فتوشاپ
▫️ فتوشاپ چیست و چه کاربردی دارد؟
▫️ سیستم مورد نیاز برای نصب فتوشاپ
▫️ فرمت‌های فایل فتوشاپ
🔸 تاریخچه فتوشاپ
آدوبی فتوشاپ در ابتدا در سال ۱۹۸۷ از سوی دو برادر به نام‌های جان و توماس نال (Knoll) توسعه یافت. فتوشاپ از زمان عرضه اولیه خود تاکنون از یک نرم‌افزار ساده ادیت عکس به یک مجموعه جامع از ابزارهای برای دست‌کاری تصاویر تبدیل شده است. با این که نسخه‌های اولیه فتوشاپ از سوی برادران نال تولید و عرضه می‌شدند، اما این نرم‌افزار در ادامه از سوی شرکت Adobe Systems خریداری و به Adobe Photoshop تبدیل شد.
🔸فتوشاپ چیست و چه کاربردی دارد؟
آدوبی فتوشاپ ابزاری ضروری برای طراحان، توسعه‌دهندگان وب، هنرمندان گرافیست، عکاسان و شاغلان خلاق محسوب می‌شود. این نرم‌افزار استفاده گسترده‌ای برای ویرایش تصاویر، اصلاح جزییات، ایجاد ترکیب‌بندی از تصاویر مختلف، ساخت ماکاپ وب‌سایت و افزودن جلوه‌های مختلف به تصاویر دارد.
🔸سیستم مورد نیاز برای نصب فتوشاپ
برای استفاده از فتوشاپ روی رایانه‌های ویندوزی، سیستم مورد نظر باید حداقل خصوصیات زیر را داشته باشد:
● پردازند دو گیگاهرتزی Intel® Core 2 یا AMD Athlon® 64 و یا بالاتر.
● سیستم عامل مایکروسافت ویندوز 6 با Service Pack 1 یا ویندوز ۸.۱ یا ویندوز ۱۰.
● ۲ گیگابایت رم یا بیشتر
● ۲.۶ گیگابایت یا بیشتر فضای هارددیسک برای نسخه ۳۲-بیتی و ۳.۱ گیگابایت یا بیشتر فضای هارددیسک برای نسخه ۶۴-بیتی و فضای اضافی برای نصب.
● نمایشگر ۱۰۲۴ در ۷۶۸ با عمق رنگ ۱۶-بیتی و ۵۱۲ مگابایت یا بیشتر VRAM اختصاصی.
● سیستم با قابلیت اجرای OpenGL 2.0.
🔸 فرمت‌های فایل فتوشاپ
در این قسمت از آموزش فتوشاپ به فرمت‌های فایل مرتبط به این نرم‌افزار می‌پردازیم. آدوبی فتوشاپ می‌تواند تصاویر یا گرافیک‌ها را در طیف مختلفی از فرمت‌های فایل ذخیره یا اکسپورت کند. این فرمت‌ها برای مقاصد مختلفی مورد استفاده قرار می‌گیرند. برای نمونه تصاویر مورد استفاده روی وب‌سایت‌ها عموماً باید کوچک باشند تا با سرعت بالایی بارگذاری شوند. در حالی که تصاویری که در رندرینگ محصول سه‌بُعدی قرار می‌گیرند، باید دارای وضوح تصاویر بالایی باشند و جزییات زیادی را نمایش دهند.
ادامه این مطلب رایگان را در مجله فرادرس در لینک زیر بخوانید.
🔗 آموزش فتوشاپ جامع — صفر تا صد، رایگان و تصویری — کلیک کنید.
📌 کانال اختصاصی آموزشهای رایگان طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی طراحی گرافیک [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
❇️ آموزش کورل دراو (CorelDRAW) مقدماتی
در این نوشته با موضوع آموزش کورل دراو قصد داریم با ایجاد تصویر زیر توسط ابزارهای ترسیم مقدماتی این نرم‌افزار آشنا شویم. چه به تازگی با طراحی وکتور آشنا شده باشید و چه کاربر نرم‌افزار ایلاستریتور (Illustrator) باشید که می‌خواهید مهارت‌های طراحی وکتور خود را توسعه ببخشید، در هر حال یادگیری ابزارهای ترسیم مقدماتی نرم‌افزار CorelDRAW برای شما مفید خواهند بود.
🔹 فهرست مطالب این نوشته
▫️ابزار Pen
▫️ ابزارهای Freehand و Bézier
▫️ ابزارهای B-Spline و Smart Drawing
▫️ ابزارهای 2-Point Line و 3-Point Curve
🔸 ابزار Pen
کار خود را با ایجاد یک سند جدید (با کلیدهای میانبر Control+N) و با اندازه دلخواه آغاز می‌کنیم. البته این اندازه در ادامه هر زمان قابل تغییر است. از حالت رنگی RGB و وضوح 300dpi استفاده می‌کنیم.
🔸 ابزارهای Freehand و Bézier
اگر با یک تبلت گرافیکی کار می‌کنید، استفاده از ابزار Freehand با میانبر F5 کاملاً آسان خواهد بود. بدین وسیله یک شکل شبح دیگر رسم کنید. به جای انتخاب جاهایی که گره‌ها ظاهر خواهند شد، در فرایند ترسیم، این گره‌ها به صورت اتوماتیک قرار می‌گیرند و به سطح Freehand Smoothing که در Property Bar تنظیم کرده‌اید وابسته هستند.
🔸 ابزارهای B-Spline و Smart Drawing
ابزار Smart Drawing با کلیدهای میانبر Shift+S کاملاً مشابه گزینه‌های Freehand Smoothing در ابزار Freehand است.
🔸ابزارهای 2-Point Line و 3-Point Curve
ما قصد داریم با استفاده از دو ابزار نهایی که می‌خواهیم معرفی کنیم، به شبح‌های خود یک مکان متروکه بدهیم و تار عنکبوت‌هایی رسم کنیم.
۱. ابتدا ابزار 2-Point Line را بردارید و یک خط عمودی طولانی رسم کنید. در کادر Object Properties وزن خط را به 3.0 پوینت، رنگ آن را سیاه و گزینه‌های cap و corner را به صورت Rounded تنظیم کنید.
۲.خط عمودی را در حالت انتخاب حفظ کنید و در گره فوقانی شروع به رسم خط افقی بکنید. بدین ترتیب شیء بدون نیاز به رسم خط جدید ادامه می‌یابد.
ادامه این مطلب رایگان را در مجله فرادرس در لینک زیر بخوانید.
🔗 آموزش کورل دراو (CorelDRAW) مقدماتی — ابزارهای ترسیم — کلیک کنید.
📌 کانال اختصاصی آموزشهای رایگان طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی طراحی گرافیک [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
❇️ آموزش کورل دراو (CorelDRAW) مقدماتی
در این نوشته با موضوع آموزش کورل دراو قصد داریم با ایجاد تصویر زیر توسط ابزارهای ترسیم مقدماتی این نرم‌افزار آشنا شویم. چه به تازگی با طراحی وکتور آشنا شده باشید و چه کاربر نرم‌افزار ایلاستریتور (Illustrator) باشید که می‌خواهید مهارت‌های طراحی وکتور خود را توسعه ببخشید، در هر حال یادگیری ابزارهای ترسیم مقدماتی نرم‌افزار CorelDRAW برای شما مفید خواهند بود.
🔹 فهرست مطالب این نوشته
▫️ابزار Pen
▫️ ابزارهای Freehand و Bézier
▫️ ابزارهای B-Spline و Smart Drawing
▫️ ابزارهای 2-Point Line و 3-Point Curve
🔸 ابزار Pen
کار خود را با ایجاد یک سند جدید (با کلیدهای میانبر Control+N) و با اندازه دلخواه آغاز می‌کنیم. البته این اندازه در ادامه هر زمان قابل تغییر است. از حالت رنگی RGB و وضوح 300dpi استفاده می‌کنیم.
🔸 ابزارهای Freehand و Bézier
اگر با یک تبلت گرافیکی کار می‌کنید، استفاده از ابزار Freehand با میانبر F5 کاملاً آسان خواهد بود. بدین وسیله یک شکل شبح دیگر رسم کنید. به جای انتخاب جاهایی که گره‌ها ظاهر خواهند شد، در فرایند ترسیم، این گره‌ها به صورت اتوماتیک قرار می‌گیرند و به سطح Freehand Smoothing که در Property Bar تنظیم کرده‌اید وابسته هستند.
🔸 ابزارهای B-Spline و Smart Drawing
ابزار Smart Drawing با کلیدهای میانبر Shift+S کاملاً مشابه گزینه‌های Freehand Smoothing در ابزار Freehand است.
🔸ابزارهای 2-Point Line و 3-Point Curve
ما قصد داریم با استفاده از دو ابزار نهایی که می‌خواهیم معرفی کنیم، به شبح‌های خود یک مکان متروکه بدهیم و تار عنکبوت‌هایی رسم کنیم.
۱. ابتدا ابزار 2-Point Line را بردارید و یک خط عمودی طولانی رسم کنید. در کادر Object Properties وزن خط را به 3.0 پوینت، رنگ آن را سیاه و گزینه‌های cap و corner را به صورت Rounded تنظیم کنید.
۲.خط عمودی را در حالت انتخاب حفظ کنید و در گره فوقانی شروع به رسم خط افقی بکنید. بدین ترتیب شیء بدون نیاز به رسم خط جدید ادامه می‌یابد.
ادامه این مطلب رایگان را در مجله فرادرس در لینک زیر بخوانید.
🔗 آموزش کورل دراو (CorelDRAW) مقدماتی — ابزارهای ترسیم — کلیک کنید.
📌 کانال اختصاصی آموزشهای رایگان طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی طراحی گرافیک [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
❇️ ۷ اصل طراحی گرافیکی برای بهبود طراحی
🔹 فهرست مطالب این نوشته
▫️ ۷ اصل طراحی گرافیکی
🔸 ۷ اصل طراحی گرافیکی
۷ اصل مهم برای ارتقای سطح طراحی گرافیکی وجود دارد که اگر بتوانید همیشه آنها را در یک پروژه‌ی جدید به درستی به کار گیرید، بی‌شک طرح نهایی شما نسبت به رقبای برجسته‌تر خواهد بود و آن چیزی می‌شود که خودتان و مخاطب از آن رضایت کافی خواهید داشت.
● تعادل
● مجاورت
● چیدمان
● تکرار
● کنتراست یا تضاد
● فضای سفید (خالی)
● سلسله مراتب
ادامه این مطلب رایگان را در مجله فرادرس در لینک زیر بخوانید.
🔗 ۷ اصل طراحی گرافیکی برای بهبود طراحی — کلیک کنید.
📌 کانال اختصاصی آموزشهای رایگان طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی طراحی گرافیک [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
❇️ ۷ اصل طراحی گرافیکی برای بهبود طراحی
🔹 فهرست مطالب این نوشته
▫️ ۷ اصل طراحی گرافیکی
🔸 ۷ اصل طراحی گرافیکی
۷ اصل مهم برای ارتقای سطح طراحی گرافیکی وجود دارد که اگر بتوانید همیشه آنها را در یک پروژه‌ی جدید به درستی به کار گیرید، بی‌شک طرح نهایی شما نسبت به رقبای برجسته‌تر خواهد بود و آن چیزی می‌شود که خودتان و مخاطب از آن رضایت کافی خواهید داشت.
● تعادل
● مجاورت
● چیدمان
● تکرار
● کنتراست یا تضاد
● فضای سفید (خالی)
● سلسله مراتب
ادامه این مطلب رایگان را در مجله فرادرس در لینک زیر بخوانید.
🔗 ۷ اصل طراحی گرافیکی برای بهبود طراحی — کلیک کنید.
📌 کانال اختصاصی آموزشهای رایگان طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی طراحی گرافیک [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ مدت زمان یادگیری فتوشاپ چقدر است و چطور حرفه ای شویم؟ (+ فیلم آموزش رایگان)
یکی از سوالاتی که ذهن بسیاری از افراد را در ابتدای ورود به رشته عکاسی یا رشته‌های مرتبط با طراحی درگیر می‌کند، آشنایی با نرم‌افزارهای مربوط به این رشته‌ها، هزینه و مدت زمان یادگیری آنها است. از جمله نرم‌افزارهای پرکاربرد و مشترک بین این رشته‌ها، نرم‌افزار فتوشاپ است. در نتیجه، این‌که مدت زمان یادگیری فتوشاپ چقدر است سوال بسیاری از این افراد را تشکیل می‌دهد. علاوه بر این، با گسترش دیجیتال مارکتینگ، از جمله روش‌های تولید محتوای مناسب، ارائه بنرهای تبلیغاتی یا تنظیم پست‌هایی است که به لحاظ بصری مناسب باشند.
══ فهرست مطالب ══
○ ابزارهای مورد نیاز برای یادگیری فتوشاپ
○ یادگیری ابزارهای فتوشاپ
○ انجام پروژه‌های ساده برای آشنایی با فتوشاپ
○ مفهوم لایه‌ها در فتوشاپ
○ مرور مطالب قبلی
○ آشنایی با انتخاب نواحی مختلف و ایجاد ماسک
○ مبانی روتوش عکس با فتوشاپ
○ مونتاژ عکس با فتوشاپ
○ شروع به طراحی با فتوشاپ
○ معرفی مجموعه فیلم آموزش فتوشاپ فرادرس
○ جمع بندی مدت زمان یادگیری فتوشاپ
○ مزایای یادگیری فتوشاپ
🔸 ابزارهای مورد نیاز برای یادگیری فتوشاپ
پیش از آن‌که بخواهید یادگیری این نرم‌افزار را شروع و مدت زمان یادگیری فتوشاپ را بررسی کنید باید تجهیزات و ابزارهای مورد نیاز این نرم‌افزار را بشناسید.
فتوشاپ را می‌توان با ساده‌ترین کامپیوترها نیز اجرا کرد اما مانند هر نرم‌افزار گرافیکی دیگری، داشتن کارت گرافیک مناسب به همراه رم بالا می‌تواند عملکرد بهتری را به همراه داشته باشد. برای اجرای روان این نرم‌افزار نیز نیازی به سی‌پی‌یو‌های گران‌قیمت وجود ندارد. البته برای طراحی در ابعاد بزرگ و استفاده از فضای سه‌بعدی باید از پردازنده‌های مناسبی استفاده کرد. با این وجود، در جدول زیر، حداقل سیستم مورد نیاز برای اجرای فتوشاپ و سیستم پیشنهادی آورده شده است و می‌توانید بر اساس نیاز خود، سیستم مورد نظر را تهیه کنید.
حداقل سیستم و سیستم پیشنهادی مورد نیاز برای ویندوز در جدول زیر آورده شده است.
🔸 یادگیری ابزارهای فتوشاپ
بعد از تهیه سیستم مورد نیاز و نصب نرم‌افزار، در صفحه اصلی نرم‌افزار، کلیدهای «Ctrl+N» را فشار دهید یا این‌که از مسیر «File > New» یک پرونده جدید باز کنید. به طور مثال می‌توانید تنظیمات زیر را برای این پرونده در نظر بگیرید.
در صفحه اصلی و سمت چپ، مجموعه‌ای از ابزارها را مشاهده می‌کنید. این ابزارها در مجموع بیش از ۶۰ ابزار مختلف را تشکیل می‌دهند که یادگیری آنها به ترتیب، علاوه بر این‌که بسیار زمان‌بر خواهد بود، مدت زمان یادگیری فتوشاپ را نیز افزایش می‌دهد و انگیزه فرد نیز برای ادامه کار کاهش پیدا می‌کند. علاوه بر این، یادگیری این ابزارها باید همراه با پروژه‌های آموزشی باشد تا در ذهن شخص ماندگار شود.
البته قرار نیست این ابزارها را رها کنیم بلکه و برعکس سعی می‌کنیم به شکلی ابتدایی آنها را یاد بگیریم. به طور معمول، این ابزارها در گروه‌هایی تقسیم‌بندی شده‌اند و می‌توان با کلیک راست بر روی آیکون هر ابزار، به سایر ابزارها دسترسی پیدا کرد. البته در نسخه‌های بعد از سال ۲۰۱۸ این نرم‌افزار، کافی است ماوس خود را چند لحظه بر روی ابزار نگه‌دارید تا پیش‌نمایشی از نحوه کار ابزار و کلید میانبر آن برای شما نمایش داده شود و به طور کامل یا آن آشنا شوید.
مطالعه ادامه مطلب 👇👇
🔗 مدت زمان یادگیری فتوشاپ چقدر است و چطور حرفه ای شویم؟ (+ فیلم آموزش رایگان) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
یکی از سوالاتی که ذهن بسیاری از افراد را در ابتدای ورود به رشته عکاسی یا رشته‌های مرتبط با طراحی درگیر می‌کند، آشنایی با نرم‌افزارهای مربوط به این رشته‌ها، هزینه و مدت زمان یادگیری آنها است. از جمله نرم‌افزارهای پرکاربرد و مشترک بین این رشته‌ها، نرم‌افزار فتوشاپ است. در نتیجه، این‌که مدت زمان یادگیری فتوشاپ چقدر است سوال بسیاری از این افراد را تشکیل می‌دهد. علاوه بر این، با گسترش دیجیتال مارکتینگ، از جمله روش‌های تولید محتوای مناسب، ارائه بنرهای تبلیغاتی یا تنظیم پست‌هایی است که به لحاظ بصری مناسب باشند.
══ فهرست مطالب ══
○ ابزارهای مورد نیاز برای یادگیری فتوشاپ
○ یادگیری ابزارهای فتوشاپ
○ انجام پروژه‌های ساده برای آشنایی با فتوشاپ
○ مفهوم لایه‌ها در فتوشاپ
○ مرور مطالب قبلی
○ آشنایی با انتخاب نواحی مختلف و ایجاد ماسک
○ مبانی روتوش عکس با فتوشاپ
○ مونتاژ عکس با فتوشاپ
○ شروع به طراحی با فتوشاپ
○ معرفی مجموعه فیلم آموزش فتوشاپ فرادرس
○ جمع بندی مدت زمان یادگیری فتوشاپ
○ مزایای یادگیری فتوشاپ
🔸 ابزارهای مورد نیاز برای یادگیری فتوشاپ
پیش از آن‌که بخواهید یادگیری این نرم‌افزار را شروع و مدت زمان یادگیری فتوشاپ را بررسی کنید باید تجهیزات و ابزارهای مورد نیاز این نرم‌افزار را بشناسید.
فتوشاپ را می‌توان با ساده‌ترین کامپیوترها نیز اجرا کرد اما مانند هر نرم‌افزار گرافیکی دیگری، داشتن کارت گرافیک مناسب به همراه رم بالا می‌تواند عملکرد بهتری را به همراه داشته باشد. برای اجرای روان این نرم‌افزار نیز نیازی به سی‌پی‌یو‌های گران‌قیمت وجود ندارد. البته برای طراحی در ابعاد بزرگ و استفاده از فضای سه‌بعدی باید از پردازنده‌های مناسبی استفاده کرد. با این وجود، در جدول زیر، حداقل سیستم مورد نیاز برای اجرای فتوشاپ و سیستم پیشنهادی آورده شده است و می‌توانید بر اساس نیاز خود، سیستم مورد نظر را تهیه کنید.
حداقل سیستم و سیستم پیشنهادی مورد نیاز برای ویندوز در جدول زیر آورده شده است.
🔸 یادگیری ابزارهای فتوشاپ
بعد از تهیه سیستم مورد نیاز و نصب نرم‌افزار، در صفحه اصلی نرم‌افزار، کلیدهای «Ctrl+N» را فشار دهید یا این‌که از مسیر «File > New» یک پرونده جدید باز کنید. به طور مثال می‌توانید تنظیمات زیر را برای این پرونده در نظر بگیرید.
در صفحه اصلی و سمت چپ، مجموعه‌ای از ابزارها را مشاهده می‌کنید. این ابزارها در مجموع بیش از ۶۰ ابزار مختلف را تشکیل می‌دهند که یادگیری آنها به ترتیب، علاوه بر این‌که بسیار زمان‌بر خواهد بود، مدت زمان یادگیری فتوشاپ را نیز افزایش می‌دهد و انگیزه فرد نیز برای ادامه کار کاهش پیدا می‌کند. علاوه بر این، یادگیری این ابزارها باید همراه با پروژه‌های آموزشی باشد تا در ذهن شخص ماندگار شود.
البته قرار نیست این ابزارها را رها کنیم بلکه و برعکس سعی می‌کنیم به شکلی ابتدایی آنها را یاد بگیریم. به طور معمول، این ابزارها در گروه‌هایی تقسیم‌بندی شده‌اند و می‌توان با کلیک راست بر روی آیکون هر ابزار، به سایر ابزارها دسترسی پیدا کرد. البته در نسخه‌های بعد از سال ۲۰۱۸ این نرم‌افزار، کافی است ماوس خود را چند لحظه بر روی ابزار نگه‌دارید تا پیش‌نمایشی از نحوه کار ابزار و کلید میانبر آن برای شما نمایش داده شود و به طور کامل یا آن آشنا شوید.
مطالعه ادامه مطلب 👇👇
🔗 مدت زمان یادگیری فتوشاپ چقدر است و چطور حرفه ای شویم؟ (+ فیلم آموزش رایگان) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ گذاشتن یک عکس روی عکس دیگر در فتوشاپ | تصویری (+ فیلم آموزش گام به گام رایگان)
در آموزشهای پیشین فتوشاپ در «مجله فرادرس» به نحوه فتومونتاژ و مونتاژ عکس در فتوشاپ پرداختیم. در این مطلب قصد داریم نحوه گذاشتن یک عکس روی عکس دیگر در فتوشاپ را آموزش دهیم. البته در مطالبی همچون «طراحی آلبوم دیجیتال عروس و داماد در فتوشاپ» با این روش به نوعی آشنا شدیم اما قصد داریم نحوه گذاشتن یک عکس روی عکس دیگر در فتوشاپ را با جزئیات بیشتری بررسی کنیم.
══ فهرست مطالب ══
○ نحوه گذاشتن یک عکس روی عکس دیگر در فتوشاپ
○ معرفی فیلم آموزش ساخت جلوه های ویژه در فتوشاپ – مقدماتی
○ دانلود فایل لایه باز پروژه‌های گذاشتن یک عکس روی عکس دیگر در فتوشاپ
🔸 نحوه گذاشتن یک عکس روی عکس دیگر در فتوشاپ
برای گذاشتن یک عکس روی عکس دیگر در فتوشاپ کار ساده‌ای در پیش دارید. کافی است هر عکسی که نیاز دارید را در فتوشاپ باز و عکس دیگری را بعد از کپی کردن، در پرونده جدید عکس باز شده قرار دهید. در نتیجه، گذاشتن یک عکس روی عکس دیگر در فتوشاپ فرآیندی بسیار ساده است. با این وجود، می‌توانید تکنیک‌های مختلفی را در این روش بکار بگیرید تا تصویر نهایی شکل بهتری داشته باشد.
در این مطلب، با انجام دو پروژه، نحوه گذاشتن یک عکس روی عکس دیگر در فتوشاپ را با تکنیک‌های مختلف یاد می‌گیریم.
در این پروژه از گذاشتن یک عکس روی عکس دیگر در فتوشاپ می‌خواهیم یک تصویر ورزشی را بر روی یک صفحه از تلویزیون قرار دهیم و همزمان، پرسپکتیو را در تصویر خود رعایت کنیم.
🔸 معرفی فیلم آموزش ساخت جلوه های ویژه در فتوشاپ – مقدماتی
از آن‌جایی که علاوه بر گذاشتن یک عکس روی عکس دیگر در فتوشاپ می‌توان عملیات جذاب دیگری را نیز به کمک این نرم‌افزار، بر روی عکس‌ها انجام داد، «فرادرس» دوره‌ای ۳/۵ ساعته را در قالب پانزده درس تدوین کرده است که در ادامه به توضیح این دروس خواهیم پرداخت.
در هریک از دروس این آموزش، یک تکنیک برای ساخت جلوه‌های ویژه آموزش داده می‌شود. در درس یکم، ایجاد پس‌زمینه از خود تصویر آموزش داده می‌شود و مشبک کردن تصویر و تهیه عکس به صورت پوستر فیلم، دروس دوم و سوم را تشکیل می‌دهند. جلوه سوراخ کردن تصویر با مشت و تا زدن تصویر همچون یک نقشه در درس‌های چهارم و پنجم آموزش داده می‌شود.
کادر برفی تصویر، انعکاس تصویر در آب و تبدیل تصویر به الگویی از نقاط رنگی در درس‌های ششم و هفتم بررسی خواهند شد. تهیه کلاژ مربعی و رنگین‌کمانی کردن چشم‌ها موضوعات درس‌های نهم و دهم را تشکیل می‌دهند. تبدیل تصویر به نقاشی و ایجاد کلاژ از نوار عکس‌ها و ایجاد جلوه سایه پنجره از مباحثی هستند که در دروس یازدهم تا سیزدهم آموزش داده می‌شوند. جلوه سه‌بعدی پرش از صفحه‌نمایش و متمایز کردن حرکت در تصویر نیز دو درس انتهایی این آموزش را تشکیل می‌دهند.
مطالعه ادامه مطلب 👇👇
🔗 گذاشتن یک عکس روی عکس دیگر در فتوشاپ | تصویری (+ فیلم آموزش گام به گام رایگان) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
در آموزشهای پیشین فتوشاپ در «مجله فرادرس» به نحوه فتومونتاژ و مونتاژ عکس در فتوشاپ پرداختیم. در این مطلب قصد داریم نحوه گذاشتن یک عکس روی عکس دیگر در فتوشاپ را آموزش دهیم. البته در مطالبی همچون «طراحی آلبوم دیجیتال عروس و داماد در فتوشاپ» با این روش به نوعی آشنا شدیم اما قصد داریم نحوه گذاشتن یک عکس روی عکس دیگر در فتوشاپ را با جزئیات بیشتری بررسی کنیم.
══ فهرست مطالب ══
○ نحوه گذاشتن یک عکس روی عکس دیگر در فتوشاپ
○ معرفی فیلم آموزش ساخت جلوه های ویژه در فتوشاپ – مقدماتی
○ دانلود فایل لایه باز پروژه‌های گذاشتن یک عکس روی عکس دیگر در فتوشاپ
🔸 نحوه گذاشتن یک عکس روی عکس دیگر در فتوشاپ
برای گذاشتن یک عکس روی عکس دیگر در فتوشاپ کار ساده‌ای در پیش دارید. کافی است هر عکسی که نیاز دارید را در فتوشاپ باز و عکس دیگری را بعد از کپی کردن، در پرونده جدید عکس باز شده قرار دهید. در نتیجه، گذاشتن یک عکس روی عکس دیگر در فتوشاپ فرآیندی بسیار ساده است. با این وجود، می‌توانید تکنیک‌های مختلفی را در این روش بکار بگیرید تا تصویر نهایی شکل بهتری داشته باشد.
در این مطلب، با انجام دو پروژه، نحوه گذاشتن یک عکس روی عکس دیگر در فتوشاپ را با تکنیک‌های مختلف یاد می‌گیریم.
در این پروژه از گذاشتن یک عکس روی عکس دیگر در فتوشاپ می‌خواهیم یک تصویر ورزشی را بر روی یک صفحه از تلویزیون قرار دهیم و همزمان، پرسپکتیو را در تصویر خود رعایت کنیم.
🔸 معرفی فیلم آموزش ساخت جلوه های ویژه در فتوشاپ – مقدماتی
از آن‌جایی که علاوه بر گذاشتن یک عکس روی عکس دیگر در فتوشاپ می‌توان عملیات جذاب دیگری را نیز به کمک این نرم‌افزار، بر روی عکس‌ها انجام داد، «فرادرس» دوره‌ای ۳/۵ ساعته را در قالب پانزده درس تدوین کرده است که در ادامه به توضیح این دروس خواهیم پرداخت.
در هریک از دروس این آموزش، یک تکنیک برای ساخت جلوه‌های ویژه آموزش داده می‌شود. در درس یکم، ایجاد پس‌زمینه از خود تصویر آموزش داده می‌شود و مشبک کردن تصویر و تهیه عکس به صورت پوستر فیلم، دروس دوم و سوم را تشکیل می‌دهند. جلوه سوراخ کردن تصویر با مشت و تا زدن تصویر همچون یک نقشه در درس‌های چهارم و پنجم آموزش داده می‌شود.
کادر برفی تصویر، انعکاس تصویر در آب و تبدیل تصویر به الگویی از نقاط رنگی در درس‌های ششم و هفتم بررسی خواهند شد. تهیه کلاژ مربعی و رنگین‌کمانی کردن چشم‌ها موضوعات درس‌های نهم و دهم را تشکیل می‌دهند. تبدیل تصویر به نقاشی و ایجاد کلاژ از نوار عکس‌ها و ایجاد جلوه سایه پنجره از مباحثی هستند که در دروس یازدهم تا سیزدهم آموزش داده می‌شوند. جلوه سه‌بعدی پرش از صفحه‌نمایش و متمایز کردن حرکت در تصویر نیز دو درس انتهایی این آموزش را تشکیل می‌دهند.
مطالعه ادامه مطلب 👇👇
🔗 گذاشتن یک عکس روی عکس دیگر در فتوشاپ | تصویری (+ فیلم آموزش گام به گام رایگان) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ WebGL چیست؟ — آموزش وب جی ال — به زبان ساده و گام به گام
WebGL استانداردی برای پیاده‌سازی گرافیک کامپیوتری سه‌بعدی در وب است. ممکن است برخی از افرادی که با یک کتابخانه رندرینگ گرافیک (Graphics Rendering) آشنایی دارند، چیزهایی راجع‌به WebGL شنیده باشند و حالا این سوال برایشان به وجود آمده است که WebGL چیست ؟ در این نوشته، به این سوال پاسخ داده شده است و علاوه بر آن، پیرامون سایر مباحث مربوط به WebGL، از جمله OpenGL، رندرینگ شتاب‌یافته با GPU، تاریخچه، کاربردها، کتابخانه‌ها و فریم‌ورک‌های WebGL بحث شده است. از همه مهم‌تر، آموزش وب جی ال در سطح مقدماتی و به بیان ساده در این مطلب پوشش داده شده است. دوره‌های آموزشی مرتبط برای یادگیری WebGL نیز در این مقاله معرفی شده‌اند.
══ فهرست مطالب ══
○ OpenGL چیست ؟
○ WebGL چیست ؟
○ آموزش WebGL
○ دستور کار ساده پیاده‌سازی WebGL
○ برخی مفاهیم پایه WebGL و گرافیک کامپیوتری
○ فریم ورک ها و کتابخانه های WebGL
○ آیا WebGL همچنان کاربرد دارد؟
○ معرفی فیلم های آموزشی مرتبط با WebGL
○ جمع‌بندی
🔸 OpenGL چیست ؟
OpenGL سرنامی برای Open Graphics Library به معنی کتابخانه گرافیک متن‌باز است. OpenGL استاندارد و کتابخانه‌ای برای انجام کارهای گرافیک کامپیوتری به حساب می‌آید که در بسیاری از زبان‌ها، محیط‌ها و بسترها مورد استفاده قرار می‌گیرد. در دهه ۶۰ و اوایل دهه ۷۰ شمسی، نرم‌افزار‌ها برای یک سخت‌افزار گرافیکی خاص با رابط‌های (Interface) متفاوتی ساخته می‌شدند. این مسئله به نوعی مشکل‌ساز بود.
در آن زمان نیاز به یک استاندارد باز وجود داشت. شرکتی به نام SGI سیستم اختصاصی خود را به نام IrishGL معرفی کرده بود. در IrishGL هر چیزی که با گرافیک ارتباط نداشت (شامل ورودی‌های ماوس و کیبورد) کنار گذاشته شد و این فناوری در دسترس همگان قرار داده شد. به این ترتیب OpenGL در سال ۱۳۷۰ متولد شد. موارد و نکات مهمی که پیرامون OpenGL و چیستی آن قابل بیان هستند، در ادامه مطلب «WebGL چیست» فهرست شده است:
– OpenGL یک API سطح پایین برای رندرینگ گرافیکی دو‌بُعدی و سه‌بُعدی گرافیک‌های برداری به حساب می‌آید.
– OpenGL با زبان C نوشته و خلق شده است. OpenGL در Fortran ،C++ ،C و جاوا وابستگی زبانی (Language Binding) دارد. به این معنی که کتابخانه‌های OpenGL در این زبان‌ها قابل استفاده است.
– OpenGL با GPU (واحد پردازش گرافیکی | Graphical Processing Unit) برای دست‌یابی به رندرینگ شتاب‌یافته سخت‌افزاری (Hardware Accelerated Rendering) تعامل برقرار می‌کند.
– OpenGL استانداردی برای رندر کردن تصاویر و ارسال آن به صفحه نمایش از طریق کارت گرافیک است.
– OpenGL این امکان را به وجود می‌آورد که تصاویر گرافیکی از سیستم عامل و سیستم پنجره‌ای مستقل باشند.
همانطور که بیان شد، یکی از کلیدی‌ترین ویژگی‌ها در OpenGL، شتاب‌یافتگی سخت‌افزاری است. در اینجا این سوال به وجود می‌آید که رندرینگ شتاب‌یافته سخت‌افزاری یا Hardware Accelerated Rendering چیست؟ به بیان ساده در پاسخ به این سوال می‌توان گفت که OpenGL از کارت گرافیک کامپیوتر (GPU) برای سرعت بخشیدن به عملیات پردازشی استفاده می‌کند. در ادامه مطلب «WegbGL چیست» توضیحات بیشتری پیرامون مفهوم Hardware Accelerated Rendering ارائه شده است.
🔸 WebGL چیست ؟
«WebGL» اقتباسی از OpenGL محسوب می‌شود. در واقع، WebGL یک API گنجانده شده در جاوا اسکریپت و مشابه «OpenGL ES ۲.۰» (نسخه دوم OpenGL برای سیستم‌های تعبیه شده) است. بنابراین، WebGL همان امکانات OpenGL را به همراه رندرینگ شتاب‌یافته سخت‌افزاری در مرورگر فراهم می‌سازد. عبارت WebGL از دو بخش Web و GL تشکیل شده است.
واضح است که «Web» به عبارت «World Wide Web» به معنی «تارنمای جهان‌گستر» یا «شبکه جهانی وب» اشاره دارد. «GL» سرنامی برای عبارت «Graphics Library» به معنی «کتابخانه گرافیک» است. GL ریشه در عبارت دیگری به نام OpenGL دارد که در بخش قبل معرفی شد. به بیان ساده، WebGL استانداردی برای اجرای وظایف OpenGL در مرورگر است. در ادامه مطلب «WebGl چیست»، تاریخچه‌ای از WebGL ارائه شده است.
مطالعه ادامه مطلب 👇👇
🔗 WebGL چیست؟ — آموزش وب جی ال — به زبان ساده و گام به گام — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
WebGL استانداردی برای پیاده‌سازی گرافیک کامپیوتری سه‌بعدی در وب است. ممکن است برخی از افرادی که با یک کتابخانه رندرینگ گرافیک (Graphics Rendering) آشنایی دارند، چیزهایی راجع‌به WebGL شنیده باشند و حالا این سوال برایشان به وجود آمده است که WebGL چیست ؟ در این نوشته، به این سوال پاسخ داده شده است و علاوه بر آن، پیرامون سایر مباحث مربوط به WebGL، از جمله OpenGL، رندرینگ شتاب‌یافته با GPU، تاریخچه، کاربردها، کتابخانه‌ها و فریم‌ورک‌های WebGL بحث شده است. از همه مهم‌تر، آموزش وب جی ال در سطح مقدماتی و به بیان ساده در این مطلب پوشش داده شده است. دوره‌های آموزشی مرتبط برای یادگیری WebGL نیز در این مقاله معرفی شده‌اند.
══ فهرست مطالب ══
○ OpenGL چیست ؟
○ WebGL چیست ؟
○ آموزش WebGL
○ دستور کار ساده پیاده‌سازی WebGL
○ برخی مفاهیم پایه WebGL و گرافیک کامپیوتری
○ فریم ورک ها و کتابخانه های WebGL
○ آیا WebGL همچنان کاربرد دارد؟
○ معرفی فیلم های آموزشی مرتبط با WebGL
○ جمع‌بندی
🔸 OpenGL چیست ؟
OpenGL سرنامی برای Open Graphics Library به معنی کتابخانه گرافیک متن‌باز است. OpenGL استاندارد و کتابخانه‌ای برای انجام کارهای گرافیک کامپیوتری به حساب می‌آید که در بسیاری از زبان‌ها، محیط‌ها و بسترها مورد استفاده قرار می‌گیرد. در دهه ۶۰ و اوایل دهه ۷۰ شمسی، نرم‌افزار‌ها برای یک سخت‌افزار گرافیکی خاص با رابط‌های (Interface) متفاوتی ساخته می‌شدند. این مسئله به نوعی مشکل‌ساز بود.
در آن زمان نیاز به یک استاندارد باز وجود داشت. شرکتی به نام SGI سیستم اختصاصی خود را به نام IrishGL معرفی کرده بود. در IrishGL هر چیزی که با گرافیک ارتباط نداشت (شامل ورودی‌های ماوس و کیبورد) کنار گذاشته شد و این فناوری در دسترس همگان قرار داده شد. به این ترتیب OpenGL در سال ۱۳۷۰ متولد شد. موارد و نکات مهمی که پیرامون OpenGL و چیستی آن قابل بیان هستند، در ادامه مطلب «WebGL چیست» فهرست شده است:
– OpenGL یک API سطح پایین برای رندرینگ گرافیکی دو‌بُعدی و سه‌بُعدی گرافیک‌های برداری به حساب می‌آید.
– OpenGL با زبان C نوشته و خلق شده است. OpenGL در Fortran ،C++ ،C و جاوا وابستگی زبانی (Language Binding) دارد. به این معنی که کتابخانه‌های OpenGL در این زبان‌ها قابل استفاده است.
– OpenGL با GPU (واحد پردازش گرافیکی | Graphical Processing Unit) برای دست‌یابی به رندرینگ شتاب‌یافته سخت‌افزاری (Hardware Accelerated Rendering) تعامل برقرار می‌کند.
– OpenGL استانداردی برای رندر کردن تصاویر و ارسال آن به صفحه نمایش از طریق کارت گرافیک است.
– OpenGL این امکان را به وجود می‌آورد که تصاویر گرافیکی از سیستم عامل و سیستم پنجره‌ای مستقل باشند.
همانطور که بیان شد، یکی از کلیدی‌ترین ویژگی‌ها در OpenGL، شتاب‌یافتگی سخت‌افزاری است. در اینجا این سوال به وجود می‌آید که رندرینگ شتاب‌یافته سخت‌افزاری یا Hardware Accelerated Rendering چیست؟ به بیان ساده در پاسخ به این سوال می‌توان گفت که OpenGL از کارت گرافیک کامپیوتر (GPU) برای سرعت بخشیدن به عملیات پردازشی استفاده می‌کند. در ادامه مطلب «WegbGL چیست» توضیحات بیشتری پیرامون مفهوم Hardware Accelerated Rendering ارائه شده است.
🔸 WebGL چیست ؟
«WebGL» اقتباسی از OpenGL محسوب می‌شود. در واقع، WebGL یک API گنجانده شده در جاوا اسکریپت و مشابه «OpenGL ES ۲.۰» (نسخه دوم OpenGL برای سیستم‌های تعبیه شده) است. بنابراین، WebGL همان امکانات OpenGL را به همراه رندرینگ شتاب‌یافته سخت‌افزاری در مرورگر فراهم می‌سازد. عبارت WebGL از دو بخش Web و GL تشکیل شده است.
واضح است که «Web» به عبارت «World Wide Web» به معنی «تارنمای جهان‌گستر» یا «شبکه جهانی وب» اشاره دارد. «GL» سرنامی برای عبارت «Graphics Library» به معنی «کتابخانه گرافیک» است. GL ریشه در عبارت دیگری به نام OpenGL دارد که در بخش قبل معرفی شد. به بیان ساده، WebGL استانداردی برای اجرای وظایف OpenGL در مرورگر است. در ادامه مطلب «WebGl چیست»، تاریخچه‌ای از WebGL ارائه شده است.
مطالعه ادامه مطلب 👇👇
🔗 WebGL چیست؟ — آموزش وب جی ال — به زبان ساده و گام به گام — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ آموزش طراحی قالب سایت با فتوشاپ | پروژه محور (+ دانلود فیلم آموزش گام به گام)
از بخش‌های مهم در طراحی سایت باید به طراحی قالب سایت با فتوشاپ اشاره کرد چراکه باید در ابتدا، قالب یک سایت به صورت گرافیکی با فتوشاپ طراحی شود و در ادامه، به کمک کدنویسی، فایل PSD به «HTML» و «CSS» تبدیل شود. در این مطلب به آموزش طراحی قالب سایت با فتوشاپ خواهیم پرداخت. در صورتیکه طراحی قالب سایت با فتوشاپ را یاد بگیرید، قادر خواهید بود که صفحات وب را برای وردپرس، جوملا یا سایر سیستم‌های مدیریت محتوا طراحی کنید.
══ فهرست مطالب ══
○ دانلود قالب آماده طراحی سایت با فتوشاپ
○ آموزش طراحی قالب سایت با فتوشاپ
○ معرفی فیلم آموزش طراحی وب با HTML – مقدماتی
○ معرفی فیلم آموزش طراحی وب با CSS – مقدماتی
○ معرفی فیلم آموزش طراحی رابط کاربری اپلیکیشن دیجی کالا با فتوشاپ
○ تبدیل فایل PSD به HTML
🔸 دانلود قالب آماده طراحی سایت با فتوشاپ
در لینک زیر می‌توانید فایل PSD این آموزش را به طور کامل دریافت کنید. همچنین کلیه فایل‌های مورد نیاز برای انجام این پروژه آموزش گام به گام طراحی سایت در فتوشاپ نیز در لینک زیر قرار داده شده است.
– None.
🔸 آموزش طراحی قالب سایت با فتوشاپ
در این آموزش، نحوه طراحی قالب سایت با فتوشاپ را به صورت گام به گام دنبال می‌کنیم تا در نهایت بتوانیم قالب سایتی مشابه زیر داشته باشیم.
گام اول: ایجاد طرح اولیه
پیش از آن‌که شروع به طراحی قالب سایت با فتوشاپ کنیم باید موارد مورد نیاز و شکل کلی و کاربردی آن‌را بسنجیم. در ادامه باید از این ایده‌ها استفاده و آنها را به شکلی بصری پیاده‌سازی کنیم. استفاده از طرح اولیه و به اصطلاح «Wire Frame» یا اسکلت کلی صفحه وب، راه مناسبی برای طراحی قالب سایت با فتوشاپ به شمار می‌آید. به طور مثال، در تصویر زیر، نمونه‌ای از این طرح اولیه با رنگ‌های خاکستری به نمایش گذاشته شده است.
مطالعه ادامه مطلب 👇👇
🔗 آموزش طراحی قالب سایت با فتوشاپ | پروژه محور (+ دانلود فیلم آموزش گام به گام) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
از بخش‌های مهم در طراحی سایت باید به طراحی قالب سایت با فتوشاپ اشاره کرد چراکه باید در ابتدا، قالب یک سایت به صورت گرافیکی با فتوشاپ طراحی شود و در ادامه، به کمک کدنویسی، فایل PSD به «HTML» و «CSS» تبدیل شود. در این مطلب به آموزش طراحی قالب سایت با فتوشاپ خواهیم پرداخت. در صورتیکه طراحی قالب سایت با فتوشاپ را یاد بگیرید، قادر خواهید بود که صفحات وب را برای وردپرس، جوملا یا سایر سیستم‌های مدیریت محتوا طراحی کنید.
══ فهرست مطالب ══
○ دانلود قالب آماده طراحی سایت با فتوشاپ
○ آموزش طراحی قالب سایت با فتوشاپ
○ معرفی فیلم آموزش طراحی وب با HTML – مقدماتی
○ معرفی فیلم آموزش طراحی وب با CSS – مقدماتی
○ معرفی فیلم آموزش طراحی رابط کاربری اپلیکیشن دیجی کالا با فتوشاپ
○ تبدیل فایل PSD به HTML
🔸 دانلود قالب آماده طراحی سایت با فتوشاپ
در لینک زیر می‌توانید فایل PSD این آموزش را به طور کامل دریافت کنید. همچنین کلیه فایل‌های مورد نیاز برای انجام این پروژه آموزش گام به گام طراحی سایت در فتوشاپ نیز در لینک زیر قرار داده شده است.
– None.
🔸 آموزش طراحی قالب سایت با فتوشاپ
در این آموزش، نحوه طراحی قالب سایت با فتوشاپ را به صورت گام به گام دنبال می‌کنیم تا در نهایت بتوانیم قالب سایتی مشابه زیر داشته باشیم.
گام اول: ایجاد طرح اولیه
پیش از آن‌که شروع به طراحی قالب سایت با فتوشاپ کنیم باید موارد مورد نیاز و شکل کلی و کاربردی آن‌را بسنجیم. در ادامه باید از این ایده‌ها استفاده و آنها را به شکلی بصری پیاده‌سازی کنیم. استفاده از طرح اولیه و به اصطلاح «Wire Frame» یا اسکلت کلی صفحه وب، راه مناسبی برای طراحی قالب سایت با فتوشاپ به شمار می‌آید. به طور مثال، در تصویر زیر، نمونه‌ای از این طرح اولیه با رنگ‌های خاکستری به نمایش گذاشته شده است.
مطالعه ادامه مطلب 👇👇
🔗 آموزش طراحی قالب سایت با فتوشاپ | پروژه محور (+ دانلود فیلم آموزش گام به گام) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ طراحی اینفوگرافیک با فتوشاپ (+ فیلم آموزش گام به گام رایگان)
اینفوگرافیک‌ها داده‌های پیچیده و اطلاعات را به شکل‌ها و آیکون‌های بصری ساده و قابل فهمی تبدیل می‌کنند. در دنیای سریع امروزی که بازاریابی رسانه‌های اجتماعی رونق بسیاری دارد و بازاریابان دیجیتال باید نهایت استفاده خود را از این سرعت ببرند، استفاده از اینفوگرافیک در انتقال اطلاعات و اهداف مورد نظر، اهمیت بالایی دارد. در این آموزش یاد می‌گیریم که اینفوگرافیک چیست و نحوه طراحی اینفوگرافیک با فتوشاپ را بررسی می‌کنیم.
══ فهرست مطالب ══
○ ویژگی های یک اینفوگرافیک مناسب
○ دانلود اینفوگرافیک لایه باز رایگان
○ ساخت اینفوگرافیک ساده با فتوشاپ
○ طراحی اینفوگرافیک با فتوشاپ
🔸 ویژگی های یک اینفوگرافیک مناسب
پیش از آن‌که بخواهیم به آموزش طراحی اینفوگرافیک با فتوشاپ بپردازیم باید با ویژگی‌های یک اینفوگرافیک مناسب آشنا باشیم که در ادامه به آنها خواهیم پرداخت.
در تصویر زیر، رزومه یک طراح گرافیک را می‌بینید که به شکل یک اینفوگرافیک طراحی شده است. این رزومه به گونه‌ای است که آمار و دستاوردهای مهم، به جای متن، حالتی پویا به خود گرفته‌اند. به خوبی می‌بینیم که مهارت‌های مختلف در این رزومه با شکل‌های مختلف سازماندهی شده‌اند و به راحتی می‌توان این مهارت‌ها را از یکدیگر تشخیص داد. از این‌رو، با یادگیری طراحی اینفوگرافیک با فتوشاپ می‌توانید چنین رزومه‌های زیبا و اثرگذاری را طراحی و ارسال کنید.
می‌دانیم که یک تصویر، ارزش هزاران کلمه را دارد و همین امر، ارزش طراحی اینفوگرافیک با فتوشاپ را دوچندان می‌کند. از آن‌جایی که درک یک متن نیاز به پردازش ذهنی دارد، در نتیجه، بهره‌گیری از تصاویر می‌تواند به درک یک مطلب سرعت بدهد. در اینفوگرافیک پایین می‌توانید نحوه عملکرد و ساخت یک روبیک ۳ در ۳ را مشاهده کنید. اگر بخواهیم نحوه عملکرد روبیک را توضیح بدهیم شاید به حداقل به هزار کلمه نیاز داشته باشیم اما تمامی این موارد در این اینفوگرافیک با دیاگرام‌های رنگی به طور کامل انجام شده است.
🔸 دانلود اینفوگرافیک لایه باز رایگان
در طول این آموزش، ساخت اینفوگرافیک فارسی را بررسی می‌کنیم و نمونه های اینفوگرافیک را نیز برای دانلود قرار می‌دهیم. از این‌رو برای دانلود فایل PSD اینفوگرافیک لایه باز رایگان می‌توانید از لینک زیر استفاده کنید.
مطالعه ادامه مطلب 👇👇
🔗 طراحی اینفوگرافیک با فتوشاپ (+ فیلم آموزش گام به گام رایگان) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
اینفوگرافیک‌ها داده‌های پیچیده و اطلاعات را به شکل‌ها و آیکون‌های بصری ساده و قابل فهمی تبدیل می‌کنند. در دنیای سریع امروزی که بازاریابی رسانه‌های اجتماعی رونق بسیاری دارد و بازاریابان دیجیتال باید نهایت استفاده خود را از این سرعت ببرند، استفاده از اینفوگرافیک در انتقال اطلاعات و اهداف مورد نظر، اهمیت بالایی دارد. در این آموزش یاد می‌گیریم که اینفوگرافیک چیست و نحوه طراحی اینفوگرافیک با فتوشاپ را بررسی می‌کنیم.
══ فهرست مطالب ══
○ ویژگی های یک اینفوگرافیک مناسب
○ دانلود اینفوگرافیک لایه باز رایگان
○ ساخت اینفوگرافیک ساده با فتوشاپ
○ طراحی اینفوگرافیک با فتوشاپ
🔸 ویژگی های یک اینفوگرافیک مناسب
پیش از آن‌که بخواهیم به آموزش طراحی اینفوگرافیک با فتوشاپ بپردازیم باید با ویژگی‌های یک اینفوگرافیک مناسب آشنا باشیم که در ادامه به آنها خواهیم پرداخت.
در تصویر زیر، رزومه یک طراح گرافیک را می‌بینید که به شکل یک اینفوگرافیک طراحی شده است. این رزومه به گونه‌ای است که آمار و دستاوردهای مهم، به جای متن، حالتی پویا به خود گرفته‌اند. به خوبی می‌بینیم که مهارت‌های مختلف در این رزومه با شکل‌های مختلف سازماندهی شده‌اند و به راحتی می‌توان این مهارت‌ها را از یکدیگر تشخیص داد. از این‌رو، با یادگیری طراحی اینفوگرافیک با فتوشاپ می‌توانید چنین رزومه‌های زیبا و اثرگذاری را طراحی و ارسال کنید.
می‌دانیم که یک تصویر، ارزش هزاران کلمه را دارد و همین امر، ارزش طراحی اینفوگرافیک با فتوشاپ را دوچندان می‌کند. از آن‌جایی که درک یک متن نیاز به پردازش ذهنی دارد، در نتیجه، بهره‌گیری از تصاویر می‌تواند به درک یک مطلب سرعت بدهد. در اینفوگرافیک پایین می‌توانید نحوه عملکرد و ساخت یک روبیک ۳ در ۳ را مشاهده کنید. اگر بخواهیم نحوه عملکرد روبیک را توضیح بدهیم شاید به حداقل به هزار کلمه نیاز داشته باشیم اما تمامی این موارد در این اینفوگرافیک با دیاگرام‌های رنگی به طور کامل انجام شده است.
🔸 دانلود اینفوگرافیک لایه باز رایگان
در طول این آموزش، ساخت اینفوگرافیک فارسی را بررسی می‌کنیم و نمونه های اینفوگرافیک را نیز برای دانلود قرار می‌دهیم. از این‌رو برای دانلود فایل PSD اینفوگرافیک لایه باز رایگان می‌توانید از لینک زیر استفاده کنید.
مطالعه ادامه مطلب 👇👇
🔗 طراحی اینفوگرافیک با فتوشاپ (+ فیلم آموزش گام به گام رایگان) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ آموزش تایپوگرافی فارسی در فتوشاپ | به زبان ساده (+ فیلم آموزش گام به گام)
اگر بخواهیم پوستری طراحی کنیم یا طرح روی جلد یک کتاب را تنظیم کنیم، باید با نحوه چینش حروف در کنار یکدیگر آشنا باشیم. متن‌های مختلفی را در مجلات اینترنتی و روزنامه‌ها می‌خوانیم که ناخودآگاه به برخی از آنها جذب می‌شویم یا این‌که طراحی برخی از بنرهای تبلیغاتی شامل متن‌هایی است که زیبایی آنها را دو چندان کرده است. در پشت صحنه تمامی این اتفاقات، یک طراح قرار دارد که با هنر تایپوگرافی آشنا است و تکنیک‌هایی را نیز در کالیگرافی بکار می‌گیرد. در این مطلب به آموزش تایپوگرافی فارسی در فتوشاپ می‌پردازیم و تکنیک‌های مختلف در تایپوگرافی حروف فارسی را بررسی می‌کنیم.
══ فهرست مطالب ══
○ تایپوگرافی چیست؟
○ آموزش تایپوگرافی فارسی در فتوشاپ
○ معرفی فیلم آموزش تایپوگرافی (Typography) – سایه زدن حروف در فتوشاپ (Photoshop)
🔸 تایپوگرافی چیست؟
به بیان ساده، تایپوگرافی به هنر چینش حروف و متن‌ها در کنار یکدیگر می‌گویند به شکلی که خوانایی، وضوح و جذابیت بصری مناسبی برای خواننده داشته باشد. در تایپوگرافی، فونت‌های مختلف و ساختارهای متنی متنوع وجود دارد که به کمک آن بتوان پیام یا حس خاصی را به مخاطب منتقل کرد. تا پیش از عصر دیجیتال، تایپوگرافی تنها در کتب قدیمی و مجله‌ها پیدا می‌شد اما امروزه حتی در بیو اینستاگرام نیز از فونت‌های خاص بیو اینستاگرام استفاده می‌کنند تا پروفایل جذاب‌تری داشته باشند.
🔸 آموزش تایپوگرافی فارسی در فتوشاپ
تا اینجا یاد گرفتیم که تایپوگرافی سبب می‌شود تا افراد، جذب یک آگهی، کتاب، بروشور یا بسیاری از محصولات مختلف شوند یا حتی خواندن یک مجله برایشان جذاب باشد. اما برای آموزش تایپوگرافی فارسی در فتوشاپ باید تکنیک‌های مختلف تایپوگرافی در این نرم‌افزار را یاد بگیریم تا به کمک این تکنیک‌ها، به متن مورد نظر خود، جلوه بهتری بدهیم. به همین دلیل، این تکنیک‌ها را در مثال‌های مختلف آموزش تایپوگرافی فارسی در فتوشاپ بررسی می‌کنیم. البته از جمله موارد مهم در تایپوگرافی، انتخاب فونت است اما در آموزش تایپوگرافی فارسی در فتوشاپ سعی می‌کنیم مطلب را به نحوی بیان کنیم که بتوانید در آن، فونت مناسب خود را پیاده‌سازی کنید.
در آموزش تایپوگرافی فارسی در فتوشاپ با تکنیکی آشنا می‌شویم که در بسیاری از بروشورها، آلبوم‌های دیجیتال عروس و داماد و کارت‌های دعوت مختلف از آن استفاده می‌شود.
گام اول
مطالعه ادامه مطلب 👇👇
🔗 آموزش تایپوگرافی فارسی در فتوشاپ | به زبان ساده (+ فیلم آموزش گام به گام) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
اگر بخواهیم پوستری طراحی کنیم یا طرح روی جلد یک کتاب را تنظیم کنیم، باید با نحوه چینش حروف در کنار یکدیگر آشنا باشیم. متن‌های مختلفی را در مجلات اینترنتی و روزنامه‌ها می‌خوانیم که ناخودآگاه به برخی از آنها جذب می‌شویم یا این‌که طراحی برخی از بنرهای تبلیغاتی شامل متن‌هایی است که زیبایی آنها را دو چندان کرده است. در پشت صحنه تمامی این اتفاقات، یک طراح قرار دارد که با هنر تایپوگرافی آشنا است و تکنیک‌هایی را نیز در کالیگرافی بکار می‌گیرد. در این مطلب به آموزش تایپوگرافی فارسی در فتوشاپ می‌پردازیم و تکنیک‌های مختلف در تایپوگرافی حروف فارسی را بررسی می‌کنیم.
══ فهرست مطالب ══
○ تایپوگرافی چیست؟
○ آموزش تایپوگرافی فارسی در فتوشاپ
○ معرفی فیلم آموزش تایپوگرافی (Typography) – سایه زدن حروف در فتوشاپ (Photoshop)
🔸 تایپوگرافی چیست؟
به بیان ساده، تایپوگرافی به هنر چینش حروف و متن‌ها در کنار یکدیگر می‌گویند به شکلی که خوانایی، وضوح و جذابیت بصری مناسبی برای خواننده داشته باشد. در تایپوگرافی، فونت‌های مختلف و ساختارهای متنی متنوع وجود دارد که به کمک آن بتوان پیام یا حس خاصی را به مخاطب منتقل کرد. تا پیش از عصر دیجیتال، تایپوگرافی تنها در کتب قدیمی و مجله‌ها پیدا می‌شد اما امروزه حتی در بیو اینستاگرام نیز از فونت‌های خاص بیو اینستاگرام استفاده می‌کنند تا پروفایل جذاب‌تری داشته باشند.
🔸 آموزش تایپوگرافی فارسی در فتوشاپ
تا اینجا یاد گرفتیم که تایپوگرافی سبب می‌شود تا افراد، جذب یک آگهی، کتاب، بروشور یا بسیاری از محصولات مختلف شوند یا حتی خواندن یک مجله برایشان جذاب باشد. اما برای آموزش تایپوگرافی فارسی در فتوشاپ باید تکنیک‌های مختلف تایپوگرافی در این نرم‌افزار را یاد بگیریم تا به کمک این تکنیک‌ها، به متن مورد نظر خود، جلوه بهتری بدهیم. به همین دلیل، این تکنیک‌ها را در مثال‌های مختلف آموزش تایپوگرافی فارسی در فتوشاپ بررسی می‌کنیم. البته از جمله موارد مهم در تایپوگرافی، انتخاب فونت است اما در آموزش تایپوگرافی فارسی در فتوشاپ سعی می‌کنیم مطلب را به نحوی بیان کنیم که بتوانید در آن، فونت مناسب خود را پیاده‌سازی کنید.
در آموزش تایپوگرافی فارسی در فتوشاپ با تکنیکی آشنا می‌شویم که در بسیاری از بروشورها، آلبوم‌های دیجیتال عروس و داماد و کارت‌های دعوت مختلف از آن استفاده می‌شود.
گام اول
مطالعه ادامه مطلب 👇👇
🔗 آموزش تایپوگرافی فارسی در فتوشاپ | به زبان ساده (+ فیلم آموزش گام به گام) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
❤1
✳️ آموزش فتومونتاژ حرفه ای در فتوشاپ به همراه پروژه (+ فیلم آموزش گام به گام رایگان)
در مطالب پیشین مجله فرادرس با نحوه ترکیب تصاویر مختلف جهت خلق یک تصویر جدید آشنا شدیم. در این مطلب قصد داریم از طریق آموزش فتومونتاژ حرفه ای در فتوشاپ با روش‌هایی دیگری از فتومونتاژ آشنا شویم و تکنیک‌های این کار را با آموزش فتومونتاژ در فتوشاپ یاد بگیریم. در این آموزش، تمامی تصاویر مورد نیاز برای فتومونتاژ حرفه‌ای در فتوشاپ برای دانلود ارائه می‌شوند و همچنین برای تمرین بیشتر، فایل فتومونتاژ لایه‌باز پروژه نیز در دسترس خواهد بود.
══ فهرست مطالب ══
○ دانلود تصاویر مورد نیاز برای آموزش فتومونتاژ حرفه ای در فتوشاپ
○ آموزش فتومونتاژ در فتوشاپ به صورت گام به گام
○ معرفی فیلم آموزش ساخت جلوه های ویژه در فتوشاپ – مقدماتی
○ پروژه دوم آموزش فتومونتاژ حرفه ای در فتوشاپ
🔸 دانلود تصاویر مورد نیاز برای آموزش فتومونتاژ حرفه ای در فتوشاپ
🔸 آموزش فتومونتاژ در فتوشاپ به صورت گام به گام
در ادامه متن، به صورت گام به گام مراحل فتومونتاژ حرفه ای در فتوشاپ را برای تصاویر بالا مورد بررسی قرار می‌دهیم.
گام اول
همانند سایر آموزشهای فتوشاپ مانند طراحی مهر ژلاتینی یا طراحی جلد کتاب، در مرحله اول باید سند اولیه برای فتومونتاژ را آماده کنیم. به همین منظور، بعد از باز کردن نرم‌افزار، با فشردن کلیدهای «Ctrl+N» پرونده‌ای مطابق با تصویر زیر ایجاد می‌کنیم.
مطالعه ادامه مطلب 👇👇
🔗 آموزش فتومونتاژ حرفه ای در فتوشاپ به همراه پروژه (+ فیلم آموزش گام به گام رایگان) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
در مطالب پیشین مجله فرادرس با نحوه ترکیب تصاویر مختلف جهت خلق یک تصویر جدید آشنا شدیم. در این مطلب قصد داریم از طریق آموزش فتومونتاژ حرفه ای در فتوشاپ با روش‌هایی دیگری از فتومونتاژ آشنا شویم و تکنیک‌های این کار را با آموزش فتومونتاژ در فتوشاپ یاد بگیریم. در این آموزش، تمامی تصاویر مورد نیاز برای فتومونتاژ حرفه‌ای در فتوشاپ برای دانلود ارائه می‌شوند و همچنین برای تمرین بیشتر، فایل فتومونتاژ لایه‌باز پروژه نیز در دسترس خواهد بود.
══ فهرست مطالب ══
○ دانلود تصاویر مورد نیاز برای آموزش فتومونتاژ حرفه ای در فتوشاپ
○ آموزش فتومونتاژ در فتوشاپ به صورت گام به گام
○ معرفی فیلم آموزش ساخت جلوه های ویژه در فتوشاپ – مقدماتی
○ پروژه دوم آموزش فتومونتاژ حرفه ای در فتوشاپ
🔸 دانلود تصاویر مورد نیاز برای آموزش فتومونتاژ حرفه ای در فتوشاپ
🔸 آموزش فتومونتاژ در فتوشاپ به صورت گام به گام
در ادامه متن، به صورت گام به گام مراحل فتومونتاژ حرفه ای در فتوشاپ را برای تصاویر بالا مورد بررسی قرار می‌دهیم.
گام اول
همانند سایر آموزشهای فتوشاپ مانند طراحی مهر ژلاتینی یا طراحی جلد کتاب، در مرحله اول باید سند اولیه برای فتومونتاژ را آماده کنیم. به همین منظور، بعد از باز کردن نرم‌افزار، با فشردن کلیدهای «Ctrl+N» پرونده‌ای مطابق با تصویر زیر ایجاد می‌کنیم.
مطالعه ادامه مطلب 👇👇
🔗 آموزش فتومونتاژ حرفه ای در فتوشاپ به همراه پروژه (+ فیلم آموزش گام به گام رایگان) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
❇️ فیلم آموزشی «تغییر پس‌زمینه تصاویر در فتوشاپ» در ۵ دقیقه | به زبان ساده
📌 آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید.
❇️ فیلم آموزشی «تغییر پس‌زمینه تصاویر در فتوشاپ» در ۵ دقیقه | به زبان ساده
📌 آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید.
❇️ ویدئو «معرفی رشته عکاسی - از تحصیل تا اشتغال» در ۱۲ دقیقه | به زبان ساده
🔗 آشنایی با ۷۶ رشته مهم دانشگاهی - [کلیک کنید]
📌 آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید.
❇️ ویدئو «معرفی رشته عکاسی - از تحصیل تا اشتغال» در ۱۲ دقیقه | به زبان ساده
🔗 آشنایی با ۷۶ رشته مهم دانشگاهی - [کلیک کنید]
📌 آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید.
✳️ رشته ارتباط تصویری | معرفی، حقوق و درآمد و بازار کار
در این مطلب از مجموعه مطالب معرفی رشته‌های دانشگاهی مجله فرادرس، به بررسی رشته ارتباط تصویری پرداخته‌ایم و بازار کار این رشته را به همراه گرایش‌های مهم آن بیان می‌کنیم. علاوه بر این، امکان ادامه تحصیل در داخل و خارج ایران نیز بررسی می‌شود و اهمیت بازار کار این رشته در سایر موسسات و سازمان‌ها نیز بیان خواهد شد.
══ فهرست مطالب ══
○ رشته ارتباط تصویری مناسب چه کسانی است؟
○ کدام دروس دوره دبیرستان در رشته ارتباط تصویری بیشتر کاربرد دارند؟
○ گرایش‌های رشته ارتباط تصویری برای ادامه تحصیل چه هستند؟
○ مهم‌ترین دروس دانشگاهی رشته ارتباط تصویری چه هستند؟
○ فارغ التحصیل رشته ارتباط تصویری در چه کارها و صنایعی می‌تواند شاغل شود؟
○ بازار کار رشته ارتباط تصویری به چه صورت است؟
○ امکان ادامه تحصیل در رشته ارتباط تصویری در داخل ایران چگونه است؟
○ امکان ادامه تحصیل در رشته ارتباط تصویری در خارج از کشور به چه صورت است؟
○ دروس دانشگاهی رشته ارتباط تصویری تا چه میزان نیازهای بازار کار را مرتفع می‌کنند؟
🔸 رشته ارتباط تصویری مناسب چه کسانی است؟
ایجاد ارتباط از سال‌های نخستین پیدایش بشر جزو اولویت‌های او بوده است. این ارتباط به صورت‌های کلامی و غیرکلامی شکل می‌گرفت که ارتباط از طریق تصویر یکی از ارتباطات غیرکلامی بوده و امروزه بیش از پیش مورد توجه قرار گرفته است. رشته ارتباط تصویری با توجه به برقراری ارتباط از طریق تصویر و گسترش، پیشرفت تکنولوژی و ارتباطات جمعی در این زمینه، بسیاری قابلیت‌های جدید را نیز با خود به همراه داشته است.
با توجه به تعدد شکل‌گیری ارتباط‌های بصری و تبلیغات، خلاقیت و ایده‌پردازی منحصر به فرد از عوامل موفقیت در این رشته محسوب می‌شود. بنابراین علاوه بر اهمیت سواد بصری، هنرجو لازم است تکنیک‌های ایجاد خلاقیت و روش‌های ایده‌پردازی را در خود تقویت کند. طراح گرافیک از تکنیک‌های متفاوتی همچون تصویرسازی، عکاسی، خوشنویسی، چاپ و در نهایت از نرم‌افزارهای طراحی استفاده می‌کند؛ همچنین باید تسلط کامل بر اصول رنگ و فرم و همنشینی این دو داشته باشد. آشنایی و مطالعه در باب روانشناسی هنر، جامعه شناسی هنر، علوم ارتباطات، مخاطب‌شناسی نیز از عوامل موثر در موفقیت در این رشته محسوب می‌شود.
🔸 کدام دروس دوره دبیرستان در رشته ارتباط تصویری بیشتر کاربرد دارند؟
دانشجویان و علاقه‌مندان این رشته باید دارای مهارت‌ها و قابلیت‌هایی همچون ذهن خلاق، طراحی قوی و آشنا به مبانی هنرهای تجسمی و رنگ‌شناسی باشند. علاقه‌مندان باید سواد بصری خود را افزایش دهند تا بتوانند از منظر زیبایی‌شناسی و برقراری ارتباط با مخاطب، موفق عمل کنند. دروسی همچون طراحی با تکنیک‌های مختلف خواهد توانست دانشجو را در یادگیری دروس متفاوتِ طرح شده توسط وزارت علوم در دوره کارشناسی، هدایت کند.
با توجه به این امر که علاقه‌مندان برای شرکت در آزمون ورودی به دانشگاه، علاوه بر آزمون تئوری، باید در آزمون عملی نیز مهارت‌سنجی شوند، بنابراین آشنایی و مهارت با طراحی، مبانی هنرهای تجسمی و رنگ‌شناسی می‌تواند هنرجو را در این مسیر هدایت کند و به نتایج دلخواه برساند. شایان ذکر است که مهارت در زمینه طراحی گرافیک و اجرای آثار، وابسته به یادگیری نرم‌افزارهای مرتبط با این رشته است. بنابراین، کسب مهارت در این موارد نیز دانشجو را با آینده‌ای بهتر مواجه خواهد کرد.
مطالعه ادامه مطلب 👇👇
🔗 رشته ارتباط تصویری | معرفی، حقوق و درآمد و بازار کار — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
در این مطلب از مجموعه مطالب معرفی رشته‌های دانشگاهی مجله فرادرس، به بررسی رشته ارتباط تصویری پرداخته‌ایم و بازار کار این رشته را به همراه گرایش‌های مهم آن بیان می‌کنیم. علاوه بر این، امکان ادامه تحصیل در داخل و خارج ایران نیز بررسی می‌شود و اهمیت بازار کار این رشته در سایر موسسات و سازمان‌ها نیز بیان خواهد شد.
══ فهرست مطالب ══
○ رشته ارتباط تصویری مناسب چه کسانی است؟
○ کدام دروس دوره دبیرستان در رشته ارتباط تصویری بیشتر کاربرد دارند؟
○ گرایش‌های رشته ارتباط تصویری برای ادامه تحصیل چه هستند؟
○ مهم‌ترین دروس دانشگاهی رشته ارتباط تصویری چه هستند؟
○ فارغ التحصیل رشته ارتباط تصویری در چه کارها و صنایعی می‌تواند شاغل شود؟
○ بازار کار رشته ارتباط تصویری به چه صورت است؟
○ امکان ادامه تحصیل در رشته ارتباط تصویری در داخل ایران چگونه است؟
○ امکان ادامه تحصیل در رشته ارتباط تصویری در خارج از کشور به چه صورت است؟
○ دروس دانشگاهی رشته ارتباط تصویری تا چه میزان نیازهای بازار کار را مرتفع می‌کنند؟
🔸 رشته ارتباط تصویری مناسب چه کسانی است؟
ایجاد ارتباط از سال‌های نخستین پیدایش بشر جزو اولویت‌های او بوده است. این ارتباط به صورت‌های کلامی و غیرکلامی شکل می‌گرفت که ارتباط از طریق تصویر یکی از ارتباطات غیرکلامی بوده و امروزه بیش از پیش مورد توجه قرار گرفته است. رشته ارتباط تصویری با توجه به برقراری ارتباط از طریق تصویر و گسترش، پیشرفت تکنولوژی و ارتباطات جمعی در این زمینه، بسیاری قابلیت‌های جدید را نیز با خود به همراه داشته است.
با توجه به تعدد شکل‌گیری ارتباط‌های بصری و تبلیغات، خلاقیت و ایده‌پردازی منحصر به فرد از عوامل موفقیت در این رشته محسوب می‌شود. بنابراین علاوه بر اهمیت سواد بصری، هنرجو لازم است تکنیک‌های ایجاد خلاقیت و روش‌های ایده‌پردازی را در خود تقویت کند. طراح گرافیک از تکنیک‌های متفاوتی همچون تصویرسازی، عکاسی، خوشنویسی، چاپ و در نهایت از نرم‌افزارهای طراحی استفاده می‌کند؛ همچنین باید تسلط کامل بر اصول رنگ و فرم و همنشینی این دو داشته باشد. آشنایی و مطالعه در باب روانشناسی هنر، جامعه شناسی هنر، علوم ارتباطات، مخاطب‌شناسی نیز از عوامل موثر در موفقیت در این رشته محسوب می‌شود.
🔸 کدام دروس دوره دبیرستان در رشته ارتباط تصویری بیشتر کاربرد دارند؟
دانشجویان و علاقه‌مندان این رشته باید دارای مهارت‌ها و قابلیت‌هایی همچون ذهن خلاق، طراحی قوی و آشنا به مبانی هنرهای تجسمی و رنگ‌شناسی باشند. علاقه‌مندان باید سواد بصری خود را افزایش دهند تا بتوانند از منظر زیبایی‌شناسی و برقراری ارتباط با مخاطب، موفق عمل کنند. دروسی همچون طراحی با تکنیک‌های مختلف خواهد توانست دانشجو را در یادگیری دروس متفاوتِ طرح شده توسط وزارت علوم در دوره کارشناسی، هدایت کند.
با توجه به این امر که علاقه‌مندان برای شرکت در آزمون ورودی به دانشگاه، علاوه بر آزمون تئوری، باید در آزمون عملی نیز مهارت‌سنجی شوند، بنابراین آشنایی و مهارت با طراحی، مبانی هنرهای تجسمی و رنگ‌شناسی می‌تواند هنرجو را در این مسیر هدایت کند و به نتایج دلخواه برساند. شایان ذکر است که مهارت در زمینه طراحی گرافیک و اجرای آثار، وابسته به یادگیری نرم‌افزارهای مرتبط با این رشته است. بنابراین، کسب مهارت در این موارد نیز دانشجو را با آینده‌ای بهتر مواجه خواهد کرد.
مطالعه ادامه مطلب 👇👇
🔗 رشته ارتباط تصویری | معرفی، حقوق و درآمد و بازار کار — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
