✳️ آموزش فتوشاپ جامع | صفر تا صد، رایگان و تصویری (+ دانلود فیلم آموزش رایگان)
«ادوبی فتوشاپ» (Adobe Photoshop) یک اپلیکیشن نرمافزاری برای ویرایش تصاویر و اصلاح عکسها است که روی رایانههای ویندوز و مک استفاده میشود. فتوشاپ به کاربران امکان ایجاد، بهبود یا ادیت عکسها، آثار هنری و تصویرسازیها را میدهد. تغییر دادن پسزمینهها، شبیهسازی نقاشی واقعی، یا ایجاد یک نمای مفهومی از کیهان، همگی جزو امکاناتی هستند که فتوشاپ ارائه میکند. فتوشاپ رایجترین نرمافزار برای ویرایش تصویر، دستکاری عکس و اصلاح جزییات انواع مختلفی از قالبهای تصویری و ویدئویی محسوب میشود. در این مقاله با موضوع آموزش فتوشاپ با ما همراه باشید.
══ فهرست مطالب ══
○ تاریخچه فتوشاپ
○ فتوشاپ چیست و چه کاربردی دارد؟
○ سیستم مورد نیاز برای نصب فتوشاپ
○ فرمتهای فایل فتوشاپ
○ آموزش فتوشاپ و آشنایی با محیط آن
○ انجام کارهای ابتدایی در فتوشاپ
○ ذخیره کردن تصاویر در فتوشاپ
○ آشنایی با لایه در فتوشاپ
○ کار با سطوح، منحنیها و رنگ در فتوشاپ
○ شارپ کردن و کاهش نویز در فتوشاپ
○ اجرای کارهای مختلف روی لایهها
○ کار با براشهای فتوشاپ
○ کار با متن در فتوشاپ
○ خواندن هیستوگرام در فتوشاپ
○ سخن پایانی
🔸 تاریخچه فتوشاپ
ادوبی فتوشاپ در ابتدا در سال ۱۹۸۷ از سوی دو برادر به نامهای جان و توماس نال (Knoll) توسعه یافت. فتوشاپ از زمان عرضه اولیه خود تاکنون از یک نرمافزار ساده ادیت عکس به یک مجموعه جامع از ابزارهای برای دستکاری تصاویر تبدیل شده است. با این که نسخههای اولیه فتوشاپ از سوی برادران نال تولید و عرضه میشدند، اما این نرمافزار در ادامه از سوی شرکت Adobe Systems خریداری و به Adobe Photoshop تبدیل شد.
نخستین نسخه فتوشاپ تحت لایسنس ادوبی در فوریه ۱۹۹۰ عرضه شد. این نسخه به کاربران امکان نمایش و ذخیره فایلها را در چندین فرمت روی رایانههای مک اولیه میداد. کاربران میتوانستند طیف رنگی، تراز و اشباع رنگ تصاویر را دستکاری کنند. برخی امکانات نقاشی ساده و همچنین انتخاب لبه نیز وجود داشت. طراحان گرافیک به سرعت شروع به استفاده از نرمافزار Adobe Photoshop کردند. با افزودن پشتیبانی از رنگ CMYK و Duotones در نسخه ۲.۰ به موتور جدید نقاشی و همچنین با اضافه شدن متون بُرداری به نسخه ۷.۰ هر نسخه به سرعت نسبت به گذشته جامعیت بیشتری یافت.
پیش از شروع و ورود به مباحث آموزش فتوشاپ، لازم است بدانید که این ابزار چیست و دقیقاً چه کاربردی دارد.
🔸 فتوشاپ چیست و چه کاربردی دارد؟
ادوبی فتوشاپ ابزاری ضروری برای طراحان، توسعهدهندگان وب، هنرمندان گرافیست، عکاسان و شاغلان خلاق محسوب میشود. این نرمافزار استفاده گستردهای برای ویرایش تصاویر، اصلاح جزییات، ایجاد ترکیببندی از تصاویر مختلف، ساخت ماکاپ وبسایت و افزودن جلوههای مختلف به تصاویر دارد. با استفاده از فتوشاپ میتوان تصاویر دیجیتال یا اسکن شده را برای استفاده آنلاین یا چاپ مجدد ویرایش کرد. چیدمان وبسایتها را میتوان با استفاده از فتوشاپ ایجاد کرد تا طراحی آنها پیش از آن که توسعهدهندگان شروع به کدنویسی کنند نهایی شود. بدین ترتیب میتوان گرافیکهای برجستهای برای استفاده در برنامههای دیگر ایجاد کرد.
مطالعه ادامه مطلب 👇👇
🔗 آموزش فتوشاپ جامع | صفر تا صد، رایگان و تصویری (+ دانلود فیلم آموزش رایگان) — کلیک کنید (+)
📚 طبقهبندی موضوعی: طراحی و گرافیک
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ آموزش فتوشاپ جامع | صفر تا صد، رایگان و تصویری (+ دانلود فیلم آموزش رایگان)
«ادوبی فتوشاپ» (Adobe Photoshop) یک اپلیکیشن نرمافزاری برای ویرایش تصاویر و اصلاح عکسها است که روی رایانههای ویندوز و مک استفاده میشود. فتوشاپ به کاربران امکان ایجاد، بهبود یا ادیت عکسها، آثار هنری و تصویرسازیها را میدهد. تغییر دادن پسزمینهها، شبیهسازی نقاشی واقعی، یا ایجاد یک نمای مفهومی از کیهان، همگی جزو امکاناتی هستند که فتوشاپ ارائه میکند. فتوشاپ رایجترین نرمافزار برای ویرایش تصویر، دستکاری عکس و اصلاح جزییات انواع مختلفی از قالبهای تصویری و ویدئویی محسوب میشود. در این مقاله با موضوع آموزش فتوشاپ با ما همراه باشید.
══ فهرست مطالب ══
○ تاریخچه فتوشاپ
○ فتوشاپ چیست و چه کاربردی دارد؟
○ سیستم مورد نیاز برای نصب فتوشاپ
○ فرمتهای فایل فتوشاپ
○ آموزش فتوشاپ و آشنایی با محیط آن
○ انجام کارهای ابتدایی در فتوشاپ
○ ذخیره کردن تصاویر در فتوشاپ
○ آشنایی با لایه در فتوشاپ
○ کار با سطوح، منحنیها و رنگ در فتوشاپ
○ شارپ کردن و کاهش نویز در فتوشاپ
○ اجرای کارهای مختلف روی لایهها
○ کار با براشهای فتوشاپ
○ کار با متن در فتوشاپ
○ خواندن هیستوگرام در فتوشاپ
○ سخن پایانی
🔸 تاریخچه فتوشاپ
ادوبی فتوشاپ در ابتدا در سال ۱۹۸۷ از سوی دو برادر به نامهای جان و توماس نال (Knoll) توسعه یافت. فتوشاپ از زمان عرضه اولیه خود تاکنون از یک نرمافزار ساده ادیت عکس به یک مجموعه جامع از ابزارهای برای دستکاری تصاویر تبدیل شده است. با این که نسخههای اولیه فتوشاپ از سوی برادران نال تولید و عرضه میشدند، اما این نرمافزار در ادامه از سوی شرکت Adobe Systems خریداری و به Adobe Photoshop تبدیل شد.
نخستین نسخه فتوشاپ تحت لایسنس ادوبی در فوریه ۱۹۹۰ عرضه شد. این نسخه به کاربران امکان نمایش و ذخیره فایلها را در چندین فرمت روی رایانههای مک اولیه میداد. کاربران میتوانستند طیف رنگی، تراز و اشباع رنگ تصاویر را دستکاری کنند. برخی امکانات نقاشی ساده و همچنین انتخاب لبه نیز وجود داشت. طراحان گرافیک به سرعت شروع به استفاده از نرمافزار Adobe Photoshop کردند. با افزودن پشتیبانی از رنگ CMYK و Duotones در نسخه ۲.۰ به موتور جدید نقاشی و همچنین با اضافه شدن متون بُرداری به نسخه ۷.۰ هر نسخه به سرعت نسبت به گذشته جامعیت بیشتری یافت.
پیش از شروع و ورود به مباحث آموزش فتوشاپ، لازم است بدانید که این ابزار چیست و دقیقاً چه کاربردی دارد.
🔸 فتوشاپ چیست و چه کاربردی دارد؟
ادوبی فتوشاپ ابزاری ضروری برای طراحان، توسعهدهندگان وب، هنرمندان گرافیست، عکاسان و شاغلان خلاق محسوب میشود. این نرمافزار استفاده گستردهای برای ویرایش تصاویر، اصلاح جزییات، ایجاد ترکیببندی از تصاویر مختلف، ساخت ماکاپ وبسایت و افزودن جلوههای مختلف به تصاویر دارد. با استفاده از فتوشاپ میتوان تصاویر دیجیتال یا اسکن شده را برای استفاده آنلاین یا چاپ مجدد ویرایش کرد. چیدمان وبسایتها را میتوان با استفاده از فتوشاپ ایجاد کرد تا طراحی آنها پیش از آن که توسعهدهندگان شروع به کدنویسی کنند نهایی شود. بدین ترتیب میتوان گرافیکهای برجستهای برای استفاده در برنامههای دیگر ایجاد کرد.
مطالعه ادامه مطلب 👇👇
🔗 آموزش فتوشاپ جامع | صفر تا صد، رایگان و تصویری (+ دانلود فیلم آموزش رایگان) — کلیک کنید (+)
📚 طبقهبندی موضوعی: طراحی و گرافیک
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
❤2
Forwarded from تازههای نشر فرادرس
This media is not supported in your browser
VIEW IN TELEGRAM
📘 آموزش کورل – طراحی گرافیکی با CorelDRAW — منتشر شد!
🔹 لینک آموزش: fdrs.ir/99b7
🔖 با توجه به گستردگی استفاده از فضای مجازی، بسیاری از افراد به نیاز به استفاده از نرمافزارهای تصویری و گرافیکی را احساس کردهاند. در حال حاضر استفاده از انواع نرمافزارهای گرافیکی به ویژه نرمافزارهای برداری، دیگر یک انتخاب نیست، بلکه یک ضرورت محسوب میشود. در حال حاضر کمتر کسی را میتوان دید که با طراحی در کامپیوتر سر و کار نداشته باشد و اگر تاکنون نیاز به آن را احساس نکرده باشد با پیشرفت دنیای دیجیتال، ناگزیر این نیاز را درک خواهد کرد. این فرادرس بدون نیاز به هیچ پیشزمینهای و به شکلی ساده سعی دارد تا با آموزش همه ابزارها، نیاز شما را در زمینه طراحی برآورده نماید و بتوانید ایدههای طراحی خود را به بهترین شکل پیادهسازی کنید.
مناسب برای: طراحی و گرافیک
💲 هزینه اصلی آموزش:۱۶۰,۰۰۰ تومان
🎁 هزینه با احتساب هدیه ویژه انتشار: ۸۰,۰۰۰ تومان
(۵۰ درصد تخفیف)
👈 کد تخفیف: NW2362CR
❗️اعتبار: تا سهشنبه، ۱۷ اسفند ۱۴۰۰
🔗 لینک آموزش: fdrs.ir/99b7
@FaraDars — فرادرس
@FDPub — تازههای نشر فرادرس
.
🔹 لینک آموزش: fdrs.ir/99b7
🔖 با توجه به گستردگی استفاده از فضای مجازی، بسیاری از افراد به نیاز به استفاده از نرمافزارهای تصویری و گرافیکی را احساس کردهاند. در حال حاضر استفاده از انواع نرمافزارهای گرافیکی به ویژه نرمافزارهای برداری، دیگر یک انتخاب نیست، بلکه یک ضرورت محسوب میشود. در حال حاضر کمتر کسی را میتوان دید که با طراحی در کامپیوتر سر و کار نداشته باشد و اگر تاکنون نیاز به آن را احساس نکرده باشد با پیشرفت دنیای دیجیتال، ناگزیر این نیاز را درک خواهد کرد. این فرادرس بدون نیاز به هیچ پیشزمینهای و به شکلی ساده سعی دارد تا با آموزش همه ابزارها، نیاز شما را در زمینه طراحی برآورده نماید و بتوانید ایدههای طراحی خود را به بهترین شکل پیادهسازی کنید.
مناسب برای: طراحی و گرافیک
💲 هزینه اصلی آموزش:
🎁 هزینه با احتساب هدیه ویژه انتشار: ۸۰,۰۰۰ تومان
(۵۰ درصد تخفیف)
👈 کد تخفیف: NW2362CR
❗️اعتبار: تا سهشنبه، ۱۷ اسفند ۱۴۰۰
🔗 لینک آموزش: fdrs.ir/99b7
@FaraDars — فرادرس
@FDPub — تازههای نشر فرادرس
.
❤1👍1
✳️ متن خمیده در ایلاستریتور — راهنمای گام به گام
در این مقاله با روش نوشتن متن خمیده در ایلاستریتور آشنا میشویم. روشهای مختلفی برای ایجاد اعوجاج و خمش در متن وجود دارد که در ادامه این مطلب آنها را معرفی میکنیم یا در اصل نحوه نوشتن متن منحنی در ایلاستریتور را مورد بررسی قرار خواهیم داد.
══ فهرست مطالب ══
○ آمادهسازی متن جهت خم کردن در ایلاستریتور
○ ایجاد جلوه Bulge
○ ایجاد جلوه کمان برای متن در ایلاستریتور
○ سخن پایانی
🔸 آمادهسازی متن جهت خم کردن در ایلاستریتور
قبل از هر چیز باید ابزار Type را برداریم، روی هر جایی در آرتبورد چپ-کلیک کنیم و متنی را وارد نماییم. ما در این راهنما از عبارت WARPED استفاده میکنیم. در ادامه به پنل Character در بخش فوقانی میرویم و یک فونت مثلاً Gotham Bold را انتخاب میکنیم.
سپس به سراغ گزینههای «جهتگیری» (alignment) میرویم و Align Center را انتخاب میکنیم تا متن به صورت مرکزی قرار گیرد. اکنون باید با زدن کلیدهای ترکیبی alt+Shift و کشیدن متن، چند کپی از آن ایجاد کنیم. به این ترتیب ظاهر صفحه شما باید به صورت زیر درآید:
🔸 ایجاد جلوه Bulge
در این بخش ابتدا قطعه اول متن را انتخاب میکنیم و به منوی Object > Envelope Distort > Make with Warp میرویم. تیک گزینه Preview را زدیم و میتوانیم style را نیز انتخاب کنیم. تعداد زیادی Preset وجود دارد که میتوان از میان آنها انتخاب کرد. ابتدا گزینه Bulge را بررسی میکنیم.
در این لحظه، این متن را به صورت افقی متورم شده است. مقدار این تورم را میتوانید با استفاده از اسلایدر Bend آن را تنظیم کنید. بنابراین با تغییر دادن اندک درصد میبینیم که شروع به تورم به سمت بیرون میکند. همچنین میتوانیم درصدهای منفی تعیین کنیم تا به سمت داخل متورم شود.
با استفاده از این گزینه، امکان ایجاد تورم عمودی نیز در متن وجود دارد، گرچه طرز کار آن اندکی متفاوت است.
مطالعه ادامه مطلب 👇👇
🔗 متن خمیده در ایلاستریتور — راهنمای گام به گام — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ متن خمیده در ایلاستریتور — راهنمای گام به گام
در این مقاله با روش نوشتن متن خمیده در ایلاستریتور آشنا میشویم. روشهای مختلفی برای ایجاد اعوجاج و خمش در متن وجود دارد که در ادامه این مطلب آنها را معرفی میکنیم یا در اصل نحوه نوشتن متن منحنی در ایلاستریتور را مورد بررسی قرار خواهیم داد.
══ فهرست مطالب ══
○ آمادهسازی متن جهت خم کردن در ایلاستریتور
○ ایجاد جلوه Bulge
○ ایجاد جلوه کمان برای متن در ایلاستریتور
○ سخن پایانی
🔸 آمادهسازی متن جهت خم کردن در ایلاستریتور
قبل از هر چیز باید ابزار Type را برداریم، روی هر جایی در آرتبورد چپ-کلیک کنیم و متنی را وارد نماییم. ما در این راهنما از عبارت WARPED استفاده میکنیم. در ادامه به پنل Character در بخش فوقانی میرویم و یک فونت مثلاً Gotham Bold را انتخاب میکنیم.
سپس به سراغ گزینههای «جهتگیری» (alignment) میرویم و Align Center را انتخاب میکنیم تا متن به صورت مرکزی قرار گیرد. اکنون باید با زدن کلیدهای ترکیبی alt+Shift و کشیدن متن، چند کپی از آن ایجاد کنیم. به این ترتیب ظاهر صفحه شما باید به صورت زیر درآید:
🔸 ایجاد جلوه Bulge
در این بخش ابتدا قطعه اول متن را انتخاب میکنیم و به منوی Object > Envelope Distort > Make with Warp میرویم. تیک گزینه Preview را زدیم و میتوانیم style را نیز انتخاب کنیم. تعداد زیادی Preset وجود دارد که میتوان از میان آنها انتخاب کرد. ابتدا گزینه Bulge را بررسی میکنیم.
در این لحظه، این متن را به صورت افقی متورم شده است. مقدار این تورم را میتوانید با استفاده از اسلایدر Bend آن را تنظیم کنید. بنابراین با تغییر دادن اندک درصد میبینیم که شروع به تورم به سمت بیرون میکند. همچنین میتوانیم درصدهای منفی تعیین کنیم تا به سمت داخل متورم شود.
با استفاده از این گزینه، امکان ایجاد تورم عمودی نیز در متن وجود دارد، گرچه طرز کار آن اندکی متفاوت است.
مطالعه ادامه مطلب 👇👇
🔗 متن خمیده در ایلاستریتور — راهنمای گام به گام — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
👍4
Forwarded from تازههای نشر فرادرس
This media is not supported in your browser
VIEW IN TELEGRAM
📘 آموزش مقدماتی فیگما برای طراحی رابط کاربری UI — منتشر شد!
🔹 لینک آموزش: fdrs.ir/vb8z
🔖 فیگما، انقلاب و طوفانی را در برنامههای ویرایش گرافیکی بهوجود آوردهاست. Figma یک برنامه ویرایش گرافیکی و طراحی رابط کاربری مبتنی بر وب است. به وسیله این نرمافزار میتوانید رابطهای کاربری بسیار جذاب برای سایتها و اپلیکیشنها، طراحی نمونههای اولیه، ساخت پستهای شبکههای اجتماعی و موارد دیگر تولید کنید. این آموزش، مفاهیم اصلی فیگما را در قالب پروژه ارائه میدهد. در ابتدا محیط و ابزارهای فیگما توضیح داده میشود و بعد از آن تمام ابزارها در قالب یک پروژه مورد استفاده قرار میگیرند و در نهایت نحوه خروجی گرفتن از پروژه توضیح داده میشود.
مناسب برای: طراحی سایت | گرافیک
💲 هزینه اصلی آموزش:۱۳۰,۰۰۰ تومان
🎁 هزینه با احتساب هدیه ویژه انتشار: ۶۵,۰۰۰ تومان
(۵۰ درصد تخفیف)
👈 کد تخفیف: NW2374GM
❗️اعتبار: تا دوشنبه، ۲۳ اسفند ۱۴۰۰
🔗 لینک آموزش: fdrs.ir/vb8z
@FaraDars — فرادرس
@FDPub — تازههای نشر فرادرس
.
🔹 لینک آموزش: fdrs.ir/vb8z
🔖 فیگما، انقلاب و طوفانی را در برنامههای ویرایش گرافیکی بهوجود آوردهاست. Figma یک برنامه ویرایش گرافیکی و طراحی رابط کاربری مبتنی بر وب است. به وسیله این نرمافزار میتوانید رابطهای کاربری بسیار جذاب برای سایتها و اپلیکیشنها، طراحی نمونههای اولیه، ساخت پستهای شبکههای اجتماعی و موارد دیگر تولید کنید. این آموزش، مفاهیم اصلی فیگما را در قالب پروژه ارائه میدهد. در ابتدا محیط و ابزارهای فیگما توضیح داده میشود و بعد از آن تمام ابزارها در قالب یک پروژه مورد استفاده قرار میگیرند و در نهایت نحوه خروجی گرفتن از پروژه توضیح داده میشود.
مناسب برای: طراحی سایت | گرافیک
💲 هزینه اصلی آموزش:
🎁 هزینه با احتساب هدیه ویژه انتشار: ۶۵,۰۰۰ تومان
(۵۰ درصد تخفیف)
👈 کد تخفیف: NW2374GM
❗️اعتبار: تا دوشنبه، ۲۳ اسفند ۱۴۰۰
🔗 لینک آموزش: fdrs.ir/vb8z
@FaraDars — فرادرس
@FDPub — تازههای نشر فرادرس
.
❤1👍1
✳️ آموزش فتوشاپ Photoshop - ویژه عکاسان
چکیده — در این فرادرس با نرم افزار فتوشاپ که یکی از قوی ترین نرم افزارهای ویرایش تصویر است، کار می کنیم و با این نرم افزار قدرتمند با استفاده از تکنیک هایی که در این آموزش ارائه شده می توانید ویرایش و ادیت حرفه ای تصاویر را انجام داده و همچنین یک تصویر جذاب و زیبا را خلق کنید. معمولا عکاسان حرفه ای و غیر حرفه ای هر یک برای ویرایش تصاویر خود، به فتوشاپ وابسته اند. حرفه ای ها برای از بین بردن مشکلات موجود در عکاسی و دادن رنگ و لعابی بهتر به تصاویر خود و مبتدی ها نیز برای پوشاندن ضعف خود! در این آموزش هدف ما این است که هر دو گروه و همچنین گروه مابین این دو، ارتباط را برقرار نموده و مشکلات خود را حل کنند.
کسب اطلاعات بیشتر 👇👇
🔗 آموزش فتوشاپ Photoshop - ویژه عکاسان — کلیک کنید [+]
🤩 پیشنهاد ویژه: این آموزش و سایر آموزشهای فرادرس را در «بزرگترین جشنواره سال ۱۴۰۰ فرادرس»، با ۵۵ درصد تخفیف تهیه کنید.
🎁 کد تخفیف: EYD49
🔗 جشنواره به سوی بهار – [کلیک کنید]
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ آموزش فتوشاپ Photoshop - ویژه عکاسان
چکیده — در این فرادرس با نرم افزار فتوشاپ که یکی از قوی ترین نرم افزارهای ویرایش تصویر است، کار می کنیم و با این نرم افزار قدرتمند با استفاده از تکنیک هایی که در این آموزش ارائه شده می توانید ویرایش و ادیت حرفه ای تصاویر را انجام داده و همچنین یک تصویر جذاب و زیبا را خلق کنید. معمولا عکاسان حرفه ای و غیر حرفه ای هر یک برای ویرایش تصاویر خود، به فتوشاپ وابسته اند. حرفه ای ها برای از بین بردن مشکلات موجود در عکاسی و دادن رنگ و لعابی بهتر به تصاویر خود و مبتدی ها نیز برای پوشاندن ضعف خود! در این آموزش هدف ما این است که هر دو گروه و همچنین گروه مابین این دو، ارتباط را برقرار نموده و مشکلات خود را حل کنند.
کسب اطلاعات بیشتر 👇👇
🔗 آموزش فتوشاپ Photoshop - ویژه عکاسان — کلیک کنید [+]
🤩 پیشنهاد ویژه: این آموزش و سایر آموزشهای فرادرس را در «بزرگترین جشنواره سال ۱۴۰۰ فرادرس»، با ۵۵ درصد تخفیف تهیه کنید.
🎁 کد تخفیف: EYD49
🔗 جشنواره به سوی بهار – [کلیک کنید]
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
❤1
✳️ کاهش مه در عکس با لایتروم — از صفر تا صد
نرمافزار Adobe Lightroom یک اسلایدر دارد که به کاهش مه در عکسها کمک میکند. با استفاده از اسلایدر Dehaze در لایتروم میتوانید این مشکل را در عکسها اصلاح کنید و عکسهایی که به دلیل وجود بخار زیاد یا مهآلود بودن هوا کنار گذاشتهاید، مورد استفاده قرار دهید. حتی در صورتی که با استفاده از ویرایش کنتراست، نوردهی و منحنیهای tone نتوانسته باشید مشکل را حل کنید، اسلایدر Dehaze لایتروم به این گونه عکسها شانس احیای مجدد میدهد. در ادامه این مقاله با روش کاهش مه در عکس با لایت روم آشنا میشویم. در این مسیر روش یافتن این اسلایدر و شیوه استفاده از آن برای احیای تصاویر مناظر را توضیح میدهیم.
══ فهرست مطالب ══
○ دسترسی به ابزار Dehaze در لایت روم
○ ابزار Dehaze در لایتروم نسخه موبایل
○ طرز کار Dehaze در لایتروم چگونه است؟
○ استفاده از Dehaze برای ویرایشهای موضعی
○ سخن پایانی
🔸 دسترسی به ابزار Dehaze در لایت روم
ابزار Dehaze را میتوان در پنل Basic در نرمافزار لایتروم نسخه CC Classic یافت. Dehaze یک قابلیت در لایتروم CC، اپلیکیشنهای موبایل لایتروم و لایتروم وب است و همچنین در نرمافزارهای Camera RAW و Adobe Photoshop CC نیز حضور دارد.
ابزار Dehaze در نسخههای قبلی زیر بخش Effects قرار داشت، اما در نسخه قویتر لایتروم CC Classic به پنل Basic انتقال یافته است. بنابراین ابتدا این پنل را بررسی میکنیم.
– نرمافزار لایتروم را باز کنید.
– به منوی File > Import Photos and Videos بروید. به دنبال عکس مورد نظر خود بگردید و روی Import کلیک کنید.
– به ماژول Develop بروید.
– در سمت راست پنل به پنل Basic بروید (در نسخههای قدیمیتر زیر Effects قرار داشت).
– در بخش Presence اسلایدر Dehaze را به سمت راست بکشید تا میزان مه در عکس کاهش یابد.
– همچنین میتوانید اسلایدر Dehaze را به سمت چپ بکشید تا میزان مه در عکس افزایش یابد. از این گزینه میتوانید به عنوان یک جلوه خلاقانه استفاده کنید.
– برای ریست کردن تغییرات به حالت پیشفرض روی اسلایدر دابل کلیک کنید تا به مقدار خنثی یعنی صفر بازگردد.
مطالعه ادامه مطلب 👇👇
🔗 کاهش مه در عکس با لایتروم — از صفر تا صد — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ کاهش مه در عکس با لایتروم — از صفر تا صد
نرمافزار Adobe Lightroom یک اسلایدر دارد که به کاهش مه در عکسها کمک میکند. با استفاده از اسلایدر Dehaze در لایتروم میتوانید این مشکل را در عکسها اصلاح کنید و عکسهایی که به دلیل وجود بخار زیاد یا مهآلود بودن هوا کنار گذاشتهاید، مورد استفاده قرار دهید. حتی در صورتی که با استفاده از ویرایش کنتراست، نوردهی و منحنیهای tone نتوانسته باشید مشکل را حل کنید، اسلایدر Dehaze لایتروم به این گونه عکسها شانس احیای مجدد میدهد. در ادامه این مقاله با روش کاهش مه در عکس با لایت روم آشنا میشویم. در این مسیر روش یافتن این اسلایدر و شیوه استفاده از آن برای احیای تصاویر مناظر را توضیح میدهیم.
══ فهرست مطالب ══
○ دسترسی به ابزار Dehaze در لایت روم
○ ابزار Dehaze در لایتروم نسخه موبایل
○ طرز کار Dehaze در لایتروم چگونه است؟
○ استفاده از Dehaze برای ویرایشهای موضعی
○ سخن پایانی
🔸 دسترسی به ابزار Dehaze در لایت روم
ابزار Dehaze را میتوان در پنل Basic در نرمافزار لایتروم نسخه CC Classic یافت. Dehaze یک قابلیت در لایتروم CC، اپلیکیشنهای موبایل لایتروم و لایتروم وب است و همچنین در نرمافزارهای Camera RAW و Adobe Photoshop CC نیز حضور دارد.
ابزار Dehaze در نسخههای قبلی زیر بخش Effects قرار داشت، اما در نسخه قویتر لایتروم CC Classic به پنل Basic انتقال یافته است. بنابراین ابتدا این پنل را بررسی میکنیم.
– نرمافزار لایتروم را باز کنید.
– به منوی File > Import Photos and Videos بروید. به دنبال عکس مورد نظر خود بگردید و روی Import کلیک کنید.
– به ماژول Develop بروید.
– در سمت راست پنل به پنل Basic بروید (در نسخههای قدیمیتر زیر Effects قرار داشت).
– در بخش Presence اسلایدر Dehaze را به سمت راست بکشید تا میزان مه در عکس کاهش یابد.
– همچنین میتوانید اسلایدر Dehaze را به سمت چپ بکشید تا میزان مه در عکس افزایش یابد. از این گزینه میتوانید به عنوان یک جلوه خلاقانه استفاده کنید.
– برای ریست کردن تغییرات به حالت پیشفرض روی اسلایدر دابل کلیک کنید تا به مقدار خنثی یعنی صفر بازگردد.
مطالعه ادامه مطلب 👇👇
🔗 کاهش مه در عکس با لایتروم — از صفر تا صد — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
❤1
❇️ فیلم آموزش «موشن گرافیک چیست؟» در ۲۵ دقیقه | به زبان ساده
📌 آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید.
❇️ فیلم آموزش «موشن گرافیک چیست؟» در ۲۵ دقیقه | به زبان ساده
📌 آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید.
✳️ تغییر رنگ مو در فتوشاپ
در این مقاله با روش تغییر رنگ مو در فتوشاپ آشنا میشویم. در این مسیر با روشهای مختلف عوض کردن رنگ اشیا در فتوشاپ و همچنین روش انتخاب دقیق یک شیء و تغییر دادن رنگ آن بدون هرگونه تأثیر جانبی روی تصویر اصلی آشنا خواهیم شد.
══ فهرست مطالب ══
○ انتخاب صرفاً موها در فتوشاپ
○ تغییر رنگ یک تصویر در فتوشاپ
○ سخن پایانی
🔸 انتخاب صرفاً موها در فتوشاپ
این بخش از راهنما، دشوارترین بخش آن محسوب میشود. برای این که مطمئن شوید بهترین نتیجه را به دست میآورید، باید از یک تصویر استفاده کنید که با پسزمینه کنتراست (ترجیحاً سفید) دارد و موها تقریباً سیاه باشند. یا در غیر این صورت از یک تیشرت با رنگ متضاد برای حذف موهای نازک استفاده کنید.
این تصویر همچنین باید با وضوح بالا و شارپ باشد.
عکس را در نرمافزار فتوشاپ باز کنید. ابزار Lasso را در نوار ابزار پیدا کنید و روی آن کلیک کنید تا ابزارهای فرعی باز شوند. ابزار را انتخاب کنید.
🔸 تغییر رنگ یک تصویر در فتوشاپ
در این بخش با مراحل تغییر دادن رنگ موها آشنا میشویم.
اکنون فتوشاپ میداند که چه چیزی را باید تغییر دهد. از این رو زمان آن فرارسیده است که به بخش جالب ماجرا برسیم. به منوی Window > Adjustments بروید و گزینه Hue/Saturation را انتخاب کنید.
با کلیدهای Ctrl+Alt+G اقدام به Clip کردن تغییر بکنید تا تنها موها تأثیر بپذیرند. تیک Colorize را بزنید تا دسترسی کاملی روی همه گزینهها داشته باشید و سپس با اسلایدر Hue کار کنید تا رنگها را تغییر دهید. بدین ترتیب میتوانید رنگهای درون سایه کنونی را بررسی کنید.
مطالعه ادامه مطلب 👇👇
🔗 تغییر رنگ مو در فتوشاپ — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ تغییر رنگ مو در فتوشاپ
در این مقاله با روش تغییر رنگ مو در فتوشاپ آشنا میشویم. در این مسیر با روشهای مختلف عوض کردن رنگ اشیا در فتوشاپ و همچنین روش انتخاب دقیق یک شیء و تغییر دادن رنگ آن بدون هرگونه تأثیر جانبی روی تصویر اصلی آشنا خواهیم شد.
══ فهرست مطالب ══
○ انتخاب صرفاً موها در فتوشاپ
○ تغییر رنگ یک تصویر در فتوشاپ
○ سخن پایانی
🔸 انتخاب صرفاً موها در فتوشاپ
این بخش از راهنما، دشوارترین بخش آن محسوب میشود. برای این که مطمئن شوید بهترین نتیجه را به دست میآورید، باید از یک تصویر استفاده کنید که با پسزمینه کنتراست (ترجیحاً سفید) دارد و موها تقریباً سیاه باشند. یا در غیر این صورت از یک تیشرت با رنگ متضاد برای حذف موهای نازک استفاده کنید.
این تصویر همچنین باید با وضوح بالا و شارپ باشد.
عکس را در نرمافزار فتوشاپ باز کنید. ابزار Lasso را در نوار ابزار پیدا کنید و روی آن کلیک کنید تا ابزارهای فرعی باز شوند. ابزار را انتخاب کنید.
🔸 تغییر رنگ یک تصویر در فتوشاپ
در این بخش با مراحل تغییر دادن رنگ موها آشنا میشویم.
اکنون فتوشاپ میداند که چه چیزی را باید تغییر دهد. از این رو زمان آن فرارسیده است که به بخش جالب ماجرا برسیم. به منوی Window > Adjustments بروید و گزینه Hue/Saturation را انتخاب کنید.
با کلیدهای Ctrl+Alt+G اقدام به Clip کردن تغییر بکنید تا تنها موها تأثیر بپذیرند. تیک Colorize را بزنید تا دسترسی کاملی روی همه گزینهها داشته باشید و سپس با اسلایدر Hue کار کنید تا رنگها را تغییر دهید. بدین ترتیب میتوانید رنگهای درون سایه کنونی را بررسی کنید.
مطالعه ادامه مطلب 👇👇
🔗 تغییر رنگ مو در فتوشاپ — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ ۵ برنامه ادیت فیلم آنلاین رایگان — فهرست کاربردی
اگر به ساخت فیلم و انتشار سریع آنها در شبکههای اجتماعی علاقهمند هستید، در این صورت نیازی به نرمافزارهای ادیت فیلم ویندوزی ندارید، چرا که قادر خواهید بود همین کار را با استفاده از برنامههایی که شامل محدودیتهای پنهانی مانند نمایش واترمارک یا محدودیت زمانی نیستند به صورت رایگان انجام دهید. اکنون که این مقاله نوشته میشود، برنامههای ادیت فیلم آنلاین و رایگان بسیار زیادی وجود دارد، اما بیشتر آنها محدودیتهایی مانند خروجی گرفتن از فیلم تنها با کیفیت HD، محدودیتهای مربوط به زمان یا اندازه فیلم و یا درج اجباری واترمارک روی ویدیوها را با خود به همراه میآورند.
══ فهرست مطالب ══
○ ۱. سایت Mastershot
○ ۲. وبسایت Videoinu
○ ۳. وبسایت Video-Meme
○ ۴. وبسایت Kapwing
○ معرفی مجموعه فیلمهای آموزش تدوین و آهنگسازی فرادرس
○ ۵. وبسایت Vidmix
○ نکته پایانی: برای ادیت آنلاین ویدیو از مرورگر کروم استفاده نکنید
🔸 ۱. سایت Mastershot
Mastershot (+) یک برنامه ادیت فیلم آنلاین ساده است که به صورت کاملا رایگان و بدون تبلیغات یا هزینههای پنهان، نیازهای بنیادین شما هنگام ادیت فیلم را برطرف میسازد. برای استفاده از این ابزار ابتدا باید داخل وبسایت آن ثبت نام کنید، اما پس از ثبت نام، میتوانید ویدیوها را ویرایش کرده و از آنها با وضوح تصویر Full HD خروجی بگیرید.
این برنامه به شما این امکان را میدهد که ویدیوها را کوتاه کنید یا کلیپها را با بهرهگیری از ابزارهای ساده، با یکدیگر ترکیب کنید. افزودن صدا، تصویر یا متن به هر قسمت از ویدیو در این برنامه کاری آسان است و از سوی دیگر میتوانید حجم، اندازه، رنگها و فونتها را هرطور که میخواهید سفارشی کنید. Mastershot همچنین به شما امکان میدهد صدا را از هر ویدیویی استخراج کرده و به طور جداگانه از آن بهره ببرید. همه این موارد در یک رابط کاربری ساده و آسان کنار هم قرار گرفتهاند. به طور کلی، با بهرهمندی از این برنامه قادر خواهید بود تمام ابزارهای اولیه برای ادیت فیلم را به دست آورید.
Mastershot که به طور کامل درون مرورگر کار میکند، با پردازش ویدیوها به صورت بومی، امنیت بیشتر را به کاربران نوید میدهد. این بدان معنا است که ویدیوها بدون اینکه در جایی آپلود شوند در کامپیوتر شما و داخل مرورگر باقی میمانند. همچنین این قابلیت باعث میشود که روند ویرایش بسیار سریعتر از استفاده از برنامهای باشد که در آن، هر تغییر باید قبل از مشاهده در سرورها آپلود شود.
🔸 ۲. وبسایت Videoinu
Videoinu (+) یک برنامه ادیت فیلم مبتنی بر مرورگر است که پس از اولین بارگیری میتواند کاملاً به صورت آفلاین کار کند. برای استفاده از این برنامه نیازی به ثبت نام نیست و در مقایسه با هر برنامه ادیت فیلم آنلاین دیگری که امتحان کردهایم، سریعتر ظاهر میشود.
این برنامه دارای دو نوع ویرایشگر است: ویرایشگر پایه و ویرایشگر پیشرفته. ویرایشگر اصلی برای تبدیل عکسها به فیلم جهت نمایش اسلاید یا یک ارائه کوتاه به همراه یک آهنگ صوتی، گزینهای عالی به حساب میآید. برای این کار عکسها را همراه با یک آهنگ صوتی آپلود کنید تا Videoinu به صورت خودکار اسلایدشو را ایجاد کند. سپس میتوانید اسلایدشو را به صورت رایگان در هر نسبت ابعاد تصویری که بر میگزینید دانلود کنید (مثلا مربع، ۴:۳، ۱۶:۹ یا ۹:۱۶ برای استوری اینستاگرام یا پست اینستاگرام).
مطالعه ادامه مطلب 👇👇
🔗 ۵ برنامه ادیت فیلم آنلاین رایگان — فهرست کاربردی — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
اگر به ساخت فیلم و انتشار سریع آنها در شبکههای اجتماعی علاقهمند هستید، در این صورت نیازی به نرمافزارهای ادیت فیلم ویندوزی ندارید، چرا که قادر خواهید بود همین کار را با استفاده از برنامههایی که شامل محدودیتهای پنهانی مانند نمایش واترمارک یا محدودیت زمانی نیستند به صورت رایگان انجام دهید. اکنون که این مقاله نوشته میشود، برنامههای ادیت فیلم آنلاین و رایگان بسیار زیادی وجود دارد، اما بیشتر آنها محدودیتهایی مانند خروجی گرفتن از فیلم تنها با کیفیت HD، محدودیتهای مربوط به زمان یا اندازه فیلم و یا درج اجباری واترمارک روی ویدیوها را با خود به همراه میآورند.
══ فهرست مطالب ══
○ ۱. سایت Mastershot
○ ۲. وبسایت Videoinu
○ ۳. وبسایت Video-Meme
○ ۴. وبسایت Kapwing
○ معرفی مجموعه فیلمهای آموزش تدوین و آهنگسازی فرادرس
○ ۵. وبسایت Vidmix
○ نکته پایانی: برای ادیت آنلاین ویدیو از مرورگر کروم استفاده نکنید
🔸 ۱. سایت Mastershot
Mastershot (+) یک برنامه ادیت فیلم آنلاین ساده است که به صورت کاملا رایگان و بدون تبلیغات یا هزینههای پنهان، نیازهای بنیادین شما هنگام ادیت فیلم را برطرف میسازد. برای استفاده از این ابزار ابتدا باید داخل وبسایت آن ثبت نام کنید، اما پس از ثبت نام، میتوانید ویدیوها را ویرایش کرده و از آنها با وضوح تصویر Full HD خروجی بگیرید.
این برنامه به شما این امکان را میدهد که ویدیوها را کوتاه کنید یا کلیپها را با بهرهگیری از ابزارهای ساده، با یکدیگر ترکیب کنید. افزودن صدا، تصویر یا متن به هر قسمت از ویدیو در این برنامه کاری آسان است و از سوی دیگر میتوانید حجم، اندازه، رنگها و فونتها را هرطور که میخواهید سفارشی کنید. Mastershot همچنین به شما امکان میدهد صدا را از هر ویدیویی استخراج کرده و به طور جداگانه از آن بهره ببرید. همه این موارد در یک رابط کاربری ساده و آسان کنار هم قرار گرفتهاند. به طور کلی، با بهرهمندی از این برنامه قادر خواهید بود تمام ابزارهای اولیه برای ادیت فیلم را به دست آورید.
Mastershot که به طور کامل درون مرورگر کار میکند، با پردازش ویدیوها به صورت بومی، امنیت بیشتر را به کاربران نوید میدهد. این بدان معنا است که ویدیوها بدون اینکه در جایی آپلود شوند در کامپیوتر شما و داخل مرورگر باقی میمانند. همچنین این قابلیت باعث میشود که روند ویرایش بسیار سریعتر از استفاده از برنامهای باشد که در آن، هر تغییر باید قبل از مشاهده در سرورها آپلود شود.
🔸 ۲. وبسایت Videoinu
Videoinu (+) یک برنامه ادیت فیلم مبتنی بر مرورگر است که پس از اولین بارگیری میتواند کاملاً به صورت آفلاین کار کند. برای استفاده از این برنامه نیازی به ثبت نام نیست و در مقایسه با هر برنامه ادیت فیلم آنلاین دیگری که امتحان کردهایم، سریعتر ظاهر میشود.
این برنامه دارای دو نوع ویرایشگر است: ویرایشگر پایه و ویرایشگر پیشرفته. ویرایشگر اصلی برای تبدیل عکسها به فیلم جهت نمایش اسلاید یا یک ارائه کوتاه به همراه یک آهنگ صوتی، گزینهای عالی به حساب میآید. برای این کار عکسها را همراه با یک آهنگ صوتی آپلود کنید تا Videoinu به صورت خودکار اسلایدشو را ایجاد کند. سپس میتوانید اسلایدشو را به صورت رایگان در هر نسبت ابعاد تصویری که بر میگزینید دانلود کنید (مثلا مربع، ۴:۳، ۱۶:۹ یا ۹:۱۶ برای استوری اینستاگرام یا پست اینستاگرام).
مطالعه ادامه مطلب 👇👇
🔗 ۵ برنامه ادیت فیلم آنلاین رایگان — فهرست کاربردی — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
👍2
✳️ تبدیل PSD به HTML و CSS — گام به گام و پروژه محور
طراحی وبسایت شامل مراحل مختلفی است و یکی از مهمترین مراحل در زمان طراحی یک وبسایت تبدیل فایلهای PSD به HTML است. در این راهنما با رویکردهای مختلف برای تسهیل فرایند تبدیل PSD به HTML و CSS آشنا خواهیم شد. اما پیش از آن کمی با مفاهیم کلی مورد بحث در این مقاله آشنا میشویم.
══ فهرست مطالب ══
○ PSD چیست؟
○ HTML چیست؟
○ چرا مستقیماً کدهای HTML را نمینویسیم؟
○ رویکردهای مختلف برای تبدیل PSD به HTML
○ اجزای مختلف وبسایت
○ قطعهبندی
○ ایجاد دایرکتوریهای مورد نیاز
○ کار با صفحه HTML
○ بهترین رویههای تبدیل PSD به HTML
○ پروژه عملی تبدیل PSD به HTML
○ سخن پایانی
🔸 PSD چیست؟
PSD اختصاری برای عبارت «سند فتوشاپ» (Photoshop Document) است. فتوشاپ یکی از محبوبترین نرمافزارهای ادیت عکس است. با استفاده از این برنامه میتوانید تصاویر را ویرایش کنید، با استفاده از رویکرد لایهبندی، طراحیهایی خلق کنید و طراحیهای خود را در قالبهای مختلف ذخیره نمایید.
فرمت فایل پیشفرض فتوشاپ PSD است. طراحان وب ترجیح میدهند که نخست طراحیهای خود را در فتوشاپ اجرا کنند و سپس آن را به قالب HTML تبدیل نمایند در اغلب موارد فرایند تبدیل PSD به کد نه از سوی خود طراحان بلکه از سوی کارشناسان کدنویسی انجام مییابد.
🔸 HTML چیست؟
HTML اختصاری برای عبارت «زبان نشانهگذاری ابرمتن» (Hyper Text Markup Language) است. HTML یک زبان رایج برای ساخت صفحههای وب محسوب میشود. این زبان کدنویسی از تگهای پیشتعریفشده بهره میگیرد. اگر میخواهید طراحیهای PSD را به HTML تبدیل کنید باید با مفاهیم و تگهای این زبان آشنا باشید. نسخههای متخلفی از HTML وجود دارد، اما در زمان تبدیل طراحی به این زبان باید از جدیدترین نسخه آن بهره بگیرید تا مطمئن شوید که بیشترین سطح سازگاری را با مرورگرهای مختلف به دست میآورید. جدیدترین نسخه HTML در حال حاضر نسخه HTML۵ است.
طراحی وب یک فرایند خلاقانه است و اگر بخواهید مستقیماً شروع به کدنویسی بکنید، ممکن است این خلاقیت و وجه زیباییشناختی کار را از دست بدهید. علاوه بر این زمانی که یک بازنمایی گرافیکی از نسخه نهایی وبسایت در اختیار نداشته باشید، مشاهده مسیری که طی میکنید دشوار خواهد بود.
مطالعه ادامه مطلب 👇👇
🔗 تبدیل PSD به HTML و CSS — گام به گام و پروژه محور — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ تبدیل PSD به HTML و CSS — گام به گام و پروژه محور
طراحی وبسایت شامل مراحل مختلفی است و یکی از مهمترین مراحل در زمان طراحی یک وبسایت تبدیل فایلهای PSD به HTML است. در این راهنما با رویکردهای مختلف برای تسهیل فرایند تبدیل PSD به HTML و CSS آشنا خواهیم شد. اما پیش از آن کمی با مفاهیم کلی مورد بحث در این مقاله آشنا میشویم.
══ فهرست مطالب ══
○ PSD چیست؟
○ HTML چیست؟
○ چرا مستقیماً کدهای HTML را نمینویسیم؟
○ رویکردهای مختلف برای تبدیل PSD به HTML
○ اجزای مختلف وبسایت
○ قطعهبندی
○ ایجاد دایرکتوریهای مورد نیاز
○ کار با صفحه HTML
○ بهترین رویههای تبدیل PSD به HTML
○ پروژه عملی تبدیل PSD به HTML
○ سخن پایانی
🔸 PSD چیست؟
PSD اختصاری برای عبارت «سند فتوشاپ» (Photoshop Document) است. فتوشاپ یکی از محبوبترین نرمافزارهای ادیت عکس است. با استفاده از این برنامه میتوانید تصاویر را ویرایش کنید، با استفاده از رویکرد لایهبندی، طراحیهایی خلق کنید و طراحیهای خود را در قالبهای مختلف ذخیره نمایید.
فرمت فایل پیشفرض فتوشاپ PSD است. طراحان وب ترجیح میدهند که نخست طراحیهای خود را در فتوشاپ اجرا کنند و سپس آن را به قالب HTML تبدیل نمایند در اغلب موارد فرایند تبدیل PSD به کد نه از سوی خود طراحان بلکه از سوی کارشناسان کدنویسی انجام مییابد.
🔸 HTML چیست؟
HTML اختصاری برای عبارت «زبان نشانهگذاری ابرمتن» (Hyper Text Markup Language) است. HTML یک زبان رایج برای ساخت صفحههای وب محسوب میشود. این زبان کدنویسی از تگهای پیشتعریفشده بهره میگیرد. اگر میخواهید طراحیهای PSD را به HTML تبدیل کنید باید با مفاهیم و تگهای این زبان آشنا باشید. نسخههای متخلفی از HTML وجود دارد، اما در زمان تبدیل طراحی به این زبان باید از جدیدترین نسخه آن بهره بگیرید تا مطمئن شوید که بیشترین سطح سازگاری را با مرورگرهای مختلف به دست میآورید. جدیدترین نسخه HTML در حال حاضر نسخه HTML۵ است.
طراحی وب یک فرایند خلاقانه است و اگر بخواهید مستقیماً شروع به کدنویسی بکنید، ممکن است این خلاقیت و وجه زیباییشناختی کار را از دست بدهید. علاوه بر این زمانی که یک بازنمایی گرافیکی از نسخه نهایی وبسایت در اختیار نداشته باشید، مشاهده مسیری که طی میکنید دشوار خواهد بود.
مطالعه ادامه مطلب 👇👇
🔗 تبدیل PSD به HTML و CSS — گام به گام و پروژه محور — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
👍1
✳️ آموزش طراحی پوستر با فتوشاپ | تصویری و گام به گام (+ فیلم آموزش گام به گام رایگان)
در آموزشهای پیشین «مجله فرادرس» نحوه طراحی بروشور و بنر تبلیغاتی را یاد گرفتیم. همچنین یاد گرفتیم که چطور یک کاور آلبوم موسیقی یا آلبوم دیجیتال عروس و داماد طراحی کنیم. در این آموزش قصد داریم تا آموختههای پیشین را برای طراحی پوستر با فتوشاپ بکار بگیریم. در آموزش طراحی پوستر با فتوشاپ از وکتورهای مختلفی برای ایجاد جلوههای نوری و بافت استفاده میکنیم که در ادامه متن، تصاویر برای دانلود قرار داده شدهاند. همچنین میتوانید از تصاویر دلخواه خود نیز استفاده کنید.
══ فهرست مطالب ══
○ مطالبی پیرامون آموزش طراحی پوستر با فتوشاپ
○ مهارتهای لازم برای طراحی پوستر با فتوشاپ
○ آموزش گام به گام طراحی پوستر با فتوشاپ
○ معرفی فیلم آموزش فتوشاپ برای استفاده در صنعت چاپ و تبلیغات
🔸 مطالبی پیرامون آموزش طراحی پوستر با فتوشاپ
طراحی پوستر با فتوشاپ کار پیچیدهای نیست و اگر قدری با نرمافزار فتوشاپ و عناصر طراحی آشنایی داشته باشید میتوانید یک پوستر مناسب را طراحی کنید. در مرحله اول باید اندازه و وضوح سند خود را مشخص کنید. سپس با کمک هارمونی رنگ، یک رنگ پسزمینه برای پوستر خود انتخاب کنید به گونهای که با سایر تصاویر و متنهای شما در پوستر، همخوانی داشته باشد. در ادامه نیز باید تصاویر طراحیشده را به شکلی مناسب در کنار یکدیگر بچینید تا در صورت نیاز، مانند یک بنر تبلیغاتی، اطلاعات لازم را به بیننده ارائه دهد.
🔸 مهارتهای لازم برای طراحی پوستر با فتوشاپ
در طول این متن بارها از تکنیکهایی استفاده میکنیم تا تصویر خروجی ما جلوه بهتری داشته باشد. با توجه به اینکه ممکن است با این تکنیکها آشنایی نداشته باشید، توضیح مختصری در رابطه با آنها ارائه خواهیم کرد. اولین نکتهای که باید بررسی کنیم، استفاده از «حالتهای ترکیبی» (Blending Modes) یک لایه است تا بتوان رنگهای لایه بالاتر را به شکل دلخواه با لایههای پایینی ادغام کرد. برای این کار کافی است از پنل لایهها، لایه مورد نظر را انتخاب و همانند تصویر زیر از فهرست باز شده، حالت مورد نظر را انتخاب کنید.
مورد دیگری که به هنگام آموزش طراحی پوستر با فتوشاپ باید یاد بگیریم، کار با «Gradient Tool» است. با انتخاب این ابزار، نواری در بالای صفحه ایجاد میشود که حالتهای مختلف یک گرادیان رنگی را میتوانید در آن مشخص کنید.
علاوه بر این، برای تنظیمات دقیقتر گرادیان کافی است بر روی نوار رنگی آن کلیک کنید تا بتوانید نوع گرادیان ایجاد شده را سفارشیسازی کنید. برای اطلاعات بیشتر جهت نحوه تنظیم این بخش پیشنهاد میکنیم مطلب «طراحی مهر ژلاتینی با فتوشاپ + (فیلم آموزش گام به گام رایگان) را مطالعه کنید.
مطالعه ادامه مطلب 👇👇
🔗 آموزش طراحی پوستر با فتوشاپ | تصویری و گام به گام (+ فیلم آموزش گام به گام رایگان) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ آموزش طراحی پوستر با فتوشاپ | تصویری و گام به گام (+ فیلم آموزش گام به گام رایگان)
در آموزشهای پیشین «مجله فرادرس» نحوه طراحی بروشور و بنر تبلیغاتی را یاد گرفتیم. همچنین یاد گرفتیم که چطور یک کاور آلبوم موسیقی یا آلبوم دیجیتال عروس و داماد طراحی کنیم. در این آموزش قصد داریم تا آموختههای پیشین را برای طراحی پوستر با فتوشاپ بکار بگیریم. در آموزش طراحی پوستر با فتوشاپ از وکتورهای مختلفی برای ایجاد جلوههای نوری و بافت استفاده میکنیم که در ادامه متن، تصاویر برای دانلود قرار داده شدهاند. همچنین میتوانید از تصاویر دلخواه خود نیز استفاده کنید.
══ فهرست مطالب ══
○ مطالبی پیرامون آموزش طراحی پوستر با فتوشاپ
○ مهارتهای لازم برای طراحی پوستر با فتوشاپ
○ آموزش گام به گام طراحی پوستر با فتوشاپ
○ معرفی فیلم آموزش فتوشاپ برای استفاده در صنعت چاپ و تبلیغات
🔸 مطالبی پیرامون آموزش طراحی پوستر با فتوشاپ
طراحی پوستر با فتوشاپ کار پیچیدهای نیست و اگر قدری با نرمافزار فتوشاپ و عناصر طراحی آشنایی داشته باشید میتوانید یک پوستر مناسب را طراحی کنید. در مرحله اول باید اندازه و وضوح سند خود را مشخص کنید. سپس با کمک هارمونی رنگ، یک رنگ پسزمینه برای پوستر خود انتخاب کنید به گونهای که با سایر تصاویر و متنهای شما در پوستر، همخوانی داشته باشد. در ادامه نیز باید تصاویر طراحیشده را به شکلی مناسب در کنار یکدیگر بچینید تا در صورت نیاز، مانند یک بنر تبلیغاتی، اطلاعات لازم را به بیننده ارائه دهد.
🔸 مهارتهای لازم برای طراحی پوستر با فتوشاپ
در طول این متن بارها از تکنیکهایی استفاده میکنیم تا تصویر خروجی ما جلوه بهتری داشته باشد. با توجه به اینکه ممکن است با این تکنیکها آشنایی نداشته باشید، توضیح مختصری در رابطه با آنها ارائه خواهیم کرد. اولین نکتهای که باید بررسی کنیم، استفاده از «حالتهای ترکیبی» (Blending Modes) یک لایه است تا بتوان رنگهای لایه بالاتر را به شکل دلخواه با لایههای پایینی ادغام کرد. برای این کار کافی است از پنل لایهها، لایه مورد نظر را انتخاب و همانند تصویر زیر از فهرست باز شده، حالت مورد نظر را انتخاب کنید.
مورد دیگری که به هنگام آموزش طراحی پوستر با فتوشاپ باید یاد بگیریم، کار با «Gradient Tool» است. با انتخاب این ابزار، نواری در بالای صفحه ایجاد میشود که حالتهای مختلف یک گرادیان رنگی را میتوانید در آن مشخص کنید.
علاوه بر این، برای تنظیمات دقیقتر گرادیان کافی است بر روی نوار رنگی آن کلیک کنید تا بتوانید نوع گرادیان ایجاد شده را سفارشیسازی کنید. برای اطلاعات بیشتر جهت نحوه تنظیم این بخش پیشنهاد میکنیم مطلب «طراحی مهر ژلاتینی با فتوشاپ + (فیلم آموزش گام به گام رایگان) را مطالعه کنید.
مطالعه ادامه مطلب 👇👇
🔗 آموزش طراحی پوستر با فتوشاپ | تصویری و گام به گام (+ فیلم آموزش گام به گام رایگان) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ مدت زمان یادگیری فتوشاپ چقدر است و چطور حرفه ای شویم؟ (+ فیلم آموزش رایگان)
یکی از سوالاتی که ذهن بسیاری از افراد را در ابتدای ورود به رشته عکاسی یا رشتههای مرتبط با طراحی درگیر میکند، آشنایی با نرمافزارهای مربوط به این رشتهها، هزینه و مدت زمان یادگیری آنها است. از جمله نرمافزارهای پرکاربرد و مشترک بین این رشتهها، نرمافزار فتوشاپ است. در نتیجه، اینکه مدت زمان یادگیری فتوشاپ چقدر است سوال بسیاری از این افراد را تشکیل میدهد. علاوه بر این، با گسترش دیجیتال مارکتینگ، از جمله روشهای تولید محتوای مناسب، ارائه بنرهای تبلیغاتی یا تنظیم پستهایی است که به لحاظ بصری مناسب باشند.
══ فهرست مطالب ══
○ ابزارهای مورد نیاز برای یادگیری فتوشاپ
○ یادگیری ابزارهای فتوشاپ
○ انجام پروژههای ساده برای آشنایی با فتوشاپ
○ مفهوم لایهها در فتوشاپ
○ مرور مطالب قبلی
○ آشنایی با انتخاب نواحی مختلف و ایجاد ماسک
○ مبانی روتوش عکس با فتوشاپ
○ مونتاژ عکس با فتوشاپ
○ شروع به طراحی با فتوشاپ
○ معرفی مجموعه فیلم آموزش فتوشاپ فرادرس
○ جمع بندی مدت زمان یادگیری فتوشاپ
○ مزایای یادگیری فتوشاپ
🔸 ابزارهای مورد نیاز برای یادگیری فتوشاپ
پیش از آنکه بخواهید یادگیری این نرمافزار را شروع و مدت زمان یادگیری فتوشاپ را بررسی کنید باید تجهیزات و ابزارهای مورد نیاز این نرمافزار را بشناسید.
فتوشاپ را میتوان با سادهترین کامپیوترها نیز اجرا کرد اما مانند هر نرمافزار گرافیکی دیگری، داشتن کارت گرافیک مناسب به همراه رم بالا میتواند عملکرد بهتری را به همراه داشته باشد. برای اجرای روان این نرمافزار نیز نیازی به سیپییوهای گرانقیمت وجود ندارد. البته برای طراحی در ابعاد بزرگ و استفاده از فضای سهبعدی باید از پردازندههای مناسبی استفاده کرد.
🔸 یادگیری ابزارهای فتوشاپ
بعد از تهیه سیستم مورد نیاز و نصب نرمافزار، در صفحه اصلی نرمافزار، کلیدهای «Ctrl+N» را فشار دهید یا اینکه از مسیر «File > New» یک پرونده جدید باز کنید. به طور مثال میتوانید تنظیمات زیر را برای این پرونده در نظر بگیرید.
در صفحه اصلی و سمت چپ، مجموعهای از ابزارها را مشاهده میکنید. این ابزارها در مجموع بیش از ۶۰ ابزار مختلف را تشکیل میدهند که یادگیری آنها به ترتیب، علاوه بر اینکه بسیار زمانبر خواهد بود، مدت زمان یادگیری فتوشاپ را نیز افزایش میدهد و انگیزه فرد نیز برای ادامه کار کاهش پیدا میکند. علاوه بر این، یادگیری این ابزارها باید همراه با پروژههای آموزشی باشد تا در ذهن شخص ماندگار شود.
البته قرار نیست این ابزارها را رها کنیم بلکه و برعکس سعی میکنیم به شکلی ابتدایی آنها را یاد بگیریم. به طور معمول، این ابزارها در گروههایی تقسیمبندی شدهاند و میتوان با کلیک راست بر روی آیکون هر ابزار، به سایر ابزارها دسترسی پیدا کرد. البته در نسخههای بعد از سال ۲۰۱۸ این نرمافزار، کافی است ماوس خود را چند لحظه بر روی ابزار نگهدارید تا پیشنمایشی از نحوه کار ابزار و کلید میانبر آن برای شما نمایش داده شود و به طور کامل با آن آشنا شوید.
مطالعه ادامه مطلب 👇👇
🔗 مدت زمان یادگیری فتوشاپ چقدر است و چطور حرفه ای شویم؟ (+ فیلم آموزش رایگان) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ مدت زمان یادگیری فتوشاپ چقدر است و چطور حرفه ای شویم؟ (+ فیلم آموزش رایگان)
یکی از سوالاتی که ذهن بسیاری از افراد را در ابتدای ورود به رشته عکاسی یا رشتههای مرتبط با طراحی درگیر میکند، آشنایی با نرمافزارهای مربوط به این رشتهها، هزینه و مدت زمان یادگیری آنها است. از جمله نرمافزارهای پرکاربرد و مشترک بین این رشتهها، نرمافزار فتوشاپ است. در نتیجه، اینکه مدت زمان یادگیری فتوشاپ چقدر است سوال بسیاری از این افراد را تشکیل میدهد. علاوه بر این، با گسترش دیجیتال مارکتینگ، از جمله روشهای تولید محتوای مناسب، ارائه بنرهای تبلیغاتی یا تنظیم پستهایی است که به لحاظ بصری مناسب باشند.
══ فهرست مطالب ══
○ ابزارهای مورد نیاز برای یادگیری فتوشاپ
○ یادگیری ابزارهای فتوشاپ
○ انجام پروژههای ساده برای آشنایی با فتوشاپ
○ مفهوم لایهها در فتوشاپ
○ مرور مطالب قبلی
○ آشنایی با انتخاب نواحی مختلف و ایجاد ماسک
○ مبانی روتوش عکس با فتوشاپ
○ مونتاژ عکس با فتوشاپ
○ شروع به طراحی با فتوشاپ
○ معرفی مجموعه فیلم آموزش فتوشاپ فرادرس
○ جمع بندی مدت زمان یادگیری فتوشاپ
○ مزایای یادگیری فتوشاپ
🔸 ابزارهای مورد نیاز برای یادگیری فتوشاپ
پیش از آنکه بخواهید یادگیری این نرمافزار را شروع و مدت زمان یادگیری فتوشاپ را بررسی کنید باید تجهیزات و ابزارهای مورد نیاز این نرمافزار را بشناسید.
فتوشاپ را میتوان با سادهترین کامپیوترها نیز اجرا کرد اما مانند هر نرمافزار گرافیکی دیگری، داشتن کارت گرافیک مناسب به همراه رم بالا میتواند عملکرد بهتری را به همراه داشته باشد. برای اجرای روان این نرمافزار نیز نیازی به سیپییوهای گرانقیمت وجود ندارد. البته برای طراحی در ابعاد بزرگ و استفاده از فضای سهبعدی باید از پردازندههای مناسبی استفاده کرد.
🔸 یادگیری ابزارهای فتوشاپ
بعد از تهیه سیستم مورد نیاز و نصب نرمافزار، در صفحه اصلی نرمافزار، کلیدهای «Ctrl+N» را فشار دهید یا اینکه از مسیر «File > New» یک پرونده جدید باز کنید. به طور مثال میتوانید تنظیمات زیر را برای این پرونده در نظر بگیرید.
در صفحه اصلی و سمت چپ، مجموعهای از ابزارها را مشاهده میکنید. این ابزارها در مجموع بیش از ۶۰ ابزار مختلف را تشکیل میدهند که یادگیری آنها به ترتیب، علاوه بر اینکه بسیار زمانبر خواهد بود، مدت زمان یادگیری فتوشاپ را نیز افزایش میدهد و انگیزه فرد نیز برای ادامه کار کاهش پیدا میکند. علاوه بر این، یادگیری این ابزارها باید همراه با پروژههای آموزشی باشد تا در ذهن شخص ماندگار شود.
البته قرار نیست این ابزارها را رها کنیم بلکه و برعکس سعی میکنیم به شکلی ابتدایی آنها را یاد بگیریم. به طور معمول، این ابزارها در گروههایی تقسیمبندی شدهاند و میتوان با کلیک راست بر روی آیکون هر ابزار، به سایر ابزارها دسترسی پیدا کرد. البته در نسخههای بعد از سال ۲۰۱۸ این نرمافزار، کافی است ماوس خود را چند لحظه بر روی ابزار نگهدارید تا پیشنمایشی از نحوه کار ابزار و کلید میانبر آن برای شما نمایش داده شود و به طور کامل با آن آشنا شوید.
مطالعه ادامه مطلب 👇👇
🔗 مدت زمان یادگیری فتوشاپ چقدر است و چطور حرفه ای شویم؟ (+ فیلم آموزش رایگان) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ آموزش CMYK در فتوشاپ — تبدیل به RGB و کدها
حالت «CMYK» یا حالت ۴ رنگ، یکی از معروفترین حالتهای رنگی مورد استفاده در چاپ رنگی به شمار میآید. CMYK حروف اول چهار رنگ به نامهای «فیروزهای» (Cyan)، «ارغوانی» (Magenta)، «زرد» (Yellow) و «مشکی» (Black) است. البته در صحبتهای محاورهای این رنگها را به ترتیب، آبی، قرمز، زرد و مشکی مینامند اما ما در این متن بر روی معانی اصلی تمرکز میکنیم. یکی از حالتهای رنگی که در فتوشاپ مورد استفاده قرار میگیرد، مد رنگی CMYK است که در این مطلب قصد داریم یاد بگیریم که CMYK در فتوشاپ چیست و تنظیمات مختلف آنرا با یکدیگر مرور کنیم.
══ فهرست مطالب ══
○ CMYK چیست ؟
○ چه زمان از CMYK استفاده کنیم؟
○ فرمول تبدیل CMYK به RGB
○ بهترین فرمت های مورد استفاده در CMYK
○ تفاوت RGB و CMYK در فتوشاپ
○ آیا CMYK بهتر از RGB است؟
○ تنظیمات رنگ CMYK در فتوشاپ
○ فیلم آموزش فتوشاپ برای استفاده در صنعت چاپ و تبلیغات
🔸 CMYK چیست ؟
CMYK یک مدل «رنگ کاهشی» (Subtractive Color) است به این معنی که در این مدل، رنگها به پسزمینهای سفید اضافه میشوند و در نتیجه، روشنایی پسزمینه را کاهش میدهند. در حقیقت، هر رنگ، با اضافه شدن در هر لایه، مقداری از «Brightness» را کاهش خواهد داد و زمانیکه تمامی رنگها با یکدیگر ترکیب شوند، به رنگ مشکی میرسیم. با توجه به اینکه تولید رنگ مشکی از رنگهای فیروزهای، ارغوانی و زرد کمی دشوار است، رنگ مشکی به طور جداگانه به فرآیند اضافه میشود. رنگها در CMYK به درصدهای مختلفی تقسیم میشوند و برای تولید هر رنگ، درصد خاصی از رنگها مورد استفاده قرار میگیرند.
به طور مثال، رنگ سبز را میتوان با ترکیب ۱۰۰ درصد فیروزهای، صفر درصد ارغوانی، ۱۰۰ درصد زرد و صفر درصد رنگ مشکی بدست آورد. به طور معمول نیز برای چاپ باید رنگها را به CMYK تبدیل کنیم. هیچ سیستم دقیق و کاملی برای تبدیل رنگهای «RGB» (قرمز، سبز و آبی) به CMYK وجود ندارد. با این وجود، با استفاده از حالت CMYK در فتوشاپ میتوانیم این تبدیل را انجام دهیم. توجه داشته باشید، از آنجایی که نمایشگرها، تصویر را به صورت RGB نشان میدهند، بنابراین به طور دقیق نمیتوان تصویر CMYK را در آنها مشاهده کرد.
🔸 چه زمان از CMYK استفاده کنیم؟
اگر طراحی نهایی شما به طور فیزیکی به چاپ میرسد، حتما پیش از شروع طراحی، حالت رنگ در نرمافزار را به CMYK تغییر دهید. با این کار، به نتایج دقیقتری در چاپ میرسید. البته اگر این تبدیل را انجام ندهید هم به طور خودکار به هنگام چاپ، این تبدیل انجام میشود اما مشکلی که وجود دارد این است که هیچ پیشبینی دقیقی از رنگ خروجی پیش از چاپ نخواهید داشت.
برای اینکه از CMYK در فتوشاپ استفاده کنید دو راه کلی وجود دارد. اول اینکه پیش از شروع طراحی و به هنگام باز کردن پرونده جدید از منوی «File»، حالت رنگ را از «RGB» به «CMYK Color» تغییر دهید.
مطالعه ادامه مطلب 👇👇
🔗 CMYK در فتوشاپ — تبدیل به RGB و کدها (+ فیلم آموزش رایگان) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ آموزش CMYK در فتوشاپ — تبدیل به RGB و کدها
حالت «CMYK» یا حالت ۴ رنگ، یکی از معروفترین حالتهای رنگی مورد استفاده در چاپ رنگی به شمار میآید. CMYK حروف اول چهار رنگ به نامهای «فیروزهای» (Cyan)، «ارغوانی» (Magenta)، «زرد» (Yellow) و «مشکی» (Black) است. البته در صحبتهای محاورهای این رنگها را به ترتیب، آبی، قرمز، زرد و مشکی مینامند اما ما در این متن بر روی معانی اصلی تمرکز میکنیم. یکی از حالتهای رنگی که در فتوشاپ مورد استفاده قرار میگیرد، مد رنگی CMYK است که در این مطلب قصد داریم یاد بگیریم که CMYK در فتوشاپ چیست و تنظیمات مختلف آنرا با یکدیگر مرور کنیم.
══ فهرست مطالب ══
○ CMYK چیست ؟
○ چه زمان از CMYK استفاده کنیم؟
○ فرمول تبدیل CMYK به RGB
○ بهترین فرمت های مورد استفاده در CMYK
○ تفاوت RGB و CMYK در فتوشاپ
○ آیا CMYK بهتر از RGB است؟
○ تنظیمات رنگ CMYK در فتوشاپ
○ فیلم آموزش فتوشاپ برای استفاده در صنعت چاپ و تبلیغات
🔸 CMYK چیست ؟
CMYK یک مدل «رنگ کاهشی» (Subtractive Color) است به این معنی که در این مدل، رنگها به پسزمینهای سفید اضافه میشوند و در نتیجه، روشنایی پسزمینه را کاهش میدهند. در حقیقت، هر رنگ، با اضافه شدن در هر لایه، مقداری از «Brightness» را کاهش خواهد داد و زمانیکه تمامی رنگها با یکدیگر ترکیب شوند، به رنگ مشکی میرسیم. با توجه به اینکه تولید رنگ مشکی از رنگهای فیروزهای، ارغوانی و زرد کمی دشوار است، رنگ مشکی به طور جداگانه به فرآیند اضافه میشود. رنگها در CMYK به درصدهای مختلفی تقسیم میشوند و برای تولید هر رنگ، درصد خاصی از رنگها مورد استفاده قرار میگیرند.
به طور مثال، رنگ سبز را میتوان با ترکیب ۱۰۰ درصد فیروزهای، صفر درصد ارغوانی، ۱۰۰ درصد زرد و صفر درصد رنگ مشکی بدست آورد. به طور معمول نیز برای چاپ باید رنگها را به CMYK تبدیل کنیم. هیچ سیستم دقیق و کاملی برای تبدیل رنگهای «RGB» (قرمز، سبز و آبی) به CMYK وجود ندارد. با این وجود، با استفاده از حالت CMYK در فتوشاپ میتوانیم این تبدیل را انجام دهیم. توجه داشته باشید، از آنجایی که نمایشگرها، تصویر را به صورت RGB نشان میدهند، بنابراین به طور دقیق نمیتوان تصویر CMYK را در آنها مشاهده کرد.
🔸 چه زمان از CMYK استفاده کنیم؟
اگر طراحی نهایی شما به طور فیزیکی به چاپ میرسد، حتما پیش از شروع طراحی، حالت رنگ در نرمافزار را به CMYK تغییر دهید. با این کار، به نتایج دقیقتری در چاپ میرسید. البته اگر این تبدیل را انجام ندهید هم به طور خودکار به هنگام چاپ، این تبدیل انجام میشود اما مشکلی که وجود دارد این است که هیچ پیشبینی دقیقی از رنگ خروجی پیش از چاپ نخواهید داشت.
برای اینکه از CMYK در فتوشاپ استفاده کنید دو راه کلی وجود دارد. اول اینکه پیش از شروع طراحی و به هنگام باز کردن پرونده جدید از منوی «File»، حالت رنگ را از «RGB» به «CMYK Color» تغییر دهید.
مطالعه ادامه مطلب 👇👇
🔗 CMYK در فتوشاپ — تبدیل به RGB و کدها (+ فیلم آموزش رایگان) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
👍1
✳️ روتوش عکس | آموزش و معرفی مهمترین روشها و تکنیکها
عکاسان پرتره همواره سعی در ارائه عکسی با بالاترین کیفیت پوست هستند. رسیدن به چنین کیفیتی به طور معمول به کمک روتوش عکس انجام میشود اما باید توجه داشت که این رتوش عکس باید به گونهای انجام گیرد تا بافت پوست حالتی طبیعی داشته باشد و شکلی عروسکی به خود نگیرد. البته نحوه آرایش و نورپردازی، از مبانی اصلی در بدست آوردن عکسی با پوست مناسب به شمار میآید اما روتوش عکس نقش عمل «پرداخت» (Polish) عکس را ایفا میکند.
══ فهرست مطالب ══
○ روش لایه روتوش
○ تکنیک روتوش فرکانسی یا جدایش فرکانسی
○ تکنیک byRo
○ تنظیمات نهایی در روتوش عکس
○ معرفی فیلم آموزش آموزش فتوشاپ – ویژه عکاسان
○ روتوش سریع عکس در فتوشاپ
○ معرفی نرم افزار روتوش عکس
○ معرفی فیلم آموزش Adobe Lightroom برای ویرایش و روتوش تصاویر
○ برنامه روتوش عکس در موبایل
🔸 روش لایه روتوش
در فرآیند رتوش عکس، انجام عملیات سادهای به خصوص در زمان رتوش پوست میتواند ما را به خواسته خود برساند. با استفاده از تکنیک «لایه روتوش» (Touch-Up Layer) میتوانیم به سادگی جوشهای صورت را اصلاح و حذف کنیم. علاوه بر این، به کمک این روش میتوانیم پوستهپوسته شدنهای حاصل از آرایش صورت را به همراه گرد و غبار و تارهای موی روی صورت را نیز حذف کنیم.
از روش لایه رتوش در موارد دیگری نیز میتوانید بهره بگیرید. به طور مثال، زمانیکه رژ لب در اطراف صورت پخش شده است یا جهت اصلاح خط چشم، این روش نیز مناسب خواهد بود. چنین روشی جهت روتوش عکس برای اصلاح کلی پوست، صورتهای لکدار و همچنین جوشهای زیاد روی پوست مناسب نیست. در ادامه، مراحل رتوش عکس را به کمک این روش به صورت گام به گام بررسی میکنیم.
🔸 تکنیک روتوش فرکانسی یا جدایش فرکانسی
در ادامه معرفی تکنیکهای روتوش عکس میخواهیم روش «جدایش فرکانسی» (Frequency Separation) را بررسی کنیم. به کمک این روش میتوانیم تون و رنگ پوست را از بافت آن جدا کنیم و کنترل بهتری برای رتوش داشته باشیم. انجامپذیر بودن این روش در تصاویر دیجیتال به این دلیل است چنین تصاویری را میتوان به صورت فرکانسهایی با امواج سینوسی توصیف کرد. این امواج سینوسی مشابه امواج موسیقیایی به هنگام نواختن نتهای موسیقی بر روی پیانو هستند.
در طیف فرکانسی یک عکس، فرکانسهای بالا، اطلاعات بسیار زیادی مانند بافت پوست را در اختیار ما قرار میدهند و فرکانسهای پایین نیز شامل اطلاعاتی همچون رنگ و تون هستند. در این تکنیک، به کمک تصویر زیر، عمل روتوش فرکانسی را انجام میدهیم تا علاوه بر بهبود پوست، بافت آن نیز حفظ شود و تصویر شخص، حالتی پلاستیکی یا به اصطلاح عروسکی نداشته باشد.
برای شروع، با دو بار فشردن کلیدهای «Ctrl+J»، از لایه اصلی دو کپی تهیه میکنیم. در این حالت، از تصویر اصلی، سه لایه در مجموع خواهیم داشت. بهتر است لایههای ایجاد شده را نامگذاری کنید که در اینجا نامهای «بافت»، «رنگ» و «اصلی» را برای این کار انتخاب کردهایم.
مطالعه ادامه مطلب 👇👇
🔗 روتوش عکس | آموزش و معرفی مهمترین روشها و تکنیکها — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
عکاسان پرتره همواره سعی در ارائه عکسی با بالاترین کیفیت پوست هستند. رسیدن به چنین کیفیتی به طور معمول به کمک روتوش عکس انجام میشود اما باید توجه داشت که این رتوش عکس باید به گونهای انجام گیرد تا بافت پوست حالتی طبیعی داشته باشد و شکلی عروسکی به خود نگیرد. البته نحوه آرایش و نورپردازی، از مبانی اصلی در بدست آوردن عکسی با پوست مناسب به شمار میآید اما روتوش عکس نقش عمل «پرداخت» (Polish) عکس را ایفا میکند.
══ فهرست مطالب ══
○ روش لایه روتوش
○ تکنیک روتوش فرکانسی یا جدایش فرکانسی
○ تکنیک byRo
○ تنظیمات نهایی در روتوش عکس
○ معرفی فیلم آموزش آموزش فتوشاپ – ویژه عکاسان
○ روتوش سریع عکس در فتوشاپ
○ معرفی نرم افزار روتوش عکس
○ معرفی فیلم آموزش Adobe Lightroom برای ویرایش و روتوش تصاویر
○ برنامه روتوش عکس در موبایل
🔸 روش لایه روتوش
در فرآیند رتوش عکس، انجام عملیات سادهای به خصوص در زمان رتوش پوست میتواند ما را به خواسته خود برساند. با استفاده از تکنیک «لایه روتوش» (Touch-Up Layer) میتوانیم به سادگی جوشهای صورت را اصلاح و حذف کنیم. علاوه بر این، به کمک این روش میتوانیم پوستهپوسته شدنهای حاصل از آرایش صورت را به همراه گرد و غبار و تارهای موی روی صورت را نیز حذف کنیم.
از روش لایه رتوش در موارد دیگری نیز میتوانید بهره بگیرید. به طور مثال، زمانیکه رژ لب در اطراف صورت پخش شده است یا جهت اصلاح خط چشم، این روش نیز مناسب خواهد بود. چنین روشی جهت روتوش عکس برای اصلاح کلی پوست، صورتهای لکدار و همچنین جوشهای زیاد روی پوست مناسب نیست. در ادامه، مراحل رتوش عکس را به کمک این روش به صورت گام به گام بررسی میکنیم.
🔸 تکنیک روتوش فرکانسی یا جدایش فرکانسی
در ادامه معرفی تکنیکهای روتوش عکس میخواهیم روش «جدایش فرکانسی» (Frequency Separation) را بررسی کنیم. به کمک این روش میتوانیم تون و رنگ پوست را از بافت آن جدا کنیم و کنترل بهتری برای رتوش داشته باشیم. انجامپذیر بودن این روش در تصاویر دیجیتال به این دلیل است چنین تصاویری را میتوان به صورت فرکانسهایی با امواج سینوسی توصیف کرد. این امواج سینوسی مشابه امواج موسیقیایی به هنگام نواختن نتهای موسیقی بر روی پیانو هستند.
در طیف فرکانسی یک عکس، فرکانسهای بالا، اطلاعات بسیار زیادی مانند بافت پوست را در اختیار ما قرار میدهند و فرکانسهای پایین نیز شامل اطلاعاتی همچون رنگ و تون هستند. در این تکنیک، به کمک تصویر زیر، عمل روتوش فرکانسی را انجام میدهیم تا علاوه بر بهبود پوست، بافت آن نیز حفظ شود و تصویر شخص، حالتی پلاستیکی یا به اصطلاح عروسکی نداشته باشد.
برای شروع، با دو بار فشردن کلیدهای «Ctrl+J»، از لایه اصلی دو کپی تهیه میکنیم. در این حالت، از تصویر اصلی، سه لایه در مجموع خواهیم داشت. بهتر است لایههای ایجاد شده را نامگذاری کنید که در اینجا نامهای «بافت»، «رنگ» و «اصلی» را برای این کار انتخاب کردهایم.
مطالعه ادامه مطلب 👇👇
🔗 روتوش عکس | آموزش و معرفی مهمترین روشها و تکنیکها — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
Forwarded from FaraDars | فرادرس
🚀 اپلیکیشن فرادرس منتشر شد‼️
📱 اپلیکیشن آموزشی فرادرس، در گوگل پلی منتشر شد و هماکنون در دسترس عموم است.
⭕️ با دانلود و نصب اپلیکیشن فرادرس، کاربران موبایل میتوانند با سادگی بیشتر و تجربهای بهتر، آموزشهای مورد نظر خود را از فرادرس جستوجو و مشاهده کنند.
✔️ برخی از قابلیتهای اپلیکیشن:
✓ امکان جستجو در کتابخانه آموزشهای ویدئویی با بیش از ۵,۰۰۰ عنوان آموزش (۱۹,۰۰۰ ساعت آموزش)
✓مشاهده فهرست جدیدترین آموزشها، آموزشهای پرمخاطب، وبینارها و آموزشهای رایگان به صورت دستهبندی شده
✓ دسترسی به آموزشهای رایگان فرادرس و مشاهده آنها
✓ قابلیت جستجوی پیشرفته در کتابخانه آموزشهای فرادرس با تعیین فیلترهای خاص
✓امکان مشاهده دورههای تهیه شده توسط کاربر در پلیر سازگار با موبایل
✓ امکان ورود به پنل کاربری، ویرایش پروفایل و شارژ حساب
📲 با نصب این اپلیکیشن، میتوانید آموزشهای مورد علاقه خود را ذخیره و در فرصت مناسبتر آنها را با دقت مشاهده کنید.
📌 دریافت اپلیکیشن فرادرس از گوگل پلی (+)
📚 فرادرس | دانش در دسترس همه؛ همیشه و همه جا
@FaraDars — فرادرس
🚀 اپلیکیشن فرادرس منتشر شد‼️
📱 اپلیکیشن آموزشی فرادرس، در گوگل پلی منتشر شد و هماکنون در دسترس عموم است.
⭕️ با دانلود و نصب اپلیکیشن فرادرس، کاربران موبایل میتوانند با سادگی بیشتر و تجربهای بهتر، آموزشهای مورد نظر خود را از فرادرس جستوجو و مشاهده کنند.
✔️ برخی از قابلیتهای اپلیکیشن:
✓ امکان جستجو در کتابخانه آموزشهای ویدئویی با بیش از ۵,۰۰۰ عنوان آموزش (۱۹,۰۰۰ ساعت آموزش)
✓مشاهده فهرست جدیدترین آموزشها، آموزشهای پرمخاطب، وبینارها و آموزشهای رایگان به صورت دستهبندی شده
✓ دسترسی به آموزشهای رایگان فرادرس و مشاهده آنها
✓ قابلیت جستجوی پیشرفته در کتابخانه آموزشهای فرادرس با تعیین فیلترهای خاص
✓امکان مشاهده دورههای تهیه شده توسط کاربر در پلیر سازگار با موبایل
✓ امکان ورود به پنل کاربری، ویرایش پروفایل و شارژ حساب
📲 با نصب این اپلیکیشن، میتوانید آموزشهای مورد علاقه خود را ذخیره و در فرصت مناسبتر آنها را با دقت مشاهده کنید.
📌 دریافت اپلیکیشن فرادرس از گوگل پلی (+)
📚 فرادرس | دانش در دسترس همه؛ همیشه و همه جا
@FaraDars — فرادرس
👍1
✳️ تبدیل عکس بیت مپ به وکتور با فتوشاپ
کمتر کسی است که نام فتوشاپ و امکانات فراوان آن به گوشش نخورده باشد. توانمندیهای این نرمافزار قدرتمند به حدی است که این روزها نام آن در بین مردم به یک ضربالمثل بدل شده و از هر دو چیز شبیه به هم یا دستکاری شده با عنوان «فتوشاپ است» یاد میکنند. با این وجود، با اطمینان میگوییم حتی در بین فتوشاپکاران حرفهای نیز کمتر کسی است که بداند با این نرمافزار میتوان تبدیل عکس بیت مپ به وکتور را انجام داد. شما هم باور نمیکنید؟ کافی است با ما در ادامه این مقاله همراه شوید تا با دو ترفند ساده برای تبدیل تصویر به قالب وکتور، آشنا شویم.
══ فهرست مطالب ══
○ ترفندهای تبدیل عکس بیت مپ به وکتور در فتوشاپ
○ خلاصه
🔸 ترفندهای تبدیل عکس بیت مپ به وکتور در فتوشاپ
قبل از هر چیز لازم است یادآور شویم که گرچه میتوانید با این ترفندها تبدیل عکس بیت مپ به وکتور را انجام دهید ولی بهترین نتیجه را با عکسهایی به دست خواهید آورد که رنگ پسزمینه آنها سفید یا روشنتر از سوژه اصلی باشند. همچنین، بهتر است عکس را برش بزنید و صرفاً همان قسمت موردنظرتان را به وکتور تبدیل کنید.
پس از باز کردن تصویر موردنظرتان در فتوشاپ، به کمک گزینه «Duplicate Layer» یک کپی دیگر از آن لایه بسازید. ما نام لایه اصلی را «Main Man» و نام لایه کپی را «Man ۱» انتخاب کردیم.
بر روی لایه Man ۱ کلیک و در منوی Image > Adjustments گزینه Threshold را انتخاب کنید.
🔸 خلاصه
اگر شما نیز تا این لحظه جزو آن دسته از کسانی بودید که تصور میکردید فتوشاپ قادر به کار با تصاویر وکتور نیست، اکنون میدانید که این تصور کاملاً اشتباه است و این نرمافزار قدرتمند، بهخوبی از عهده کار با گرافیکهای وکتور نیز برمیآید زیرا در این آموزش، نحوه تبدیل عکس بیت مپ به وکتور را یاد گرفتید. ابزارهای فتوشاپ آنقدر گستردهاند که بسته به خلاقیت خود میتوانید روشهای دیگری را نیز برای تبدیل عکس بیت مپ به وکتور بیابید. ما در اینجا تنها به دو نمونه اشاره کردیم که هریک کاربرد مخصوص به خود را دارند. آستینهایتان را بالا بزنید و خودتان روشهای دیگری ابداع کنید.
مطالعه ادامه مطلب 👇👇
🔗 تبدیل عکس بیت مپ به وکتور با فتوشاپ (+ دانلود فیلم آموزش گام به گام) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ تبدیل عکس بیت مپ به وکتور با فتوشاپ
کمتر کسی است که نام فتوشاپ و امکانات فراوان آن به گوشش نخورده باشد. توانمندیهای این نرمافزار قدرتمند به حدی است که این روزها نام آن در بین مردم به یک ضربالمثل بدل شده و از هر دو چیز شبیه به هم یا دستکاری شده با عنوان «فتوشاپ است» یاد میکنند. با این وجود، با اطمینان میگوییم حتی در بین فتوشاپکاران حرفهای نیز کمتر کسی است که بداند با این نرمافزار میتوان تبدیل عکس بیت مپ به وکتور را انجام داد. شما هم باور نمیکنید؟ کافی است با ما در ادامه این مقاله همراه شوید تا با دو ترفند ساده برای تبدیل تصویر به قالب وکتور، آشنا شویم.
══ فهرست مطالب ══
○ ترفندهای تبدیل عکس بیت مپ به وکتور در فتوشاپ
○ خلاصه
🔸 ترفندهای تبدیل عکس بیت مپ به وکتور در فتوشاپ
قبل از هر چیز لازم است یادآور شویم که گرچه میتوانید با این ترفندها تبدیل عکس بیت مپ به وکتور را انجام دهید ولی بهترین نتیجه را با عکسهایی به دست خواهید آورد که رنگ پسزمینه آنها سفید یا روشنتر از سوژه اصلی باشند. همچنین، بهتر است عکس را برش بزنید و صرفاً همان قسمت موردنظرتان را به وکتور تبدیل کنید.
پس از باز کردن تصویر موردنظرتان در فتوشاپ، به کمک گزینه «Duplicate Layer» یک کپی دیگر از آن لایه بسازید. ما نام لایه اصلی را «Main Man» و نام لایه کپی را «Man ۱» انتخاب کردیم.
بر روی لایه Man ۱ کلیک و در منوی Image > Adjustments گزینه Threshold را انتخاب کنید.
🔸 خلاصه
اگر شما نیز تا این لحظه جزو آن دسته از کسانی بودید که تصور میکردید فتوشاپ قادر به کار با تصاویر وکتور نیست، اکنون میدانید که این تصور کاملاً اشتباه است و این نرمافزار قدرتمند، بهخوبی از عهده کار با گرافیکهای وکتور نیز برمیآید زیرا در این آموزش، نحوه تبدیل عکس بیت مپ به وکتور را یاد گرفتید. ابزارهای فتوشاپ آنقدر گستردهاند که بسته به خلاقیت خود میتوانید روشهای دیگری را نیز برای تبدیل عکس بیت مپ به وکتور بیابید. ما در اینجا تنها به دو نمونه اشاره کردیم که هریک کاربرد مخصوص به خود را دارند. آستینهایتان را بالا بزنید و خودتان روشهای دیگری ابداع کنید.
مطالعه ادامه مطلب 👇👇
🔗 تبدیل عکس بیت مپ به وکتور با فتوشاپ (+ دانلود فیلم آموزش گام به گام) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
👍1
✳️ طراحی UX چیست؟ – راهنمای جامع آموزش طراحی تجربه کاربری
در این مقاله به بررسی ماهیت تجربه کاربری و تاریخچه آن میپردازیم. سپس مثالهایی از روشهای خوب و بد طراحی تجربه کاربری را بررسی میکنیم. در ادامه با مفاهیم مدل چهارگانه طراحی تجربه کاربری، ابزارهای مورد نیاز این رشته و تفاوتهای آن با طراحی رابط کاربری آشنا خواهیم شد. در نهایت به بررسی روش ورود به این شغل و طراحی پورتفولیوی طراحی UX میپردازیم.
══ فهرست مطالب ══
○ تجربه کاربری یا UX چیست؟
○ طراحی UX چیست؟
○ طراحی UX از کجا آمده است؟
○ UX خوب و بد به چه معنا هستند؟
○ فرایند طراحی UX شامل چه مراحلی است؟
○ وایرفریمها و پروتوتایپها
○ ساخت وایرفریم و پروتوتایپ
○ زمینههای مختلف کاری طراحی UX
○ مسیرهای شغلی دیگر برای طراحان UX
○ نگارش UX چیست؟
○ مهارتهای مورد نیاز برای طراحی UX
○ تفاوت بین طراحی UX و UI
○ نکاتی برای ساخت پورتفولیوی طراحی UX
○ سخن پایانی
🔸 تجربه کاربری یا UX چیست؟
تجربه کاربری یا UX اصطلاحی است که برای توصیف تجربه کلی یک کاربر در زمان تعامل با یک محصول یا خدمات در یک چارچوب مشخص مورد استفاده قرار میگیرد. بسته به نوع طراحی محصول یا سرویس، این تجربه میتواند از حالت خوشایند تا کاملاً ترسناک متفاوت باشد.
اصطلاح UX غالباً در رابطه با محصولهای دیجیتال مانند وبسایتها یا اپلیکیشنها به گوش میخورد، اما UX محدود به دنیای دیجیتال نیست. هر چیزی که میتواند تجربه شود، میتواند طراحی نیز بشود و از بستهبندی یک مسواک تا چرخهای یک ویلچر ارتوپدی را شامل میشود.
تأثیر UX خوب یا بد در همه جا دیده میشود. این یکی از دلایلی است که UX چنین رشته هیجانانگیزی است و همچنین توضیح میدهد که چرا هم اینک نیز چیزهایی بیشتر از آن چه تصور میکنید، در مورد UX میدانید. هر بار که یک در با دستگیره را باز میکنید، یا در نتیجه سردرگم شدن در یک وبسایت آن را میبندید، در مورد کیفیت طراحی UX آن قضاوت کردهاید. بنابراین UX به طور کامل به تعامل یا تجربه UX در مورد یک محصول یا سرویس مربوط است. در بخش بعدی این موضوع را بیشتر بررسی میکنیم.
🔸 طراحی UX چیست؟
«طراحی تجربه کاربری» (UXD) همه عناصری که تجربه کاربری را تشکیل میدهند، شامل میشود. طراحی تجربه کاربری به طراحی خاص برای نیازهای یک کاربر یا مشتری مربوط است و مواردی مانند سهولت استفاده، کیفیت یا کارآمدی را در نظر میگیرد.
انسانها تنها زمانی از سیستمهای پیچیده مانند وبسایتها و برنامههای رایانهای بهرهمند میشوند که این سیستمها به نوعی کاربرپسند باشند. طراحان UX تلاش میکنند شکاف بین محصول و کاربر انسانی را پر کنند. آنها شیوه تعامل افراد با یک محصول مشخص را بررسی میکنند و به دنبال روشهایی برای شهودی و سرراستتر ساختن این تعاملها تا حد امکان تلاش میکنند.
طراحان UX باید نقشهای مختلفی را بر عهده بگیرند و تعادل مناسبی بین جایگاههای یک دانشمند روانشناس، جامعهشناس و هنرمند پیدا کنند. به منظور دسترسی به یک راهحل پایدار، خلاقانه و کاربرپسند، باید تجربههای گذشته را تحلیل کنید، رویههای جدید را مورد پژوهش قرار دهید، با کاربران واقعی یا بالقوه مصاحبه کنید و طراحیهای خود را بارها و بارها تست کنید. در بخش بعدی این راهنما فرایند طراحی تجربه کاربری را بیشتر مورد بررسی قرار میدهیم. فعلاً به بررسی اجمالی تاریخچه طراحی تجربه کاربری میپردازیم.
مطالعه ادامه مطلب 👇👇
🔗 طراحی UX چیست؟ – راهنمای جامع آموزش طراحی تجربه کاربری — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ طراحی UX چیست؟ – راهنمای جامع آموزش طراحی تجربه کاربری
در این مقاله به بررسی ماهیت تجربه کاربری و تاریخچه آن میپردازیم. سپس مثالهایی از روشهای خوب و بد طراحی تجربه کاربری را بررسی میکنیم. در ادامه با مفاهیم مدل چهارگانه طراحی تجربه کاربری، ابزارهای مورد نیاز این رشته و تفاوتهای آن با طراحی رابط کاربری آشنا خواهیم شد. در نهایت به بررسی روش ورود به این شغل و طراحی پورتفولیوی طراحی UX میپردازیم.
══ فهرست مطالب ══
○ تجربه کاربری یا UX چیست؟
○ طراحی UX چیست؟
○ طراحی UX از کجا آمده است؟
○ UX خوب و بد به چه معنا هستند؟
○ فرایند طراحی UX شامل چه مراحلی است؟
○ وایرفریمها و پروتوتایپها
○ ساخت وایرفریم و پروتوتایپ
○ زمینههای مختلف کاری طراحی UX
○ مسیرهای شغلی دیگر برای طراحان UX
○ نگارش UX چیست؟
○ مهارتهای مورد نیاز برای طراحی UX
○ تفاوت بین طراحی UX و UI
○ نکاتی برای ساخت پورتفولیوی طراحی UX
○ سخن پایانی
🔸 تجربه کاربری یا UX چیست؟
تجربه کاربری یا UX اصطلاحی است که برای توصیف تجربه کلی یک کاربر در زمان تعامل با یک محصول یا خدمات در یک چارچوب مشخص مورد استفاده قرار میگیرد. بسته به نوع طراحی محصول یا سرویس، این تجربه میتواند از حالت خوشایند تا کاملاً ترسناک متفاوت باشد.
اصطلاح UX غالباً در رابطه با محصولهای دیجیتال مانند وبسایتها یا اپلیکیشنها به گوش میخورد، اما UX محدود به دنیای دیجیتال نیست. هر چیزی که میتواند تجربه شود، میتواند طراحی نیز بشود و از بستهبندی یک مسواک تا چرخهای یک ویلچر ارتوپدی را شامل میشود.
تأثیر UX خوب یا بد در همه جا دیده میشود. این یکی از دلایلی است که UX چنین رشته هیجانانگیزی است و همچنین توضیح میدهد که چرا هم اینک نیز چیزهایی بیشتر از آن چه تصور میکنید، در مورد UX میدانید. هر بار که یک در با دستگیره را باز میکنید، یا در نتیجه سردرگم شدن در یک وبسایت آن را میبندید، در مورد کیفیت طراحی UX آن قضاوت کردهاید. بنابراین UX به طور کامل به تعامل یا تجربه UX در مورد یک محصول یا سرویس مربوط است. در بخش بعدی این موضوع را بیشتر بررسی میکنیم.
🔸 طراحی UX چیست؟
«طراحی تجربه کاربری» (UXD) همه عناصری که تجربه کاربری را تشکیل میدهند، شامل میشود. طراحی تجربه کاربری به طراحی خاص برای نیازهای یک کاربر یا مشتری مربوط است و مواردی مانند سهولت استفاده، کیفیت یا کارآمدی را در نظر میگیرد.
انسانها تنها زمانی از سیستمهای پیچیده مانند وبسایتها و برنامههای رایانهای بهرهمند میشوند که این سیستمها به نوعی کاربرپسند باشند. طراحان UX تلاش میکنند شکاف بین محصول و کاربر انسانی را پر کنند. آنها شیوه تعامل افراد با یک محصول مشخص را بررسی میکنند و به دنبال روشهایی برای شهودی و سرراستتر ساختن این تعاملها تا حد امکان تلاش میکنند.
طراحان UX باید نقشهای مختلفی را بر عهده بگیرند و تعادل مناسبی بین جایگاههای یک دانشمند روانشناس، جامعهشناس و هنرمند پیدا کنند. به منظور دسترسی به یک راهحل پایدار، خلاقانه و کاربرپسند، باید تجربههای گذشته را تحلیل کنید، رویههای جدید را مورد پژوهش قرار دهید، با کاربران واقعی یا بالقوه مصاحبه کنید و طراحیهای خود را بارها و بارها تست کنید. در بخش بعدی این راهنما فرایند طراحی تجربه کاربری را بیشتر مورد بررسی قرار میدهیم. فعلاً به بررسی اجمالی تاریخچه طراحی تجربه کاربری میپردازیم.
مطالعه ادامه مطلب 👇👇
🔗 طراحی UX چیست؟ – راهنمای جامع آموزش طراحی تجربه کاربری — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
👍1
Forwarded from تازههای نشر فرادرس
This media is not supported in your browser
VIEW IN TELEGRAM
📘 آموزش فتوشاپ – روتوش چهره منتشر شد!
🔹 لینک آموزش – [کلیک کنید]
🔖 گاهی عکسهای ثبت شده، نواقصی غیر قابل چشمپوشی دارند که فرصتی برای جبران وجود ندارد، در این حالت روتوش تصویر، کارآمدترین ابزار ممکن است. قسمتی که ما از فتوشاپ (Adobe Photoshop) آموزش میدهیم، بخش روتوش چهره است. این بخش از فتوشاپ به ما کمک میکند که تصاویر ثبت شده توسط دوربینها را بهبود بخشیم، حتی بعضی از مشکلات تصویر را از آن حذف کنیم. در این فرادرس خواهیم آموخت که چگونه میتوان نواقص چهره و محیط پیرامون را برطرف کرد و همواره عکسی مناسب را از درون عکسی نامناسب بیرون کشید.
🎯 مناسب برای: گرافیک | عکاسی
💲 هزینه اصلی آموزش:۸۰,۰۰۰ تومان
🎁 هزینه با احتساب هدیه ویژه انتشار: ۴۰,۰۰۰ تومان
(۵۰ درصد تخفیف)
👈 کد تخفیف: NWYF36
❗️اعتبار: تا پایان روز دوشنبه، ۱۳ تیر ۱۴۰۱
🔗 لینک آموزش – [کلیک کنید]
@FaraDars — فرادرس
@FDPub — تازههای نشر فرادرس
.
📘 آموزش فتوشاپ – روتوش چهره منتشر شد!
🔹 لینک آموزش – [کلیک کنید]
🔖 گاهی عکسهای ثبت شده، نواقصی غیر قابل چشمپوشی دارند که فرصتی برای جبران وجود ندارد، در این حالت روتوش تصویر، کارآمدترین ابزار ممکن است. قسمتی که ما از فتوشاپ (Adobe Photoshop) آموزش میدهیم، بخش روتوش چهره است. این بخش از فتوشاپ به ما کمک میکند که تصاویر ثبت شده توسط دوربینها را بهبود بخشیم، حتی بعضی از مشکلات تصویر را از آن حذف کنیم. در این فرادرس خواهیم آموخت که چگونه میتوان نواقص چهره و محیط پیرامون را برطرف کرد و همواره عکسی مناسب را از درون عکسی نامناسب بیرون کشید.
🎯 مناسب برای: گرافیک | عکاسی
💲 هزینه اصلی آموزش:
🎁 هزینه با احتساب هدیه ویژه انتشار: ۴۰,۰۰۰ تومان
(۵۰ درصد تخفیف)
👈 کد تخفیف: NWYF36
❗️اعتبار: تا پایان روز دوشنبه، ۱۳ تیر ۱۴۰۱
🔗 لینک آموزش – [کلیک کنید]
@FaraDars — فرادرس
@FDPub — تازههای نشر فرادرس
.
📹 رایگان آموزش ببینید!!!
🤩 مجموعه آموزشهای رایگان توسعه فردی در کانال یوتیوب فرادرس 👇
▫️ آموزش زبان بدن
▫️ اثر مرکب برای موفقیت
▫️ فن بیان و اصول سخنوری
▫️ افزایش تمرکز و تقویت حافظه
▫️ استعدادیابی و شناخت توانمندیها
▫️ تقویت عزت نفس، اعتماد به نفس و خودباوری
▫️ مدیریت زمان جهت بهره وری شخصی و حرفهای
▫️ اصول مطالعه و مهارتهای تند خوانی و دقیق خوانی
💢 سایر آموزشهای رایگان توسعه فردی - [کلیک کنید]
📌 برای مشاهده تمام آموزشهای رایگان، فرادرس را در یوتیوب دنبال کنید: 🔻
🔗 کانال یوتیوب فرادرس - [کلیک کنید]
📚 فرادرس | دانش در دسترس همه؛ همیشه و همه جا
@FaraDars — فرادرس
📹 رایگان آموزش ببینید!!!
🤩 مجموعه آموزشهای رایگان توسعه فردی در کانال یوتیوب فرادرس 👇
▫️ آموزش زبان بدن
▫️ اثر مرکب برای موفقیت
▫️ فن بیان و اصول سخنوری
▫️ افزایش تمرکز و تقویت حافظه
▫️ استعدادیابی و شناخت توانمندیها
▫️ تقویت عزت نفس، اعتماد به نفس و خودباوری
▫️ مدیریت زمان جهت بهره وری شخصی و حرفهای
▫️ اصول مطالعه و مهارتهای تند خوانی و دقیق خوانی
💢 سایر آموزشهای رایگان توسعه فردی - [کلیک کنید]
📌 برای مشاهده تمام آموزشهای رایگان، فرادرس را در یوتیوب دنبال کنید: 🔻
🔗 کانال یوتیوب فرادرس - [کلیک کنید]
📚 فرادرس | دانش در دسترس همه؛ همیشه و همه جا
@FaraDars — فرادرس
👍3
✳️ آموزش رایگان افتر افکت After Effects — سریع و آسان در ۲ ساعت
چکیده — با ظهور شبکههای اجتماعی، تبلیغات متحرک بیشتر مورد استقبال قرار گرفت تا جایی که امروزه در اغلب پستها و استوریهای تبلیغاتی ردپای موشن دیده میشود. این آموزش به طور مختصر به معرفی نرمافزار After Effects میپردازد، از آنجایی که امروزه موشن گرافیک و تبلیغات متحرک جایگاه ویژهای پیدا کرده است و همه علاقهمند هستند تا محصول یا کار خود را به صورت انیمیشنهای کوتاه ارائه دهند، در این آموزش سعی شده است تا آشنایی کلی با نرمافزار و قسمتهای مختلف آن در قالب یک یا دو پروژه ساده بیان شود تا مخاطبین بتوانند با محیط برنامه آشنا شوند.
کسب اطلاعات بیشتر 👇👇
🔗 آموزش رایگان افتر افکت After Effects — سریع و آسان در ۲ ساعت — کلیک کنید [+]
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
✳️ آموزش رایگان افتر افکت After Effects — سریع و آسان در ۲ ساعت
چکیده — با ظهور شبکههای اجتماعی، تبلیغات متحرک بیشتر مورد استقبال قرار گرفت تا جایی که امروزه در اغلب پستها و استوریهای تبلیغاتی ردپای موشن دیده میشود. این آموزش به طور مختصر به معرفی نرمافزار After Effects میپردازد، از آنجایی که امروزه موشن گرافیک و تبلیغات متحرک جایگاه ویژهای پیدا کرده است و همه علاقهمند هستند تا محصول یا کار خود را به صورت انیمیشنهای کوتاه ارائه دهند، در این آموزش سعی شده است تا آشنایی کلی با نرمافزار و قسمتهای مختلف آن در قالب یک یا دو پروژه ساده بیان شود تا مخاطبین بتوانند با محیط برنامه آشنا شوند.
کسب اطلاعات بیشتر 👇👇
🔗 آموزش رایگان افتر افکت After Effects — سریع و آسان در ۲ ساعت — کلیک کنید [+]
📌 کانال اختصاصی آموزشی طراحی گرافیک
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇
@FaraGraphDesign — مطالب و آموزشهای طراحی گرافیک فرادرس
❤2
Forwarded from FaraDars | فرادرس
📚 مجموعه آموزش دیجیتال مارکتینگ (Digital Marketing)
در فرادرس بالغ بر ۸۰ ساعت آموزش دیجیتال مارکتینگ، در قالب ۲۸ عنوان آموزشی در دسترس دانشجویان و علاقهمندان این حوزه قرار دارد.
💠 لیست کامل آموزشها - [کلیک کنید]
✅ برخی از آموزشهای این مجموعه در ادامه آمده است. برای مشاهده و دریافت هر آموزش روی عنوان مورد نظر خود کلیک کنید:
▫️ تولید محتوای متنی
▫️ مدیریت تبلیغات و برند
▫️ تبلیغ نویسی (کپی رایتینگ)
▫️ برندسازی شخصی در فضای دیجیتال
▫️ مبانی بازاریابی محتوا (Content Marketing)
▫️ آشنایی با بازاریابی دیجیتال (Digital Marketing)
▫️ آموزش Google Analytics - تحلیل آمار وب سایت
▫️ آموزش UX Writing (نوشتن تجربه کاربری برای افزایش فروش سایت)
📌 برای دسترسی سریع و آسان به بیش از ۲۰,۰۰۰ ساعت آموزش ویدئویی، اپلیکیشن فرادرس را از طریق لینک زیر دانلود و نصب کنید. 👇
✔️ دریافت اپلیکیشن فرادرس از گوگل پلی [کلیک کنید]
📚 فرادرس | دانش در دسترس همه؛ همیشه و همه جا
@FaraDars — فرادرس
📚 مجموعه آموزش دیجیتال مارکتینگ (Digital Marketing)
در فرادرس بالغ بر ۸۰ ساعت آموزش دیجیتال مارکتینگ، در قالب ۲۸ عنوان آموزشی در دسترس دانشجویان و علاقهمندان این حوزه قرار دارد.
💠 لیست کامل آموزشها - [کلیک کنید]
✅ برخی از آموزشهای این مجموعه در ادامه آمده است. برای مشاهده و دریافت هر آموزش روی عنوان مورد نظر خود کلیک کنید:
▫️ تولید محتوای متنی
▫️ مدیریت تبلیغات و برند
▫️ تبلیغ نویسی (کپی رایتینگ)
▫️ برندسازی شخصی در فضای دیجیتال
▫️ مبانی بازاریابی محتوا (Content Marketing)
▫️ آشنایی با بازاریابی دیجیتال (Digital Marketing)
▫️ آموزش Google Analytics - تحلیل آمار وب سایت
▫️ آموزش UX Writing (نوشتن تجربه کاربری برای افزایش فروش سایت)
📌 برای دسترسی سریع و آسان به بیش از ۲۰,۰۰۰ ساعت آموزش ویدئویی، اپلیکیشن فرادرس را از طریق لینک زیر دانلود و نصب کنید. 👇
✔️ دریافت اپلیکیشن فرادرس از گوگل پلی [کلیک کنید]
📚 فرادرس | دانش در دسترس همه؛ همیشه و همه جا
@FaraDars — فرادرس