اموزش فتوشاپ
در اين تايپك مي خواهم فعاليت بجايي كنم براي همين تمامي مطالبي كه در مورد فتوشاب دارم را در اين تايپك مي گذارم تا شما كاربران از اين اموزش ها اميدوارم استفاده خوب را بهره ببريد ياعلي
نحوه استفاده از فیلتر Lens Blur
فیلتر Lens Blur ابزار پیشرفتهای است كه به عكاسان امكان شبیهسازی دقیق افكتهای لنزهای عكاسی محو كننده را میدهد. پس از عكس گرفتن امكان مشاهده تصویر و آزمایش آن با لنزهای مختلف وجود ندارد اما در فتوشاپ فیلتر Lens Blur به خوبی حالت نرمی را در تصویر ایجاد میكند و افكتهای محوی كه حالت طبیعی و واقعیتری نسبت به فیلتر Blur دارند را ایجاد میكند.
باز كردن فایل
در آیكون File Browser نوار Options كلیك كرده و فایل مورد نظرتان را انتخاب كنید.
اجرای Lens Blur
برای باز شدن پنجره Lens Blur گزینه Filter\Blur\Lens Blur را انتخاب كنید.
تنظیم شعاع دیافراگم
برای تنظیم محدوده افكت محوی كه به تصویر اعمال خواهد شد، نوار لغزنده Radius را در قسمت Iris جابجا كنید (Iris در واقع دیافراگم باز لنز دوربین است).
تعیین مشخصههای دیافراگم
برای تنظیم دیافراگم میتوانید نوارهای لغزنده Shape، Curvature و Rotation را جابجا كنید. شش گزینه موجود در منوی كشویی Shape به شما امكان میدهند تا دیافراگمهایی به اشكال سه تا هشت گوش را انتخاب كنید. انتخاب اضلاع بیشتر در دیافراگم نرمی و پراكندگی بیشتری در افكت ایجاد كرده و تصویر محوی ایجاد میكند. در صورتی كه میخواهید افكت نرمتر شود در گزینه Curvature مقادیر بالاتری را انتخاب كنید. برای كنترل شكل محوی نیز نوار لغزنده Rotation را تنظیم كنید.
تنظیم شبح روشنایی
محو كردن یك تصویر به شكل دیجیتالی باعث میشود تا روشنایی تصویر مقداری به خاكستری متمایل شود. برای ایجاد شبح روشنایی سفید بهتر است نوار لغزنده Brightness را افزایش دهید.
افزودن خش به تصویر
در یك دوربین، تصاویر حتی هنگامیكه محو میشوند نیز به شكل نقطهای باقی میمانند. در صورتی كه میخواهید مقداری خش به تصویر اعمال كنید نوار لغزنده Amount را افزایش داده و تنظیمات بخش Noise را تغییر دهید. در مراحل زیر نحوه استفاده از تنظیمات Depth Map را به همراه فیلتر Lens Blur بررسی خواهیم كرد. Depth Map محلی است كه سطح كانونی تصویر در آنجا آغاز میشود. Depth Map برای كنترل عمق محدوده در فرایند پردازش از یك كانال آلفا، لایه پوششی یا شفاف استفاده میكند و برای فیلتر Lens Blur تعیین میكندكه چه چیزی را محو كرده و در چه چیزی تمركز ایجاد كند.
هنگامیكه همانند مرحله نه در تصویر كلیك میكنید تا محیط تمركز تعریف شود، مقدار Depth Map در محلی كه شما كلیك كردهاید بصورت “In Focus" تعریف میشود.
طیف رنگهای روشنتر از محل كلیك شده نسبت به محلهایی كه پشت سطح كانونی قرار دارند، محو میشوند و طیف رنگهای تیرهتر از محل كلیك شده نسبت به محلهایی كه جلوی سطح كانونی قرار دارند نیز تیرهتر میشوند. از مراحل بعدی برای ایجاد یك فیلتر Lens Blur به همراه Depth Map استفاده كنید.
ایجاد یك Depth Map
قبل از اجرای فیلتر Lens Blur، یك كانال آلفا، لایه پوششی یا لایه شفافی ایجاد كنید كه به شما برای تعریف سطح كانونی مورد نظر در تصویر كمك میكند. در این مثال از یك كانال آلفا با یك طیف رنگ عمودی سیاه و سفید در تصویری كه نور از پشت درخت و از بالا به پائین میتابد استفاده شده است.
تنظیم Depth Map
پنجره Lens Blur را باز كنید. در قسمت Depth Map، منوی Source را كلیك كرده و متناسب با تنظیمات تعیین شده در مرحله هفت، گزینه مورد نظرتان را انتخاب كنید.
كلیك كردن برای تعیین نقاط كانونی
مكاننما را بر روی تصویر پیشنمایش جابجا كنید. در این حالت شكل آن به صورت علامت صلیب تغییر میكند. در محلی از تصویر كه میخواهید تمركز نور داشته باشید، كلیك كنید. مقادیر Depth Map ای كه روشنتر و تیرهتر از مقدار انتخاب شده هستند، همانند مراحل توضیح داده شده در فوق از تمركز خارج میشوند.
تنظیم نقطه كانونی
هنگامیكه شما نقطه كانونی را همانند مرحله 9 انتخاب میكنید، نوار لغزنده Blur Focal Distance تغییر میكند تا مقادیر پیكسلی در Depth Map اعمال شود. در صورتی كه قصد اصلاح مقدار نقطه كانونی را دارید نوار لغزنده Blur Focal Distance را جابجا كنید.
معكوس كردن Depth Map
در صورت نیاز، گزینه Invert Depth Map را فعال كنید تا مقادیر Depth Map معكوس شده و نقطه كانونی بطور چشمگیر جابجا شود.
* توجه *
چه زمانی باید از نوار لغزنده Rotation استفاده كرد؟
استفاده از چرخش دیافراگم هنگامی مفید است كه اضلاع كمتری در آن وجود دارد. وقتی اضلاع دیافراگم بیشتر از 6 ضلع شوند، تغییر مقادیر این نوار لغزنده تأثیر كمی در افكت موجود دارد. برای دستیابی به نتایج واضحتر از دیافراگمی سه طرفه با پیشنمایش 100% استفاده كنید و به محیطهای روشن دقت كنید.
نحوه استفاده از Photo Filterها
Photo Filter ها، فیلترهای اصلاح كننده رنگی هستند كه مجموعه فیلترهای واقعی كه عكاسان قدیمی مورد استفاده قرار میدادند را شبیهسازی میكنند. در این كار عملی نحوه استفاده آنها را در ارتباط با همترازی لایهها بررسی خواهیم كرد.
باز كردن فایل
فایلی كه قصد اعمال تغییرات در آن را دارید با استفاده از گزینه File\Open انتخاب كنید.
باز كردن پالت Layers
برای اجرای پالت Layers گزینه Window\Layers را انتخاب كنید.
ایجاد Photo Filter و Adjustment Layer
آیكون Adjustment Layer ای كه در پائین پالت Layers قرار دارد كلیك كرده و دكمه ماوس را پائین نگه دارید تا منویی شامل گزینههای مختلف همترازی لایهها نمایان شود. برای باز شدن كادر محاورهای Photo Filter، این گزینه را از منوی نمایان شده انتخاب كنید.
انتخاب فیلتر
در كادر محاورهای Photo Filter بطور پیشفرض گزینه Color انتخاب شده است. در نمونه رنگ كلیك كرده و یك رنگ را از پنجره انتخابگر رنگ انتخاب كنید. دكمه رادیویی Filter را فعال كرده و از منوی كشویی یك فیلتر را انتخاب كنید. فیلترها متناظر با فیلترهای قدیمی و واقعی حرفه عكاسی نامگذاری شدهاند.
تنظیم غلظت و فشردگی
فیلترهای واقعی به ندرت با غلظت 100% اعمال میشوند كه متأسفانه مقدار پیشفرض این فیلتر هستند. برای نزدیك شدن به افكت مناسب مقدار Density را كاهش دهید.
اعمال همترازی لایه
برای ایجاد Photo Filter و اعمال افكت، دكمة OK را كلیك كنید.
*توجه *
استفاده از طیف برای جدا كردن افكتها
برای ایجاد یك افكت فیلتر جداگانه، در پالت Layers گزینه Photo Filter را انتخاب كرده و آیكون Add Layer Mask را كه در پائین پالت Layers قرار دارد كلیك كنید.
نحوه ساخت تصاویر گسترده
فرمان Photomerge تصاویر گسترده را بطور اتوماتیك در كنار یكدیگر قرار میدهد و به شما این امكان را میدهد تا محیطهایی با عدسی باز ایجاد كنید كه جزئیات بالایی دارد. برای تكمیل مراحل این كار عملی، با مجموعهای از تصاویری شروع به كار كنید كه در یك خط هستند. بعنوان مثال افقی هستند. هر چند فرمان Photomerge فرایند ایجاد یك تصویر كلی را آسان میسازد، تصور غلط رایج در بین كاربران آن است كه این فرایند بطور كامل اتوماتیك است. در این كار عملی توضیح داده شده است كه چگونه از فرمان Photomerge بعنوان یك ابزار در فرایند استفاده كنید.
باز كردن رابط گرافیكی Photomerge
برای باز شدن كادر محاورهای Photomerge، گزینه File\Automate\Photomerge را انتخاب كنید.
انتخاب فایلهای منبع
اولین كادر محاورهای كه پس از اجرای فرمان Photomerge نمایان میشود، از شما میپرسد كه فایلهای منبع تصویری كه میخواهید در طرح كلی قرار گیرند، كدام هستند. دكمه Browse را كلیك كرده، در پنجرهای كه نمایان میشود فایل مورد نظرتان را انتخاب كرده و سپس Open را كلیك كنید. این مراحل را برای تمامی تصاویری كه میخواهید در طرح كلی وارد كنید، تكرار كنید. البته میتوانید تمامی فایلها را در یك پوشه قرار داده و به جای استفاده از گزینه File در منوی Use از گزینه Folder استفاده كنید. پس از انتخاب تمامی تصاویر دكمه OK را كلیك كنید تا اسكریپت فرمان Photomerge اجرا شود.
بزرگنمایی برای بررسی تصویر
فرمان Photomerge فایلها را باز كرده و سعی میكند تا تمامی تكهها را در یك تصویر كلی تركیب كند. بطور پیشفرض ممكن است پنجره پیشنمایش كوچك باشد، از این رو نوار لغزنده Zoom را در قسمت Navigator پنجره به سمت راست جابجا كنید تا پیشنمایش بزرگ شود.
ویرایش در پنجره Photomerge
بطور پیشفرض تنظیمات Snap to Image فعال است و امكان تنظیم و همترازی را به شما میدهد. اگر همترازی به شكل درستی انجام نشده است، تصاویر را به شكل مورد نظرتان جابجا كنید. گزینة Keep As Layers را فعال كرده و سپس دكمه OK را كلیك نمائید.
برش تصویر
با توجه به اینكه شما تصاویر مختلفی را از چند زاویه تركیب میكنید، احتمال ایجاد تصویری به شكل مستطیل و متناسب كم است. بدین منظور میتوانید ابزار Crop را از جعبه ابزار انتخاب كرده و برای تعریف محیط مستطیل بر روی تصویر بكشید و سپس برای برش تصویر در آن كلیك كنید. فایل را همانند حالت عادی بسته و ذخیره كنید.
*توجه *
فرمان Match Color
بطور معمول، تصاویری كه تركیب میشوند ممكن است رنگهای متفاوتی داشته باشند. یك روش مناسب برای رفع این مشكل، استفاده از فرمان Match Color است.
استفاده از Layer Mask برای یكی كردن تصاویر
هنگامیكه تصویر كلی در فتوشاپ باز میشود، هر یك از تصاویر اصلی در یك لایه جداگانه لیست میشوند. اگر لایهها بطور متناسب و دقیق در یك خط صاف قرار ندارند و شما تصاویر كافی دارید كه بین لایهها را میپوشانند، سعی كنید تا لایهها را با یك لایه پوششی تركیب كنید. آیكون Layer Mask را در پائین پالت Layers كلیك كرده و ابزار Brush را انتخاب كنید و با رنگ پیشزمینه سیاه نقاشی كنید تا دو لایه تركیب شوند.
نحوه سازماندهی تصاویر با فرا دادههای سفارشی
صنعت عكاسی برخی استانداردهای ثابت را برای سازماندهی، دستهبندی و برچسبگذاری تصاویر مورد استفاده قرار میدهد. دادههای EXIF كه اطلاعات دوربین را توصیف میكنند، دادههای IPTC برای اطلاعات روزنامهنگاری همانند نویسنده، منابع و... .
برنامه فتوشاپ تمامی این اطلاعات را در برچسبهای Keywords و Metadata در File Browser سازماندهی میكند.
ایجاد كلمات كلیدی
در حالیكه مرورگر فایل باز است، برچسب Keywords را كلیك كرده و سپس از منوی Options گزینه New Keyword را انتخاب نمائید. یك كلمه كلیدی جدید در لیست ظاهر میشود و میتوانید آن را برچسبگذاری كنید. كلمه مورد نظرتان را تایپ كنید و این مراحل را برای ایجاد یك لیست از كلمات كلیدی تكرار نمائید، برای ایجاد یك پوشه جدید برای سازماندهی كلمات كلیدی در داخل گروههای مشابه گزینه New Keyword Set را انتخاب كنید.
ضمیمه كردن كلمات كلیدی به تصاویر
یك یا چند فایل را در مرورگر فایل انتخاب كنید و برای ضمیمه كردن كلمه كلیدی به آنها دو بار بر روی تصاویر كلیك كنید. كلمه كلیدی یك كلمه توصیفی قابل جستجویی است كه در سازماندهی مضامین به شما كمك میكند. هر تصویر میتواند چندین كلمه كلیدی بطور جداگانه یا تركیبی از چندین كلمه داشته باشد.
باز كردن File Info
فرا داده با فرمان File Info به یك فایل ضمیمه میشود. ابتدا در File Browser یك فایل را انتخاب كرده و از منوی File Browser گزینه File\File Info را انتخاب كنید. اطلاعات فرا داده، اطلاعات ضمیمه شده درباره یك فایل است كه میتواند برای شناسایی، كپیرایت، جستجو یا مدیریت روند كاری مورد استفاده قرار گیرند. شش نوع فرا داده در برنامه فتوشاپ قابل انتخاب است: File Properties، EXIF Camera Data، Camera Raw، GPS و IPTC.
افزودن فرا دادهها
پنجره File Info شامل هشت دستهبندی مختلف اطلاعات است كه در سمت چپ پنجره و در یك ستون لیست شدهاند. برای دسترسی به آن اطلاعات، یك دستهبندی را انتخاب كنید. اطلاعات مربوط به هر دستهبندی را مطابق با كارتان وارد كنید. اگر دوربین شما اطلاعات را در قالب EXIF ذخیره میكند، برخی از فیلدهای مربوط به Camera Data از قبل پر شدهاند.
انتخاب جستجو
بعد از ضمیمه كردن كلمات كلیدی و فرا دادهها به تصاویر، از این اطلاعات میتوانید برای جستجو و مرتبسازی تصاویر همانند ذخیره در یك بانك اطلاعاتی استفاده كنید. برای جستجوی تصاویر با كلمات كلیدی یا فرا دادهها در File Browser دكمه Search را كه در بالای پنجره قرار دارد كلیك كرده یا از منوی File Browser گزینه File\Search را انتخاب نمائید.
وارد كردن دادههای جستجو
در كادر محاورهای Search نمایان شده، پوشه یا پوشههایی كه قصد انجام جستجو در آنها دارید را با استفاده از دكمه Browse یا Look in انتخاب كنید. در صورت نیاز گزینه Include All Subfolders را فعال كنید. در قسمت Criteria، متغیر جستجو را از منوی اول انتخاب كرده و با استفاده از منوی دوم یك جستجو را ایجاد كنید. متغیرهای جستجو شامل نام، نوع، تاریخ ایجاد/ تغییر، كلمات كلیدی، فرا داده، رتبهبندی و نشانگذاری هستند. علامت “+“ را برای باز شدن فیلدهای اضافی جهت انجام جستجو با استفاده از دیگر متغیرها را كلیك كنید.
مشاهده نتایج جستجو
در كادر محاورهای Search، دكمه Search را كلیك كنید. مرورگر فایل تمامی نتایج را در یك پوشه جداگانه با نام Search Results برمیگرداند. هر زمان كه جستجویی را اجرا كنید، نتایج جستجو در این پوشه قرار میگیرند و امكان مقایسه دو جستجوی مختلف وجود ندارد.
نحوه استفاده از الگوهای فرا داده
الگوهای فرا داده به شما امكان میدهد تا تنها با یك فرمان مجموعهای از اطلاعات فرا داده را فرمان به چندین تصویر اعمال كنید. از این ویژگی برای مواقعی استفاده میشود كه فرا دادههای خاصی بطور مدام به تصاویر اعمال میشوند. همانند نام نویسنده یا نام شركت.
ایجاد یك الگو
تصویری را در File Browser انتخاب كنید تا از آن به عنوان الگو استفاده شود. سپس از نوار منوی مرورگر فایل، گزینه File\File Info را انتخاب كنید تا پنجره فرا دادههای فایل باز شود.
وارد كردن اطلاعات الگو
هر یك از متغیرهای فرا داده را از پنجره سمت چپ انتخاب كرده و دادههای مورد نظرتان را در فیلدهای مربوطه وارد كنید. البته به یاد داشته باشید كه تنها اطلاعاتی را وارد كنید كه مایلید در چند تصویر تكرار شوند.
ذخیره الگو
مثلثی را كه در گوشه راست بالای كادر محاورهای قرار دارد كلیك كرده و برای مشاهده منوی Options آن را پائین نگه دارید. گزینه Save Metadata Template را انتخاب كرده و یك نام را در كادر محاورهای نمایان شده برای الگو وارد كنید.
انتخاب تصاویر مقصد
برای اعمال الگوی فرا دادهای كه برای تصاویر ایجاد كردهاید، تصاویر مورد نظر را در مرورگر فایل انتخاب كنید (در صورتی كه مایلید این الگو را در یك زمان به چندین تصویر اعمال كنید، كلید Shift را در هنگام انتخاب تصاویر پائین نگه دارید).
اعمال الگوی فرا داده
گزینه Edit\Replace Metadata را انتخاب كرده و سپس نام الگویی كه در مرحله سوم ایجاد كردهاید را انتخاب كنید. اگر چندین الگو را ایجاد كرده باشید، نام تمامی آنها در زیرمنو ظاهر میشود. فتوشاپ تمامی فرا دادههای الگوی انتخاب شده را به تصاویر انتخاب شده اعمال میكند.
* توجه *
ضمیمه كردن الگوهای فرا داده به فرا داده موجود
برای اعمال یك الگوی فرا داده به یك فایلی كه از قبل مفاهیم فرا داده به آن ضمیمه شده است، گزینه Edit\ Append Metadata را به جای گزینه Edit\Replace Metadata انتخاب كنید. این فرمان تنها فیلدهای فرا دادهای را كه در الگو وارد كردهاید جایگزین میكند و تمامی فرا دادههای دیگر موجود را بدون تغییر باقی میگذارد.
نحوه پیش نمایش فایلها در مرورگرها و سیستمها
فایلهای تصویری نسبت به آنچه در سیستمهای مكینتاش دیده میشوند با آنچه در كامپیوترهای PC دیده میشود یا از یك مرورگر به مرورگر دیگر به شیوه متفاوتی مشاهده میشوند. مانیتورهایPC تنظیمات گامای بالاتری نسبت به مانیتورهای سیستمهای مكینتاش دارند، بطوریكه تصاویر در PC ها تیره تر دیده میشوند. تفاوت در نوع مرورگرها در هنگام ساخت جداول یا كار با دیگر محیطهای طرحبندی سبب مشاهده آنها به شیوه متفاوت میشود. هنگام آماده كردن فایلها برای انتشار در وب، بررسی و آزمایش تمامی فایلها در تعداد مختلفی از مرورگرها و سیستمها نتیجه مناسبی در اختیارتان قرار میدهد. در این كار عملی اغلب گزینههای مربوط به پیش نمایش و مشاهده یك فایل در قالبهای مختلف بررسی شده است.
باز كردن فایل در Image Ready
فایل را در Image Ready با انتخاب گزینه File\Open باز كنید. هر چند میتوانید این كار را در فتوشاپ انجام دهید، اما در برنامه Image Ready یكسری از ویژگیها و مزیتهای عمومی بهینه سازی فایلها برای انتشار در وب همانند فایلهای انیمیشن GIF یا تصاویر جاوااسكریپتی دو حالته در اختیار شما میباشد.
پیش نمایش فایلها در ویندوز
اگر شما در یك سیستم مكینتاش هستید و مایلید تا حالت و رنگبندی همان فایل را در سیستم كاربرانی كه از ویندوز استفاده میكنند را نیز دریابید، گزینه View\Preview\Standard Windows Color را انتخاب كنید. این فرمان تنظیمات مانیتور را با توجه به میزان گامای 2.2 مربوط به PC ها تنظیم میكند. در فتوشاپ باید گزینه View\Proof Setup\Windows RGB را انتخاب كنید.
پیش نمایش فایلها در مكینتاش
اگر شما در یك سیستم PC هستید و مایلید تا حالت رنگ بندی همان فایل در سیستم كاربرانی كه از مكینتاش استفاده میكنند را نیز دریابید، گزینه View\Preview\Standard Macintosh Color را انتخاب كنید. این فرمان تنظیمات مانیتور را با توجه به میزان گامای 1.8 مربوط به سیستمهای مكینتاش تغییر میدهد. در فتوشاپ باید گزینه View\Proof Setup\Macintosh RGB را انتخاب كنید.
پیش نمایش یك فایل در حالت JPEG
پس از مشاهده پیشنمایش فایل، نوبت به تعیین فرمت فایل برای رسیدن به بهترین حالت فشردهسازی و كیفیت آن میرسد. برای آزمایش نتیجه فشرده سازی JPEG، گزینه Window\Optimize را انتخاب كنید تا پالت Optimize باز شود. سپس از لیست كشویی Format، گزینه JPEG را انتخاب كرده و برچسب Optimized در بالای پنجرة تصویر را انتخاب نمائید.
پیش نمایش یك فایل در حالت Gif
برای آزمایش نتایج فشردهسازی فایل در قالب Gif، گزینه Window\Optimize را انتخاب كنید تا پالت Optimize باز شود. از لیست كشویی Format گزینه Gif را انتخاب كنید. به نوار وضعیت پائین پنجرة تصویر دقت كنید: اندازه و حجم اصلی فایل به همراه حجم فایل در حالتی كه با قالببندیGIF ذخیره شود، مشاهده میشوند. برای درك بهتر جزئیات بهینه سازی فایلهای GIF به كار عملی 4 بخش 4 مراجعه كنید.
پیش نمایش در مرورگر
برای مشاهده پیشنمایش تصویر ایجاد شده در مرورگر، دكمة Browser Preview در جعبة ابزار را كلیك كنید. در شكل زیر تصویر در حالت اجرا در مرورگر Internet Explorer نشان داده شده است. برای مشاهدة پیشنمایش در مرورگرهای مختلف نصب شده روی سیستم، روی دكمة مزبور در جعبة ابزار را كلیك كرده و پایین نگه دارید و از لیست كشویی باز شده، مرورگر مورد نظر خود را انتخاب نمائید. همچنین میتوانید گزینه File\Preview In\<Browser Name> را انتخاب كنید.
*توجه *
تعیین تنظیمات مرورگر
برای بارگذاری یك مرورگر در ImageReady بطوریكه در منوی كشویی جعبه ابزار یا زیرمنوی File\Preview In قرار گیرد، باید در ابتدا گزینههای در دسترس را تعیین كنید. گزینه File\Preview In\Other را انتخاب كنید. در كادر محاورهای كه باز میشود به دنبال برنامه اجرایی مرورگر مورد نظرتان بگردید. دكمة Ok را كلیك كنید تا نام مرورگر مربوطه در منو فوقالذكر قابل مشاهده شود.
نحوه ساخت فایلهای gif برای وب
فایلهای gif كارایی زیادی دارند از جمله برای استفاده در وب آنها را میتوان تا حد امكان فشرده كرد. همانطور كه در كارهای عملی بعدی مشاهده خواهید كرد، فایلهای gif امكان ساخت انیمشن و یا شفافیت را در عین حفظ كوچكی فایل میدهند. البته فایلهای gif از تصاویر عكس بخوبی پشتیبانی نمیكنند. در صورتی كه مایلید تا جزئیات بیشتری از فایلهای عكس در اختیار داشته باشید، استفاده از قالببندی نوع Jpg مناسبتر از gif است.
باز كردن و ذخیره فایل در فتوشاپ
فایلی كه میخواهید به قالب gif تبدیل كنید را در فتوشاپ باز كنید. سپس گزینه File\Save For Web را انتخاب نمائید. كادر محاورهای Save For Web نمایان میشود و فتوشاپ یك كپی از فایل اصلی را ایجاد میكند و فایل اصلی را بدون اعمال تغییرات ترك میكند.
انتخاب قالببندی بهینه شده فایل
از اولین منوی كشویی در كادر محاورهای، گزینه gif را انتخاب كنید.
تنظیم نوارهای لغزنده Dither و Lossy
نوارهای لغزنده Dither و Lossy را انتخاب كنید. مقدار Lossy را 100 و Dither را 0 تنظیم كنید. برای كاهش اندازه فایل
حتی الامكان باید مقدار Dither را كاهش داده و مقدار Lossy را افزایش دهید. تصویر بر اساس تغییرات اعمال شده شما تغییر میكند. برای درك بهتری از تغییرات اعمال شده، به محیط پیشنمایش تصویر دقت كنید.
پیشنمایش تنظیمات
در برچسب Oplimized كلیك كنید تا نتیجه تغییرات اعمال شده به فایل را مشاهده كنید. در صورتی كه تصویر دانه دانه شد مقدار Lossy را كاهش دهید و در صورتی كه تصویر درخشان شد مقدار Dither را افزایش دهید.
تعیین تعداد رنگها
هدف بعدی، ایجاد یك فایل GIF با حداقل تعداد رنگها میباشد. مقدار 32 یا 64 (برخی فایلها حتی میتوانند از 8 و یا 4 رنگ استفاده كنند)را تعیین كنید. منوی كشویی Colors را كلیك كرده و تعداد رنگ مورد نظر را از لیست انتخاب نمائید. البته میتوانید مقدار رنگها را با انتخاب كردن عدد مربوط در كادر و تایپ مقدار مورد نظر تعیین كنید.
ذخیره فایل
دكمة OK را كلیك كنید تا كادر Save For Web بسته شود. كادر محاورهای Optimized As Save باز میشود . نام و موقعیت فایل را بررسی كنید و در صورتی كه مشكلی وجود نداشت برای ذخیره فایل دكمة Save را كلیك نمائید.
*توجه*
استفاده از جداول 2-UP و 4-UP
اگر در خصوص چندین نوع فشرده سازی دچار شك و تردید هستید بر روی برچسبهای 2-up و یا 4-up در كادر محاورهای Save For Web كلیك كنید. این برچسبها شما را قادر میسازند تا حالتهای مختلف را در كنار هم مقایسه كنید و حالت مناسب را انتخاب نمائید.
پیش نمایش در مرورگر
در صورتی كه مطمئن نیستید فایلهای تصویریتان چگونه در مرورگر دیده خواهند شد، از ویژگی Browser Preview استفاده كنید. در حالیكه هنوز در كادر Save For Web هستید میتوانید یا بر روی دكمه Browser Preview كلیك كنید و یا از منوی Select Browser برای انتخاب نوع مرورگر استفاده كنید. دكمه و منو پائین كادر محاورهای قرار دارند. در این مثالها، دكمه آیكون Internet explorer را نشان میدهد. برای دسترسی به منو نیز میتوانید در فلش جهتدار كنار این دكمه كلیك كنید.
نحوه بهینهسازی و تنظیمات رنگی gif
هر چه بیشتر با فشرده سازی gif كار میكنید، بیشتر درمییابید كه مرحله مهم و حیاتی، كاهش تعداد رنگها به یك حداقلی است كه هنوز تصویر به خوبی قابل مشاهده باشد.اغلب مردم به این موضوع توجه نمیكنند كه تنظیم مقدار 32 رنگ میتواند همان كاری را انجام دهد كه تصویر در حالت هزاران رنگ انجام میدهد.
باز كردن و ذخیره فایل در فتوشاپ
در فتوشاپ گزینه File\Open را انتخاب كنید. كادر محاورهای Open نمایان میشود. فایلی كه میخواهید به قالب gif تبدیل شود را انتخاب كرده و سپس Open را كلیك نمائید. سپس گزینه File\Save for Web را انتخاب نمائید. كادر محاورهای Save For Web فعال میشود و فتوشاپ یك كپی دیگر از فایل اصلی را ایجاد میكند.
تعیین تنظیمات اولیه gif
به كار عملی قبلی مراجعه كرده و نوع فشرده سازی gif و تنظیمات مربوط به Dither و Lossy را تعیین كنید. از لیست Colors كمترین مقدار را انتخاب كنید كه هیچ كاستی و كمبودی را نسبت به فایل اصلی ایجاد نمیكند. برچسب Optimized را انتخاب كنید تا نتایج را مشاهده نمائید.
قفل كردن رنگهای مهم
در زبانه Color Tab كلیك كنید. ابزار قطره چكان (Eyedropper) را در كادر محاورهای Save For Web انتخاب كرده و سپس یك رنگ برجسته و آشكار تصویر را انتخاب نمائید.
رنگ متناظر در قسمت Color Table برجسته میشود. با كلیك كردن دكمه Lock كه در پائین Color Table قرار دارد، رنگ انتخاب شده را قفل كنید. انجام این كار سبب نگهداری و حفظ آن رنگ در هنگام فشرده سازی تصویر میشود. برای سایر رنگهای مهم موجود در تصویر نیز میتوانید این كار را تكرار كنید.
حذف رنگهای بسته
در حالتی كه تصویر را در قسمت Optimized نگاه میكنید، گزینه Sort by Luminance را از منوی كشویی پالت Color Table انتخاب كنید. در Table Color ، رنگ بسته مورد نظر را انتخاب كنید تا قفل شود و سپس از منوی پالت مزبور، گزینه Delete Color را انتخاب كنید. طرح موجود در پیش نمایش با حذف رنگ انتخاب شده مجدداً به روز رسانی میشود. برای حذف رنگهای غیرضروری دیگر میتوانید این مراحل را تكرار كنید تا به كیفیت قابل قبولی برسید.
تغییر رنگهای جدول رنگ
در حالتی كه رنگهای مهم قفل شده هستند، تعیین كنید كه آیا نیاز به تغییر دیگر رنگها دارید یا خیر. برای تغییر نمونههای رنگ، روی رنگ موردنظر در Color Table دو بار كلیك كنید تا كادر محاورهای انتخابگر رنگ نمایان شود. رنگ جاری را تغییر دهید و به آیكون Web-Safe برای انتخاب رنگهای مناسب وب توجه داشته باشید. دقت كنید كه زمانیكه این آیكون در كنار كادر رنگ انتخاب شده قرار داشته باشد؛ رنگ انتخاب شده، مناسب وب نیست. برای انتخاب نزدیكترین رنگ به رنگ انتخاب شده كه مناسب وب هم باشد، روی آیكون مزبور كلیك كنید.
ذخیره Color Table
در صورتی كه با انواع مشابهی از فایل تصویری مزبور كار میكنید یا میخواهید یك سری از تصاویر موجود از رنگ بندی یكسانی استفاده كنند، فقط كافی است تا Color Table خود را ذخیره كنید. بدین منظور گزینه Save Color Table را از منوی پالت Color Table انتخاب نمائید. در كادر محاورهای Save As كه نمایان میشود یك نام برای جدول رنگتان وارد كرده و سپس دكمة OK را كلیك نمائید.
* توجه *
استفاده از یك جدول رنگ ذخیره شده
برای بارگذاری یك جدول رنگ ذخیره شده و استفاده از آن در دیگر تصاویر، كادر محاورهای Save For Web را باز كرده و سپس گزینه Load Color Table را از منوی پالت Color Table انتخاب نمائید.
استفاده از رنگهای مناسب وب
برای تبدیل رنگهای موجود به رنگهای مناسب وب (Web-Safe) از نوار لغزنده Web Snap كه در گوشه راست بالای كادر محاورهای Save For Web قرار دارد، استفاده كنید.مقادیر بالا در نوار لغزنده Web Snap ، رنگهای مناسبتری را در پالت Web-Safe وارد میكند. پالت Web-Safe به زیرمجموعهای از رنگها اشاره دارد كه میتوانند در تمام مرورگرها و تمامی سیستم عاملها بطور دقیق ایجاد شده و نشان داده شوند. در صورتی كه میخواهید همه كسانی كه تصاویر گرافیكی شما را از در طریق وب مشاهده میكنند، همان رنگبندی موجود در سیستم شما را ببینند از Web – Safe استفاده كنید.
نحوه ایجاد یك فایل GIF شفاف
مزیت مهمی كه فایلهای GIF نسبت به فایلهای JPEG دارند آن است كه میتوانید محیط معینی را در فایلهای gif بصورت شفاف و فاقد هر نوع رنگ تعیین كنید. به این معنی كه میتوانید افكتهای سایهداری برای پس زمینه صفحات وب قرار دهید. محیطهای شفاف و بدون رنگ در فایلهای GIF كاملاً غیرقابل مشاهده هستند. در این كار عملی نحوة ایجاد تصاویر شفاف در Image Ready توضیح داده شده است.
باز كردن فایل در Image Ready
گزینه File\Open را در برنامه Image Ready انتخاب كنید. در كادر محاورهای Open، فایلی را كه میخواهید بر روی آن كار كنید انتخاب كرده و سپس OK را كلیك نمائید.
انتخاب محیط مورد نظر
با استفاده از یكی از ابزارهای انتخابكننده در Image Ready (همانند قلم جادویی یا Magic Wand برای انتخاب محیطهای رنگبندی مشابه) محیطی از تصویر كه میخواهید شفاف شود را انتخاب كنید.
اعمال یك پوشش (Mask)
پالت Layer را با انتخاب گزینه Window\Layer فعال كنید. در حالیكه قسمت انتخاب شده در مرحله قبل هنوز فعال است كلیدهای Ctrl + Alt را پائین نگه داشته و سپس دكمه Add A Mask را كه در پائین پالت Layers قرار دارد كلیك كنید. این عمل محیط انتخاب شده را دارای پوشش میكند و پیشنمایشی از طرح نهایی به شما میدهد.
تنظیمات بهینه سازی
در صورتی كه شفاف سازی همان روش و شیوه مورد نظرتان است، گزینه Window\Optimize را انتخاب كنید تا پالت Optimize باز شود. سپس تنظیمات مناسب را انتخاب نمائید (مراجعه به كار عملی 3).
پیش نمایش در یك مرورگر
گزینه File\Preview In را انتخاب كنید یا دكمه Browser Preview را در نوار ابزار كلیك كنید تا فایل را به همان شكلی كه در مرورگرها دیده خواهد شد، مشاهده كنید.
ذخیره فایل بهینه شده
در صورتی كه تصویر در وضعیت مناسبی بود، مرورگر را بسته و به Image Ready بازگردید. سپس گزینه File\Save Optimized را انتخاب كنید تا فایل با استفاده از تنظیمات اعمال شده در پالت Optimize ذخیره شود.
*توجه*
تثبیت شفافیت
در صورتی كه شفافیت ایجاد شده در مرحله 3 در لایه پوششی مناسب نیست، دكمه Add A MasK را در پالت Layers انتخاب كنید و شفافیت قسمت شفاف انتخاب شده را با هر لایه پوششی رنگ پردازی كنید.
شفافیت در فتوشاپ
اعمال شفافیت و حذف رنگهای زمینه در فتوشاپ نیز از طریق كادر محاورهای Save For Web امكان پذیر میباشد. رنگ قسمت مورد نظر را در پالت رنگ انتخاب كرده و سپس آیكون Transparency را كه در پائین پالت قرار دارد انتخاب كنید.
نحوه ساخت فایلهای Jpg برای وب
قالببندی و فرمت JPEG در فایلها برای تصاویر دارای طیف سایه روشن همانند عكسها بسیار مناسب است. اگر چه فشرده سازی باعث ایجاد حالت پیكسلی در تصویر میشود. ولی این حالت به سختی در عكس قابل مشاهده است. فتوشاپ دارای یك عملگر مات كننده در داخل كادر محاورهای JPEG میباشد كه استفاده از آن در برخی تصاویر مناسب است. با استفاده از این ابزار میتوانید بسیاری از لبههای تیزی كه در نتیجه كاهش كیفیت در فایل Jpg ایجاد میشود را محو و غیرقابل مشاهده كنید.
باز كردن فایل در فتوشاپ
گزینه File\Open را در فتوشاپ انتخاب كنید. كادر محاورهای Open نمایان میشود. فایلی كه میخواهید با استفاده از فرمت Jpeg فشرده شود را انتخاب نمائید.
تعیین گزینههای Jpeg
گزینه File\Save For Web را برای باز كردن كادر محاورهای Save For Web انتخاب كنید. از لیست كشویی Optimized File Format گزینه JPEG را انتخاب كنید.كنترل كننده اصلی این قسمت نوار لغزنده Quality میباشد. این قسمت تنظیم كننده درصد فشردهسازی فایل بوده و متناظر با كیفیت است. این قسمت را در وضعیت high ، medium یا low قرار دهید. به یاد داشته باشید كه مقدار بالای كیفیت سبب افزایش حجم فایل میشود و كیفیت پائین نیز فایل كوچكی را ایجاد میكند.
مقایسه تنظیمات بوسیلهUp-4
در برچسب 4-Up كلیك كنید تا فایل را در 4 حالت مختلف مشاهده كنید. این وضعیت به شما امكان میدهد تا با دقت بهتری تنظیمات مورد نیاز برای فایلی با كیفیت خوب و حجم مناسب را انتخاب كنید.
تنظیم نوار لغزنده Blur
برچسب Optimized را برای برگشت به آن صفحه كلیك كنید و نوار لغزنده Blur را افزایش دهید تا ببینید كه آیا این تنظیمات به نرم شدن و وضوح تصویر كمك میكند یا خیر. OK را كلیك كنید و فایل را تغییر نام دهید تا بصورت بهینه شده و در یك فایل جداگانه ذخیره شود.
باز كردن مجدد فایل
برای بررسی كیفیت تصویری كه ایجاد كردهاید گزینه File\Open را انتخاب كنید. از كادر محاورهای Open فایل بهینه شدهای كه ایجاد كردهاید را انتخاب كنید. برای بررسی مجدد در كیفیت، دو تصویر را با هم مقایسه كنید تا به رنگ بندی مناسبی دست پیدا كنید.
آزمایش فیلتر Unsharp Mask
از آنجا كه قالببندی JPEG حالت نرمی در فایلهای اصلی ایجاد میكنند، میتوانید از یك فیلتر Unsharp Mask برای برگرداندن برخی جزئیات فایل استفاده كنید (هرچند انجام این كار حجم فایل را افزایش میدهد).
گزینه Filter\Sharpen\Unsharp Mask را انتخاب كنید. مقدار فیلد Amount را بین 50% تا 100% تعیین كنید و مقدار فیلد Radious را بین 0.7 و 1.0 قرار دهید. در صورتی كه نتیجه مورد قبول بود، برای اعمال تغییرات دكمة OK را كلیك كنید. در غیر این صورت Cancel را انتخاب نمائید.
* توجه *
جابجا كردن تصویر
در حالیكه در كادر Save For Web كار میكنید میتوانید نشانگر ماوس را بر روی تصویر در محیط پیش نمایش جابجا كنید. در این حالت شكل نشانگر ماوس بصورت دست تبدیل میشود. با پائین نگه داشتن دكمة ماوس میتوانید تصویر را جابجا كنید بطوریكه جزئیات بیشتری مشاهده شوند. همچنین امكان انتخاب ذره بین و استفاده از بزرگ نمایی و كوچك نمایی نیز وجود دارد.
حفظ رنگهای یكسان
برای حفظ یكسانسازی رنگها در هنگام فشردهسازی تصویر، گزینة ICC
نحوه بهینه سازی فایلها با متغیرهای فشردهسازی
متغیر فشردهسازی به شما امكان میدهد تا فشردهسازی و كیفیت یك تصویر را در محیطهای مختلف اصلاح كنید. میتوانید در اطراف یك كاراكتر یا بخشی از تصویر تمركز كنید در حالیكه اجازه میدهید جزئیات قسمتهای غیرمهم حذف شود (همانند محیطهای زمینه یا رنگهای یكنواخت). در نتیجه تصویر بهینه شده و كیفیت بالایی در قسمتهای مهم و كیفیت پائینی در قسمتهای كم اهمیت دارد. در این كار عملی نحوه انجام فرایند فشردهسازی این چنینی را در فتوشاپ بررسی میكنیم.
باز كردن فایل در فتوشاپ
اولین قسمت این كار عملی شامل ایجاد یك پوشش در فتوشاپ است. بدین منظور فتوشاپ را باز كنید. سپس گزینه File\Open را انتخاب كنید. فایلی را كه قصد بهینهسازی آن را دارید از كادر محاورهای Open انتخاب كنید.
ایجاد یك كانال جدید
برای باز كردن پالت Channels، گزینه Window\Channels را انتخاب كنید. پارامترها را در كادر محاورهای New Channel به شكل مورد نظر تغییر دهید و برای ایجاد كانال جدید، دكمه OK را كلیك نمائید.
ایجاد پوشش
بطور پیشفرض كانال جدید تصویر را سیاه میكند. برای مشاهده تركیبی كانال و تصویر به پالت Channels رفته و قابلیت مشاهده را برای تمامی كانالها از جمله كانال جدیدی كه ایجاد كردهاید، فعال كنید. در انتهای فشردهسازی تصویر، محیطهای سفید كانال آلفا جزئیات بیشتری داشته و محیطهای سیاه جزئیات كمتری خواهند داشت. برای تاكید در جزئیات تصویر میتوانید با هر یك از ابزار نقاشی در فتوشاپ كانال را رنگ آمیزی كنید. پس از اتمام كار، قابلیت نمایش كانال alpha را در پالت Channels غیرفعال كنید.
ذخیره فایل برای وب
گزینه File\Save For Web را برای باز شدن كادر محاورهای Save For Web انتخاب كنید. در صورت داشتن پوشش، گزینهای برای باز كردن فایل از طریق برنامه Image Ready و بهینه سازی آن در اختیار دارید.
برای فایلهای JPEG
در كادر محاورهای Save For Web از منوی Optimized File Format گزینه JPEG را انتخاب كنید. آیكون كنار فیلد Quality را برای باز شدن كادر محاورهای Modify Quality Setting انتخاب كنید. از منوی كشویی، كانالی را كه در قسمت 2 این كار عملی ایجاد كردهاید، انتخاب كنید. در حالیكه گزینة Preview انتخاب شده است، برای تعیین میزان حداقل و حداكثر تنظیمات كیفیت، نوار لغزنده را جابجا كنید. به خاطر داشته باشید كه محیطهای كانال سفید متناظر با تنظیمات حداكثر و محیطهای سیاه رنگ مربوط به تنظیمات حداقل هستند. در پایان OK را كلیك نمائید.
برای فایلهای GIF
در كادر محاورهای Save For Web ، از منوی Optimized File Format گزینه GIF را انتخاب كنید و تنظیمات مورد نظر برای GIF را تعیین نمائید. آیكون كنار فیلد lossy را كلیك كنید تا كادر محاورهای Modify Lossiness Setting باز شود. با استفاده از مطالب عنوان شده در كارهای عملی قبل، تنظیمات مربوطه به Dither، Lossy و Colors را اعمال كرده و در پایان دكمة OK را كلیك نمائید.
* توجه *
فایلهای PNG را فراموش نكنید
از كانالها میتوانید برای تغییر كیفیت فایل PNG-8 نیز استفاده كنید. برای اصلاح مقادیر Lossy و Dither میتوانید مرحله 6 را برای این فایلها نیز انجام دهید.
نحوه چند قسمت كردن تصاویر برای وب
قسمت كردن و تكه كردن یك تصویر برای وب عبارت از تقسیم یك تصویر بزرگ به چند تصویر كوچك است كه در هنگام بارگذاری صفحه در داخل یك مرورگر در كنار هم قرار میگیرند. علت انجام این كار آنست كه در اینترنت بارگذاری تصاویر كوچك سریعتر از بارگذاری تصاویر بزرگ صورت میگیرد. در صورتی كه بخواهید بخشی از تصویر بعنوان یك شكل دو حالته حساس به ماوس یا یك انیمیشن عمل كند، استفاده از این ویژگی ضروری است. Image Ready به شما امكان میدهد تا یك فایل گرافیكی را با شبكهای از خطوط افقی و عمودی به چندین تكه تقسیم كنید و سپس هر تكه را به صورت یك فایل جداگانه ذخیره نمائید.
باز كردن فایل در Image Ready
برای باز كردن فایل مورد نظر در برنامه Image Ready گزینه File\Open را انتخاب كنید.
فعال كردن خط كشها
اگر خط كشها از قبل قابل مشاهده نیستند، گزینه View\Rulers را انتخاب كنید. تا خط كشها در اطراف چپ و بالای پنجره تصویر مشاهده شوند.
كشیدن خطوط راهنما
نمایشگر ماوس را بر روی یكی از خط كشها قرار دهید و دكمه ماوس را پائین نگه دارید تا اینكه شكل آن به صورت دو خط موازی تغییر یابد. سپس ماوس را به روی تصویر بكشید تا یك خط راهنمای افقی یا عمودی در تصویر قرار گیرد. خطوط راهنما را متناسب با تكههای مورد نظرتان كه قصد ایجاد آنها را دارید در تصویر قرار دهید.
تكه كردن تصویر مطابق خطوط راهنما
برای تكه كردن تصاویر بر اساس خطوط راهنمای جاری، گزینة Slices\Create Slices from Guides را انتخاب كنید. تكههای قرار گرفته در محیط تصویر بصورت بخشهای مستطیلی با یك رنگ مشخص دیده میشوند. تكه انتخاب شده جاری به رنگ زرد میباشد.
بهینه سازی تكههای تصویر
از جعبه ابزار گزینه Slice Select را انتخاب كرده و روی اولین تكة ایجاد شده در تصویر كلیك كنید تا انتخاب شود. سپس پالت Optimize را باز كنید (گزینه Window\Optimize را انتخاب كنید) و بهینه سازی مورد نظرتان را برای آن بخش انجام دهید. این مرحله را میتوانید برای هر تكهای در محیط تصویر تكرار كنید.
ذخیره فایلها
گزینه File\Save Optimzed را برای باز كردن كادر محاورهای Save Optimized انتخاب كنید. در صورتی كه میخواهید Image Ready یك فایل HTML برای جدول ضمیمه شده به تصویر ایجاد كند، گزینه HTML and Images را از منوی كشویی Save as type انتخاب نمائید. در صورتی كه تعداد زیادی از تكهها را ذخیره میكنید بهتر است با كلیك كردن دكمه New Folder پوشه جدیدی ایجاد كرده و تمام تكه تصویرها را در آن ذخیره و نگهداری كنید. برای ذخیرة تكههای بهینهسازی شده، دكمة Save را كلیك نمائید. چندین فایل ایجاد میشوند و هر فایل شامل یك تكه از تصویر است. نام فایلها برگرفته از نام فایل اصلی به همراه شماره تكه مربوطه است كه به آن ضمیمه شده است.
* توجه *
جابجایی خطوط راهنما
اگر بخواهید بعد از قرار دادن خطوط راهنما در صفحه آنها را تغییر موقعیت دهید، در ابزار Move جعبه ابزار كلیك كرده و نمایشگر ماوس را روی خط راهنمای مورد نظرتان قرار دهید و سپس آن را به محل مورد نظر بكشید.
تعیین تنظیمات تكه تصویرها
برای تعیین دقیق نحوة ایجاد و نامگذاری تكههای تصویر، گزینة File\Output Settings\Slices را انتخاب نمائید. بعلاوه میتوانید برای تعیین رنگ و شفافیت تكهها در هنگام نمایش آنها، گزینة Edit\Preferences\Slices را انتخاب كنید.
نحوه ساخت نقشههای تصویر
نقشههای تصویر به شما امكان میدهند تا نقاط قابل كلیكی را در تصاویر وب ایجاد كنید كه امكان برقراری لینك و پیوند به دیگر صفحات را میدهند. میتوانید دكمههای گرافیكی یا متون توضیح دهنده یك عمل، یا اطلاعات بر مبنای تصویر ایجاد كنید یا به محیطهای مشخص و دقیقی از تصویر لینك دهید. در برنامه Image Ready طراحی محیطهای نقشه تصویری به سادگی امكان پذیر شده است و در نتیجه میتوانید اطلاعات را لینك كرده و حتی كدهای HTML ضروری برای افكت نهایی را ذخیره كنید.
باز كردن فایل در Image Ready
در برنامه Image Ready گزینه File\open را انتخاب كنید و سپس فایلی را كه قصد اعمال تغییرات در آن را دارید، انتخاب كنید. در این مثال، یك نقشه تصویر در اطراف هر خط از متن ایجاد میكنیم كه به صفحات مربوطه در سایت وب لینك میشوند.
انتخاب ابزار Image Map
ابزار Image Map را در جعبه ابزار كلیك كرده و پائین نگه دارید تا تمامی ابزارهای مربوط به نقشههای تصویر را مشاهده كنید. گزینههای ابزار مزبور به شما امكان ترسیم اشكال مستطیل، دایره و چندضلعی را میدهند. همچنین ابزار دیگری هم برای انتخاب نقشههای ایجاد شده در این لیست وجود دارد. ابزار مورد نظر را از منو انتخاب كنید.
ترسیم اشكال نقشه تصویر
نمایشگر ماوس را بر روی تصویر جابجا كرده و شكل مورد نظر را با كشیدن ماوس ترسیم كنید. این شكل بصورت خط چین نمایان شده و دستگیرههایی در اطراف آن مشاهده میشوند. برای آنكه بعد از ترسیم شكل آن را ویرایش كنید، میتوانید ابزار Image map Select را انتخاب كنید. سپس نقشه تصویر را انتخاب كرده و دستگیرهها را به اندازه مورد نظر جابجا كنید.
باز كردن پالت Image Map
اگر پالت Image Map از قبل باز نیست، با انتخاب گزینه Image Map Window\ آن را باز كنید. تنظیمات مربوط به بخش Dimensions را برای تعیین موقعیت دقیق نقشه تصویر در فیلدهای X و Y وارد كنید. با استفاده از كنترلهای Width ، Heigh یا Radius (بسته به شكل انتخابیتان) شكل را تغییر اندازه دهید.
تعیین اطلاعات HTML
یك نام منحصر بفرد برای نقشه تصویری كه ترسیم كردهاید وارد كنید. ضمناً URL مربوط به لینك آن را نیز وارد كنید (مسیر دسترسی به فایلی كه با كلیك كردن بر روی نقشه تصویر باز خواهد شد). بعد از وارد كردن URL باید از منوی كشویی Target، مقدار مورد نظر را برای كنترل محل و نحوة باز شدن صفحة لینك شده به نقشة تصویر، انتخاب كنید. برای آنكه سند لینك شده در پنجره جدیدی اجرا شود گزینه _ blank یا برای باز شدن در همان پنجره گزینه _Self را انتخاب كنید (_parent و _top گزینههایی هستند كه برای صفحات مبتنی بر فریم كاربرد دارند). میتوانید برای كاربرانی كه صفحه را با مرورگرهای متنی مشاهده خواهند كرد یا نمایش گرافیك را در مرورگر خود محدود كردهاند عبارتی را در كادر Alt وارد كنید تا به جای تصاویر، آن عبارت نمایش داده شود.
ذخیره فایلها
برای ذخیره تصویر و پارامترهای HTML ضروری است كه به همراه تصاویر و تكه تصویرها یك فایل HTML نیز ذخیره كنید. بدین منظور با توجه به مطالب مطروحه در كار عملی 2 همین بخش، فایل را بهینه سازی كرده و سپس گزینه File\Save Optimized را انتخاب نمائید. در منوی كشویی Save as type ، دقت كنید كه HTML and Images انتخاب شده باشد و فایلها در دایركتوری و پوشههای مربوطه باشند. OK را برای ذخیره فایل HTML و فایلهای تصویری كلیك كنید.
*توجه*
همترازی اشكال نقشه تصویر
هنگام كار با چندین شكل نقشه تصویر میتوانید از ابزارهای دقیق همترازی موجود در برنامه Image Ready برای همتراز كردن اشكال بر اساس لبهها یا گوشههای آنها استفاده كنید. ابزار Image Map Select را انتخاب كرده و كلید Shift را پائین نگه دارید تا امكان انتخاب چندین شكل برای شما وجود داشته باشد. سپس میتوانید از هر یك از ابزارهای همترازی موجود در نوار Options استفاده كنید.
نقشههای تصویری از لایهها
اگر تصویری دارید كه از لایههای مجزا تشكیل شده (همانند یك دكمه گرافیكی)، گزینه Layer\New Layer Based Image Map Area را انتخاب كنید. این گزینه شكل نقشه تصویری جدیدی را مبتنی بر لایه فعال جاری ایجاد میكند.
نحوه ساخت انیمیشنهای GIF با استفاده از فیلتر
Photoshop و Image Ready به شما امكان ایجاد فایلهای انیمیشن جذابی را با استفاده از امكانات پیشرفته مختلف، فیلترهای متنی یا فیلترهای تحریف كننده میدهند (شما میتوانید همانند لایهها، فریمها را در فتوشاپ ایجاد كنید. اما تنها در Image Ready میتوانید انیمیشن ایجاد كنید). با ایجاد كپیهایی از یك لایه و سپس اعمال یك فیلتر، به آنها به آسانی میتوانید با شدتهای مختلف فیلتر را متحرك كنید. در این كار عملی بر روی تصویری از یك گل كار خواهیم كرد و فیلتری با نام Twirl را به لایههای متوالی اعمال میكنیم تا انیمیشن جالبی ایجاد شود. هر چند میتوانید در شروع كار هر فایلی یا هر قالبی را انتخاب كنید، اما توجه داشته باشید كه فایلهای انیمیشن حتماً باید در قالب GIF ذخیره شوند.
باز كردن فایل در Image Ready
در برنامه Image Ready گزینه File\Open را انتخاب كرده و سپس فایلی كه قصد ایجاد انیمیشن با آن را دارید، انتخاب نمائید.
كپی برداری از لایهها
گزینه Window\Layers را انتخاب كنید تا پالت Layers فعال شود. از منوی پالت، گزینه Duplicate Layer را چندین مرتبه انتخاب كنید تا برای ایجاد انیمیشن مورد نظر چندین لایه مختلف در اختیار داشته باشید. برای این مثال سه بار این مرحله را تكرار كنید.
اعمال فیلتر به لایهها
اولین لایه موجود در پالت Layers را انتخاب كرده و سپس فیلتر مورد نظرتان را انتخاب كنید (در این مثال ما گزینه Filter\Distort\Twirt را انتخاب كردیم). یك فیلتر با مقدار متوسط انتخاب كنید و OK را كلیك كنید. همین كار را برای بقیة لایهها تكرار كنید و در هر بار اعمال فیلتر، شدت آنرا افزایش دهید.
باز كردن پالت Animation
گزینه Window\Animation را برای باز كردن پالت Animation انتخاب كنید.
ایجاد فریم
گزینه New Frame را از منوی پالت Animation انتخاب نمائید تا یك فریم جدید انیمیشن ایجاد شود. این مرحله را برای ایجاد یك فریم متناظر با هر لایه فیلترگذاری شدهای كه در مرحله 3 ایجاد كردهاید تكرار كنید. برای مثال اگر شما یك لایه اصلی داشته و 3 لایه در مراحل بعدی ایجاد كردهاید، باید 4 فریم انیمیشن ایجاد كنید.
ضمیمه كردن لایهها به فریمها
در حالیكه دو پالت Layers و Animation فعال هستند ، در اولین فریم انیمیشن كلیك كرده و لایه اول متناظر با آن را انتخاب كنید. آیكونهای مربوط به مشاهده یا مخفی بودن لایهها (آیكون چشم) را كلیك كنید بطوریكه تنها لایه انتخاب شده قابل مشاهده باشد. سپس فریم بعدی انیمیشن را كلیك كرده و لایه فیلترگذاری شده در پالت Layers بعدی را انتخاب كنید. دقت كنید كه تنها لایه انتخاب شده مشاهده شود. این مراحل را تكرار كنید تا هر لایه به یك فریم ضمیمه شود.
اجرای انیمیشن در Image Ready
دكمه Play ای را كه در پائین پالت Animation قرار دارد كلیك كنید تا انیمیشن اجرا شود. همترازی تصاویر فریمها، نرمی تصویر و مدت زمان نمایش هر فریم را كنترل كنید. انیمیشن بطور متناوب تكرار میشود. دكمه Stop را برای متوقف كردن اجرای آن كلیك كنید.
تعیین دفعات اجرای انیمیشن
از منوی كشویی Loop Count برای تعیین دفعات اجرای انیمیشن استفاده كنید.به عبارت دیگر اینكه آیا انیمیشن پس از یك بار اجرا متوقف شود یا آنكه به دفعات معین پخش شود، در این قسمت تنظیم میشود. گزینه Once یا Forever را از منوی كشویی انتخاب كنید. همچنین میتوانید گزینه Other را انتخاب كرده و تعداد دفعات تكرار را در كادر محاورهای كه نمایان میشود، مشخص كنید.
تعیین زمان و مدت فریم
برای افزودن طول مدت نمایش هر فریم در منوی كشویی Timing فریمی كه میخواهید تغییر دهید كلیك كرده و سپس زمان مورد نظرتان را تعیین كنید. برای مثال ممكن است بخواهید زمان طولانیتری به فریم اول اختصاص دهید تا روی فریم مزبور تاكید شود.
تعیین بهینه سازی GIF
گزینه Window\Optimize را برای باز كردن پالت Optimize انتخاب نمائید. نحوه بهینه سازی انیمیشنها بصورت یك فایل GIF در كار عملی 2 توضیح داده شده است.
پیش نمایش در یك مرورگر
گزینه File\Preview in را انتخاب كرده و مرورگری كه مایلید فایل ایجاد شده را در آن ببینید از زیر منوی Preview In انتخاب كنید. فایل انیمیشن در مرورگر تعیین شده باز میشود و اطلاعاتی در خصوص اندازه، نوع و شیوه فشرده سازی فایل در پائین پنجره مشاهده میشود.
ذخیره فایل در قالب GIF
تنظیمات قالب بندی GIF را در پالت Optimize وارد كرده و سپس از منوی File\Save Optimized برای ذخیره تصویر بصورت فایل GIF استفاده كنید. برای درك جزئیات بیشتر در خصوص ذخیره فایلهای GIF، به كار عملی 2 همین بخش مراجعه نمائید.
*توجه *
شروع كار در فتوشاپ
با توجه به اینكه در برنامه Photoshop فیلترهای بیشتری نسبت به برنامه ImageReady وجود دارد میتوانید مراحل 1 تا 3 را در برنامه فتوشاپ اجرا كرده و فیلترهای مورد نظرتان را به تصویر اعمال كنید.
پس از بدست آوردن نتیجه مطلوب گزینه Jump To را كه در پایین جعبه ابزار قرار دارد كلیك كنید تا فایل تصویری به همراه لایههای فیلترگذاری شده آن در برنامه Image Ready باز شود. سپس میتوانید مراحل ایجاد فریم و ضمیمه كردن هر لایه به یك فریم را در این برنامه انجام دهید.
بهینه سازی و ذخیره فایل
هر چند فایل تصویر در مرحله 10 این كار عملی بهینه سازی شده، اما باید در مرحلة 12 نیز بصورت یك فایل GIF ذخیره شود. بهینه سازی فایل بصورت GIF در واقع تعداد رنگهای فایل را تعیین میكند و ربطی به ذخیره فایل ندارد. برای ذخیره فایل در حالت انیمیشن حتماً باید قالب بندی GIF89a انتخاب شود.
كم نگه داشتن تعداد فریمها تا حد امكان
فریمهای انیمیشن حجم فایل را افزایش میدهند و در نتیجه زمان دریافت آنها افزایش مییابد. سعی كنید حتی الامكان تعداد فریمها را در حداقل ممكن نگه دارید تا بارگذاری صفحات وب به سرعت و به راحتی امكان پذیر باشد.
ایجاد انیمیشنهای متنی با Text
برای ایجاد جذابیت و زیبایی انیمیشنهای متنی از ابزار Warp Text استفاده كنید. ابتدا متن را با ابزار Type ایجاد كنید، فریم انیمیشن را ساخته و افكتهای Warp Text را بتدریج به هر فریم اعمال كنید. Warp Text یك آیكون است كه در گوشه بالای نوار Options ابزار Text قرار دارد.