آموزش Photoshop CC برای وب

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

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

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

شروع شدن Getting Started

• ایجاد طرح Creating a Sketch

• ایجاد سند جدید Creating a New Document

• تنظیم فضای کاری Setting up the Workspace

• درک Artboards Understanding Artboards

• مرور اشیا Smart هوشمند Reviewing Smart Objects

• مرور رنگ وب Reviewing Web Color

بی سیم در فتوشاپ Wireframing in Photoshop

• ایجاد طرح Creating a Sketch

• با استفاده از یک سیستم شبکه Using a Grid System

• چیدمان راهنمای جدید New Guide Layout

• تکمیل الگوی Wireframe Completing the Wireframe Template

• افزودن عناصر Wireframe Adding Wireframe Elements

• در حال پایان دادن به Wireframe Finishing the Wireframe

• افزودن کارتهای تبلت و موبایل Adding Tablet and Mobile Artboards

آماده شدن برای Mockup Preparing for the Mockup

• بررسی خدمات Adobe Review of Adobe Services

• انتخاب رنگها Selecting Colors

• انتخاب Typefaces Choosing Typefaces

• ایجاد سبک ها Creating Styles

• Adobe Stock Adobe Stock

• در حال مشاهده کیت های UI Looking at UI Kits

• با در نظر گرفتن قلم های آیکون Considering Icon Fonts

• تبدیل قلم ها به اشکال Converting Fonts to Shapes

ایجاد ماکت Creating the Mockup

• افزودن تصاویر پس زمینه به طرح دسک تاپ Adding Background Images to Desktop Layout

• افزودن تصاویر به طرحهای قرص و تلفن Adding Images to Tablet and Phone Layouts

• با استفاده از سبک های متن Using Text Styles

• درج تصاویر بیوگرافی Inserting Bio Images

• تقویت بخشها Enhancing the Sections

• پایان سربرگ و پاورقی Finishing the Header and Footer

• سازمان یافته ماندن Staying Organized

• شبیه سازی چندین صفحه با ترکیب لایه Simulating Multiple Pages with Layer Comps

• ترک یادداشت ها Leaving Notes

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

• درک قالبهای پرونده وب Understanding Web File Formats

• گزینه های صادرات Export Options

• ذخیره یک JPG Save a JPG

• صادر کردن GIF و PNG Exporting a GIF and PNG

• SVG را ذخیره کنید Save an SVG

• صادرات سریع Quick Export

• درک HiDPI Graphics Understanding HiDPI Graphics

• ایجاد GIF متحرک Creating an Animated GIF

ایجاد تصاویر و کد Generate Images and Code

• برش تصویر Image Slicing

• تولید دارایی های تصویری Generate Image Assets

• استخراج CSS Extracting CSS

• ایجاد صفحات Sprite Creating Sprite Sheets

اتوماسیون بهینه سازی Optimization Automation

• کار با Actions Working with Actions

• پردازش دسته ای Batch Processing

• با استفاده از پردازشگر تصویر Using the Image Processor

• پیش نمایش دستگاه Device Preview

• نتیجه Conclusion