آموزش فتوشاپ ـ قسمت ۱۱

● ذخیره فایل در قالب GIF
تنظیمات قالب بندی GIF را در پالت Optimize وارد کرده و سپس از منوی FileSave Optimized برای ذخیره تصویر بصورت فایل GIF استفاده کنید. برای درک جزئیات بیشتر در خصوص ذخیره فایل‌های GIF، به کار عملی ۲ همین بخش مراجعه نمائید.
● نحوه ساخت تصاویر جاوا اسکریپت حساس به وضعیت ماوس
انیمیشن‌های دو حالته فایل‌های گرافیکی هستند که در هنگام جابجایی نمایشگر ماوس بر روی نقطه معینی از طرح تغییر می‌یابند. این انیمیشن‌ها برای ایجاد جذابیت در لینک‌ها بخصوص در قسمت‌های گرافیکی که بطور واضح مشخص نشده‌اند مفید می‌باشد. ویژگی دو حالته شامل یک مرحله وضعیت عادی، یک وضعیت جابجایی ماوس و یک وضعیت کلیک است. در این کار عملی برای هر یک از این وضعیت‌ها یک تصویر ایجاد خواهیم کرد. برای بررسی در خصوص افکت دو حالته، در این کار عملی یک دکمه اولیه ایجاد می‌کنیم، سپس وضعیت آن را تغییر می‌‌دهیم. بعد از آنکه دکمه هر سه وضعیت مربوط به آن ایجاد شدند باید کد HTML آن، بعلاوه گرافیک‌های مربوط به آن را ذخیره کنید و سپس کد تولید شده را در صفحة مورد نظر خود قرار دهید.
● ایجاد یک فایل جدید در Image Ready
در برنامه Image Ready گزینه FileNew را انتخاب کنید تا کادر محاوره‌ای New Document نمایان شود بطوریکه بتوانیــد یک فایل جدید ایجاد کنید. در این کار عملی، سندی با نام Rollover Test ایجاد کرده و مقادیر عرض و ارتفاع آن را ۱۰۰ تعیین کنید. سپس دکمه رادیویی White را برای تعیین پس‌زمینه سفید انتخاب کرده و OK را کلیک نمائید.
● ایجاد دکمه
رنگ پیش زمینه‌ای که می‌خواهید در تصویر دکمه از آن استفاده کنید را انتخاب نمائید. سپس ابزار Elliptical Marquee را انتخاب کنید و در حالیکه کلید Shift را پائین نگه داشته‌اید در داخل تصویر یک دایره ترسیم کنید. از ابزار سطل رنگ (Paint Bucket) برای پر کردن شکل دکمه با رنگ تعیین شده در قسمت پیش زمینه استفاده کنید.
● افزودن افکت لایه
برای ایجاد حالت سه بعدی گزینه LayerLayer StyleBevel and Emboss را انتخاب کنید. پارامترهای مورد نظرتان را در پالت Bevel and Emboss ای که نمایان می‌شود تعیین کنید. در صورت تمایل می‌توانید برای ایجاد یک شکل طبیعی‌تر از دکمه، از افکت Outer Glow استفاده کنید. تنها کافی است بر روی گزینه Outer Glow که در سمت چپ کادر محاوره‌ای Layer Style قرار دارد کلیک کنید و گزینه‌ها را انتخاب کنید. همانند شکل زیر:
● کپی از لایه موجود
از منوی پالت Layers گزینه Duplicate Layer را انتخاب کنید تا دکمه و افکت‌‌های آن در لایه جدیدی کپی شوند. گزینه Duplicate Layer را مجدداً انتخاب کنید بطوریکه سه لایه ایجاد شود که هر یک همان دکمه را نشان می‌‌دهند.
● رنگ آمیزی دکمه‌ها
در پالت Layers، اولین لایه کپی شده را انتخاب کنید و سپس کادر محاوره‌ای Inner Glow Layer را باز کنید. رنگ سبز روشن را به آن اضافه کرده وOK را کلیک نمائید. به پالت Layers برگشته و دومین لایه کپی شده را انتخاب کنید. سپس مطابق شکل زیر تنظیمات مربوطه را در آن اعمال کنید.
● ایجاد وضعیت‌های دو حالته
برای باز کردن پالت Rollovers گزینه WindowActions را انتخاب کنید. از منوی پالت Actions، گزینه New Rollover State را انتخاب کنیدو سپس دکمه Play را در پالت Ations انتخاب کنید تا وضعیت های Over State و Down State ایجاد شود. در این مرحله شما باید سه وضعیت داشته باشید: Normal ، Over و Down (البته برنامه Image Ready بدون نیاز شما به کدنویسی کدهای جاوا اسکریپت مربوطه را ایجاد می‌کند).
● ضمیمه کردن لایه‌ها به وضعیت‌ها
در پالت Actions وضعیت Normal را انتخاب کنید. در پالت Layers، لایه‌ای را که مایلید در وضعیت عادی دکمه نشان داده شود، انتخاب کنید. این مرحله را برای وضعیت Over و Down نیز تکرار کنید. برای ذخیره فایل گزینه FileSave Optimized را انتخاب کنید. توجه داشته باشید که FormatHTML and Images انتخاب شده باشد.
● نحوه ساخت یک گالری وب
ویژگی Web Photo Gallery فتوشاپ یکی از بزرگترین روش‌ها برای ایجاد یک صفحة وب است که شامل عکس‌های کوچکی است که در یک پوشه قرار دارند و هر کدام به یک عکس بزرگ لینک شده‌اند. هر شخصی که می‌خواهد پوشه‌ای از عکس‌های خود را به وب منتقل کند می‌تواند از این شیوه استفاده کند. این شیوه در واقع تکنولوژی Actions فتوشاپ را بکار می‌گیرد. کاربران تصاویر را داخل یک پوشه قرار می‌دهند، پارامترهای مربوطه را تعیین می‌کنند و کار را شروع می‌کنند. اسکریپت اجرا شده و همه چیز در یک چشم به هم زدن درست می‌شود. ایجاد کد مربوطه، بهینه سازی تصاویر و کوچک کردن و ایجاد تمامی لینک‌های مربوطه و مورد نیاز در این قسمت انجام می‌شود.
انتخاب Web Photo Gallery
در فتوشاپ گزینه FileAutomateWeb Photo Gallery را انتخاب کنید تا کادر محاوره‌ای Web Photo Gallery باز شود. یک محیط طرح بندی صفحه را از منوی کشویی Styles انتخاب کنید. عکس‌های کوچک را در طرف راست کادر محاوره‌ای مشاهده کرده و نتایج را ارزیابی نمائید.
● تعیین منبع و مقصد فایل‌ها
در قسمت Folders بر دکمهBrowser کلیک کنید. سپس به دنبال پوشه‌ای بگردید که عکس‌های اولیه شما در آن قرار دارند. گزینه Choose را برای بستن کادر محاوره‌ای Select Image Directory کلیک کنید. اکنون در دکمه Destination کلیک کرده و به دنبال پوشه مقصدی که فایل‌های حاصله در آن کپی خواهند شد بگردید. برای انتخاب شدن این پوشه دکمة Choose را کلیک کنید.
● نام و تاریخ سایت
از منوی Options گزینه Banner را انتخاب کرده و در قسمت پائین کادر محاوره‌ای، فیلدهای مناسب را پر کنید. از جمله نام سایت، تاریخ و اطلاعات مربوط به عکاس. همچنین می‌توانید نوع و شیوه نمایش تاریخ، نوع فونت و اندازه فونت مورد نظرتان را نیز تعیین کنید.
● تغییر اندازه تصاویر
از منوی Options گزینه Large Images را انتخاب کنید تا گزینه‌های بیشتری مشاهده شوند. در صورتی که مایلید تصاویر اصلی که در نتیجه انتخاب عکس کوچک باز می‌شوند تغییر اندازه یابند، گزینة Resize Images را انتخاب کنید. در حالیکه این کادر فعال است می‌توانید از منوی کشویی مجاور، اندازه تصویر را انتخاب کرده و مقدار فشرده سازی JPEG را نیز در منوی کشویی JPEG Quality تعیین کنید. برای وارد کردن یک مقدار فشرده سازی معین از منوی JPEG Quality یک مقدار را انتخاب کنید.
● تعیین طرح بندی صفحه
از منوی کشویی Options گزینه Thumbnails را انتخاب کنید. برای آنکه از نام فایل یا متن نگهداری شده در قسمت File Info بصورت یک عنوان استفاده شود، گزینة مربوطه را انتخاب کنید. پارامترهای فونت و پارامترهای مربوط به تعداد ستون‌ها و ردیف‌های صفحة ایجاد شده را نیز تعیین نمائید.
● ساخت یک گالری آزمایشی
دکمة OK را برای ایجاد گالری کلیک نمائید. فتوشاپ فایل‌ها را باز می‌کند، فشرده سازی را به آنها اعمال کرده و در نهایت فایل‌ها را به پوشه مقصد تعیین شده در مرحله دوم کپی می‌کند. پس از اتمام عملیات ساخت گالری، فتوشاپ آنرا در یک مرورگر باز می‌کند تا نتیجه نهایی را مشاهده کنید. برای آزمایش لینک‌ها و اطمینان از آنکه همه چیز بدرستی کار می‌کند بر روی هر یک از عکس‌ها کلیک کنید.
در فتوشاپ از دو شیوه کاری می‌توان استفاده کرد. یکی از آنها که پایه‌ای است و در واقع شیوه مناسبی جهت پردازش تصاویر در فتوشاپ است. شیوه‌ کاری دیگری که می‌توان در فتوشاپ بکار برد، استفاده از اعمال دینامیک و پویاست، در واقع این مرحله شامل استفاده از افکت‌های جذابی است که می‌توانید آنها را با استفاده از فیلترها و فرامین ویژه فتوشاپ ایجاد کنید. مباحثی که تا این بخش مورد بررسی قرار گرفت همگی به شیوه اول یعنی پردازش تصویر مربوط می‌شد. از جمله چرخش، برش قسمتهای معین یک تصویر، رنگ‌آمیزی و… . داشتن تبحر در این مسائل نسبت به توانایی و داشتن تجربه در ایجاد افکت‌های ویژه، بیشتر مورد نیاز است.
در حقیقت بکارگیری افکت‌های ویژه جنبه تفریحی و سرگرم کننده دارد.
در کارهای عملی این بخش از کتاب، مجموعه افکت‌های ویژه‌ای مورد بررسی قرار می‌گیرند که می‌توانید به آسانی آنها را در فتوشاپ بکار بگیرید.
در اغلب موارد افکت ویژه مناسب، در نتیجه استفاده صحیح از ابزارهای انتخابگر ایجاد می‌شود. به عبارت دیگر با دقت در انتخاب ناحیه مورد نظر، افکت تنها به همان بخش انتخابی و برگزیده از تصویر اعمال می‌شود. یک افکت مناسب از ترکیب دو یا چند فیلتر با سایر افکتهایی که به تصویر اعمال می‌شوند بدست می‌آید. یا با اعمال آنها به بخش‌های معین، می‌توانید افکت‌های حرفه‌ای و مشخصی را ایجاد کنید.
البته بهتر است علاوه بر فیلترهایی که در این بخش بررسی می‌شوند، فیلترهای Artistic و Brush Strokes را نیز بررسی کنید. این فیلترها داخل یک رابط فعل و انفعالی بانام Filter Gallery ترکیب می‌شوند که به شما این امکان را می‌دهد تا چندین افکت فیلتر را در یک زمان ترکیب کنید.
در کارهای عملی این بخش به بررسی گزینه‌های مختلف افکت‌های ویژه می‌پردازیم. در فتوشاپ و در نسخه CS آن بیش از یکصد فیلتر مختلف قرار دارد. در این بخش برخی از آنها را انتخاب کرده و به بررسی‌شان می‌پردازیم، سپس آنها را با یکدیگر ترکیب می‌کنیم (همانند فیلترهای blur یا lighting).
● نحوه استفاده از حالت‌های ترکیبی
حالت‌های ترکیبی یکی از سریعترین روش‌هایی هستند که در افکتهای تصویری فایل‌های فتوشاپ مورد استفاده قرار می‌گیرند. در واقع آنها بصورت فرامین از قبل آماده شده هستند. عملکرد اولیه یک حالت ترکیبی مقایسه دو سری از داده‌های پیکسلی و ترکیب آنها به دو روش مختلف است. هر چند امکان نوشتن مباحث جامعتری در نحوه عمل افکت‌ها با در نظر گرفتن گزینه‌های مختلف آنها وجود دارد، اما بطور معمول و در اغلب موارد کاربران فتوشاپ با بکارگیری تصادفی تنظیمات به شکل نهایی می‌رسند.
● حالت‌های ترکیبی در پالت Layers
برای باز کردن پالت Layers گزینه WindowLayers را انتخاب کنید. منوی کشویی Blending Mode در بالای پالت قرار دارد. یکی از لایه‌ها را در لیست پالت انتخاب کرده و در حالیکه در آن کلیک می‌کنید دکمه ماوس را پائین نگه دارید. محتوای لایه انتخاب شده با تمام لایه‌های زیر آن مقایسه می‌شود تا نتیجه مناسبی بدست آید. به خاطر داشته باشید که نمی‌توانید حالت‌های ترکیبی را به لایه Background اعمال کنید.
● حالت‌های ترکیبی در ابزارهای Paint
شما می‌توانید هر یک از ابزارهای نقاشی یا ابزارهای مربوط به ترسیم اشکال (Shape) را انتخاب کرده و حالت‌های ترکیبی را در آنها اعمال کنید. بدین منظور، در حالیکه یکی از این ابزارها را انتخاب کرده‌اید، گزینه‌ای را از منوی Mode در نوار Options انتخاب کنید. این روش حالت‌های ترکیبی مقادیر را از رنگ‌های نقاشی یا داده‌های اصلی (اگر از ابزار Clone Stamp یا History Brush استفاده می‌کنید) با تصویر قرار گرفته در زیر مقایسه می‌کند. حالت‌های ترکیبی در ابزارهای زیر در دسترس شما هستند:
Airbrush، Paintbrush، Clone Stamp، History Brush، Gradient و Shape.
● حالت‌های ترکیبی در فیلترها
پس از اعمال فیلتر، گزینه EditFade<filtername> را انتخاب کنید. کادر محاوره‌ای Fade با یک نوار لغزنده به نام Opacity و یک منو به نام Mode نمایان می‌شود. حالت مورد نظرتان را از منو انتخاب کرده و سپس دکمه OK را برای اعمال آن افکت، کلیک کنید.
● حالت‌های ترکیبی در فایل‌ها
گزینه EditFill را برای اجرای کادر محاوره‌ای Fill انتخاب کنید. از منوی Use گزینه Foreground Color یا Background Color را انتخاب کرده و سپس از منوی Mode حالت ترکیبی مورد نظرتان را انتخاب نمائید. در صورت تمایل می‌توانید در کادر متنی Opacity مقداری را بر حسب درصد وارد کرده تا میزان شفافیت در حالت انتخاب شده تغییر کند. در اینجا حالت‌های ترکیبی تصویر اصلی با رنگ پس‌زمینه و پیش‌زمینه مقایسه شده‌اند.
● حالت‌های ترکیبی در پر کردن فایل‌ها با الگوها
برای اجرای کادر محاوره‌ای Fill گزینه EditFill را انتخاب کنید. از منوی Use گزینه Pattern را انتخاب کرده و از لیست Custom Pattern یکی از طرح‌ها و الگوهای از پیش ایجاد شده را انتخاب نمائید. در صورت تمایل می‌توانید در کادر متنی Opacity مقداری را برحسب درصد وارد کرده تا میزان شفافیت در حالت انتخاب شده تغییر کند. در این نمونه حالت‌‌های ترکیبی مقادیر الگوها با تصویر اصلی مقایسه شده است.
● حالتهای ترکیبی در History
از مراحل کار عملی ۴ بخش ۷ برای تعین منبع History استفاده کنید. سپس برای اجرای کادر محاوره‌ای Fill گزینه EditFill را انتخاب کنید. از منوی Use گزینه History را انتخاب کرده و سپس از منوی Mode حالت ترکیبی مورد نظرتان را انتخاب نمائید. در صورت تمایل می‌توانید در کادر متنی Opacity مقداری را برحسب درصد وارد کرده تا میزان شفافیت در حالت انتخاب شده تغییر کند. در اینجا نیز حالت‌های ترکیبی تصویر با نمونة موجود در History مقایسه می‌شوند.
● نحوه ایجاد یک افکت‌ نورانی با کشیدن مسیر
می‌توان در اطراف یک آبجکت مشخص یا یک تصویر افکتی همانند هاله‌ای از نور را که به نرمی با رنگ زمینه ترکیب شده است ایجاد کرد. این افکت زمانیکه آبجکت شما در یک زمینه سیاه یا سفید قرار داشته باشد، زیباتر خواهد بود.
باز کردن فایل و ترسیم مسیر مورد نظر
گزینه File Open را انتخاب کرده و فایلی که قصد اعمال تغییرات بر روی آن را دارید انتخاب کنید. ابزار Pen را از جعبه ابزار انتخاب کنید. از تکنیک‌ها و روش‌هایی که در بخش سوم توضیح داده شده برای ترسیم یک مسیر در اطراف آبجکت و شیء مورد نظر استفاده کنید.
● انتخاب محیط خارجی آبجکت
گزینه WindowPaths را برای باز شدن پالت Paths انتخاب کنید. در حالیکه عنوان Paths انتخاب شده است، از منوی پالت گزینه Make Selection را انتخاب کرده و سپس در کادر محاوره‌ای Make Selection دکمة OK را کلیک نمائید. سپس برای غیرانتخابی کردن آبجکت و انتخاب شدن زمینه گزینه SelectInverse را انتخاب کنید.
● انتخاب رنگ نور
در رنگ نمونه Foreground دو بار کلیک کنید. بعد از باز شدن کادر انتخابگر رنگ، یک رنگ را برای نور مورد نظر انتخاب کرده و سپس برای بسته شدن کادر انتخابگر رنگ دکمة OK را کلیک نمائید.
● ساختاربندی تنظیمات
ابزار Brush را از جعبه ابزار انتخاب کنید. در نوار Options نوار لغزنده Pressure را تا مقدار ۸% یا ۱۰% کشیده و قلمی با نرمی خیلی زیاد را انتخاب کنید. آیکون Brush را کلیک کرده و سپس نوار لغزنده Master Diameter را برای تعیین اندازه قلم‌ جابجا کنید. آیکون Airbrush را در نوار Options انتخاب کرده و مقدار Opacity و Flow مورد نظرتان را تعیین کنید.
● کشیدن مسیر
در حالیکه مسیر جدید در پالت Paths انتخاب شده است، گزینه Stroke Path را از منوی پالت انتخاب کنید. در کادر محاوره‌ای Stroke Path، دکمة OK را برای اعمال مسیر با استفاده از تنظیمات تعیین شده قلم‌ در مرحله ۴ کلیک کنید
● تغییر تنظیمات قلم‌
با تکرار مراحل ۴ و ۵ مسیر را چندین بار ترسیم کنید. پس از هر بار اعمال مسیر، اندازه قلم کوچکتری را انتخاب کرده و در عوض میزان فشار را افزایش دهید. این افزایش فشار قلم از بیرون به سمت لبه‌های آبجکت، سبب ایجاد افکت نورانی در اطراف تصویر می‌شود. در پالت Paths مسیر را غیرانتخابی کرده تا افکت در مسیر تعیین شده مشخص شود.

سید محسن علوی