آموزش فتوشاپ، طراحی وب و فریلنسر سودآور 2023 را بیاموزید

سرفصل ها و درس ها

خوش آمدی! Welcome!

• چند نکته که باید بدانید A few things you need to know

• کتاب کار برای بخش 1 و دانلود همه منابع دوره Workbook for Section 1 & Download All The Course Resources

• فتوشاپ برای آینده شما ضروری است Photoshop is essential for your future

• تمرین: اولین چالش طراحی شما Exercise: Your first design challenge

• چگونه تمرین قبلی را حل کنیم How to solve the previous exercise

• راه اندازی فتوشاپ برای طراحی وب Set up Photoshop for web design

• بخش های کلیدی در فتوشاپ Key areas in Photoshop

• شش گزینه شغلی بعد از دوره های من Six career options after my courses

مبانی فریلنسینگ The fundamentals of Freelancing

• کشف کنید که فریلنسینگ واقعاً در مورد چیست Discover what freelancing is REALLY all about

• بدون این مهارت، نمی توانید موفق شوید! Without this skill, you can’t succeed!

• بهترین و بدترین راه برای شروع به عنوان یک فریلنسر Best and worst way to get started as a freelancer

• چگونه پروفایل فریلنسینگ خود را تنظیم کنید How to set up your freelancing profile

• حقیقت در مورد پلتفرم های فریلنسینگ: Upwork، Freelancer، Fiverr The truth about freelancing platforms: Upwork, Freelancer, Fiverr

• جمع سپاری نشان داد: موافقان و مخالفان Crowdsourcing revealed: the pro’s and con’s

• نظرسنجی: اهداف شما چیست؟ Poll: What are your goals?

• قبل از تماشای این برنامه به سراغ طرح 99 نروید! Don’t go on 99designs before you watch this!

• فاش شد: کدنویسی و فتوشاپ در مقابل Adobe XD در مقابل Figma Revealed: Coding and Photoshop vs Adobe XD vs Figma

• در اینجا نحوه راه اندازی یک نمونه کار و جذب مشتری آورده شده است Here’s how to start a portfolio and get clients

• اهمیت ذهنیت شما The importance of your mindset

• آیا رقابت روی 99designs خیلی سخت است؟ Is the competition too difficult on 99designs?

• 9 ابزار برای کار طولانی تر: رفع درد چشم، کمر، گردن 9 tools for working longer: fix eye, back, neck pain

• خلق و خو و تمرکز خود را بهبود بخشید Improve your mood & concentration

به فتوشاپ خوش آمدید Welcome to Photoshop

• درک و استفاده از لایه ها مانند یک حرفه ای Understanding and using layers like a pro

• دست در فتوشاپ در 10 مرحله آسان Hands on Photoshop in 10 easy steps

• 25 اشتباه رایج در فتوشاپ - قسمت 1 25 common mistakes in Photoshop – Part 1

• 25 اشتباه رایج در فتوشاپ – قسمت 2 25 common mistakes in Photoshop – Part 2

• آزمون 1 Quiz 1

• نتیجه گیری بخش Section conclusion

فتوشاپ توضیح داد Photoshop Explained

• معرفی بخش Section introduction

• به این ترتیب حرفه ای ها لایه ها را جابجا می کنند This is how professionals move layers

• سرعت خود را با این چالش سرگرم کننده تست کنید Test your speed with this fun challenge

• لایه های شطرنجی ابهام زدایی کردند Raster layers demystified

• لایه های برداری را در فتوشاپ کشف کنید Discover vector layers in Photoshop

• لایه های تنظیم و ویرایش غیر مخرب Adjustment layers and non-destructive editing

• چگونه فونت های زیبا بدست آوریم How to get beautiful fonts

• این روشی است که باید با متن کار کنید This is how you should work with text

• دریابید که چرا اشیاء هوشمند شگفت انگیز هستند Find out why smart objects are amazing

• تمرین انواع لایه Layer types exercise

