آموزش فتوشاپ عملی برای طراحان وب [ویدئو]

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

شروع کار با ابزار طراحی وب فتوشاپ Getting Started with Photoshop’s Web Design Tools

• بررسی اجمالی دوره The Course Overview

• راه اندازی اولین پروژه توسعه وب خود در فتوشاپ Setting Up Your First Web Dev Project in Photoshop

• توسعه ساختار وب سایت شما Developing the Structure of Your Website

• ایجاد اولین چیدمان برای طراحی شما ACreating Your First Layout for Your Design

• ایجاد صفحات و پیوندهای اضافی برای پروژه وب شما Creating Additional Pages and Links for Your Web Project

توسعه عناصر ضروری پروژه وب شما Developing Must-Have Elements of Your Web Project

• ساخت ساختارهای اصلی وب سایت: سربرگ، بدنه و پاورقی Building Main Website Structures: Header, Body, and Footer

• ساخت ساختارهای اصلی وب سایت: سربرگ، بدنه و پاورقی Building Main Website Structures: Header, Body, and Footer

• توسعه عناصر ناوبری، بلوک ها و فرم ها Developing Navigation Elements, Blocks, and Forms

• توسعه عناصر ناوبری، بلوک ها و فرم ها Developing Navigation Elements, Blocks, and Forms

• ایجاد عناصری مانند لغزنده، جداول و دکمه ها Creating Elements Such as Sliders, Tables, and Buttons

• ایجاد عناصری مانند لغزنده، جداول و دکمه ها Creating Elements Such as Sliders, Tables, and Buttons

• ایجاد بافت ها و پس زمینه های بدون درز Creating Seamless Textures and Backgrounds

• ایجاد بافت ها و پس زمینه های بدون درز Creating Seamless Textures and Backgrounds

• ایجاد عناصر UI قابل استفاده مجدد در فتوشاپ Creating Reusable UI Elements in Photoshop

• ایجاد عناصر UI قابل استفاده مجدد در فتوشاپ Creating Reusable UI Elements in Photoshop

ریسپانسیو کردن طراحی فتوشاپ شما Making Your Photoshop Design Responsive

ریسپانسیو کردن طراحی فتوشاپ شما Making Your Photoshop Design Responsive

• شروع با طراحی ریسپانسیو پروژه های وب Getting Started with the Responsive Design of Web Projects

• شروع با طراحی ریسپانسیو پروژه های وب Getting Started with the Responsive Design of Web Projects

• تنظیم طراحی خود برای انواع مختلف صفحه نمایش و وضوح تصویر Adjusting Your Design for Different Screen Types and Resolutions

• تنظیم طراحی خود برای انواع مختلف صفحه نمایش و وضوح تصویر Adjusting Your Design for Different Screen Types and Resolutions

• استفاده از اشیاء هوشمند: تعبیه شده و مرتبط Using Smart Objects: Embedded and Linked

• استفاده از اشیاء هوشمند: تعبیه شده و مرتبط Using Smart Objects: Embedded and Linked

• ناوبری پاسخگو و بافت های بدون درز Responsive Navigation and Seamless Textures

• ناوبری پاسخگو و بافت های بدون درز Responsive Navigation and Seamless Textures

• ایجاد قالب های سفارشی و یک پنل سبک Creating Custom Templates and a Style Panel

• ایجاد قالب های سفارشی و یک پنل سبک Creating Custom Templates and a Style Panel

ساخت موکاپ و ارائه حرفه ای کار شما Creating Mockups and Presenting Your Work Professionally

ساخت موکاپ و ارائه حرفه ای کار شما Creating Mockups and Presenting Your Work Professionally

• شروع کار با ماکاپ ها Getting Started with Mockups

• شروع کار با ماکاپ ها Getting Started with Mockups

• بهره برداری از ماکت ها در طراحی وب Exploiting Mockups in Web Design

• بهره برداری از ماکت ها در طراحی وب Exploiting Mockups in Web Design

• کشف Wireframes در فتوشاپ Discovering Wireframes in Photoshop

• کشف Wireframes در فتوشاپ Discovering Wireframes in Photoshop

• کار با لایه ها و نکاتی برای استفاده از آنها Working with Layer Comps and Tips for Using Them

• کار با لایه ها و نکاتی برای استفاده از آنها Working with Layer Comps and Tips for Using Them

• ایجاد اولین موکاپ شما Creating Your First Mockup

• ایجاد اولین موکاپ شما Creating Your First Mockup

مهارت های طراحی وب فتوشاپ خود را ارتقا دهید Level Up Your Photoshop Web Design Skills

مهارت های طراحی وب فتوشاپ خود را ارتقا دهید Level Up Your Photoshop Web Design Skills

• استفاده از پلاگین ها و کتابخانه های خارجی Using External Plugins and Libraries

• استفاده از پلاگین ها و کتابخانه های خارجی Using External Plugins and Libraries

• استفاده از قالب ها و ابزارها برای طراحی وب Using Templates and Tools for Web Design

• استفاده از قالب ها و ابزارها برای طراحی وب Using Templates and Tools for Web Design

• خودکار کردن گردش کار در فتوشاپ Automating Your Workflow in Photoshop

• خودکار کردن گردش کار در فتوشاپ Automating Your Workflow in Photoshop

• شروع کار با طراحی وب سایت آزاد در فتوشاپ Getting Started with Freelance Web Design in Photoshop

• شروع کار با طراحی وب سایت آزاد در فتوشاپ Getting Started with Freelance Web Design in Photoshop