1ـ ایجاد یک سند جدید: معمولا اولین کار در فتوشاپ ایجاد یک سند جدید متناسب با ابعاد پروژه مورد نظر است. در این طرح نیز ما باید سندی متناسب با ابعاد مورد نظر خود ایجاد کنیم، پس به این منظور از منوی File گزینه New را انتخاب می‌کنیم تا کادر محاوره‌ای ایجاد یک سند جدید گشوده شود.

اندازه سند بسته به اندازه کاشی مورد نظر که می‌خواهیم با تکرار آن طرح را به وجود آوریم بستگی دارد؛ هرچه این اندازه بزرگ‌تر باشد تعداد تکرار کمتر و هرچه این اندازه کوچک‌تر باشد تعداد تکرار بیشتر خواهد بود. در این تمرین ما اندازه 100 در 100 پیکسل و رزولوشن 72 را انتخاب کرده و حالت پس‌زمینه را نیز Transparent انتخاب می‌کنیم تا سند جدید بدون پس‌زمینه و به‌صورت شفاف ظاهر شود.

 

با کلیک روی دکمه OK سند جدید باز خواهد شد که البته اندازه آن در حالت معمولی بسیار کوچک است پس با کلیدهای ترکیبی Ctrl+Space و کلیک ماوس یا انتخاب ابزار Zoom آن را چند برابر بزرگ‌تر می‌کنیم تا براحتی بتوانیم روی آن کار کنیم.

طراحی گرافیکی امروزه به عنوان یکی از پردرآمدترین شغل‌ها محسوب می‌شود. گرافیست‌های حرفه‌ای امروزه با انجام طراحی‌های مختلف به اشکال و عناوین مختلف برای خود کسب درآمد می‌کنند. این طراحان از نرم‌افزارها و ابزارهای متعددی برای این منظور استفاده می‌کنند.

در میان این نرم‌افزارها می‌توان به نرم‌افزارهای بسیاری برخورد کرد که در میان کاربران و طراحان از محبوبیت خاصی برخوردار هستند اما در تمامی این نرم‌افزار همیشه نرم‌افزاری برتر و محبوب‌تر از دیگر نرم‌افزارها نیز می‌توان یافت و در این مورد می‌توان به شاهکار شرکت Adobe اشاره کرد . نرم‌افزار Photoshop ، نرم‌افزاری که تمامی کاربران کامپیوتر با نام آن آشنا هستند و بسیاری از کاربران، حتی در سطوح مبتدی نیز از این نرم‌افزاری برای رفع نیازهای مختلف خود استفاده می‌کنند.

هر چند action های موجود در فتوشاپ مناسب و قابل استفاده هستند، اما ممكن است در بسیاری از موارد نیاز به ساخت action هایی با امكانات دیگر داشته باشید. یك action باید به حد كافی عمومی باشد تا در وضعیت‌ها و حالت‌های مختلف و نیز در چندین تصویر به درستی كار كند. برخی اَعمال ویرایشی وجود دارند كه ممكن است در داخل action ها عمل نكنند.

 فعال كردن پانل Actions  

برای ایجاد انتخاب‌هایی بصورت اشكال و محیط‌‌های پیچیده، گاهی اوقات باید چندین شیوه انتخابی را با یكدیگر تركیب نمود. افزودن یا حذف كردن یك انتخاب موجود تنها شروع چنین كاری است. همچنین می‌توان یك انتخاب را كوچك كرده یا بزرگتر كرد، گوشه‌های تیز را نرم كرده یا محیط انتخاب شده را در یك جهت چرخاند. برای كار در انتخاب‌ها می‌توانید از 12 شیوه استفاده كنید و برای آنكه به محیط انتخابی درستی دست پیدا كنید باید تركیبی از این شیوه‌ها را بكار بگیرید.

 
اضافه كردن به ناحیه انتخاب شده  

 

برای افزودن یك بخش به ناحیه انتخاب شده، در هنگامیكه از ابزار انتخابگر فتوشاپ استفاده می‌كنید، كلید Shift را پائین نگه دارید. همچنین می‌توانید دكمهAdd To Selection را در نوار Options انتخاب كنید. یك علامت + در كنار نشانه‌گر ماوس از مكان‌نما مشاهده می‌شود و نشان دهنده آن است كه شما در حال اضافه كردن یك ناحیه به قسمت‌های انتخاب شده قبلی هستید.

 

در برنامه فتوشاپ CS چند ویژگی بهبودیافته وجود دارد كه از طریق آنها می‌توانید شیوه‌های قدیمی عكاسی را پیاده‌سازی و شبیه‌سازی كنید.

هر چند فتوشاپ برنامه‌ای است كه با تصاویر عكاسی كار می‌كند، این برنامه همواره از شیوه‌ها و نكات دیجیتالی برای دستكاری و تغییر در تصاویر استفاده می‌كند.