• حل تمرین انواع لایه Solving the layer types exercise

• چگونه کار خود را مانند یک حرفه ای صادر کنید How to export your work like a pro

• بهترین روش تراز کردن لایه ها را بیاموزید Learn the best way to align layers

• چگونه تمرین قبلی را حل کنیم How to solve the previous exercise

• نتیجه گیری بخش Section conclusion

ابزارهای فتوشاپ Photoshop's Tools

• معرفی بخش Section introduction

• در اینجا چیزی است که باید در مورد تابلوهای هنری بدانید Here's what you need to know about artboards

• با Undo و History Panel انعطاف پذیری به دست آورید Gain flexibility with Undo and the History Panel

• قدرت ابزار Marquee را باز کنید Unlock the power of the Marquee tool

• برش و قطره چشم توضیح داده شده است Crop and eye dropper explained

• پاک کن، گرادیان، سطل رنگ با پیچ و تاب بزرگ Eraser, gradient, paint bucket with a big twist

• ابزار براش و ماسک های لایه The brush tool and layer masks

• ابزار قدرتمند انتخاب مستقیم در CS6 و CC The powerful Direct Selection Tool in CS6 and CC

• انتخاب های فوق العاده با چوب جادویی و ابزار انتخاب سریع Fantastic selections with The Magic Wand and The Quick Selection Tool

• ابزار قلم جامع: اشکال و انتخاب های پیچیده ایجاد کنید Pen tool comprehensive: create intricate shapes and selections

• نکات مهم در مورد ابزارهای دیگر Important notes about other tools

• نتیجه گیری بخش Section conclusion

طراحی وب سایت - Hands On Web Design - Hands On

• معرفی Introduction

• باید تماشا کنید: هیچ کدنویسی توضیح داده نشده است Must-watch: No coding explained

• 10 نکته ضروری برای شروع 10 essential tips to get started

• قدرت یک خلاصه خوب نوشته شده است The power of a well-written brief

• سبک های لایه در CS6 و CC Layer styles in CS6 and CC

• حالت های ترکیبی توضیح داده شده است Blending modes explained

• ناوبری دستی - ایجاد منوهای اصلی مدرن شماره 1 Hands on navigation – creating modern main menus #1

• ناوبری دستی - ایجاد منوهای اصلی مدرن شماره 2 Hands on navigation – creating modern main menus #2

• ناوبری دستی - ایجاد منوهای اصلی مدرن شماره 3 Hands on navigation – creating modern main menus #3

• ناوبری دستی - یک منوی اصلی متفاوت Hands on navigation – a different main menu

• دکمه‌های دست روی دکمه: ایجاد فراخوان مؤثر برای اقدامات Hands on buttons: creating effective call to actions

• درک مناطق قهرمان Understanding hero areas

• تکنیک هایی که تصویری را برای منطقه قهرمان آماده می کند Techniques that prepare an image for the hero area

• چگونه برای طرح های خود تصاویری خارق العاده بدست آوریم How to get fantastic images for your designs

• دست در تایپوگرافی: 10 قانون برای مدیریت متن مانند یک حرفه ای Hands on typography: 10 rules to handle text like a pro

• دست ها روی ماسک های قیچی Hands on clipping masks

• دست در توصیفات: ایجاد یک طراحی مدرن شماره 1 Hands on testimonials: creating a modern design #1

• دست در توصیفات: ایجاد یک طراحی مدرن شماره 2 Hands on testimonials: creating a modern design #2

• درک پاورقی Understanding footers

• طراحی وب سایت واکنش گرا Responsive web design

• نتیجه گیری Conclusions

فریلنسینگ Freelancing

• معرفی Introduction

• بهترین راه برای دریافت بازخورد اولیه در مورد طراحی شما Best way to get initial feedback on your design

• 99طراحی و Freepik 99designs and Freepik

• آیا باید شغلم را به فریلنسری رها کنم؟ Should I quit my job to freelance?

