✳️ Adobe After Effects چیست ؟ | تاریخچه، کاربردها و نحوه یادگیری (+ دانلود فیلم آموزش رایگان)
همواره این سوال بین علاقه‌مندان به نرم‌افزارهای تدوین و جلوه‌های ویژه مطرح بوده است که نرم‌افزار adobe after effects چیست و چه کاربردی دارد. این نرم‌افزار امروزه بخش گسترده‌ای از پروژه‌های سه‌بعدی، انیمیشن، جلوه‌های بصری و موشن گرافیک را تشکیل می‌دهد. ادوبی افتر افکت با ارائه ابزارهای مختلف و تخصصی، کاربردهای زیادی را در زمینه سینما و تبلیغات شامل می‌شود. در این مطلب قصد یاد بگیریم که adobe after effects چیست و نحوه کار این نرم‌افزار و مسیر یادگیری آن‌را به همراه انجام پروژهای تمرینی آموزش دهیم.
══ فهرست مطالب ══
○ تاریخچه افتر افکت
○ نحوه کار با نرم افزار افتر افکت
○ مسیر یادگیری adobe after effects چیست ؟
○ کاربرد adobe after effects چیست؟
○ معرفی فیلم های آموزش adobe after effects فرادرس
○ بازار کار adobe after effects
🔸 تاریخچه افتر افکت
افتر افکت در ابتدا به کمک چهار نفر در شرکت «Science and Art» در ایسلند بوجود آمد که شامل دو نسخه اولیه در سال ۱۹۹۳ بود. در سال ۱۹۹۴، این نرم‌افزار توسط شرکت «Aldus» و سال بعد توسط «Adobe» خریداری شد. بنابراین، اولین نسخه منتشرشده این نرم‌افزار توسط Adobe، نسخه ۳ بود. از اکتبر سال ۱۹۹۵ تا ژانویه سال ۲۰۰۶، تا نسخه ۷ این نرم‌افزار منتشر شد و از جولای ۲۰۰۷ بود که نسخه «CS۳» به همراه لوگو جدید آن توسط Adobe به تولید رسید.
نسخه «CS۴» به همراه شکل جدید لوگو در سال ۲۰۰۸ منتشر شد و تقریبا هر سال یک نسخه جدید از این نرم‌افزار به بازار عرضه می‌شود و هر چند سال یکبار، شکل لوگوی آن تغییر می‌کند و تا زمان انتشار این مطلب نیز، بعد از انتشار نسخه ۱۷/۵ این نرم‌افزار، لوگوی جدید آن جایگزین لوگوی قبلی شد که از سال ۲۰۱۲ مورد استفاده قرار می‌گرفت. ویژگی‌های جدیدی که به این نرم‌افزار اضافه شد، فضای جدید سه‌بعدی و ابزار «Roto Brush ۲» بود.
با توجه به اهمیت نرم‌افزار افتر افکت و دانستن این موضوع که adobe after effects چیست از جمله سوالات بسیاری از تدوین‌گران و افراد علاقه‌مند به حوزه سینما و موشن گرافیک به شمار می‌آید، فرادرس مجموعه فیلم‌های آموزشی را برای یادگیری افتر افکت تدوین کرده که لینک آن در ادامه آمده است.
🔸 نحوه کار با نرم افزار افتر افکت
در ادامه متن، با محیط این نرم‌افزار آشنا می‌شویم و به شکلی مقدماتی، نحوه ایجاد یک پروژه ساده را بررسی می‌کنیم.
زمانی که یک پروژه جدید ایجاد می‌کنید، صفحه اصلی این نرم‌افزار محیطی همچون تصویر زیر خواهد داشت که شامل موارد زیر است.
– پنل‌های فعال: زمانی‌که بر روی هریک از بخش‌ها (پنل‌ها) این نرم‌افزار کلیک می‌کنید، در اطراف آن پنل به رنگ آبی تبدیل می‌شود به این معنی که پنل مورد نظر در حالت «فعال» (Active) قرار دارد.
– نوار منو: این نوار در بالای پنجره اصلی قرار دارد و دسترسی به منوهای مختلف را امکان‌پذیر می‌کند.
– پنل ابزار: این پنل در زیر نوار ابزار قرار دارد و شامل ابزارهایی برای ویرایش و اضافه کردن عناصر مختلف در «کامپوزیشن» (Composition) است. همانند نرم‌افزار فتوشاپ، ابزار با کارایی مشابه، گروه‌بندی شده‌اند.
– پنل پروژه: این بخش، محلی برای جستجو، سازماندهی و اضافه کردن فایل‌های مربوط به پروژه است. در پایین این نل نیز می‌توانیم پوشه‌ها و کامپوزیشن‌های جدیدی را ایجاد کنید یا تنظیمات آنها را تغییر دهید.
– تایم‌لاین: کامپوزیشن‌های بارگذاری شده در این بخش نمایش داده می‌شوند.
برای ایجاد یک کامپوزیشن باید از مسیر «Composition > New Composition» استفاده کرد تا یک کامپوزیشن خالی ایجاد شود. از منوی کشویی در تنظیمات کامپوزیشن استفاده کنید تا وضوح کامپوزیشن و موارد دیگر تعیین شوند.
مطالعه ادامه مطلب 👇👇
🔗 Adobe After Effects چیست ؟ | تاریخچه، کاربردها و نحوه یادگیری (+ دانلود فیلم آموزش رایگان) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
همواره این سوال بین علاقه‌مندان به نرم‌افزارهای تدوین و جلوه‌های ویژه مطرح بوده است که نرم‌افزار adobe after effects چیست و چه کاربردی دارد. این نرم‌افزار امروزه بخش گسترده‌ای از پروژه‌های سه‌بعدی، انیمیشن، جلوه‌های بصری و موشن گرافیک را تشکیل می‌دهد. ادوبی افتر افکت با ارائه ابزارهای مختلف و تخصصی، کاربردهای زیادی را در زمینه سینما و تبلیغات شامل می‌شود. در این مطلب قصد یاد بگیریم که adobe after effects چیست و نحوه کار این نرم‌افزار و مسیر یادگیری آن‌را به همراه انجام پروژهای تمرینی آموزش دهیم.
══ فهرست مطالب ══
○ تاریخچه افتر افکت
○ نحوه کار با نرم افزار افتر افکت
○ مسیر یادگیری adobe after effects چیست ؟
○ کاربرد adobe after effects چیست؟
○ معرفی فیلم های آموزش adobe after effects فرادرس
○ بازار کار adobe after effects
🔸 تاریخچه افتر افکت
افتر افکت در ابتدا به کمک چهار نفر در شرکت «Science and Art» در ایسلند بوجود آمد که شامل دو نسخه اولیه در سال ۱۹۹۳ بود. در سال ۱۹۹۴، این نرم‌افزار توسط شرکت «Aldus» و سال بعد توسط «Adobe» خریداری شد. بنابراین، اولین نسخه منتشرشده این نرم‌افزار توسط Adobe، نسخه ۳ بود. از اکتبر سال ۱۹۹۵ تا ژانویه سال ۲۰۰۶، تا نسخه ۷ این نرم‌افزار منتشر شد و از جولای ۲۰۰۷ بود که نسخه «CS۳» به همراه لوگو جدید آن توسط Adobe به تولید رسید.
نسخه «CS۴» به همراه شکل جدید لوگو در سال ۲۰۰۸ منتشر شد و تقریبا هر سال یک نسخه جدید از این نرم‌افزار به بازار عرضه می‌شود و هر چند سال یکبار، شکل لوگوی آن تغییر می‌کند و تا زمان انتشار این مطلب نیز، بعد از انتشار نسخه ۱۷/۵ این نرم‌افزار، لوگوی جدید آن جایگزین لوگوی قبلی شد که از سال ۲۰۱۲ مورد استفاده قرار می‌گرفت. ویژگی‌های جدیدی که به این نرم‌افزار اضافه شد، فضای جدید سه‌بعدی و ابزار «Roto Brush ۲» بود.
با توجه به اهمیت نرم‌افزار افتر افکت و دانستن این موضوع که adobe after effects چیست از جمله سوالات بسیاری از تدوین‌گران و افراد علاقه‌مند به حوزه سینما و موشن گرافیک به شمار می‌آید، فرادرس مجموعه فیلم‌های آموزشی را برای یادگیری افتر افکت تدوین کرده که لینک آن در ادامه آمده است.
🔸 نحوه کار با نرم افزار افتر افکت
در ادامه متن، با محیط این نرم‌افزار آشنا می‌شویم و به شکلی مقدماتی، نحوه ایجاد یک پروژه ساده را بررسی می‌کنیم.
زمانی که یک پروژه جدید ایجاد می‌کنید، صفحه اصلی این نرم‌افزار محیطی همچون تصویر زیر خواهد داشت که شامل موارد زیر است.
– پنل‌های فعال: زمانی‌که بر روی هریک از بخش‌ها (پنل‌ها) این نرم‌افزار کلیک می‌کنید، در اطراف آن پنل به رنگ آبی تبدیل می‌شود به این معنی که پنل مورد نظر در حالت «فعال» (Active) قرار دارد.
– نوار منو: این نوار در بالای پنجره اصلی قرار دارد و دسترسی به منوهای مختلف را امکان‌پذیر می‌کند.
– پنل ابزار: این پنل در زیر نوار ابزار قرار دارد و شامل ابزارهایی برای ویرایش و اضافه کردن عناصر مختلف در «کامپوزیشن» (Composition) است. همانند نرم‌افزار فتوشاپ، ابزار با کارایی مشابه، گروه‌بندی شده‌اند.
– پنل پروژه: این بخش، محلی برای جستجو، سازماندهی و اضافه کردن فایل‌های مربوط به پروژه است. در پایین این نل نیز می‌توانیم پوشه‌ها و کامپوزیشن‌های جدیدی را ایجاد کنید یا تنظیمات آنها را تغییر دهید.
– تایم‌لاین: کامپوزیشن‌های بارگذاری شده در این بخش نمایش داده می‌شوند.
برای ایجاد یک کامپوزیشن باید از مسیر «Composition > New Composition» استفاده کرد تا یک کامپوزیشن خالی ایجاد شود. از منوی کشویی در تنظیمات کامپوزیشن استفاده کنید تا وضوح کامپوزیشن و موارد دیگر تعیین شوند.
مطالعه ادامه مطلب 👇👇
🔗 Adobe After Effects چیست ؟ | تاریخچه، کاربردها و نحوه یادگیری (+ دانلود فیلم آموزش رایگان) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ آموزش طراحی پوستر با فتوشاپ | تصویری و گام به گام (+ فیلم آموزش گام به گام رایگان)
در آموزشهای پیشین «مجله فرادرس» نحوه طراحی بروشور و بنر تبلیغاتی را یاد گرفتیم. همچنین یاد گرفتیم که چطور یک کاور آلبوم موسیقی یا آلبوم دیجیتال عروس و داماد طراحی کنیم. در این آموزش قصد داریم تا آموخته‌های پیشین را برای طراحی پوستر با فتوشاپ بکار بگیریم. در آموزش طراحی پوستر با فتوشاپ از وکتورهای مختلفی برای ایجاد جلوه‌های نوری و بافت استفاده می‌کنیم که در ادامه متن، تصاویر برای دانلود قرار داده شده‌اند. همچنین می‌توانید از تصاویر دلخواه خود نیز استفاده کنید.
══ فهرست مطالب ══
○ مطالبی پیرامون آموزش طراحی پوستر با فتوشاپ
○ مهارت‌های لازم برای طراحی پوستر با فتوشاپ
○ آموزش گام به گام طراحی پوستر با فتوشاپ
○ معرفی فیلم آموزش فتوشاپ برای استفاده در صنعت چاپ و تبلیغات
🔸 مطالبی پیرامون آموزش طراحی پوستر با فتوشاپ
طراحی پوستر با فتوشاپ کار پیچیده‌ای نیست و اگر قدری با نرم‌افزار فتوشاپ و عناصر طراحی آشنایی داشته باشید می‌توانید یک پوستر مناسب را طراحی کنید. در مرحله اول باید اندازه و وضوح سند خود را مشخص کنید. سپس با کمک هارمونی رنگ، یک رنگ پس‌زمینه برای پوستر خود انتخاب کنید به گونه‌ای که با سایر تصاویر و متن‌های شما در پوستر، همخوانی داشته باشد. در ادامه نیز باید تصاویر طراحی‌شده را به شکلی مناسب در کنار یکدیگر بچینید تا در صورت نیاز، مانند یک بنر تبلیغاتی، اطلاعات لازم را به بیننده ارائه دهد.
🔸 مهارت‌های لازم برای طراحی پوستر با فتوشاپ
در طول این متن بارها از تکنیک‌هایی استفاده می‌کنیم تا تصویر خروجی ما جلوه بهتری داشته باشد. با توجه به این‌که ممکن است با این تکنیک‌ها آشنایی نداشته باشید، توضیح مختصری در رابطه با آنها ارائه خواهیم کرد. اولین نکته‌ای که باید بررسی کنیم، استفاده از «حالت‌های ترکیبی» (Blending Modes) یک لایه است تا بتوان رنگ‌های لایه بالاتر را به شکل دلخواه با لایه‌های پایینی ادغام کرد. برای این کار کافی است از پنل لایه‌ها، لایه مورد نظر را انتخاب و همانند تصویر زیر از فهرست باز شده، حالت مورد نظر را انتخاب کنید.
مورد دیگری که به هنگام آموزش طراحی پوستر با فتوشاپ باید یاد بگیریم، کار با «Gradient Tool» است. با انتخاب این ابزار، نواری در بالای صفحه ایجاد می‌شود که حالت‌های مختلف یک گرادیان رنگی را می‌توانید در آن مشخص کنید.
علاوه بر این، برای تنظیمات دقیق‌تر گرادیان کافی است بر روی نوار رنگی آن کلیک کنید تا بتوانید نوع گرادیان ایجاد شده را سفارشی‌سازی کنید. برای اطلاعات بیشتر جهت نحوه تنظیم این بخش پیشنهاد می‌کنیم مطلب «طراحی مهر ژلاتینی با فتوشاپ (+ فیلم آموزش گام به گام رایگان)» را مطالعه کنید.
مطالعه ادامه مطلب 👇👇
🔗 آموزش طراحی پوستر با فتوشاپ | تصویری و گام به گام (+ فیلم آموزش گام به گام رایگان) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
در آموزشهای پیشین «مجله فرادرس» نحوه طراحی بروشور و بنر تبلیغاتی را یاد گرفتیم. همچنین یاد گرفتیم که چطور یک کاور آلبوم موسیقی یا آلبوم دیجیتال عروس و داماد طراحی کنیم. در این آموزش قصد داریم تا آموخته‌های پیشین را برای طراحی پوستر با فتوشاپ بکار بگیریم. در آموزش طراحی پوستر با فتوشاپ از وکتورهای مختلفی برای ایجاد جلوه‌های نوری و بافت استفاده می‌کنیم که در ادامه متن، تصاویر برای دانلود قرار داده شده‌اند. همچنین می‌توانید از تصاویر دلخواه خود نیز استفاده کنید.
══ فهرست مطالب ══
○ مطالبی پیرامون آموزش طراحی پوستر با فتوشاپ
○ مهارت‌های لازم برای طراحی پوستر با فتوشاپ
○ آموزش گام به گام طراحی پوستر با فتوشاپ
○ معرفی فیلم آموزش فتوشاپ برای استفاده در صنعت چاپ و تبلیغات
🔸 مطالبی پیرامون آموزش طراحی پوستر با فتوشاپ
طراحی پوستر با فتوشاپ کار پیچیده‌ای نیست و اگر قدری با نرم‌افزار فتوشاپ و عناصر طراحی آشنایی داشته باشید می‌توانید یک پوستر مناسب را طراحی کنید. در مرحله اول باید اندازه و وضوح سند خود را مشخص کنید. سپس با کمک هارمونی رنگ، یک رنگ پس‌زمینه برای پوستر خود انتخاب کنید به گونه‌ای که با سایر تصاویر و متن‌های شما در پوستر، همخوانی داشته باشد. در ادامه نیز باید تصاویر طراحی‌شده را به شکلی مناسب در کنار یکدیگر بچینید تا در صورت نیاز، مانند یک بنر تبلیغاتی، اطلاعات لازم را به بیننده ارائه دهد.
🔸 مهارت‌های لازم برای طراحی پوستر با فتوشاپ
در طول این متن بارها از تکنیک‌هایی استفاده می‌کنیم تا تصویر خروجی ما جلوه بهتری داشته باشد. با توجه به این‌که ممکن است با این تکنیک‌ها آشنایی نداشته باشید، توضیح مختصری در رابطه با آنها ارائه خواهیم کرد. اولین نکته‌ای که باید بررسی کنیم، استفاده از «حالت‌های ترکیبی» (Blending Modes) یک لایه است تا بتوان رنگ‌های لایه بالاتر را به شکل دلخواه با لایه‌های پایینی ادغام کرد. برای این کار کافی است از پنل لایه‌ها، لایه مورد نظر را انتخاب و همانند تصویر زیر از فهرست باز شده، حالت مورد نظر را انتخاب کنید.
مورد دیگری که به هنگام آموزش طراحی پوستر با فتوشاپ باید یاد بگیریم، کار با «Gradient Tool» است. با انتخاب این ابزار، نواری در بالای صفحه ایجاد می‌شود که حالت‌های مختلف یک گرادیان رنگی را می‌توانید در آن مشخص کنید.
علاوه بر این، برای تنظیمات دقیق‌تر گرادیان کافی است بر روی نوار رنگی آن کلیک کنید تا بتوانید نوع گرادیان ایجاد شده را سفارشی‌سازی کنید. برای اطلاعات بیشتر جهت نحوه تنظیم این بخش پیشنهاد می‌کنیم مطلب «طراحی مهر ژلاتینی با فتوشاپ (+ فیلم آموزش گام به گام رایگان)» را مطالعه کنید.
مطالعه ادامه مطلب 👇👇
🔗 آموزش طراحی پوستر با فتوشاپ | تصویری و گام به گام (+ فیلم آموزش گام به گام رایگان) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ تبدیل PSD به HTML و CSS — گام به گام و پروژه محور
طراحی وبسایت شامل مراحل مختلفی است و یکی از مهم‌ترین مراحل در زمان طراحی یک وبسایت تبدیل فایل‌های PSD به HTML است. در این راهنما با رویکردهای مختلف برای تسهیل فرایند تبدیل PSD به HTML و CSS آشنا خواهیم شد. اما پیش از آن کمی با مفاهیم کلی مورد بحث در این مقاله آشنا می‌شویم.
══ فهرست مطالب ══
○ PSD چیست؟
○ HTML چیست؟
○ چرا مستقیماً کدهای HTML را نمی‌نویسیم؟
○ رویکردهای مختلف برای تبدیل PSD به HTML
○ اجزای مختلف وبسایت
○ قطعه‌بندی
○ ایجاد دایرکتوری‌های مورد نیاز
○ کار با صفحه HTML
○ بهترین رویه‌های تبدیل PSD به HTML
○ پروژه عملی تبدیل PSD به HTML
○ سخن پایانی
🔸 PSD چیست؟
PSD اختصاری برای عبارت «سند فتوشاپ» (Photoshop Document) است. فتوشاپ یکی از محبوب‌ترین نرم‌افزارهای ادیت عکس است. با استفاده از این برنامه می‌توانید تصاویر را ویرایش کنید، با استفاده از رویکرد لایه‌بندی، طراحی‌هایی خلق کنید و طراحی‌های خود را در قالب‌های مختلف ذخیره نمایید.
فرمت فایل پیش‌فرض فتوشاپ PSD است. طراحان وب ترجیح می‌دهند که نخست طراحی‌های خود را در فتوشاپ اجرا کنند و سپس آن را به قالب HTML تبدیل نمایند در اغلب موارد فرایند تبدیل PSD به کد نه از سوی خود طراحان بلکه از سوی کارشناسان کدنویسی انجام می‌یابد.
🔸 HTML چیست؟
HTML اختصاری برای عبارت «زبان نشانه‌گذاری ابرمتن» (Hyper Text Markup Language) است. HTML یک زبان رایج برای ساخت صفحه‌های وب محسوب می‌شود. این زبان کدنویسی از تگ‌های پیش‌تعریف‌شده بهره می‌گیرد. اگر می‌خواهید طراحی‌های PSD را به HTML تبدیل کنید باید با مفاهیم و تگ‌های این زبان آشنا باشید. نسخه‌های متخلفی از HTML وجود دارد، اما در زمان تبدیل طراحی به این زبان باید از جدیدترین نسخه آن بهره بگیرید تا مطمئن شوید که بیشترین سطح سازگاری را با مرورگرهای مختلف به دست می‌آورید. جدیدترین نسخه HTML در حال حاضر نسخه HTML۵ است.
طراحی وب یک فرایند خلاقانه است و اگر بخواهید مستقیماً شروع به کدنویسی بکنید، ممکن است این خلاقیت و وجه زیبایی‌شناختی کار را از دست بدهید. علاوه بر این زمانی که یک بازنمایی گرافیکی از نسخه نهایی وبسایت در اختیار نداشته باشید، مشاهده مسیری که طی می‌کنید دشوار خواهد بود.
مطالعه ادامه مطلب 👇👇
🔗 تبدیل PSD به HTML و CSS — گام به گام و پروژه محور — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
طراحی وبسایت شامل مراحل مختلفی است و یکی از مهم‌ترین مراحل در زمان طراحی یک وبسایت تبدیل فایل‌های PSD به HTML است. در این راهنما با رویکردهای مختلف برای تسهیل فرایند تبدیل PSD به HTML و CSS آشنا خواهیم شد. اما پیش از آن کمی با مفاهیم کلی مورد بحث در این مقاله آشنا می‌شویم.
══ فهرست مطالب ══
○ PSD چیست؟
○ HTML چیست؟
○ چرا مستقیماً کدهای HTML را نمی‌نویسیم؟
○ رویکردهای مختلف برای تبدیل PSD به HTML
○ اجزای مختلف وبسایت
○ قطعه‌بندی
○ ایجاد دایرکتوری‌های مورد نیاز
○ کار با صفحه HTML
○ بهترین رویه‌های تبدیل PSD به HTML
○ پروژه عملی تبدیل PSD به HTML
○ سخن پایانی
🔸 PSD چیست؟
PSD اختصاری برای عبارت «سند فتوشاپ» (Photoshop Document) است. فتوشاپ یکی از محبوب‌ترین نرم‌افزارهای ادیت عکس است. با استفاده از این برنامه می‌توانید تصاویر را ویرایش کنید، با استفاده از رویکرد لایه‌بندی، طراحی‌هایی خلق کنید و طراحی‌های خود را در قالب‌های مختلف ذخیره نمایید.
فرمت فایل پیش‌فرض فتوشاپ PSD است. طراحان وب ترجیح می‌دهند که نخست طراحی‌های خود را در فتوشاپ اجرا کنند و سپس آن را به قالب HTML تبدیل نمایند در اغلب موارد فرایند تبدیل PSD به کد نه از سوی خود طراحان بلکه از سوی کارشناسان کدنویسی انجام می‌یابد.
🔸 HTML چیست؟
HTML اختصاری برای عبارت «زبان نشانه‌گذاری ابرمتن» (Hyper Text Markup Language) است. HTML یک زبان رایج برای ساخت صفحه‌های وب محسوب می‌شود. این زبان کدنویسی از تگ‌های پیش‌تعریف‌شده بهره می‌گیرد. اگر می‌خواهید طراحی‌های PSD را به HTML تبدیل کنید باید با مفاهیم و تگ‌های این زبان آشنا باشید. نسخه‌های متخلفی از HTML وجود دارد، اما در زمان تبدیل طراحی به این زبان باید از جدیدترین نسخه آن بهره بگیرید تا مطمئن شوید که بیشترین سطح سازگاری را با مرورگرهای مختلف به دست می‌آورید. جدیدترین نسخه HTML در حال حاضر نسخه HTML۵ است.
طراحی وب یک فرایند خلاقانه است و اگر بخواهید مستقیماً شروع به کدنویسی بکنید، ممکن است این خلاقیت و وجه زیبایی‌شناختی کار را از دست بدهید. علاوه بر این زمانی که یک بازنمایی گرافیکی از نسخه نهایی وبسایت در اختیار نداشته باشید، مشاهده مسیری که طی می‌کنید دشوار خواهد بود.
مطالعه ادامه مطلب 👇👇
🔗 تبدیل PSD به HTML و CSS — گام به گام و پروژه محور — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ روتوش عکس | آموزش و معرفی مهم‌ترین روش‌ها و تکنیک‌ها
عکاسان پرتره همواره سعی در ارائه عکسی با بالاترین کیفیت پوست هستند. رسیدن به چنین کیفیتی به طور معمول به کمک روتوش عکس انجام می‌شود اما باید توجه داشت که این رتوش عکس باید به گونه‌ای انجام گیرد تا بافت پوست حالتی طبیعی داشته باشد و شکلی عروسکی به خود نگیرد. البته نحوه آرایش و نورپردازی، از مبانی اصلی در بدست آوردن عکسی با پوست مناسب به شمار می‌آید اما روتوش عکس نقش عمل «پرداخت» (Polish) عکس را ایفا می‌کند.
══ فهرست مطالب ══
○ روش لایه روتوش
○ تکنیک روتوش فرکانسی یا جدایش فرکانسی
○ تکنیک byRo
○ تنظیمات نهایی در روتوش عکس
○ معرفی فیلم آموزش آموزش فتوشاپ – ویژه عکاسان
○ روتوش سریع عکس در فتوشاپ
○ معرفی نرم افزار روتوش عکس
○ معرفی فیلم آموزش Adobe Lightroom برای ویرایش و روتوش تصاویر
○ برنامه روتوش عکس در موبایل
🔸 روش لایه روتوش
در فرآیند رتوش عکس، انجام عملیات ساده‌ای به خصوص در زمان رتوش پوست می‌تواند ما را به خواسته خود برساند. با استفاده از تکنیک «لایه روتوش» (Touch-Up Layer) می‌توانیم به سادگی جوش‌های صورت را اصلاح و حذف کنیم. علاوه بر این، به کمک این روش می‌توانیم پوسته‌پوسته شدن‌های حاصل از آرایش صورت را به همراه گرد و غبار و تارهای موی روی صورت را نیز حذف کنیم.
از روش لایه رتوش در موارد دیگری نیز می‌توانید بهره بگیرید. به طور مثال، زمانی‌که رژ لب در اطراف صورت پخش شده است یا جهت اصلاح خط چشم، این روش نیز مناسب خواهد بود. چنین روشی جهت روتوش عکس برای اصلاح کلی پوست، صورت‌های لک‌دار و همچنین جوش‌های زیاد روی پوست مناسب نیست. در ادامه، مراحل رتوش عکس را به کمک این روش به صورت گام به گام بررسی می‌کنیم.
گام اول
🔸 تکنیک روتوش فرکانسی یا جدایش فرکانسی
در ادامه معرفی تکنیک‌های روتوش عکس میخواهیم روش «جدایش فرکانسی» (Frequency Separation) را بررسی کنیم. به کمک این روش می‌توانیم تون و رنگ پوست را از بافت آن جدا کنیم و کنترل بهتری برای رتوش داشته باشیم. انجام‌پذیر بودن این روش در تصاویر دیجیتال به این دلیل است چنین تصاویری را می‌توان به صورت فرکانس‌هایی با امواج سینوسی توصیف کرد. این امواج سینوسی مشابه امواج موسیقیایی به هنگام نواختن نت‌های موسیقی بر روی پیانو هستند.
در طیف فرکانسی یک عکس، فرکانس‌های بالا، اطلاعات بسیار زیادی مانند بافت پوست را در اختیار ما قرار می‌دهند و فرکانس‌های پایین نیز شامل اطلاعاتی همچون رنگ و تون هستند. در این تکنیک، به کمک تصویر زیر، عمل روتوش فرکانسی را انجام می‌دهیم تا علاوه بر بهبود پوست، بافت آن نیز حفظ شود و تصویر شخص، حالتی پلاستیکی یا به اصطلاح عروسکی نداشته باشد.
– None.
برای شروع، با دو بار فشردن کلیدهای «Ctrl+J»، از لایه اصلی دو کپی تهیه می‌کنیم. در این حالت، از تصویر اصلی، سه لایه در مجموع خواهیم داشت. بهتر است لایه‌های ایجاد شده را نام‌گذاری کنید که در این‌جا نام‌های «بافت»، «رنگ» و «اصلی» را برای این کار انتخاب کرده‌ایم.
مطالعه ادامه مطلب 👇👇
🔗 روتوش عکس | آموزش و معرفی مهم‌ترین روش‌ها و تکنیک‌ها — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
عکاسان پرتره همواره سعی در ارائه عکسی با بالاترین کیفیت پوست هستند. رسیدن به چنین کیفیتی به طور معمول به کمک روتوش عکس انجام می‌شود اما باید توجه داشت که این رتوش عکس باید به گونه‌ای انجام گیرد تا بافت پوست حالتی طبیعی داشته باشد و شکلی عروسکی به خود نگیرد. البته نحوه آرایش و نورپردازی، از مبانی اصلی در بدست آوردن عکسی با پوست مناسب به شمار می‌آید اما روتوش عکس نقش عمل «پرداخت» (Polish) عکس را ایفا می‌کند.
══ فهرست مطالب ══
○ روش لایه روتوش
○ تکنیک روتوش فرکانسی یا جدایش فرکانسی
○ تکنیک byRo
○ تنظیمات نهایی در روتوش عکس
○ معرفی فیلم آموزش آموزش فتوشاپ – ویژه عکاسان
○ روتوش سریع عکس در فتوشاپ
○ معرفی نرم افزار روتوش عکس
○ معرفی فیلم آموزش Adobe Lightroom برای ویرایش و روتوش تصاویر
○ برنامه روتوش عکس در موبایل
🔸 روش لایه روتوش
در فرآیند رتوش عکس، انجام عملیات ساده‌ای به خصوص در زمان رتوش پوست می‌تواند ما را به خواسته خود برساند. با استفاده از تکنیک «لایه روتوش» (Touch-Up Layer) می‌توانیم به سادگی جوش‌های صورت را اصلاح و حذف کنیم. علاوه بر این، به کمک این روش می‌توانیم پوسته‌پوسته شدن‌های حاصل از آرایش صورت را به همراه گرد و غبار و تارهای موی روی صورت را نیز حذف کنیم.
از روش لایه رتوش در موارد دیگری نیز می‌توانید بهره بگیرید. به طور مثال، زمانی‌که رژ لب در اطراف صورت پخش شده است یا جهت اصلاح خط چشم، این روش نیز مناسب خواهد بود. چنین روشی جهت روتوش عکس برای اصلاح کلی پوست، صورت‌های لک‌دار و همچنین جوش‌های زیاد روی پوست مناسب نیست. در ادامه، مراحل رتوش عکس را به کمک این روش به صورت گام به گام بررسی می‌کنیم.
گام اول
🔸 تکنیک روتوش فرکانسی یا جدایش فرکانسی
در ادامه معرفی تکنیک‌های روتوش عکس میخواهیم روش «جدایش فرکانسی» (Frequency Separation) را بررسی کنیم. به کمک این روش می‌توانیم تون و رنگ پوست را از بافت آن جدا کنیم و کنترل بهتری برای رتوش داشته باشیم. انجام‌پذیر بودن این روش در تصاویر دیجیتال به این دلیل است چنین تصاویری را می‌توان به صورت فرکانس‌هایی با امواج سینوسی توصیف کرد. این امواج سینوسی مشابه امواج موسیقیایی به هنگام نواختن نت‌های موسیقی بر روی پیانو هستند.
در طیف فرکانسی یک عکس، فرکانس‌های بالا، اطلاعات بسیار زیادی مانند بافت پوست را در اختیار ما قرار می‌دهند و فرکانس‌های پایین نیز شامل اطلاعاتی همچون رنگ و تون هستند. در این تکنیک، به کمک تصویر زیر، عمل روتوش فرکانسی را انجام می‌دهیم تا علاوه بر بهبود پوست، بافت آن نیز حفظ شود و تصویر شخص، حالتی پلاستیکی یا به اصطلاح عروسکی نداشته باشد.
– None.
برای شروع، با دو بار فشردن کلیدهای «Ctrl+J»، از لایه اصلی دو کپی تهیه می‌کنیم. در این حالت، از تصویر اصلی، سه لایه در مجموع خواهیم داشت. بهتر است لایه‌های ایجاد شده را نام‌گذاری کنید که در این‌جا نام‌های «بافت»، «رنگ» و «اصلی» را برای این کار انتخاب کرده‌ایم.
مطالعه ادامه مطلب 👇👇
🔗 روتوش عکس | آموزش و معرفی مهم‌ترین روش‌ها و تکنیک‌ها — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ آموزش Adobe Muse — راهنمای شروع به کار
Adobe Muse یک نرم‌افزار برای ساخت وبسایت است که به منظور طراحی وب‌سایت‌های ثابت، منعطف و یا تطبیق‌پذیر بدون نیاز به کدنویسی مورد استفاده قرار می‌گیرد. آدوبی میوز صفحه‌های استاتیک تولید می‌کند، اما به بحث مدیریت هاستینگ ورود نمی‌کند. کاربران این نرم‌افزار می‌توانند کارکردهای پیشرفته‌ای مانند بلاگ‌نویسی و فروشگاه اینترنتی را نیز به وسیله پلاگین‌هایی که از سوی توسعه‌دهندگان شخص ثالث تهیه شده، به وب‌سایت‌های خود اضافه کنند. در این راهنما از طریق یک پروژه کاربردی به صورت گام به گام اقدام به آموزش Adobe Muse خواهیم کرد.
══ فهرست مطالب ══
○ آموزش Adobe Muse: طراحی یک صفحه فرود شخصی
○ معرفی فیلم آموزش Adobe Muse فرادرس
○ سخن پایانی
🔸 آموزش Adobe Muse: طراحی یک صفحه فرود شخصی
یک سؤال مهم که پیش از بهره‌گیری از نرم‌افزار Adobe Muse باید به آن پاسخ دهیم این است که وقتی می‌توان از وردپرس و قالب‌های متنوع آن استفاده کرد، چرا باید از چنین نرم‌افزار وب‌سایت‌سازی بهره گرفت؟ پاسخ این سؤال در قابلیت «سفارشی‌سازی» است. با این که هزاران قالب مختلف برای وردپرس وجود دارد، اما سفارشی‌سازی قالب‌های وردپرس برای برآورده کردن نیازهای خاص هر فرد، کار دشواری محسوب می‌شود. دلیل دیگر این است که استفاده از سیستم پیشرفته پایگاه داده وردپرس برای یک سایت ساده و خطی نوعی زیاده‌روی محسوب می‌شود.
برای دانلود Adobe Muse نمی‌توانید از وبسایت رسمی آن اقدام کنید. چون آدوبی مدتی است که پشتیبانی فنی خود را در مورد این نرم‌افزار متوقف کرده است. با این حال با مراجعه به وب‌سایت‌های دانلود مختلف، امکان دانلود آخرین نسخه از آدوبی میوز همچنان وجود دارد. توجه کنید که این نرم‌افزار از ابتدای انتشار خود به صورت رایگان برای کاربران عرضه شده است. این اپلیکیشن روی سیستم‌های ویندوز و مک کار می‌کند، اما برای کارکرد صحیحش باید AIR را روی سیستم نصب داشته باشید.
برای درک بهتر طرز کار Adobe Muse در این راهنمای آموزش Adobe Muse یک پروژه کاربردی به صورت طراحی یک صفحه فرود شخصی را آموزش می‌دهیم. برای شروع گزینه Create New Site را از پنجره آغازین یا از منوی فایل انتخاب کنید.
🔸 معرفی فیلم آموزش Adobe Muse فرادرس
در این مطلب همانطور که مشاهده کردید، یک پروژه اولیه را با Adobe Muse انجام دادیم. اما امکانات این ابزار بسیار فراتر از آن هستند که بتوان آنها را در یک نوشتار کوتاه توضیح داد؛ در همین راستا، مجموعه فرادرس فیلم آموزشی را راجع به نرم‌افزار ادوبی میوز تدارک دیده است، که با کمک آن می‌توانید طراحی نسخه موبایلی و واکنش‌گرای یک سایت با این نرم‌افزار را یاد بگیرید.
اگر نیاز شما به گونه‌ای است که می‌خواهید یک وبسایت را به صورت واکنش‌گرا و با رابط کاربری قابل قبول توسعه دهید، ولی از طرف دیگر تمایل ندارید چندان درگیر بحث کدنویسی شوید، Adobe Muse احتمالاً گزینه مناسبی بریتان خواهد بود و یادگیریش را به شما توصیه می‌کنیم. برای مشاهده فیلم آموزش Adobe Muse از لینکی که در ادامه آمده است استفاده کنید.
– None
مطالعه ادامه مطلب 👇👇
🔗 آموزش Adobe Muse — راهنمای شروع به کار — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
Adobe Muse یک نرم‌افزار برای ساخت وبسایت است که به منظور طراحی وب‌سایت‌های ثابت، منعطف و یا تطبیق‌پذیر بدون نیاز به کدنویسی مورد استفاده قرار می‌گیرد. آدوبی میوز صفحه‌های استاتیک تولید می‌کند، اما به بحث مدیریت هاستینگ ورود نمی‌کند. کاربران این نرم‌افزار می‌توانند کارکردهای پیشرفته‌ای مانند بلاگ‌نویسی و فروشگاه اینترنتی را نیز به وسیله پلاگین‌هایی که از سوی توسعه‌دهندگان شخص ثالث تهیه شده، به وب‌سایت‌های خود اضافه کنند. در این راهنما از طریق یک پروژه کاربردی به صورت گام به گام اقدام به آموزش Adobe Muse خواهیم کرد.
══ فهرست مطالب ══
○ آموزش Adobe Muse: طراحی یک صفحه فرود شخصی
○ معرفی فیلم آموزش Adobe Muse فرادرس
○ سخن پایانی
🔸 آموزش Adobe Muse: طراحی یک صفحه فرود شخصی
یک سؤال مهم که پیش از بهره‌گیری از نرم‌افزار Adobe Muse باید به آن پاسخ دهیم این است که وقتی می‌توان از وردپرس و قالب‌های متنوع آن استفاده کرد، چرا باید از چنین نرم‌افزار وب‌سایت‌سازی بهره گرفت؟ پاسخ این سؤال در قابلیت «سفارشی‌سازی» است. با این که هزاران قالب مختلف برای وردپرس وجود دارد، اما سفارشی‌سازی قالب‌های وردپرس برای برآورده کردن نیازهای خاص هر فرد، کار دشواری محسوب می‌شود. دلیل دیگر این است که استفاده از سیستم پیشرفته پایگاه داده وردپرس برای یک سایت ساده و خطی نوعی زیاده‌روی محسوب می‌شود.
برای دانلود Adobe Muse نمی‌توانید از وبسایت رسمی آن اقدام کنید. چون آدوبی مدتی است که پشتیبانی فنی خود را در مورد این نرم‌افزار متوقف کرده است. با این حال با مراجعه به وب‌سایت‌های دانلود مختلف، امکان دانلود آخرین نسخه از آدوبی میوز همچنان وجود دارد. توجه کنید که این نرم‌افزار از ابتدای انتشار خود به صورت رایگان برای کاربران عرضه شده است. این اپلیکیشن روی سیستم‌های ویندوز و مک کار می‌کند، اما برای کارکرد صحیحش باید AIR را روی سیستم نصب داشته باشید.
برای درک بهتر طرز کار Adobe Muse در این راهنمای آموزش Adobe Muse یک پروژه کاربردی به صورت طراحی یک صفحه فرود شخصی را آموزش می‌دهیم. برای شروع گزینه Create New Site را از پنجره آغازین یا از منوی فایل انتخاب کنید.
🔸 معرفی فیلم آموزش Adobe Muse فرادرس
در این مطلب همانطور که مشاهده کردید، یک پروژه اولیه را با Adobe Muse انجام دادیم. اما امکانات این ابزار بسیار فراتر از آن هستند که بتوان آنها را در یک نوشتار کوتاه توضیح داد؛ در همین راستا، مجموعه فرادرس فیلم آموزشی را راجع به نرم‌افزار ادوبی میوز تدارک دیده است، که با کمک آن می‌توانید طراحی نسخه موبایلی و واکنش‌گرای یک سایت با این نرم‌افزار را یاد بگیرید.
اگر نیاز شما به گونه‌ای است که می‌خواهید یک وبسایت را به صورت واکنش‌گرا و با رابط کاربری قابل قبول توسعه دهید، ولی از طرف دیگر تمایل ندارید چندان درگیر بحث کدنویسی شوید، Adobe Muse احتمالاً گزینه مناسبی بریتان خواهد بود و یادگیریش را به شما توصیه می‌کنیم. برای مشاهده فیلم آموزش Adobe Muse از لینکی که در ادامه آمده است استفاده کنید.
– None
مطالعه ادامه مطلب 👇👇
🔗 آموزش Adobe Muse — راهنمای شروع به کار — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
👍1
✳️ تایپ اعداد انگلیسی در فتوشاپ CS۶ — (+ فیلم آموزش گام به گام رایگان)
در بسیاری از موارد برای تایپ اعداد انگلیسی در فتوشاپ با مشکلاتی روبرو می‌شوید. به خصوص زمانی که از صفحه‌کلید فارسی برای این کار استفاده کنید این مشکلات، بیشتر نمایان می‌شوند. از این‌رو، در این مطلب، ابتدا به نحوه تایپ اعداد در فتوشاپ می‌پردازیم و در ادامه، نحوه تایپ اعداد انگلیسی در فتوشاپ را به همراه تنظیمات برای تایپ فارسی بررسی می‌کنیم.
══ فهرست مطالب ══
○ نحوه تایپ اعداد انگلیسی در فتوشاپ
○ تنظیمات تایپ فارسی در فتوشاپ
🔸 نحوه تایپ اعداد انگلیسی در فتوشاپ
برای شروع باید یک پرونده جدید ایجاد شود. برای این کار به طور مثال یک پرونده در ابعاد ۱۰ در ۸ سانتی‌متر با وضوح ۷۲ پیکسل بر اینچ ایجاد می‌کنیم. مطابق تصویر زیر، بعد از اعمال تنظیمات، بر روی دکمه «Create» کلیک کنید.
حال، از منوی ابزارها در سمت چپ صفحه، «Horizontal Type Tool» را با کلید میانبر «T» انتخاب و در محلی دلخواه از صفحه کلیک کنید. برای تایپ اعداد انگلیسی در فتوشاپ کافی است اعداد مورد نظر در محل خود تایپ شوند.
البته اگر از فونت و صفحه‌کلید فارسی استفاده می‌کنید باید آنها را تغییر دهید. همچنین، بهتر است از کلیدهای مخصوص اعداد در صفحه‌کلید (Numpad) برای تایپ اعداد انگلیسی در فتوشاپ استفاده کنید. به طور مثال، اعداد زیر در سند وارد شده‌اند.
🔸 تنظیمات تایپ فارسی در فتوشاپ
اگر بخواهید متنی در فتوشاپ به صورت فارسی تایپ کنید با مشکلات زیادی مواجه خواهید شد چراکه متن‌ها برعکس نوشته می‌شوند. برای اصلاح این کار باید از دو مسیر، اصلاحاتی را انجام دهید. ابتدا به مسیر «Edit > Preferences > Type» بروید.
در پنجره باز شده و از قسمت «Choose Text Engine Option»، گزینه «Middle Eastern and South Asian» را انتخاب و سپس روی دکمه «OK» کلیک کنید.
حال در ادامه، از منوی «Window» بر روی گزینه «Paragraph» کلیک و در پنجره باز شده، با کلیک بر روی منوی سمت راست، گزینه «Middle Eastern and South Asian Layout» را فعال کنید تا بدون مشکل، تایپ اعداد فارسی را هم در فتوشاپ تنظیم کرده باشید.
مطالعه ادامه مطلب 👇👇
🔗 تایپ اعداد انگلیسی در فتوشاپ CS۶ — (+ فیلم آموزش گام به گام رایگان) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
در بسیاری از موارد برای تایپ اعداد انگلیسی در فتوشاپ با مشکلاتی روبرو می‌شوید. به خصوص زمانی که از صفحه‌کلید فارسی برای این کار استفاده کنید این مشکلات، بیشتر نمایان می‌شوند. از این‌رو، در این مطلب، ابتدا به نحوه تایپ اعداد در فتوشاپ می‌پردازیم و در ادامه، نحوه تایپ اعداد انگلیسی در فتوشاپ را به همراه تنظیمات برای تایپ فارسی بررسی می‌کنیم.
══ فهرست مطالب ══
○ نحوه تایپ اعداد انگلیسی در فتوشاپ
○ تنظیمات تایپ فارسی در فتوشاپ
🔸 نحوه تایپ اعداد انگلیسی در فتوشاپ
برای شروع باید یک پرونده جدید ایجاد شود. برای این کار به طور مثال یک پرونده در ابعاد ۱۰ در ۸ سانتی‌متر با وضوح ۷۲ پیکسل بر اینچ ایجاد می‌کنیم. مطابق تصویر زیر، بعد از اعمال تنظیمات، بر روی دکمه «Create» کلیک کنید.
حال، از منوی ابزارها در سمت چپ صفحه، «Horizontal Type Tool» را با کلید میانبر «T» انتخاب و در محلی دلخواه از صفحه کلیک کنید. برای تایپ اعداد انگلیسی در فتوشاپ کافی است اعداد مورد نظر در محل خود تایپ شوند.
البته اگر از فونت و صفحه‌کلید فارسی استفاده می‌کنید باید آنها را تغییر دهید. همچنین، بهتر است از کلیدهای مخصوص اعداد در صفحه‌کلید (Numpad) برای تایپ اعداد انگلیسی در فتوشاپ استفاده کنید. به طور مثال، اعداد زیر در سند وارد شده‌اند.
🔸 تنظیمات تایپ فارسی در فتوشاپ
اگر بخواهید متنی در فتوشاپ به صورت فارسی تایپ کنید با مشکلات زیادی مواجه خواهید شد چراکه متن‌ها برعکس نوشته می‌شوند. برای اصلاح این کار باید از دو مسیر، اصلاحاتی را انجام دهید. ابتدا به مسیر «Edit > Preferences > Type» بروید.
در پنجره باز شده و از قسمت «Choose Text Engine Option»، گزینه «Middle Eastern and South Asian» را انتخاب و سپس روی دکمه «OK» کلیک کنید.
حال در ادامه، از منوی «Window» بر روی گزینه «Paragraph» کلیک و در پنجره باز شده، با کلیک بر روی منوی سمت راست، گزینه «Middle Eastern and South Asian Layout» را فعال کنید تا بدون مشکل، تایپ اعداد فارسی را هم در فتوشاپ تنظیم کرده باشید.
مطالعه ادامه مطلب 👇👇
🔗 تایپ اعداد انگلیسی در فتوشاپ CS۶ — (+ فیلم آموزش گام به گام رایگان) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ طراحی آلبوم دیجیتال عروس و داماد در فتوشاپ (+ فیلم آموزش گام به گام رایگان)
اگر مجموعه آموزشهای فتوشاپ «مجله فرادرس» را دنبال کرده باشید، خواهید دید که به آموزش‌هایی در خصوص نحوه طراحی جلد کتاب، طراحی تقویم رومیزی و همچنین طراحی کاور آلبوم موسیقی پرداخته شده است. در این آموزش قصد داریم تا طراحی آلبوم دیجیتال عروس و داماد در فتوشاپ را بررسی کنیم. در ابتدا، مقدمه‌ای کوتاه در خصوص کلیات طراحی آلبوم دیجیتال عروس و داماد مطرح و سپس طراحی این آلبوم را در فتوشاپ بررسی می‌کنیم.
══ فهرست مطالب ══
○ کلیات در طراحی آلبوم دیجیتال عروس و داماد
○ ایجاد تمپلیت برای طراحی آلبوم دیجیتال عروس و داماد در فتوشاپ
○ معرفی فیلم آموزش فتوشاپ برای استفاده در صنعت چاپ و تبلیغات
○ نکات تکمیلی در خصوص طراحی آلبوم دیجیتال عروس و داماد در فتوشاپ
🔸 کلیات در طراحی آلبوم دیجیتال عروس و داماد
موارد مهمی را در طراحی آلبوم دیجیتال عروس و داماد در فتوشاپ باید رعایت کنید که در نظر گرفتن این عوامل می‌تواند در طراحی سایر محصولات نیز به شما کمک کند. استفاده از ابزارها و استراتژی‌های مناسب می‌تواند شما را در طراحی این محصول کمک کند. در زیر، به چند نکته در خصوص طراحی آلبوم عروس و داماد اشاره کرده‌ایم.
– طراحی ساده
– فراگیری مبانی طراحی
– تمرکز بر روی روند داستانی
– استفاده از ابزار مناسب
ساده‌سازی همواره به عنوان برگ برنده در طراحی آلبوم دیجیتال عروس و داماد در فتوشاپ به شمار می‌آید. نه تنها باید طراحی ساده‌ای انجام دهید بلکه، فرآیند طراحی را نیز باید ساده در نظر بگیرید. برای این کار بهتر است عکس‌های عروسی را در کنار هم قرار دهید و از عکاس بخواهید عکس‌ها را از ابتدا تا انتهای مراسم، به ترتیب در اختیار شما قرار دهد.
در ادامه، مانند یک تدوین‌گر حرفه‌ای، برخی از عکس‌ها را حذف و توجه کنید که تغییری بر روند مراسم (روند داستان) صورت نگیرد. حتی ممکن است برای روایت بهتر داستان، برخی از عکس‌ها را ویرایش کنید.
🔸 ایجاد تمپلیت برای طراحی آلبوم دیجیتال عروس و داماد در فتوشاپ
حال که با برخی اصول در طراحی آلبوم آشنا شدیم قصد داریم تا نحوه ایجاد تمپلیت برای طراحی آلبوم دیجیتال عروس و داماد در فتوشاپ را آموزش دهیم. این مراحل را به صورت گام به گام پیش می‌بریم و یک صفحه کلی از آلبوم را طراحی می‌کنیم. در نهایت، یک قالب آماده طراحی خواهد شد و کافی است عکس‌ها را در آن قرار دهیم.
در ادامه متن، نواحی طراحی تمپلیت آلبوم دیجیتال عروس و داماد در فتوشاپ آموزش داده می‌شود که لینک دانلود فایل‌ها در ادامه آورده شده است.
– None.
– None.
در گام اول، با فشردن کلیدهای «Ctrl+N»، سندی با مشخصات تصویر زیر ایجاد و سپس روی دکمه «Create» کلیک می‌کنیم. در حقیقت، ابعاد مورد استفاده ما همان ابعاد یک کاغذ «A۴» است که «عرض» (Width) آن‌را دو برابر کرده‌ایم. هدف از این کار، ایجاد یک طرح کلی است. البته در صورتیکه قصد چاپ این آلبوم را با کاغذ سایز A۴ داشته باشید باید مد رنگی را بر روی «CMYK» قرار دهید و همچنین درصورتیکه سایز اصلی از چاپخانه تهیه کرده باشید، همان تهیه شده را باید مورد استفاده قرار دهید.
مطالعه ادامه مطلب 👇👇
🔗 طراحی آلبوم دیجیتال عروس و داماد در فتوشاپ (+ فیلم آموزش گام به گام رایگان) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
اگر مجموعه آموزشهای فتوشاپ «مجله فرادرس» را دنبال کرده باشید، خواهید دید که به آموزش‌هایی در خصوص نحوه طراحی جلد کتاب، طراحی تقویم رومیزی و همچنین طراحی کاور آلبوم موسیقی پرداخته شده است. در این آموزش قصد داریم تا طراحی آلبوم دیجیتال عروس و داماد در فتوشاپ را بررسی کنیم. در ابتدا، مقدمه‌ای کوتاه در خصوص کلیات طراحی آلبوم دیجیتال عروس و داماد مطرح و سپس طراحی این آلبوم را در فتوشاپ بررسی می‌کنیم.
══ فهرست مطالب ══
○ کلیات در طراحی آلبوم دیجیتال عروس و داماد
○ ایجاد تمپلیت برای طراحی آلبوم دیجیتال عروس و داماد در فتوشاپ
○ معرفی فیلم آموزش فتوشاپ برای استفاده در صنعت چاپ و تبلیغات
○ نکات تکمیلی در خصوص طراحی آلبوم دیجیتال عروس و داماد در فتوشاپ
🔸 کلیات در طراحی آلبوم دیجیتال عروس و داماد
موارد مهمی را در طراحی آلبوم دیجیتال عروس و داماد در فتوشاپ باید رعایت کنید که در نظر گرفتن این عوامل می‌تواند در طراحی سایر محصولات نیز به شما کمک کند. استفاده از ابزارها و استراتژی‌های مناسب می‌تواند شما را در طراحی این محصول کمک کند. در زیر، به چند نکته در خصوص طراحی آلبوم عروس و داماد اشاره کرده‌ایم.
– طراحی ساده
– فراگیری مبانی طراحی
– تمرکز بر روی روند داستانی
– استفاده از ابزار مناسب
ساده‌سازی همواره به عنوان برگ برنده در طراحی آلبوم دیجیتال عروس و داماد در فتوشاپ به شمار می‌آید. نه تنها باید طراحی ساده‌ای انجام دهید بلکه، فرآیند طراحی را نیز باید ساده در نظر بگیرید. برای این کار بهتر است عکس‌های عروسی را در کنار هم قرار دهید و از عکاس بخواهید عکس‌ها را از ابتدا تا انتهای مراسم، به ترتیب در اختیار شما قرار دهد.
در ادامه، مانند یک تدوین‌گر حرفه‌ای، برخی از عکس‌ها را حذف و توجه کنید که تغییری بر روند مراسم (روند داستان) صورت نگیرد. حتی ممکن است برای روایت بهتر داستان، برخی از عکس‌ها را ویرایش کنید.
🔸 ایجاد تمپلیت برای طراحی آلبوم دیجیتال عروس و داماد در فتوشاپ
حال که با برخی اصول در طراحی آلبوم آشنا شدیم قصد داریم تا نحوه ایجاد تمپلیت برای طراحی آلبوم دیجیتال عروس و داماد در فتوشاپ را آموزش دهیم. این مراحل را به صورت گام به گام پیش می‌بریم و یک صفحه کلی از آلبوم را طراحی می‌کنیم. در نهایت، یک قالب آماده طراحی خواهد شد و کافی است عکس‌ها را در آن قرار دهیم.
در ادامه متن، نواحی طراحی تمپلیت آلبوم دیجیتال عروس و داماد در فتوشاپ آموزش داده می‌شود که لینک دانلود فایل‌ها در ادامه آورده شده است.
– None.
– None.
در گام اول، با فشردن کلیدهای «Ctrl+N»، سندی با مشخصات تصویر زیر ایجاد و سپس روی دکمه «Create» کلیک می‌کنیم. در حقیقت، ابعاد مورد استفاده ما همان ابعاد یک کاغذ «A۴» است که «عرض» (Width) آن‌را دو برابر کرده‌ایم. هدف از این کار، ایجاد یک طرح کلی است. البته در صورتیکه قصد چاپ این آلبوم را با کاغذ سایز A۴ داشته باشید باید مد رنگی را بر روی «CMYK» قرار دهید و همچنین درصورتیکه سایز اصلی از چاپخانه تهیه کرده باشید، همان تهیه شده را باید مورد استفاده قرار دهید.
مطالعه ادامه مطلب 👇👇
🔗 طراحی آلبوم دیجیتال عروس و داماد در فتوشاپ (+ فیلم آموزش گام به گام رایگان) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ پانوراما در فتوشاپ | گام به گام و به زبان ساده
در این مطلب از مجموعه آموزشهای فتوشاپ «مجله فرادرس»، نحوه تنظیم عکس‌ها برای ایجاد عکس پانوراما در فتوشاپ را بررسی می‌کنیم تا به کمک آن، با استفاده از دوربین‌های عکاسی دیجیتال، عکس‌های پانوراما خلق کنیم. یک عکس «پانوراما» (Panorama)، تصویری حاصل از چندین عکس کوچکتر است زیرا در برخی از موارد، یک یا دو عکس به تنهایی نمی‌توانند یک منظره زیبا را به تصویر بکشند و به همین دلیل، با استفاده از روش ساخت تصاویر پانوراما در فتوشاپ می‌توان چند عکس را برای خلق یک منظره بهتر، با یکدیگر ادغام کرد.
══ فهرست مطالب ══
○ مقدمه
○ مراحل ساخت تصویر پانوراما در فتوشاپ
○ جمع بندی روش ساخت تصاویر پانوراما در فتوشاپ
🔸 مقدمه
تصویری که به طور معمول به عنوان تصویر پانوراما در ذهن داریم، تصویری عریض و افقی است اما تصاویر پانوراما می‌توانند افقی یا عمودی و در هر اندازه‌ای باشند. در برخی موارد می‌توانید با ترکیب عکس‌های مختلف، تصاویری پانوراما در فتوشاپ خلق کنید که این تصاویر، زوایای عریض‌تری از لنز دوربین شما را پوشش می‌دهند. در این مطلب سعی می‌کنیم نحوه ایجاد پانوراما در فتوشاپ را آموزش دهیم و تمرکز ما بر روی ایجاد تصاویر افقی است.
🔸 مراحل ساخت تصویر پانوراما در فتوشاپ
فرآیند تهیه و ساخت تصاویر پانوراما در فتوشاپ بسیار ساده است و به طور کلی در چند گام به کمک «Photomerge» در فتوشاپ خلاصه می‌شود که در ادامه به بررسی این مراحل می‌پردازیم.
تهیه مناسب تصاویر پانوراما به میزان زیادی بستگی به نحوه عکاسی هر یک از تصاویر به صورت مجزا دارد. عکس‌ها را در حالت عمودی تهیه کنید. در مرحله اول ممکن است این نکته قدری گمراه‌کننده باشد زیرا عکس نهایی به صورت افقی است اما توجه داشته باشید که عکس‌های عمودی، اطلاعات بیشتری از صحنه را ثبت می‌کنند که در ادامه، با ادغام آنها به یک عکس افقی دست پیدا می‌کنیم.
ارتفاع دوربین را ثابت نگه‌دارید. برای این کار بهتر است از یک سه‌پایه کمک بگیرید زیرا هر تغییر ارتفاع و انحنا در عکس پانوراما، به وضوح دیده خواهد شد و بر کیفیت عکس نهایی تاثیرگذار خواهد بود. سعی کنید تصاویر تهیه شده، با یکدیگر در حدود ۴۰ درصد همپوشانی داشته باشند. بهترین کار این است که نقاطی طبیعی را در تصویر در نظر بگیریم و به کمک آنها عکس خود را تهیه کنیم.
مطالعه ادامه مطلب 👇👇
🔗 پانوراما در فتوشاپ | گام به گام و به زبان ساده — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
در این مطلب از مجموعه آموزشهای فتوشاپ «مجله فرادرس»، نحوه تنظیم عکس‌ها برای ایجاد عکس پانوراما در فتوشاپ را بررسی می‌کنیم تا به کمک آن، با استفاده از دوربین‌های عکاسی دیجیتال، عکس‌های پانوراما خلق کنیم. یک عکس «پانوراما» (Panorama)، تصویری حاصل از چندین عکس کوچکتر است زیرا در برخی از موارد، یک یا دو عکس به تنهایی نمی‌توانند یک منظره زیبا را به تصویر بکشند و به همین دلیل، با استفاده از روش ساخت تصاویر پانوراما در فتوشاپ می‌توان چند عکس را برای خلق یک منظره بهتر، با یکدیگر ادغام کرد.
══ فهرست مطالب ══
○ مقدمه
○ مراحل ساخت تصویر پانوراما در فتوشاپ
○ جمع بندی روش ساخت تصاویر پانوراما در فتوشاپ
🔸 مقدمه
تصویری که به طور معمول به عنوان تصویر پانوراما در ذهن داریم، تصویری عریض و افقی است اما تصاویر پانوراما می‌توانند افقی یا عمودی و در هر اندازه‌ای باشند. در برخی موارد می‌توانید با ترکیب عکس‌های مختلف، تصاویری پانوراما در فتوشاپ خلق کنید که این تصاویر، زوایای عریض‌تری از لنز دوربین شما را پوشش می‌دهند. در این مطلب سعی می‌کنیم نحوه ایجاد پانوراما در فتوشاپ را آموزش دهیم و تمرکز ما بر روی ایجاد تصاویر افقی است.
🔸 مراحل ساخت تصویر پانوراما در فتوشاپ
فرآیند تهیه و ساخت تصاویر پانوراما در فتوشاپ بسیار ساده است و به طور کلی در چند گام به کمک «Photomerge» در فتوشاپ خلاصه می‌شود که در ادامه به بررسی این مراحل می‌پردازیم.
تهیه مناسب تصاویر پانوراما به میزان زیادی بستگی به نحوه عکاسی هر یک از تصاویر به صورت مجزا دارد. عکس‌ها را در حالت عمودی تهیه کنید. در مرحله اول ممکن است این نکته قدری گمراه‌کننده باشد زیرا عکس نهایی به صورت افقی است اما توجه داشته باشید که عکس‌های عمودی، اطلاعات بیشتری از صحنه را ثبت می‌کنند که در ادامه، با ادغام آنها به یک عکس افقی دست پیدا می‌کنیم.
ارتفاع دوربین را ثابت نگه‌دارید. برای این کار بهتر است از یک سه‌پایه کمک بگیرید زیرا هر تغییر ارتفاع و انحنا در عکس پانوراما، به وضوح دیده خواهد شد و بر کیفیت عکس نهایی تاثیرگذار خواهد بود. سعی کنید تصاویر تهیه شده، با یکدیگر در حدود ۴۰ درصد همپوشانی داشته باشند. بهترین کار این است که نقاطی طبیعی را در تصویر در نظر بگیریم و به کمک آنها عکس خود را تهیه کنیم.
مطالعه ادامه مطلب 👇👇
🔗 پانوراما در فتوشاپ | گام به گام و به زبان ساده — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ تبدیل عکس به نقاشی در فتوشاپ — (+ فیلم آموزش گام به گام رایگان)
در آموزشهای پیشین مجله فرادرس با نحوه روتوش عکس آشنا شدیم. در این آموزش قصد داریم نحوه تبدیل عکس به نقاشی در فتوشاپ را با روشی ساده یاد بگیریم. در این روش، مراحل تبدیل عکس به نقاشی در فتوشاپ را گام به گام بیان می‌کنیم و به کمک این مراحل، اکشن تبدیل عکس به نقاشی را نیز برای دانلود آماده خواهیم کرد تا با یک کلیک، این فرآیند به سادگی انجام شود.
══ فهرست مطالب ══
○ دانلود اکشن تبدیل عکس به نقاشی در فتوشاپ
○ نحوه تبدیل عکس به نقاشی در فتوشاپ
○ معرفی فیلم آموزش فتوشاپ – ویژه عکاسان
○ نکاتی تکمیلی تبدیل عکس به نقاشی در فتوشاپ
🔸 دانلود اکشن تبدیل عکس به نقاشی در فتوشاپ
تمامی گام‌های گفته شده را به ترتیب در یک اکشن تنظیم کرده‌ایم و این اکشن از لینک زیر قابل دانلود است. برای نحوه استفاده از اکشن و تنظیم آن نیز با توجه به گام‌های گفته شده در ادامه مطلب و همچنین نکات تکمیلی انتهای مطلب، می‌توانید اکشن را بر اساس تصویر مورد نظر خود، تنظیم کنید.
– None.
همچنین، عکس‌های استفاده شده برای انجام پروژه نیز به صورت جداگانه از لینک زیر قابل دانلود هستند.
– None.
🔸 نحوه تبدیل عکس به نقاشی در فتوشاپ
در ادامه، نحوه تبدیل عکس به نقاشی در فتوشاپ را به صورت گام به گام بیان می‌کنیم و در انتهای کار، تصویر سمت راست به تصویر سمت چپ تبدیل می‌شود.
گام اول
در ابتدا بعد از باز کردن تصویر اصلی، با کلیدهای «Ctrl+J» از لایه کپی می‌گیریم و سپس با کلیک بر روی لایه، آن‌را انتخاب می‌کنیم. بعد از کلیک راست بر روی لایه کپی شده، گزینه «Convert to Smart Object» را انتخاب می‌کنیم. البته تبدیل لایه به «Smart Object» تنها جنبه آموزشی دارد که در مراحل بعدی بتوانید افکت‌های اعمال شده را تغییر دهید. در حالت کلی نیازی به ایجاد «Smart Object» نیست.
مطالعه ادامه مطلب 👇👇
🔗 تبدیل عکس به نقاشی در فتوشاپ — (+ فیلم آموزش گام به گام رایگان) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
در آموزشهای پیشین مجله فرادرس با نحوه روتوش عکس آشنا شدیم. در این آموزش قصد داریم نحوه تبدیل عکس به نقاشی در فتوشاپ را با روشی ساده یاد بگیریم. در این روش، مراحل تبدیل عکس به نقاشی در فتوشاپ را گام به گام بیان می‌کنیم و به کمک این مراحل، اکشن تبدیل عکس به نقاشی را نیز برای دانلود آماده خواهیم کرد تا با یک کلیک، این فرآیند به سادگی انجام شود.
══ فهرست مطالب ══
○ دانلود اکشن تبدیل عکس به نقاشی در فتوشاپ
○ نحوه تبدیل عکس به نقاشی در فتوشاپ
○ معرفی فیلم آموزش فتوشاپ – ویژه عکاسان
○ نکاتی تکمیلی تبدیل عکس به نقاشی در فتوشاپ
🔸 دانلود اکشن تبدیل عکس به نقاشی در فتوشاپ
تمامی گام‌های گفته شده را به ترتیب در یک اکشن تنظیم کرده‌ایم و این اکشن از لینک زیر قابل دانلود است. برای نحوه استفاده از اکشن و تنظیم آن نیز با توجه به گام‌های گفته شده در ادامه مطلب و همچنین نکات تکمیلی انتهای مطلب، می‌توانید اکشن را بر اساس تصویر مورد نظر خود، تنظیم کنید.
– None.
همچنین، عکس‌های استفاده شده برای انجام پروژه نیز به صورت جداگانه از لینک زیر قابل دانلود هستند.
– None.
🔸 نحوه تبدیل عکس به نقاشی در فتوشاپ
در ادامه، نحوه تبدیل عکس به نقاشی در فتوشاپ را به صورت گام به گام بیان می‌کنیم و در انتهای کار، تصویر سمت راست به تصویر سمت چپ تبدیل می‌شود.
گام اول
در ابتدا بعد از باز کردن تصویر اصلی، با کلیدهای «Ctrl+J» از لایه کپی می‌گیریم و سپس با کلیک بر روی لایه، آن‌را انتخاب می‌کنیم. بعد از کلیک راست بر روی لایه کپی شده، گزینه «Convert to Smart Object» را انتخاب می‌کنیم. البته تبدیل لایه به «Smart Object» تنها جنبه آموزشی دارد که در مراحل بعدی بتوانید افکت‌های اعمال شده را تغییر دهید. در حالت کلی نیازی به ایجاد «Smart Object» نیست.
مطالعه ادامه مطلب 👇👇
🔗 تبدیل عکس به نقاشی در فتوشاپ — (+ فیلم آموزش گام به گام رایگان) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ طراحی تبلیغات با فتوشاپ (+ فیلم آموزش گام به گام رایگان)
در آموزشهای پیشین «مجله فرادرس» دیدیم که برای یادگیری فتوشاپ چه مراحلی را باید طی کنیم. همچنین، نحوه طراحی بنر تبلیغاتی و طراحی جلد کتاب را مرور کردیم. در این آموزش قصد داریم طراحی تبلیغات با فتوشاپ را بررسی کنیم و بعد از آشنایی با تبلیغات در شبکه‌های اجتماعی، نحوه طراحی بنرهای تبلیغاتی را آموزش می‌دهیم.
══ فهرست مطالب ══
○ عناصر مهم در طراحی تبلیغات با فتوشاپ
○ ابزارهای معمول برای طراحی تبلیغات با فتوشاپ
○ تبلیغات در شبکه های اجتماعی
○ طراحی بنر تبلیغاتی متحرک در فتوشاپ
○ معرفی فیلم آموزش ساخت انیمیشن دو بعدی با 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 — مطالب و آموزشهای طراحی گرافیک فرادرس