عمق بیت، پیكسل و مدل های رنگی همواره دورنمای اصلی اصطلاحات فتوشاپ‌اند و برخی از عكاسان قدیمی راكه از فیلترهای Shutter Speeds، F-Stops یا فیلترهای اصلاحی استفاده می‌كردند را تعجب‌زده می‌كند.

 

برخی مواقع ممكن است نیاز به تغییر محدوده رنگ خاصی در داخل یك شی یا محیط داشته باشید. مثلاً می‌خواهید یك دایره قرمز را به رنگ زرد تبدیل كنید یا یك ماشین آبی را سبز كنید. برای انجام چنین كاری نیاز به تغییر بیش از یك رنگ دارید زیرا مقادیر مختلف سایه‌ها و جلوه‌ها یك فرم را تشكیل می‌دهند. در فتوشاپ با استفاده از ابزارهای كنترل كننده‌ای با نام‌های Select Color Range و Hue/Saturation می‌توانید این كارها را انجام دهید. در این كار عملی نحوه تعیین یك ناحیه رنگی و تغییرات عمومی آنها به دیگر رنگ‌ها مورد بررسی قرار می‌گیرند.

انیمیشن‌های دو حالته فایل‌های گرافیكی هستند كه در هنگام جابجایی نمایشگر ماوس بر روی نقطه معینی از طرح تغییر می‌یابند. این انیمیشن‌ها برای ایجاد جذابیت در لینك‌ها بخصوص در قسمت‌های گرافیكی كه بطور واضح مشخص نشده‌اند مفید می‌باشد. ویژگی دو حالته شامل یك مرحله وضعیت عادی، یك وضعیت جابجایی ماوس و یك وضعیت كلیك است. در این كار عملی برای هر یك از این وضعیت‌ها یك تصویر ایجاد خواهیم كرد. برای بررسی در خصوص افكت دو حالته، در این كار عملی یك دكمه اولیه ایجاد می‌كنیم، سپس وضعیت آن را تغییر می‌‌دهیم. بعد از آنكه دكمه هر سه وضعیت مربوط به آن ایجاد شدند باید كد HTML آن، بعلاوه گرافیك‌های مربوط به آن را ذخیره كنید و سپس كد تولید شده را در صفحة مورد نظر خود قرار دهید.

مزیت مهمی كه فایل‌های GIF نسبت به فایل‌های JPEG دارند آن است كه می‌توانید محیط معینی را در فایل‌های gif بصورت شفاف و فاقد هر نوع رنگ تعیین كنید. به این معنی كه می‌توانید افكت‌های سایه‌داری برای پس زمینه صفحات وب قرار دهید. محیط‌های شفاف و بدون رنگ در فایل‌های GIF كاملاً غیرقابل مشاهده هستند. در این كار عملی نحوة ایجاد تصاویر شفاف در Image Ready توضیح داده شده است.

Layer Comps ساختاربندی دقیقی از پالت Layers را ثبت و نگهداری می‌كند. از جمله ترتیب، سبك، شفافیت و حالت‌های تركیبی لایه‌ها. این ویژگی به شما امكان می‌دهد تا تركیبی از چندین لایه را مورد آزمایش قرار داده و بهترین نتیجه را با یك كلیك ماوس از بین آنها تعیین كنید.

شركت Adobe با تغییر مسیر فتوشاپ از یك ابزار و برنامه حرفه‌ای ویرایش تصویر به یك ابزار تولیدی عناصر و صفحات وب پیشرفته كه در آن بدون از دست دادن كیفیت تصویر، امكان بكارگیری ابزار ویرایش موجود در فتوشاپ نیز فراهم شده است، اقدام به یك جهش و پیشرفت نموده است. با استفاده از ابزار و ویژگی‌های Image Ready كاربران می‌توانند جداول و تصاویر حساس به حركات ماوس را ایجاد كنند یا یك تصویر را به چند تكه تقسیم كرده و هر یك از آنها را بطور جداگانه بهینه سازی نمایند.

توجه: كارهای عملی این بخش مربوط به برنامه Image Ready بوده و در Photoshop قابل اجرا نیستند.

جابجایی بین دو محیط مزبور بسیار آسان است. در حقیقت این دو برنامه تا حد زیادی به هم پیوسته هستند و می‌توان از داخل یكی، دیگری را باز كرد و فایل‌ها را بین دو برنامه جابجا نمود. Photoshop و Image Ready بطور اتوماتیك تصاویر را بهینه سازی كرده، تغییر نام داده و كد HTML مناسبی تولید می‌كنند. كدها بعنوان فایل جداگانه HTML ای ذخیره می‌شوند و می‌توان آنها را در یك صفحة موجود یا در یك جدول مورد استفاده قرار داد.