✳️ آموزش 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 — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ گذاشتن یک عکس روی عکس دیگر در فتوشاپ | تصویری (+ فیلم آموزش گام به گام رایگان)
در آموزشهای پیشین فتوشاپ در «مجله فرادرس» به نحوه فتومونتاژ و مونتاژ عکس در فتوشاپ پرداختیم. در این مطلب قصد داریم نحوه گذاشتن یک عکس روی عکس دیگر در فتوشاپ را آموزش دهیم. البته در مطالبی همچون «طراحی آلبوم دیجیتال عروس و داماد در فتوشاپ» با این روش به نوعی آشنا شدیم اما قصد داریم نحوه گذاشتن یک عکس روی عکس دیگر در فتوشاپ را با جزئیات بیشتری بررسی کنیم.
══ فهرست مطالب ══
○ نحوه گذاشتن یک عکس روی عکس دیگر در فتوشاپ
○ معرفی فیلم آموزش ساخت جلوه های ویژه در فتوشاپ – مقدماتی
○ دانلود فایل لایه باز پروژه‌های گذاشتن یک عکس روی عکس دیگر در فتوشاپ
🔸 نحوه گذاشتن یک عکس روی عکس دیگر در فتوشاپ
برای گذاشتن یک عکس روی عکس دیگر در فتوشاپ کار ساده‌ای در پیش دارید. کافی است هر عکسی که نیاز دارید را در فتوشاپ باز و عکس دیگری را بعد از کپی کردن، در پرونده جدید عکس باز شده قرار دهید. در نتیجه، گذاشتن یک عکس روی عکس دیگر در فتوشاپ فرآیندی بسیار ساده است. با این وجود، می‌توانید تکنیک‌های مختلفی را در این روش بکار بگیرید تا تصویر نهایی شکل بهتری داشته باشد.
در این مطلب، با انجام دو پروژه، نحوه گذاشتن یک عکس روی عکس دیگر در فتوشاپ را با تکنیک‌های مختلف یاد می‌گیریم.
در این پروژه از گذاشتن یک عکس روی عکس دیگر در فتوشاپ می‌خواهیم یک تصویر ورزشی را بر روی یک صفحه از تلویزیون قرار دهیم و همزمان، پرسپکتیو را در تصویر خود رعایت کنیم.
🔸 معرفی فیلم آموزش ساخت جلوه های ویژه در فتوشاپ – مقدماتی
از آن‌جایی که علاوه بر گذاشتن یک عکس روی عکس دیگر در فتوشاپ می‌توان عملیات جذاب دیگری را نیز به کمک این نرم‌افزار، بر روی عکس‌ها انجام داد، «فرادرس» دوره‌ای ۳/۵ ساعته را در قالب پانزده درس تدوین کرده است که در ادامه به توضیح این دروس خواهیم پرداخت.
در هریک از دروس این آموزش، یک تکنیک برای ساخت جلوه‌های ویژه آموزش داده می‌شود. در درس یکم، ایجاد پس‌زمینه از خود تصویر آموزش داده می‌شود و مشبک کردن تصویر و تهیه عکس به صورت پوستر فیلم، دروس دوم و سوم را تشکیل می‌دهند. جلوه سوراخ کردن تصویر با مشت و تا زدن تصویر همچون یک نقشه در درس‌های چهارم و پنجم آموزش داده می‌شود.
کادر برفی تصویر، انعکاس تصویر در آب و تبدیل تصویر به الگویی از نقاط رنگی در درس‌های ششم و هفتم بررسی خواهند شد. تهیه کلاژ مربعی و رنگین‌کمانی کردن چشم‌ها موضوعات درس‌های نهم و دهم را تشکیل می‌دهند. تبدیل تصویر به نقاشی و ایجاد کلاژ از نوار عکس‌ها و ایجاد جلوه سایه پنجره از مباحثی هستند که در دروس یازدهم تا سیزدهم آموزش داده می‌شوند. جلوه سه‌بعدی پرش از صفحه‌نمایش و متمایز کردن حرکت در تصویر نیز دو درس انتهایی این آموزش را تشکیل می‌دهند.
مطالعه ادامه مطلب 👇👇
🔗 گذاشتن یک عکس روی عکس دیگر در فتوشاپ | تصویری (+ فیلم آموزش گام به گام رایگان) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
در آموزشهای پیشین فتوشاپ در «مجله فرادرس» به نحوه فتومونتاژ و مونتاژ عکس در فتوشاپ پرداختیم. در این مطلب قصد داریم نحوه گذاشتن یک عکس روی عکس دیگر در فتوشاپ را آموزش دهیم. البته در مطالبی همچون «طراحی آلبوم دیجیتال عروس و داماد در فتوشاپ» با این روش به نوعی آشنا شدیم اما قصد داریم نحوه گذاشتن یک عکس روی عکس دیگر در فتوشاپ را با جزئیات بیشتری بررسی کنیم.
══ فهرست مطالب ══
○ نحوه گذاشتن یک عکس روی عکس دیگر در فتوشاپ
○ معرفی فیلم آموزش ساخت جلوه های ویژه در فتوشاپ – مقدماتی
○ دانلود فایل لایه باز پروژه‌های گذاشتن یک عکس روی عکس دیگر در فتوشاپ
🔸 نحوه گذاشتن یک عکس روی عکس دیگر در فتوشاپ
برای گذاشتن یک عکس روی عکس دیگر در فتوشاپ کار ساده‌ای در پیش دارید. کافی است هر عکسی که نیاز دارید را در فتوشاپ باز و عکس دیگری را بعد از کپی کردن، در پرونده جدید عکس باز شده قرار دهید. در نتیجه، گذاشتن یک عکس روی عکس دیگر در فتوشاپ فرآیندی بسیار ساده است. با این وجود، می‌توانید تکنیک‌های مختلفی را در این روش بکار بگیرید تا تصویر نهایی شکل بهتری داشته باشد.
در این مطلب، با انجام دو پروژه، نحوه گذاشتن یک عکس روی عکس دیگر در فتوشاپ را با تکنیک‌های مختلف یاد می‌گیریم.
در این پروژه از گذاشتن یک عکس روی عکس دیگر در فتوشاپ می‌خواهیم یک تصویر ورزشی را بر روی یک صفحه از تلویزیون قرار دهیم و همزمان، پرسپکتیو را در تصویر خود رعایت کنیم.
🔸 معرفی فیلم آموزش ساخت جلوه های ویژه در فتوشاپ – مقدماتی
از آن‌جایی که علاوه بر گذاشتن یک عکس روی عکس دیگر در فتوشاپ می‌توان عملیات جذاب دیگری را نیز به کمک این نرم‌افزار، بر روی عکس‌ها انجام داد، «فرادرس» دوره‌ای ۳/۵ ساعته را در قالب پانزده درس تدوین کرده است که در ادامه به توضیح این دروس خواهیم پرداخت.
در هریک از دروس این آموزش، یک تکنیک برای ساخت جلوه‌های ویژه آموزش داده می‌شود. در درس یکم، ایجاد پس‌زمینه از خود تصویر آموزش داده می‌شود و مشبک کردن تصویر و تهیه عکس به صورت پوستر فیلم، دروس دوم و سوم را تشکیل می‌دهند. جلوه سوراخ کردن تصویر با مشت و تا زدن تصویر همچون یک نقشه در درس‌های چهارم و پنجم آموزش داده می‌شود.
کادر برفی تصویر، انعکاس تصویر در آب و تبدیل تصویر به الگویی از نقاط رنگی در درس‌های ششم و هفتم بررسی خواهند شد. تهیه کلاژ مربعی و رنگین‌کمانی کردن چشم‌ها موضوعات درس‌های نهم و دهم را تشکیل می‌دهند. تبدیل تصویر به نقاشی و ایجاد کلاژ از نوار عکس‌ها و ایجاد جلوه سایه پنجره از مباحثی هستند که در دروس یازدهم تا سیزدهم آموزش داده می‌شوند. جلوه سه‌بعدی پرش از صفحه‌نمایش و متمایز کردن حرکت در تصویر نیز دو درس انتهایی این آموزش را تشکیل می‌دهند.
مطالعه ادامه مطلب 👇👇
🔗 گذاشتن یک عکس روی عکس دیگر در فتوشاپ | تصویری (+ فیلم آموزش گام به گام رایگان) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ WebGL چیست؟ — آموزش وب جی ال — به زبان ساده و گام به گام
WebGL استانداردی برای پیاده‌سازی گرافیک کامپیوتری سه‌بعدی در وب است. ممکن است برخی از افرادی که با یک کتابخانه رندرینگ گرافیک (Graphics Rendering) آشنایی دارند، چیزهایی راجع‌به WebGL شنیده باشند و حالا این سوال برایشان به وجود آمده است که WebGL چیست ؟ در این نوشته، به این سوال پاسخ داده شده است و علاوه بر آن، پیرامون سایر مباحث مربوط به WebGL، از جمله OpenGL، رندرینگ شتاب‌یافته با GPU، تاریخچه، کاربردها، کتابخانه‌ها و فریم‌ورک‌های WebGL بحث شده است. از همه مهم‌تر، آموزش وب جی ال در سطح مقدماتی و به بیان ساده در این مطلب پوشش داده شده است. دوره‌های آموزشی مرتبط برای یادگیری WebGL نیز در این مقاله معرفی شده‌اند.
══ فهرست مطالب ══
○ OpenGL چیست ؟
○ WebGL چیست ؟
○ آموزش WebGL
○ دستور کار ساده پیاده‌سازی WebGL
○ برخی مفاهیم پایه WebGL و گرافیک کامپیوتری
○ فریم ورک ها و کتابخانه های WebGL
○ آیا WebGL همچنان کاربرد دارد؟
○ معرفی فیلم های آموزشی مرتبط با WebGL
○ جمع‌بندی
🔸 OpenGL چیست ؟
OpenGL سرنامی برای Open Graphics Library به معنی کتابخانه گرافیک متن‌باز است. OpenGL استاندارد و کتابخانه‌ای برای انجام کارهای گرافیک کامپیوتری به حساب می‌آید که در بسیاری از زبان‌ها، محیط‌ها و بسترها مورد استفاده قرار می‌گیرد. در دهه ۶۰ و اوایل دهه ۷۰ شمسی، نرم‌افزار‌ها برای یک سخت‌افزار گرافیکی خاص با رابط‌های (Interface) متفاوتی ساخته می‌شدند. این مسئله به نوعی مشکل‌ساز بود.
در آن زمان نیاز به یک استاندارد باز وجود داشت. شرکتی به نام SGI سیستم اختصاصی خود را به نام IrishGL معرفی کرده بود. در IrishGL هر چیزی که با گرافیک ارتباط نداشت (شامل ورودی‌های ماوس و کیبورد) کنار گذاشته شد و این فناوری در دسترس همگان قرار داده شد. به این ترتیب OpenGL در سال ۱۳۷۰ متولد شد. موارد و نکات مهمی که پیرامون OpenGL و چیستی آن قابل بیان هستند، در ادامه مطلب «WebGL چیست» فهرست شده است:
– OpenGL یک API سطح پایین برای رندرینگ گرافیکی دو‌بُعدی و سه‌بُعدی گرافیک‌های برداری به حساب می‌آید.
– OpenGL با زبان C نوشته و خلق شده است. OpenGL در Fortran ،C++ ،C و جاوا وابستگی زبانی (Language Binding) دارد. به این معنی که کتابخانه‌های OpenGL در این زبان‌ها قابل استفاده است.
– OpenGL با GPU (واحد پردازش گرافیکی | Graphical Processing Unit) برای دست‌یابی به رندرینگ شتاب‌یافته سخت‌افزاری (Hardware Accelerated Rendering) تعامل برقرار می‌کند.
– OpenGL استانداردی برای رندر کردن تصاویر و ارسال آن به صفحه نمایش از طریق کارت گرافیک است.
– OpenGL این امکان را به وجود می‌آورد که تصاویر گرافیکی از سیستم عامل و سیستم پنجره‌ای مستقل باشند.
همانطور که بیان شد، یکی از کلیدی‌ترین ویژگی‌ها در OpenGL، شتاب‌یافتگی سخت‌افزاری است. در اینجا این سوال به وجود می‌آید که رندرینگ شتاب‌یافته سخت‌افزاری یا Hardware Accelerated Rendering چیست؟ به بیان ساده در پاسخ به این سوال می‌توان گفت که OpenGL از کارت گرافیک کامپیوتر (GPU) برای سرعت بخشیدن به عملیات پردازشی استفاده می‌کند. در ادامه مطلب «WegbGL چیست» توضیحات بیشتری پیرامون مفهوم Hardware Accelerated Rendering ارائه شده است.
🔸 WebGL چیست ؟
«WebGL» اقتباسی از OpenGL محسوب می‌شود. در واقع، WebGL یک API گنجانده شده در جاوا اسکریپت و مشابه «OpenGL ES ۲.۰» (نسخه دوم OpenGL برای سیستم‌های تعبیه شده) است. بنابراین، WebGL همان امکانات OpenGL را به همراه رندرینگ شتاب‌یافته سخت‌افزاری در مرورگر فراهم می‌سازد. عبارت WebGL از دو بخش Web و GL تشکیل شده است.
واضح است که «Web» به عبارت «World Wide Web» به معنی «تارنمای جهان‌گستر» یا «شبکه جهانی وب» اشاره دارد. «GL» سرنامی برای عبارت «Graphics Library» به معنی «کتابخانه گرافیک» است. GL ریشه در عبارت دیگری به نام OpenGL دارد که در بخش قبل معرفی شد. به بیان ساده، WebGL استانداردی برای اجرای وظایف OpenGL در مرورگر است. در ادامه مطلب «WebGl چیست»، تاریخچه‌ای از WebGL ارائه شده است.
مطالعه ادامه مطلب 👇👇
🔗 WebGL چیست؟ — آموزش وب جی ال — به زبان ساده و گام به گام — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
WebGL استانداردی برای پیاده‌سازی گرافیک کامپیوتری سه‌بعدی در وب است. ممکن است برخی از افرادی که با یک کتابخانه رندرینگ گرافیک (Graphics Rendering) آشنایی دارند، چیزهایی راجع‌به WebGL شنیده باشند و حالا این سوال برایشان به وجود آمده است که WebGL چیست ؟ در این نوشته، به این سوال پاسخ داده شده است و علاوه بر آن، پیرامون سایر مباحث مربوط به WebGL، از جمله OpenGL، رندرینگ شتاب‌یافته با GPU، تاریخچه، کاربردها، کتابخانه‌ها و فریم‌ورک‌های WebGL بحث شده است. از همه مهم‌تر، آموزش وب جی ال در سطح مقدماتی و به بیان ساده در این مطلب پوشش داده شده است. دوره‌های آموزشی مرتبط برای یادگیری WebGL نیز در این مقاله معرفی شده‌اند.
══ فهرست مطالب ══
○ OpenGL چیست ؟
○ WebGL چیست ؟
○ آموزش WebGL
○ دستور کار ساده پیاده‌سازی WebGL
○ برخی مفاهیم پایه WebGL و گرافیک کامپیوتری
○ فریم ورک ها و کتابخانه های WebGL
○ آیا WebGL همچنان کاربرد دارد؟
○ معرفی فیلم های آموزشی مرتبط با WebGL
○ جمع‌بندی
🔸 OpenGL چیست ؟
OpenGL سرنامی برای Open Graphics Library به معنی کتابخانه گرافیک متن‌باز است. OpenGL استاندارد و کتابخانه‌ای برای انجام کارهای گرافیک کامپیوتری به حساب می‌آید که در بسیاری از زبان‌ها، محیط‌ها و بسترها مورد استفاده قرار می‌گیرد. در دهه ۶۰ و اوایل دهه ۷۰ شمسی، نرم‌افزار‌ها برای یک سخت‌افزار گرافیکی خاص با رابط‌های (Interface) متفاوتی ساخته می‌شدند. این مسئله به نوعی مشکل‌ساز بود.
در آن زمان نیاز به یک استاندارد باز وجود داشت. شرکتی به نام SGI سیستم اختصاصی خود را به نام IrishGL معرفی کرده بود. در IrishGL هر چیزی که با گرافیک ارتباط نداشت (شامل ورودی‌های ماوس و کیبورد) کنار گذاشته شد و این فناوری در دسترس همگان قرار داده شد. به این ترتیب OpenGL در سال ۱۳۷۰ متولد شد. موارد و نکات مهمی که پیرامون OpenGL و چیستی آن قابل بیان هستند، در ادامه مطلب «WebGL چیست» فهرست شده است:
– OpenGL یک API سطح پایین برای رندرینگ گرافیکی دو‌بُعدی و سه‌بُعدی گرافیک‌های برداری به حساب می‌آید.
– OpenGL با زبان C نوشته و خلق شده است. OpenGL در Fortran ،C++ ،C و جاوا وابستگی زبانی (Language Binding) دارد. به این معنی که کتابخانه‌های OpenGL در این زبان‌ها قابل استفاده است.
– OpenGL با GPU (واحد پردازش گرافیکی | Graphical Processing Unit) برای دست‌یابی به رندرینگ شتاب‌یافته سخت‌افزاری (Hardware Accelerated Rendering) تعامل برقرار می‌کند.
– OpenGL استانداردی برای رندر کردن تصاویر و ارسال آن به صفحه نمایش از طریق کارت گرافیک است.
– OpenGL این امکان را به وجود می‌آورد که تصاویر گرافیکی از سیستم عامل و سیستم پنجره‌ای مستقل باشند.
همانطور که بیان شد، یکی از کلیدی‌ترین ویژگی‌ها در OpenGL، شتاب‌یافتگی سخت‌افزاری است. در اینجا این سوال به وجود می‌آید که رندرینگ شتاب‌یافته سخت‌افزاری یا Hardware Accelerated Rendering چیست؟ به بیان ساده در پاسخ به این سوال می‌توان گفت که OpenGL از کارت گرافیک کامپیوتر (GPU) برای سرعت بخشیدن به عملیات پردازشی استفاده می‌کند. در ادامه مطلب «WegbGL چیست» توضیحات بیشتری پیرامون مفهوم Hardware Accelerated Rendering ارائه شده است.
🔸 WebGL چیست ؟
«WebGL» اقتباسی از OpenGL محسوب می‌شود. در واقع، WebGL یک API گنجانده شده در جاوا اسکریپت و مشابه «OpenGL ES ۲.۰» (نسخه دوم OpenGL برای سیستم‌های تعبیه شده) است. بنابراین، WebGL همان امکانات OpenGL را به همراه رندرینگ شتاب‌یافته سخت‌افزاری در مرورگر فراهم می‌سازد. عبارت WebGL از دو بخش Web و GL تشکیل شده است.
واضح است که «Web» به عبارت «World Wide Web» به معنی «تارنمای جهان‌گستر» یا «شبکه جهانی وب» اشاره دارد. «GL» سرنامی برای عبارت «Graphics Library» به معنی «کتابخانه گرافیک» است. GL ریشه در عبارت دیگری به نام OpenGL دارد که در بخش قبل معرفی شد. به بیان ساده، WebGL استانداردی برای اجرای وظایف OpenGL در مرورگر است. در ادامه مطلب «WebGl چیست»، تاریخچه‌ای از WebGL ارائه شده است.
مطالعه ادامه مطلب 👇👇
🔗 WebGL چیست؟ — آموزش وب جی ال — به زبان ساده و گام به گام — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ آموزش طراحی قالب سایت با فتوشاپ | پروژه محور (+ دانلود فیلم آموزش گام به گام)
از بخش‌های مهم در طراحی سایت باید به طراحی قالب سایت با فتوشاپ اشاره کرد چراکه باید در ابتدا، قالب یک سایت به صورت گرافیکی با فتوشاپ طراحی شود و در ادامه، به کمک کدنویسی، فایل PSD به «HTML» و «CSS» تبدیل شود. در این مطلب به آموزش طراحی قالب سایت با فتوشاپ خواهیم پرداخت. در صورتیکه طراحی قالب سایت با فتوشاپ را یاد بگیرید، قادر خواهید بود که صفحات وب را برای وردپرس، جوملا یا سایر سیستم‌های مدیریت محتوا طراحی کنید.
══ فهرست مطالب ══
○ دانلود قالب آماده طراحی سایت با فتوشاپ
○ آموزش طراحی قالب سایت با فتوشاپ
○ معرفی فیلم آموزش طراحی وب با HTML – مقدماتی
○ معرفی فیلم آموزش طراحی وب با CSS – مقدماتی
○ معرفی فیلم آموزش طراحی رابط کاربری اپلیکیشن دیجی کالا با فتوشاپ
○ تبدیل فایل PSD به HTML
🔸 دانلود قالب آماده طراحی سایت با فتوشاپ
در لینک زیر می‌توانید فایل PSD این آموزش را به طور کامل دریافت کنید. همچنین کلیه فایل‌های مورد نیاز برای انجام این پروژه آموزش گام به گام طراحی سایت در فتوشاپ نیز در لینک زیر قرار داده شده است.
– None.
🔸 آموزش طراحی قالب سایت با فتوشاپ
در این آموزش، نحوه طراحی قالب سایت با فتوشاپ را به صورت گام به گام دنبال می‌کنیم تا در نهایت بتوانیم قالب سایتی مشابه زیر داشته باشیم.
گام اول: ایجاد طرح اولیه
پیش از آن‌که شروع به طراحی قالب سایت با فتوشاپ کنیم باید موارد مورد نیاز و شکل کلی و کاربردی آن‌را بسنجیم. در ادامه باید از این ایده‌ها استفاده و آنها را به شکلی بصری پیاده‌سازی کنیم. استفاده از طرح اولیه و به اصطلاح «Wire Frame» یا اسکلت کلی صفحه وب، راه مناسبی برای طراحی قالب سایت با فتوشاپ به شمار می‌آید. به طور مثال، در تصویر زیر، نمونه‌ای از این طرح اولیه با رنگ‌های خاکستری به نمایش گذاشته شده است.
مطالعه ادامه مطلب 👇👇
🔗 آموزش طراحی قالب سایت با فتوشاپ | پروژه محور (+ دانلود فیلم آموزش گام به گام) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
از بخش‌های مهم در طراحی سایت باید به طراحی قالب سایت با فتوشاپ اشاره کرد چراکه باید در ابتدا، قالب یک سایت به صورت گرافیکی با فتوشاپ طراحی شود و در ادامه، به کمک کدنویسی، فایل PSD به «HTML» و «CSS» تبدیل شود. در این مطلب به آموزش طراحی قالب سایت با فتوشاپ خواهیم پرداخت. در صورتیکه طراحی قالب سایت با فتوشاپ را یاد بگیرید، قادر خواهید بود که صفحات وب را برای وردپرس، جوملا یا سایر سیستم‌های مدیریت محتوا طراحی کنید.
══ فهرست مطالب ══
○ دانلود قالب آماده طراحی سایت با فتوشاپ
○ آموزش طراحی قالب سایت با فتوشاپ
○ معرفی فیلم آموزش طراحی وب با HTML – مقدماتی
○ معرفی فیلم آموزش طراحی وب با CSS – مقدماتی
○ معرفی فیلم آموزش طراحی رابط کاربری اپلیکیشن دیجی کالا با فتوشاپ
○ تبدیل فایل PSD به HTML
🔸 دانلود قالب آماده طراحی سایت با فتوشاپ
در لینک زیر می‌توانید فایل PSD این آموزش را به طور کامل دریافت کنید. همچنین کلیه فایل‌های مورد نیاز برای انجام این پروژه آموزش گام به گام طراحی سایت در فتوشاپ نیز در لینک زیر قرار داده شده است.
– None.
🔸 آموزش طراحی قالب سایت با فتوشاپ
در این آموزش، نحوه طراحی قالب سایت با فتوشاپ را به صورت گام به گام دنبال می‌کنیم تا در نهایت بتوانیم قالب سایتی مشابه زیر داشته باشیم.
گام اول: ایجاد طرح اولیه
پیش از آن‌که شروع به طراحی قالب سایت با فتوشاپ کنیم باید موارد مورد نیاز و شکل کلی و کاربردی آن‌را بسنجیم. در ادامه باید از این ایده‌ها استفاده و آنها را به شکلی بصری پیاده‌سازی کنیم. استفاده از طرح اولیه و به اصطلاح «Wire Frame» یا اسکلت کلی صفحه وب، راه مناسبی برای طراحی قالب سایت با فتوشاپ به شمار می‌آید. به طور مثال، در تصویر زیر، نمونه‌ای از این طرح اولیه با رنگ‌های خاکستری به نمایش گذاشته شده است.
مطالعه ادامه مطلب 👇👇
🔗 آموزش طراحی قالب سایت با فتوشاپ | پروژه محور (+ دانلود فیلم آموزش گام به گام) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ طراحی اینفوگرافیک با فتوشاپ (+ فیلم آموزش گام به گام رایگان)
اینفوگرافیک‌ها داده‌های پیچیده و اطلاعات را به شکل‌ها و آیکون‌های بصری ساده و قابل فهمی تبدیل می‌کنند. در دنیای سریع امروزی که بازاریابی رسانه‌های اجتماعی رونق بسیاری دارد و بازاریابان دیجیتال باید نهایت استفاده خود را از این سرعت ببرند، استفاده از اینفوگرافیک در انتقال اطلاعات و اهداف مورد نظر، اهمیت بالایی دارد. در این آموزش یاد می‌گیریم که اینفوگرافیک چیست و نحوه طراحی اینفوگرافیک با فتوشاپ را بررسی می‌کنیم.
══ فهرست مطالب ══
○ ویژگی های یک اینفوگرافیک مناسب
○ دانلود اینفوگرافیک لایه باز رایگان
○ ساخت اینفوگرافیک ساده با فتوشاپ
○ طراحی اینفوگرافیک با فتوشاپ
🔸 ویژگی های یک اینفوگرافیک مناسب
پیش از آن‌که بخواهیم به آموزش طراحی اینفوگرافیک با فتوشاپ بپردازیم باید با ویژگی‌های یک اینفوگرافیک مناسب آشنا باشیم که در ادامه به آنها خواهیم پرداخت.
در تصویر زیر، رزومه یک طراح گرافیک را می‌بینید که به شکل یک اینفوگرافیک طراحی شده است. این رزومه به گونه‌ای است که آمار و دستاوردهای مهم، به جای متن، حالتی پویا به خود گرفته‌اند. به خوبی می‌بینیم که مهارت‌های مختلف در این رزومه با شکل‌های مختلف سازماندهی شده‌اند و به راحتی می‌توان این مهارت‌ها را از یکدیگر تشخیص داد. از این‌رو، با یادگیری طراحی اینفوگرافیک با فتوشاپ می‌توانید چنین رزومه‌های زیبا و اثرگذاری را طراحی و ارسال کنید.
می‌دانیم که یک تصویر، ارزش هزاران کلمه را دارد و همین امر، ارزش طراحی اینفوگرافیک با فتوشاپ را دوچندان می‌کند. از آن‌جایی که درک یک متن نیاز به پردازش ذهنی دارد، در نتیجه، بهره‌گیری از تصاویر می‌تواند به درک یک مطلب سرعت بدهد. در اینفوگرافیک پایین می‌توانید نحوه عملکرد و ساخت یک روبیک ۳ در ۳ را مشاهده کنید. اگر بخواهیم نحوه عملکرد روبیک را توضیح بدهیم شاید به حداقل به هزار کلمه نیاز داشته باشیم اما تمامی این موارد در این اینفوگرافیک با دیاگرام‌های رنگی به طور کامل انجام شده است.
🔸 دانلود اینفوگرافیک لایه باز رایگان
در طول این آموزش، ساخت اینفوگرافیک فارسی را بررسی می‌کنیم و نمونه های اینفوگرافیک را نیز برای دانلود قرار می‌دهیم. از این‌رو برای دانلود فایل PSD اینفوگرافیک لایه باز رایگان می‌توانید از لینک زیر استفاده کنید.
مطالعه ادامه مطلب 👇👇
🔗 طراحی اینفوگرافیک با فتوشاپ (+ فیلم آموزش گام به گام رایگان) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
اینفوگرافیک‌ها داده‌های پیچیده و اطلاعات را به شکل‌ها و آیکون‌های بصری ساده و قابل فهمی تبدیل می‌کنند. در دنیای سریع امروزی که بازاریابی رسانه‌های اجتماعی رونق بسیاری دارد و بازاریابان دیجیتال باید نهایت استفاده خود را از این سرعت ببرند، استفاده از اینفوگرافیک در انتقال اطلاعات و اهداف مورد نظر، اهمیت بالایی دارد. در این آموزش یاد می‌گیریم که اینفوگرافیک چیست و نحوه طراحی اینفوگرافیک با فتوشاپ را بررسی می‌کنیم.
══ فهرست مطالب ══
○ ویژگی های یک اینفوگرافیک مناسب
○ دانلود اینفوگرافیک لایه باز رایگان
○ ساخت اینفوگرافیک ساده با فتوشاپ
○ طراحی اینفوگرافیک با فتوشاپ
🔸 ویژگی های یک اینفوگرافیک مناسب
پیش از آن‌که بخواهیم به آموزش طراحی اینفوگرافیک با فتوشاپ بپردازیم باید با ویژگی‌های یک اینفوگرافیک مناسب آشنا باشیم که در ادامه به آنها خواهیم پرداخت.
در تصویر زیر، رزومه یک طراح گرافیک را می‌بینید که به شکل یک اینفوگرافیک طراحی شده است. این رزومه به گونه‌ای است که آمار و دستاوردهای مهم، به جای متن، حالتی پویا به خود گرفته‌اند. به خوبی می‌بینیم که مهارت‌های مختلف در این رزومه با شکل‌های مختلف سازماندهی شده‌اند و به راحتی می‌توان این مهارت‌ها را از یکدیگر تشخیص داد. از این‌رو، با یادگیری طراحی اینفوگرافیک با فتوشاپ می‌توانید چنین رزومه‌های زیبا و اثرگذاری را طراحی و ارسال کنید.
می‌دانیم که یک تصویر، ارزش هزاران کلمه را دارد و همین امر، ارزش طراحی اینفوگرافیک با فتوشاپ را دوچندان می‌کند. از آن‌جایی که درک یک متن نیاز به پردازش ذهنی دارد، در نتیجه، بهره‌گیری از تصاویر می‌تواند به درک یک مطلب سرعت بدهد. در اینفوگرافیک پایین می‌توانید نحوه عملکرد و ساخت یک روبیک ۳ در ۳ را مشاهده کنید. اگر بخواهیم نحوه عملکرد روبیک را توضیح بدهیم شاید به حداقل به هزار کلمه نیاز داشته باشیم اما تمامی این موارد در این اینفوگرافیک با دیاگرام‌های رنگی به طور کامل انجام شده است.
🔸 دانلود اینفوگرافیک لایه باز رایگان
در طول این آموزش، ساخت اینفوگرافیک فارسی را بررسی می‌کنیم و نمونه های اینفوگرافیک را نیز برای دانلود قرار می‌دهیم. از این‌رو برای دانلود فایل PSD اینفوگرافیک لایه باز رایگان می‌توانید از لینک زیر استفاده کنید.
مطالعه ادامه مطلب 👇👇
🔗 طراحی اینفوگرافیک با فتوشاپ (+ فیلم آموزش گام به گام رایگان) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