• 3 مزیت غافلگیر کننده یک طراح وب آزاد بودن 3 surprising advantages of being a freelance web designer

• کشف راه هایی برای پیشی گرفتن از رقبا Discovering ways to outperform competition

• بهترین مکان ها برای پروژه های طراحی Best places for design projects

• 15 نکته برای انتخاب بهترین پروژه ها 15 tips for selecting the best projects

• استفاده از سرعت به نفع خود: 10 نکته برای افزایش آن Using speed to your advantage: 10 tips to increase it

• هوشمندانه و منسجم کار کنید Working smart and consistent

• استفاده از امکانات رایگان - پیچیده تر از آنچه فکر می کنید Using freebies – more complicated than you think

• استفاده از الهام - راه درست Using inspiration - the right way

• آیا باید طرح مشابه یا سرقت شده را گزارش دهید؟ Should you report a similar or stolen design?

• آیا باید از طرح ها استفاده مجدد کرد؟ Should you reuse designs?

• نتیجه گیری Conclusions

کار 1 به 1 با مشتری برای 1200 دلار - اشتباهات بزرگ Working 1-on-1 with a client for $1200 - BIG mistakes

• پروژه 1200 دلاری برای یکی از شاگردانم $1200 project for one of my students

• چگونه طراح را انتخاب کردم؟ How did I select the designer?

• خلاصه مشتری و اشتباهات او را بررسی کنید Explore the client’s brief and his mistakes

• آن را حرفه ای نگه دارید! Keep it professional!

• اولین نسخه صفحه اصلی را تجزیه و تحلیل کنید Analyze the first version of the homepage

• کنترل جریان پروژه Control the flow of the project

• نسخه دوم صفحه اصلی را تجزیه و تحلیل کنید Analyze the second version of the homepage

• صفحه جزئیات محصول و پرداخت را تجزیه و تحلیل کنید Analyze the product details page & checkout

• زنده: طراحی کامل دسکتاپ را کاوش کنید Live: Explore the complete desktop design

• بزرگترین اشتباه را در نسخه موبایل ببینید See the biggest mistake in the mobile version

• زنده: نسخه کامل موبایل را کاوش کنید Live: Explore the complete mobile version

• بزرگترین ناامیدی به عنوان یک طراح The biggest disappointment as a designer

در ذهن یک دارنده مسابقه Into the mind of a contest holder

• معرفی Introduction

• مشخصات یک دارنده مسابقه The profile of a contest holder

• برپایی مسابقه و خلاصه Setting up a contest and brief

• دریافت طرح ها و مدیریت بازخورد Getting designs and managing feedback

• ارتباط با طراحان Communicating with designers

• درخواست بازخورد از افراد دیگر Asking other people for feedback

• نتیجه گیری Conclusions

• یک لوگو برای من طراحی کنید و 300 دلار دریافت کنید! Design a logo for me and get $300!

اولین پروژه طراحی وب First Web Design Project

• معرفی Introduction

• بررسی عمیق پروژه Exploring the project in depth

• راه اندازی پایه و اساس طرح Setting up the foundation of the design

• انتخاب فونت های مناسب برای پروژه ما Choosing the right fonts for our project

• ایجاد هدر Creating the header

• ایجاد منطقه قهرمان Creating the hero area

• تنظیم سبک برای طراحی Setting the style for the design

• ایجاد منطقه محتوا Creating the content area

• نتیجه گیری Conclusions

• اختیاری: سطح مهارت من بعد از 10 سال چقدر است؟ Optional: What's my skill level after 10 years?

چگونه یک شغل ثابت به عنوان یک طراح به دست آوریم How to get a stable job as a designer

• معرفی Introduction

• بزرگترین اشتباه در هنگام درخواست شغل The biggest mistake when you’re applying for a job

• حقیقت در مورد پروفایل های رسانه های اجتماعی شما! The truth about your social media profiles!

