شنوید

شـــنوید

دوره‌ها
دربارۀ ما
همکاری با ما
ورود
شنوید
ورود
گرافیک با فتوشاپ

مقدمه

متن ویدیو

‫با نام و یاد خدا ‫سلام و عرض ادب دارم ‫خدمت شما همراهان عزیز ‫من معصومه شریف‌لو هستم ‫مدرس این دوره آموزشی با عنوانِ ‫«آموزش نرم‌افزار فتوشاپ کاربردی» ‫که در خدمتتون هستم ‫خیلی خیلی بهتون تبریک میگم، ‫که اهل آموزش و رشدِ ‫مهارت‌های خودتون هستید ‫به این دوره آموزشیِ ‫مهارت‌محور خوش اومدید ‫ما تو این دوره آموزشی، ‫می‌خوایم نرم‌افزار فتوشاپ رو ‫به صورت کاملاً کاربردی یاد بگیریم ‫چون همونطور که می‌دونید، ‫تو این دوره زمونه‌ای که ‫ما داریم زندگی می‌کنیم، ‫محتوا حرف اول رو می‌زنه ‫شاید خودتون کسب‌وکار داشته باشید، ‫و بخواید براش تولید محتوا کنید ‫پس باید ابزارهای تولید محتوا رو هم بشناسید ‫که با کمک این دوره آموزشی، ‫شما می‌تونید با ‫تسلط روی نرم‌افزار فتوشاپ، ‫هم برای کسب‌وکار خودتون ‫تولید محتوا کنید، ‫هم اینکه اگر کسب‌وکاری ندارید، ‫با همین مهارتتون، ‫می‌تونید سفارش کار بگیرید، ‫و برای کسب‌وکارهای دیگران ‫تولید محتوا کنید، ‫و از این راه، کسب درآمد داشته باشید ‫ابتدا وارد مباحث تئوری میشیم، ‫مباحثی که برای کارتون هم ‫خیلی ضروریه که بدونید، ‫و بعد با هم دیگه ‫وارد نرم‌افزار فتوشاپ هم میشیم، ‫و پروژه‌های عملی هم انجام میدیم ‫حالا می‌خوایم ببینیم ‫که اصلاً فتوشاپ چیه، ‫و چه کاربردی داره ‫فتوشاپ (Photoshop) ، کاملاً ‫یه نرم‌افزار حرفه‌ایِ ویرایشگر عکس‌ـه، ‫که برای شرکت ادوبی (Adobe) هست ‫شما وقتی که بخواین ‫یه عکسی رو ادیت (Edit) کنید، ‫یا بخواین خودتون از اول طراحی کنید، ‫می‌تونید از این نرم‌افزار حرفه‌ای استفاده کنید ‫همینطور، نرم‌افزار فتوشاپ ‫برای طراحان گرافیک، ‫ناشرین کتاب و مجله‌ها، چاپخانه‌ها، ‫شرکت‌های تبلیغاتی، طراحان سایت، ‫عکاس‌ها، نقاشان هنری، ‫طراحان نرم‌افزار، انیماتورها، ‫و هر کسی که در واقع ‫با تولید محتوا سروکار داره، ‫می‌تونه براش مفید و کاربردی باشه ‫همونطور که تو قسمت قبلی هم بهتون گفتم، ‫کلاً هر کسی که ‫با تولید محتوا سروکار داره، ‫باید ابزار کارش رو هم بشناسه ‫پس این قشر می‌تونیم بگیم که بیشترین، ‫در واقع بیشترین استفاده رو ‫از نرم‌افزار فتوشاپ دارن ‫و خیلی براشون کاربردیه ‫می‌تونم بگم که در عصر تکنولوژی امروز، ‫فتوشاپ فقط یک نرم‌افزار نیست ‫دیگه خودش تبدیل به یک صنعت شده ‫به یه ابزار خیلی کاربردی برای ‫تولید محتوای تصویری و گرافیکی. ‫که الان که مثلاً ما ‫در عصر تکنولوژی هستیم، ‫و تولید محتوا رواج پیدا کرده، ‫برای اینکه حتی طراحان سایت... ‫تو قسمت قبل گفتم ‫به درد طراحان سایت می‌خوره، ‫حتی الان اگر ما بتونیم محتوای ‫گرافیکی و تصویری هم تولید بکنیم، ‫و اون رو تو وبسایت یا ‫شبکه‌های اجتماعی‌مون قرار بدیم، ‫باعث میشه که مخاطب ما، ‫جذب کسب‌وکار ما باشه، ‫و بعد به مرور، تبدیل به ‫مشتری کار ما بشه ‫به خاطر اینکه تصاویر و طرح‌های ‫گرافیکی، قابلیت جذب بالاتری رو ‫نسبت به یک متن ساده دارن. ‫پس ما می‌تونیم از همین ‫مهارتمون برای جذب مخاطب، ‫و تبدیل اون‌ها به مشتری استفاده کنیم ‫اینجا گفتم که فتوشاپ ‫یه نرم‌افزار پیکسل بیس‌ـه (Pixel based) ‫یعنی چی؟ ‫دیگه آروم آروم داریم وارد ‫مباحث فنی نرم‌افزار میشیم ‫که حالا در ادامه می‌خوام بهتون ‫توضیح بدم که اصلاً پیکسل (Pixel) چیه ‫اینجا یه عکسی رو براتون قرار دادم، ‫که روی یه قسمت از تصویرش زوم کردم، ‫و همونطور که می‌بینید، ‫پیکسل‌های تشکیل‌دهنده ‫اون تصویر رو داره نمایش میده ‫اصلاً اجازه بدید که ‫وارد نرم‌افزار فتوشاپ هم بشم، ‫و این رو به صورت عملی هم بهتون نشون بدم ‫یه عکسی رو من الان باز می‌کنم، ‫این عکس ما که تو نرم‌افزار فتوشاپ باز شده، ‫الان وقتی که من میام و ‫روی این عکسم زوم (Zoom) می‌کنم، ‫ببینید پیکسل‌های تشکیل‌دهنده این تصویر، ‫نمایش داده میشه ‫یعنی در واقع این تصویر ما، ‫از مجموع این پیکسل‌ها تشکیل میشه ‫این پیکسل‌ها همه کنار هم قرار می‌گیرن ‫و در نهایت این تصویر ما رو می‌سازن ‫من از قصد توی نرم‌افزار هم ‫باز کردم و زوم کردم، ‫که به صورت عملی هم ببینید، ‫که در واقع ببینید پیکسل‌های ‫تشکیل‌دهنده این تصویر رو. ‫اما در ادامه توضیحات ‫مربوط به ویژگی‌های پیکسل، ‫می‌خوام بهتون بگم که تصاویر پیکسلی، ‫معمولاً همون تصاویر واقعی هستن ‫همون تصاویری که توسط ‫دوربین‌های عکاسی گرفته میشن ‫و ما در مقابل تصاویر پیکسلی، ‫تصاویر وکتور (Vector) یا برداری رو هم داریم ‫که اکثراً توسط نرم‌افزارهای کامپیوتری ‫مثل ایلاستریتور (Illustrator) ، ‫توسط تصویرگرها ساخته میشن ‫ما به اونجور تصاویر میگیم تصاویر وکتور، ‫که البته در ادامه، ‫باز ویژگی‌هاش رو بهتون میگم، ‫و یه سری نمونه هم با هم می‌بینیم ‫ولی تصاویر پیکسلی که ‫با دوربین‌های عکاسی گرفته میشن، ‫ادیت کردنشون و حالا رسیدن به ‫اون نتیجه مطلوبمون، ‫با نرم‌افزار فتوشاپ انجام میشه ‫که در تصویری هم که ‫در ادامه براتون قرار دادم، ‫باز نشون دادم که چطوری، ‫این پیکسل‌ها کنار هم قرار گرفتن، ‫و تونستن یه صفحه نمایش رو به وجود بیارن ‫در ادامه باز دو تا تصویر من اینجا قرار دادم، ‫که تصویر سمت چپ، ‫نشون‌دهنده یه تصویر پیکسلیه ‫که همونطور که می‌بینید، ‫وقتی که روی تصویر زوم شده، ‫پیکسل‌هاش نمایش داده میشه ‫همون کاری که ‫تو مرحله قبل من انجام دادم، ‫و تصویری تو فتوشاپ باز کردم، ‫روش زوم کردم و دیدیم که ‫پیکسل‌هاش نمایش داده شد ‫تصویر سمت راست، ‫که در واقع یه تصویر وکتوره، ‫و به کمک نرم‌افزارهای گرافیکیِ ‫وکتور بیس مثل ایلاستریتور رسم شده، ‫وقتی که روش زوم شده، ‫هیچ افت کیفیتی پیدا نکرده ‫تصاویر وکتور چون بر اساس ‫محاسبات ریاضی هستن، ‫وقتی که سایزشون رو افزایش میدیم، ‫تو سایزهای بزرگ اصلاً افت کیفیت ندارن ‫و می‌تونن بهترین تصاویر برای استفاده ‫توی بیلبوردهای سطح شهر باشن ‫چون تصاویری که توی ‫بیلبوردهای سطح شهر استفاده میشه، ‫باید توی سایزهای بزرگ باشه، ‫و همین مسئله اگر در واقع ‫تصاویر وکتور هم باشه، ‫همین مسئله کمک می‌کنه که ‫تصاویر باکیفیتی نمایش داده بشه ‫تصویر پایینش هم باز دوباره مقایسه ‫دو تا تصویر پیکسلی و وکتور هستش ‫که همونطور که بهتون گفتم، ‫با بزرگ کردن تصاویر پیکسلی، ‫کیفیت ممکنه کم بشه ولی ‫تصاویر وکتور این اتفاق براشون نمیفته ‫اگر ما این تصاویر پیکسلی رو بزرگ کنیم، ‫و کیفیتشون کاهش پیدا کنه، ‫به این حالت اصطلاحاً میگن Pixelate . ‫باز در ادامه من دو تا تصویر رو ‫کنار همدیگه قرار دادم، ‫که مقایسه تصاویر پیکسلی با وکتوری هستش ‫تصویر سمت راست رو ‫vector graphic نوشتم، ‫توسط همین نرم‌افزارهای گرافیکی ساخته شده، ‫و تصویر سمت چپ هم یه تصویر پیکسلیه ‫اما شاید براتون سوال پیش بیاد ‫که توی یه پیکسل از یه تصویر، ‫معمولاً چه اطلاعاتی ذخیره میشه ‫توی یه پیکسل از تصویر، ‫نور و رنگ ذخیره میشه ‫و همونطور که بهتون گفتم، ‫این پیکسل‌هایی که خودشون نور و رنگ دارن، ‫کنار هم قرار می‌گیرن و در نهایت، ‫یه تصویر پیکسلی رو برای ما می‌سازن ‫اما فرمت‌های رایج تصاویر پیکسلی چیه ‫این فرمت‌ها رو حتماً باید بشناسید، ‫چون موقع کار با فتوشاپ ‫خیلی به دردمون می‌خوره ‫فرمت‌های رایج تصاویر پیکسلی، ‫PNG و TIFF و JPG و GIF و BMP هستن ‫که بیشترین کاربرد رو ‫فرمت‌های PNG و JPG دارن ‫که من هم تو این بخش، ‫روی این دو تا فرمت تمرکز می‌کنم ‫ویژگی‌هاش رو میگم و ‫در ادامه تو نرم‌افزار فتوشاپ هم، ‫بهتون یاد میدم که اگه ‫یه تصویر JPG داشتین، ‫چطوری اون رو به ‫یه تصویر PNG تبدیلش بکنید ‫تصاویری که PNG هستن، ‫پس‌زمینه‌شون شفافه، ‫یا اصطلاحاً بدون بکگرانده (Background) ‫مثل حالت این عکسی که ‫اینجا برای شما قرار دادم ‫می‌بینید بکگراندی نداره و ‫فقط خود اون تصویره ‫اما فرمت JPG برای تهیه تصاویر ‫به همراه بکگراند استفاده میشه ‫باز همینجا همون تصویر رو ‫قرار دادم با فرمت JPG ، ‫که می‌بینید یه بکگراند سفید رنگ ‫اطرافش وجود داره ‫در مورد فرمت GIF هم در ادامه ‫من یه سایتی هم بهتون معرفی می‌کنم، ‫که می‌تونید حتی در واقع، ‫فرمت‌های گیف هم اونجا بسازید ‫و ازش استفاده کنید ‫اما بیشترین استفاده رو ‫همین فرمت PNG و JPG دارن ‫و حالا که تو بخش فرمت‌ها هستیم، ‫اجازه بدید که فرمت ‫PSD رو هم بهتون معرفی کنم ‫فرمت PSD یا Photoshop Document . ‫که آیکونش (Icon) رو هم اینجا ‫براتون سمت راست بالا قرار دادم، ‫و وقتی که ما میایم و فایلمون رو ‫با فرمت PSD تو فتوشاپ ذخیره می‌کنیم، ‫لایه‌های کارمون هم ذخیره میشه ‫حالا اینکه لایه چیه، این رو ‫کامل بهتون توضیح میدم ‫پس اجازه بدید باز وارد نرم‌افزار فتوشاپ بشم، ‫و این بخش هم کامل بهتون توضیح بدم ‫ببینید الان من مثلاً می‌خوام ‫رو این عکس یه سری طراحی انجام بدم ‫مثلاً می‌خوام که یه متنی رو روش بنویسم، ‫اجازه بدید... ‫این کار رو انجام بدیم با هم... ‫من طراحی خاصی نمی‌خوام انجام بدم ‫صرفاً می‌خوام که فرمت PSD رو ‫بهتون نمایش بدم که ‫چه تفاوتی با فرمت‌های دیگه داره ‫به عنوان مثال، من یه متنی رو اینجا نوشتم، ‫و روی عکسمون قرار دادم، ‫حالا اگر من وقتی می‌خوام ‫این فایل رو ذخیره کنم، ‫از منوی File بیام بخش Save As رو بزنم، ‫و تو پنجره مربوطه تو بخش Save as type ، ‫اگر همین فرمت فتوشاپ، ‫یعنی PSD رو ذخیره کنم، ‫و اینجا میام محل ذخیره‌سازی رو ‫دسکتاپ (Desktop) انتخاب می‌کنم، ‫به عنوان Pic_1.psd ذخیره می‌کنم ‫بعد OK رو می‌زنم، ‫حالا وقتی مجدد به نرم‌افزار فتوشاپ برگردیم، ‫و از بخش Open یا از بخش File و Open ، ‫بیایم و اون فایل‌مون رو باز کنیم، ‫Pic_1.psd رو انتخاب می‌کنم ‫و Open رو می‌زنم، ‫و همونطور که می‌بینید، ‫قسمت‌های تشکیل‌دهنده طرح ما ‫هنوز اینجا وجود داره ‫و ما به راحتی می‌تونیم مثلاً متنش رو ‫یا حالا هر طراحی دیگه‌ای که ‫انجام دادیم رو اینجا تغییر بدیم ‫پس متوجه شدیم که وقتی که ‫ما فایلمون رو با فرمت PSD ذخیره می‌کنیم، ‫بعداً می‌تونیم طراحی‌مون رو کاملاً ادیت بکنیم

سرفصل‌ها

بخش اول: مقدمات گرافیک دیجیتال
مشاهده رایگان
1
مقدمه
11 دقیقه
2
مد‌های رنگی
8 دقیقه
3
آشنایی با محیط فتوشاپ
6 دقیقه
4
ایجاد سند جدید
11 دقیقه