• نمونه کارها: وب سایت خود یا یک پلت فرم طراح؟ Your portfolio: own website or a designer platform?

• مهارت های کامپیوتری، دیپلم، هنری بودن Computer skills, diplomas, being artsy

• در آزمون مهارت چه بگوییم و چه نگوییم What to say and what not to say in the skills test

• اعتماد به نفس چطور؟ غیر منتظره! What about confidence? Unexpected!

• نکات مهم من برای به دست آوردن یک شغل عالی به عنوان یک طراح My top tips for getting a great job as a designer

پروژه 1 - بودجه مشتری: 1175 دلار Project 1 - Client budget: $1175

• درباره پروژه های دنیای واقعی آینده About the Upcoming Real World Projects

• تحلیل مختصر Brief Analysis

• محتوای سرصفحه Header Content

• سبک هدر قسمت 1 Header Style Part 1

• سبک هدر قسمت 2 Header Style Part 2

• ستون سمت چپ قسمت 1 Left Column Part 1

• ستون سمت چپ قسمت 2 Left Column Part 2

• فیلتر خوراک Feed Filter

• بخش پست ها Posts Section

• ستون سمت راست و بسته بندی Right Column & Wrap Up

• ارائه طرح ما Presenting our Design

• اولین بازخورد - اولین ویرایش First Feedback - First Revision

• نحوه رسیدگی به بازخورد اضافی How to Handle Additional Feedback

• چقدر سریع همه چیز تغییر می کند How Quickly Things Change

• مرحله بعدی پروژه The Next Stage of the Project

• نتیجه گیری پروژه Project Conclusions

• موارد اضافی: چه زمانی زمان رها کردن یک پروژه است؟ Extras: When is it time to abandon a project?

پروژه 2 - بودجه مشتری: 500 دلار Project 2 - Client budget: $500

• تحلیل مختصر Brief Analysis

• تنظیم سبک و الهام گرفتن Setting the Style & Getting Inspiration

• سرتیتر Header

• منطقه قهرمان Hero Area

• بخش خدمات Services Section

• منطقه محتوا Content Area

• گواهینامه ها Testimonials

• عنصر وبلاگ Blog Element

• پاورقی Footer

• ارائه طراحی و به روز رسانی تکان دهنده ما Presenting our Design & A Shocking Update

• دریافت بازخورد Getting Feedback

• نتیجه گیری پروژه Project Conclusions

• موارد اضافی: تجزیه و تحلیل واسطه ها Extras: Analysing Intermediaries

پروژه 3 - بودجه مشتری: 300 دلار Project 3 - Client budget: $300

• تحلیل مختصر و الهام گرفتن Brief Analysis & Getting Inspiration

• مشتری را تجزیه و تحلیل کنید و الهام بگیرید Analyse the Client & Getting Inspiration

• طرح و سبک Layout & Style

• سرتیتر Header

• منطقه قهرمان Hero Area

• منطقه محتوا Content Area

• بخش محصول Product Section

• پاورقی Footer

• رقابت خود را تجزیه و تحلیل کنید Analyse our Competition

• تغییر سبک طراحی Changing the Design Style

• حوزه محصول جدید New Product Area

• پاورقی جدید و ارسال طرح New Footer & Sending the Design

• به روز رسانی های بزرگ Big Updates

• نتیجه گیری پروژه Project Conclusions

• موارد اضافی: دو مفهوم دیگر Extras: Two Other Concepts

پروژه 4 - بودجه مشتری: 600 دلار Project 4 - Client budget: $600

• اطلاع Notice

• تحلیل مختصر Brief Analysis

• چیدمان Layout

• منوی اصلی و سبک Main Menu & Style

• منطقه قهرمان Hero Area

• بخش محتوا Content Section

• ارائه طرح ما Presenting our Design

• نتیجه گیری پروژه Project Conclusions

• موارد اضافی: از این پروژه ها اجتناب کنید Extras: Avoid These Projects

• موارد اضافی: یک مفهوم جدید Extras: A New Concept

پروژه 5 - بودجه مشتری: 475 دلار Project 5 - Client budget: $475

• اطلاع Notice

• تحلیل مختصر Brief Analysis

• چیدمان Layout

• سرتیتر Header

• ایجاد عناصر قهرمان Creating the Hero Elements

• لغزنده Slider

• بخش محصول Product Section

• گالری تصاویر Image Gallery

• گواهینامه ها Testimonials

• سوالات متداول و شرکا FAQ & Partners

• مشکل در ارسال طرح Trouble Sending the Design

• بازخورد و تجدید نظر Feedback & Revisions

• تغییر پس زمینه Changing the Background

• بازخورد مشتری Client Feedback

• نتیجه گیری پروژه Project Conclusions

• طراحی برنده Winning Design

• موارد اضافی: یک مفهوم جدید Extras: A New Concept

پروژه 6 - بودجه مشتری: 595 دلار Project 6 - Client budget: $595

• اطلاع Notice

• تحلیل مختصر Brief Analysis

• چیدمان Layout

• محتوا Content

• منوی اصلی و سبک Main Menu & Style

• منطقه قهرمان Hero Area

• بخش مرکزی Central Section

• منطقه محصول Product Area

• گواهینامه ها Testimonials

• خبرنامه Newsletter

• ارائه طرح ما Presenting our Design

• بازخورد Feedback

• تجدید نظر Revision

• ارائه طرح به روز شده ما Presenting our Updated Design

• بازخورد و بازبینی دیگر Feedback & Another Revision

• موقعیت و گزینه های متعدد ما Our Position & Multiple Options

• تنظیمات خوب Fine Adjustments

• بازبینی سریع Quick Revision

• ترفندهای طراحی کوچک Small Design Tweaks

• ترفندهای کوچک طراحی 2 Small Design Tweaks 2

• بازبینی دیگر Another Revision

• رفع یک خطا Fixing an Error

• مرحله نهایی پروژه Final Stage of the Project

• جمع بندی پروژه Project Wrap Up

• نتیجه گیری و مراحل بعدی Conclusions & Next Steps

• موارد اضافی: از این پروژه ها اجتناب کنید Extras: Avoid These Projects

• موارد اضافی: یک مفهوم جدید Extras: A New Concept

پروژه 7 - بودجه مشتری: 1200 دلار Project 7 - Client budget: $1200

• اطلاع Notice

• تحلیل مختصر Brief Analysis

• تجزیه و تحلیل رقابت Analyzing the Competition

• چیدمان Layout

• بخش مرکزی Central Section

• منطقه قهرمان Hero Area

• توصیفات و حوزه محصول Testimonials & Product Area

• اتمام طرح و ارائه آن Finishing the Design and Presenting it

• تنوع طراحی Design Variation

• پایان دادن به تنوع Finishing the Variation

• ارائه طرح ما Presenting our Design

• رتبه بندی Rating

• طراحی جدید New Design

• نتیجه گیری Conclusions

• تجدید نظر Revision

• صفحه داخلی Interior Page

• صفحه محصول Product Page

• بارگذاری Upload

• به روز رسانی تصویر Image Update

• PSD Clean Up PSD Clean Up

• نتیجه گیری پروژه Project Conclusions

• موارد اضافی: یک مفهوم جدید Extras: A New Concept

بازخورد طراحی Design Feedback

• قبل از شروع کار آزاد این کار را انجام دهید Do this before you start freelancing

• بازخورد طراحی شماره 1 Design Feedback #1

• بازخورد طراحی شماره 2 Design Feedback #2

• بازخورد طراحی شماره 3 Design Feedback #3

• بازخورد طراحی شماره 4 Design Feedback #4

• بازخورد طراحی شماره 5 Design Feedback #5

• بازخورد طراحی شماره 6 Design Feedback #6

• مسابقه نهایی Final quiz