فیلتر Lighting Effects چندین نور از رنگهای مختلف را در اطراف تصویر و بصورت سطحی صاف و هموار ترسیم میكند. فیلتر مزبور كنترل كاملی بر روی تمركز و جهت نور، رنگ، سطح بافت و محدوده مشخصه نور به شما میدهد. با استفاده از این افكت میتوانید به تصاویرتان بُعد و جذابیت بدهید یا با متمركز كردن نور روی یك قسمت از تصویر باعث جلب توجه در آن قسمت شوید.
باز كردن فایل
گزینه File\Open را برای باز كردن فایل مورد نظرتان انتخاب كنید.
انتخاب افكتهای نور
گزینه Filter\Render\Lighting Effects را برای باز كردن كادر محاورهای Lighting Effects انتخاب كنید. عكس كوچكی از تصویر را در سمت چپ كادر محاورهای به همراه یك نور كه از قبل بر روی تصویر قرار گرفته است، مشاهده میكنید.
تغییر موقعیت نور
برای تغییر موقعیت دایرة نورانی، در مركز آن كلیك كرده و به اطراف بكشید. برای جابجائی منبع نور، روی نقطة تلاقی خط نور و دایرة نورانی كلیك كرده و به اطراف بكشید. سرانجام با استفاده از دستگیرههای موجود در اطراف دایره نورانی میتوانید شعاع نور تابیده شده به تصویر را عریض یا باریك نمائید.
ساختاربندی نوع نور
نوارهای لغزنده Intensity و Focus را برای تنظیم شدت نور و میزان واگرایی شعاعهای نور، تغییر دهید. برای تغییر رنگ نور تابیده شده به تصویر، روی نمونه رنگ كلیك كنید و از پنجرة انتخابگر رنگ نمایان شده، رنگ مورد نظرتان را انتخاب نمائید.
ساختاربندی مشخصات نور
چهار نوار لغزنده قسمت Properties علاوه بر كنترل نمایش سطح تصویر، منظره روشنایی سراسری را نیز تعیین میكنند. برای تغییر سطح نور، نوارهای لغزنده Gloss و Material را تغییر دهید. نوار لغزنده Exposure نیز روشنایی تصویر را كنترل میكند. همچنین نوار لغزنده Ambience شدت نور محیطی را كنترل میكند. میتوانید نمونه رنگ این قسمت از كادر محاورهای را كلیك كرده و رنگ نور را تغییر دهید.
افزودن نورهای دیگر
برای افزودن دیگر منابع نور، آیكون لامپ را كلیك كرده و به داخل تصویر كوچك بكشید. سپس آن را تغییر موقعیت داده و پارامترها را به شیوه توضیح داده شده در مراحل 3 تا 5 تغییر دهید. لیست كشویی Style در بالای كادر محاورهای Lighting Effects شامل تعداد زیادی گزینه است كه میتوانید آنها را آزمایش كرده و مورد استفاده قرار دهید. در صورتی كه میخواهید منبع نوری را حذف كنید، آن را كلیك كرده و سپس به داخل سطل زبالهای كه در پائین كادر قرار دارد بكشید یا پس از انتخاب آن، كلید Delete را فشار دهید. به خاطر داشته باشید كه در تصویر حداقل نیاز به یك منبع نور دارید.
مشاهده نتایج
گزینه OK را كلیك كرده تا فیلتر اعمال شده و نتایج را مشاهده كنید.
* توجه*
انواع دیگر نور
علاوه بر نورهای نورافكنی كه در این كار عملی توضیح داده شد، میتوانید نورهای نقطهای و محیطی نیز به تصویر اعمال كنید. نور محیطی (Directional) یك نور با رنگ مشخص را بطور یكسان در تمام تصویر پخش میكند و نور نقطهای (Omni) نیز از یك نقطه نورانی تشكیل میشود كه نور را بطور یكسان در اطراف خود پخش میكند. نورهای نقطهای یا محیطی را میتوانید از لیست كشویی Light Type كادر محاورهای Lighting Effects انتخاب كنید.
استفاده از نمونههای از قبل ایجاد شده
لیست كشویی Style در كادر محاورهای Lighting Effects شانزده نوع نور از قبل تنظیم شده را در خود جای داده است. علاوه براین گزینهها شما نیز میتوانید تنظیمات خود را ذخیره كرده و در مراحل بعدی یا در تصاویر دیگر از آنها استفاده كنید. بدین منظور گزینه Save را كلیك كرده و در كادر محاورهای Save as كه نمایان میشود یك نام را وارد كنید. این گزینه ساختاربندی جاری تنظیمات Lighting Effects را بصورت از پیش تعیین شده ذخیره میكند. پس از این مرحله این نمونهها در لیست Style قابل دسترسی میباشند.
sukhtehکاربر طلایی1
|
تعداد پست ها :
7880
|
تاریخ عضویت :
اسفند 1389
نحوه ایجاد یك افكت نورانی با كشیدن مسیر
میتوان در اطراف یك آبجكت مشخص یا یك تصویر افكتی همانند هالهای از نور را كه به نرمی با رنگ زمینه تركیب شده است ایجاد كرد. این افكت زمانیكه آبجكت شما در یك زمینه سیاه یا سفید قرار داشته باشد، زیباتر خواهد بود.
باز كردن فایل و ترسیم مسیر مورد نظر
گزینه File\ Open را انتخاب كرده و فایلی كه قصد اعمال تغییرات بر روی آن را دارید انتخاب كنید. ابزار Pen را از جعبه ابزار انتخاب كنید. از تكنیكها و روشهایی كه در بخش سوم توضیح داده شده برای ترسیم یك مسیر در اطراف آبجكت و شیء مورد نظر استفاده كنید.
انتخاب محیط خارجی آبجكت
گزینه Window\Paths را برای باز شدن پالت Paths انتخاب كنید. در حالیكه عنوان Paths انتخاب شده است، از منوی پالت گزینه Make Selection را انتخاب كرده و سپس در كادر محاورهای Make Selection دكمة OK را كلیك نمائید. سپس برای غیرانتخابی كردن آبجكت و انتخاب شدن زمینه گزینه Select\Inverse را انتخاب كنید.
انتخاب رنگ نور
در رنگ نمونه Foreground دو بار كلیك كنید. بعد از باز شدن كادر انتخابگر رنگ، یك رنگ را برای نور مورد نظر انتخاب كرده و سپس برای بسته شدن كادر انتخابگر رنگ دكمة OK را كلیك نمائید.
ساختاربندی تنظیمات
ابزار Brush را از جعبه ابزار انتخاب كنید. در نوار Options نوار لغزنده Pressure را تا مقدار 8% یا 10% كشیده و قلمی با نرمی خیلی زیاد را انتخاب كنید. آیكون Brush را كلیك كرده و سپس نوار لغزنده Master Diameter را برای تعیین اندازه قلم جابجا كنید. آیكون Airbrush را در نوار Options انتخاب كرده و مقدار Opacity و Flow مورد نظرتان را تعیین كنید.
كشیدن مسیر
در حالیكه مسیر جدید در پالت Paths انتخاب شده است، گزینه Stroke Path را از منوی پالت انتخاب كنید. در كادر محاورهای Stroke Path، دكمة OK را برای اعمال مسیر با استفاده از تنظیمات تعیین شده قلم در مرحله 4 كلیك كنید
تغییر تنظیمات قلم
با تكرار مراحل 4 و 5 مسیر را چندین بار ترسیم كنید. پس از هر بار اعمال مسیر، اندازه قلم كوچكتری را انتخاب كرده و در عوض میزان فشار را افزایش دهید. این افزایش فشار قلم از بیرون به سمت لبههای آبجكت، سبب ایجاد افكت نورانی در اطراف تصویر میشود. در پالت Paths مسیر را غیرانتخابی كرده تا افكت در مسیر تعیین شده مشخص شود.
*توجه *
مخفی كردن مسیر
مقایسه نتیجه افكت ترسیمی در حالیكه مسیر انتخاب شده است كار دشورای است، زیرا خطوط خارجی مسیر لبههای تصویر را مبهم و غیر واضح میكنند. ممكن است بخواهید تا پس از اعمال هربار مسیر، آن را در پالت Paths غیرانتخابی كرده تا از نتیجه حاصله و مناسب بودن آن اطمینان یابید. بعد از مقایسه نتیجه حاصله میتوانید مجدداً مسیر را انتخاب كرده (با كلیك كردن هر یك از ابزار Pen) و به ساخت افكت ادامه دهید.
روشهای دیگر ایجاد مسیر
شما میتوانید با استفاده از هر یك از روشهای دیگری كه در این كتاب برای ایجاد مسیر توضیح داده شده است نیز برای ایجاد یك انتخاب استفاده كنید. برای مثال میتوانید از Quick Mask برای نقاشی یك قسمت انتخابی استفاده كنید یا از ابزار Magnetic Lasso استفاده كنید. بعد از ایجاد قسمت انتخابی میتوانید به آسانی آن را با كلیك كردن در آیكون Make Work Path در پائین پالت Paths به یك مسیر تبدیل كنید. سپس مسیر را با استفاده از هر یك از ابزارهای Pen جعبه ابزار ویرایش نمائید.
sukhtehکاربر طلایی1
|
تعداد پست ها :
7880
|
تاریخ عضویت :
اسفند 1389
نحوه استفاده از حالتهای تركیبی
حالتهای تركیبی یكی از سریعترین روشهایی هستند كه در افكتهای تصویری فایلهای فتوشاپ مورد استفاده قرار میگیرند. در واقع آنها بصورت فرامین از قبل آماده شده هستند. عملكرد اولیه یك حالت تركیبی مقایسه دو سری از دادههای پیكسلی و تركیب آنها به دو روش مختلف است. هر چند امكان نوشتن مباحث جامعتری در نحوه عمل افكتها با در نظر گرفتن گزینههای مختلف آنها وجود دارد، اما بطور معمول و در اغلب موارد كاربران فتوشاپ با بكارگیری تصادفی تنظیمات به شكل نهایی میرسند.
حالتهای تركیبی در پالت Layers
برای باز كردن پالت Layers گزینه Window\Layers را انتخاب كنید. منوی كشویی Blending Mode در بالای پالت قرار دارد. یكی از لایهها را در لیست پالت انتخاب كرده و در حالیكه در آن كلیك میكنید دكمه ماوس را پائین نگه دارید. محتوای لایه انتخاب شده با تمام لایههای زیر آن مقایسه میشود تا نتیجه مناسبی بدست آید. به خاطر داشته باشید كه نمیتوانید حالتهای تركیبی را به لایه Background اعمال كنید.
حالتهای تركیبی در ابزارهای Paint
شما میتوانید هر یك از ابزارهای نقاشی یا ابزارهای مربوط به ترسیم اشكال (Shape) را انتخاب كرده و حالتهای تركیبی را در آنها اعمال كنید. بدین منظور، در حالیكه یكی از این ابزارها را انتخاب كردهاید، گزینهای را از منوی Mode در نوار Options انتخاب كنید. این روش حالتهای تركیبی مقادیر را از رنگهای نقاشی یا دادههای اصلی (اگر از ابزار Clone Stamp یا History Brush استفاده میكنید) با تصویر قرار گرفته در زیر مقایسه میكند. حالتهای تركیبی در ابزارهای زیر در دسترس شما هستند: Airbrush، Paintbrush، Clone Stamp، History Brush، Gradient و Shape.
حالتهای تركیبی در فیلترها
پس از اعمال فیلتر، گزینه Edit\Fade\<filtername> را انتخاب كنید. كادر محاورهای Fade با یك نوار لغزنده به نام Opacity و یك منو به نام Mode نمایان میشود. حالت مورد نظرتان را از منو انتخاب كرده و سپس دكمه OK را برای اعمال آن افكت، كلیك كنید.
حالتهای تركیبی در فایلها
گزینه Edit\Fill را برای اجرای كادر محاورهای Fill انتخاب كنید. از منوی Use گزینه Foreground Color یا Background Color را انتخاب كرده و سپس از منوی Mode حالت تركیبی مورد نظرتان را انتخاب نمائید. در صورت تمایل میتوانید در كادر متنی Opacity مقداری را بر حسب درصد وارد كرده تا میزان شفافیت در حالت انتخاب شده تغییر كند. در اینجا حالتهای تركیبی تصویر اصلی با رنگ پسزمینه و پیشزمینه مقایسه شدهاند.
حالتهای تركیبی در پر كردن فایلها با الگوها
برای اجرای كادر محاورهای Fill گزینه Edit\Fill را انتخاب كنید. از منوی Use گزینه Pattern را انتخاب كرده و از لیست Custom Pattern یكی از طرحها و الگوهای از پیش ایجاد شده را انتخاب نمائید. در صورت تمایل میتوانید در كادر متنی Opacity مقداری را برحسب درصد وارد كرده تا میزان شفافیت در حالت انتخاب شده تغییر كند. در این نمونه حالتهای تركیبی مقادیر الگوها با تصویر اصلی مقایسه شده است.
حالتهای تركیبی در History
از مراحل كار عملی 4 بخش 7 برای تعین منبع History استفاده كنید. سپس برای اجرای كادر محاورهای Fill گزینه Edit\Fill را انتخاب كنید. از منوی Use گزینه History را انتخاب كرده و سپس از منوی Mode حالت تركیبی مورد نظرتان را انتخاب نمائید. در صورت تمایل میتوانید در كادر متنی Opacity مقداری را برحسب درصد وارد كرده تا میزان شفافیت در حالت انتخاب شده تغییر كند. در اینجا نیز حالتهای تركیبی تصویر با نمونة موجود در History مقایسه میشوند.
*توجه*
حالتهای تركیبی در تنظیمات رنگ و نور
از آنجا كه حالتهای تركیبی جهت مقایسه نیاز به دو سری از دادهها دارند، در هنگام استفاده از تنظیمات رنگ و نور در منوی Image\Adjustment امكان استفاده از آنها وجود ندارد. البته میتوانید لایه همترازی ایجاد كرده و یك حالت تركیبی را به آن لایه و به همان شیوهای كه در كار عملی یك مطرح شد، اعمال كنید. با انجام این كار به همان نتایج رسیده و همچنین با استفاده از انعطافپذیری موجود در آن میتوانید لایه را فعال یا غیرفعال كنید.
حالتهای تركیبی با فرمان Liquify
با استفاده از فرمان Liquify میتوانید شكل را محو یا تركیب كنید. پس از اعمال فرمان Filter\Liquify گزینه Edit\Fade Liquify را برای باز شدن كادر محاورهای Fade انتخاب كنید. پس از اعمال میزان شفافیت و حالت تركیبی مورد نظر دكمة OK را كلیك كنید.
sukhtehکاربر طلایی1
|
تعداد پست ها :
7880
|
تاریخ عضویت :
اسفند 1389
نحوه ساخت یك گالری وب
ویژگی Web Photo Gallery فتوشاپ یكی از بزرگترین روشها برای ایجاد یك صفحة وب است كه شامل عكسهای كوچكی است كه در یك پوشه قرار دارند و هر كدام به یك عكس بزرگ لینك شدهاند. هر شخصی كه میخواهد پوشهای از عكسهای خود را به وب منتقل كند میتواند از این شیوه استفاده كند. این شیوه در واقع تكنولوژی Actions فتوشاپ را بكار میگیرد. كاربران تصاویر را داخل یك پوشه قرار میدهند، پارامترهای مربوطه را تعیین میكنند و كار را شروع میكنند. اسكریپت اجرا شده و همه چیز در یك چشم به هم زدن درست میشود. ایجاد كد مربوطه، بهینه سازی تصاویر و كوچك كردن و ایجاد تمامی لینكهای مربوطه و مورد نیاز در این قسمت انجام میشود.
انتخاب Web Photo Gallery
در فتوشاپ گزینه File\Automate\Web 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 را برای ایجاد گالری كلیك نمائید. فتوشاپ فایلها را باز میكند، فشرده سازی را به آنها اعمال كرده و در نهایت فایلها را به پوشه مقصد تعیین شده در مرحله دوم كپی میكند. پس از اتمام عملیات ساخت گالری، فتوشاپ آنرا در یك مرورگر باز میكند تا نتیجه نهایی را مشاهده كنید. برای آزمایش لینكها و اطمینان از آنكه همه چیز بدرستی كار میكند بر روی هر یك از عكسها كلیك كنید.
*توجه *
ساختار فایل
فتوشاپ چندین فایل و پوشه را در داخل پوشه مقصدی كه در مرحلة 2 تعیین كردید، ایجاد میكند. تمامی تصاویر در یك پوشه به نام Images نگهداری میشوند و عكسهای كوچك نیز در پوشهای با نام Thumbnails ذخیره میشوند. یك صفحه HTML جداگانه نیز برای هر تصویر ایجاد شده و در یك پوشه با نام Pages ذخیره میشوند. صفحه آلبوم عكس اصلی نیز با نام Index.htm میباشد. هنگام ارسال صفحات آلبوم به سرور دقت كنید تا تمامی این فایلها و پوشهها به سرور كپی شوند.
سفارشی كردن رنگها
از منوی Options گزینه Custom Colors را انتخاب كنید تا رنگ متن، لینك، پس زمینه و متن مربوط به banner تعیین شود. برای اجرای پنجره انتخابگر رنگ بر روی هر یك از نمونهها كلیك كرده و سپس رنگ مورد نظرتان را انتخاب كنید. گزینة Only Web Colors را در انتخابگر رنگ برای اطمینان از انتخاب رنگی كه مناسب صفحات وب است، فعال كنید.
sukhtehکاربر طلایی1
|
تعداد پست ها :
7880
|
تاریخ عضویت :
اسفند 1389
نحوه ساخت تصاویر جاوا اسكریپت حساس به وضعیت ماوس
انیمیشنهای دو حالته فایلهای گرافیكی هستند كه در هنگام جابجایی نمایشگر ماوس بر روی نقطه معینی از طرح تغییر مییابند. این انیمیشنها برای ایجاد جذابیت در لینكها بخصوص در قسمتهای گرافیكی كه بطور واضح مشخص نشدهاند مفید میباشد. ویژگی دو حالته شامل یك مرحله وضعیت عادی، یك وضعیت جابجایی ماوس و یك وضعیت كلیك است. در این كار عملی برای هر یك از این وضعیتها یك تصویر ایجاد خواهیم كرد. برای بررسی در خصوص افكت دو حالته، در این كار عملی یك دكمه اولیه ایجاد میكنیم، سپس وضعیت آن را تغییر میدهیم. بعد از آنكه دكمه هر سه وضعیت مربوط به آن ایجاد شدند باید كد HTML آن، بعلاوه گرافیكهای مربوط به آن را ذخیره كنید و سپس كد تولید شده را در صفحة مورد نظر خود قرار دهید.
ایجاد یك فایل جدید در Image Ready
در برنامه Image Ready گزینه File\New را انتخاب كنید تا كادر محاورهای New Document نمایان شود بطوریكه بتوانیــد یك فایل جدید ایجاد كنید. در این كار عملی، سندی با نام Rollover Test ایجاد كرده و مقادیر عرض و ارتفاع آن را 100 تعیین كنید. سپس دكمه رادیویی White را برای تعیین پسزمینه سفید انتخاب كرده و OK را كلیك نمائید.
ایجاد دكمه
رنگ پیش زمینهای كه میخواهید در تصویر دكمه از آن استفاده كنید را انتخاب نمائید. سپس ابزار Elliptical Marquee را انتخاب كنید و در حالیكه كلید Shift را پائین نگه داشتهاید در داخل تصویر یك دایره ترسیم كنید. از ابزار سطل رنگ (Paint Bucket) برای پر كردن شكل دكمه با رنگ تعیین شده در قسمت پیش زمینه استفاده كنید.
افزودن افكت لایه
برای ایجاد حالت سه بعدی گزینه Layer\Layer Style\Bevel and Emboss را انتخاب كنید. پارامترهای مورد نظرتان را در پالت Bevel and Emboss ای كه نمایان میشود تعیین كنید. در صورت تمایل میتوانید برای ایجاد یك شكل طبیعیتر از دكمه، از افكت Outer Glow استفاده كنید. تنها كافی است بر روی گزینه Outer Glow كه در سمت چپ كادر محاورهای Layer Style قرار دارد كلیك كنید و گزینهها را انتخاب كنید. همانند شكل زیر:
كپی از لایه موجود
از منوی پالت Layers گزینه Duplicate Layer را انتخاب كنید تا دكمه و افكتهای آن در لایه جدیدی كپی شوند. گزینه Duplicate Layer را مجدداً انتخاب كنید بطوریكه سه لایه ایجاد شود كه هر یك همان دكمه را نشان میدهند.
رنگ آمیزی دكمهها
در پالت Layers، اولین لایه كپی شده را انتخاب كنید و سپس كادر محاورهای Inner Glow Layer را باز كنید. رنگ سبز روشن را به آن اضافه كرده وOK را كلیك نمائید. به پالت Layers برگشته و دومین لایه كپی شده را انتخاب كنید. سپس مطابق شکل زیر تنظیمات مربوطه را در آن اعمال کنید.
ایجاد وضعیتهای دو حالته
برای باز كردن پالت Rollovers گزینه Window\Actions را انتخاب كنید. از منوی پالت Actions، گزینه New Rollover State را انتخاب كنیدو سپس دکمه Play را در پالت Ations انتخاب کنید تا وضعیت های Over State و Down State ایجاد شود. در این مرحله شما باید سه وضعیت داشته باشید: Normal ، Over و Down (البته برنامه Image Ready بدون نیاز شما به كدنویسی كدهای جاوا اسكریپت مربوطه را ایجاد میكند).
ضمیمه كردن لایهها به وضعیتها
در پالت Actions وضعیت Normal را انتخاب كنید. در پالت Layers، لایهای را كه مایلید در وضعیت عادی دكمه نشان داده شود، انتخاب كنید. این مرحله را برای وضعیت Over و Down نیز تكرار كنید. برای ذخیره فایل گزینه File\Save Optimized را انتخاب كنید. توجه داشته باشید كه Format\HTML and Images انتخاب شده باشد.
sukhtehکاربر طلایی1
|
تعداد پست ها :
7880
|
تاریخ عضویت :
اسفند 1389
نحوه ساخت انیمیشنهای 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 قرار دارد.
sukhtehکاربر طلایی1
|
تعداد پست ها :
7880
|
تاریخ عضویت :
اسفند 1389
نحوه ساخت نقشههای تصویر
نقشههای تصویر به شما امكان میدهند تا نقاط قابل كلیكی را در تصاویر وب ایجاد كنید كه امكان برقراری لینك و پیوند به دیگر صفحات را میدهند. میتوانید دكمههای گرافیكی یا متون توضیح دهنده یك عمل، یا اطلاعات بر مبنای تصویر ایجاد كنید یا به محیطهای مشخص و دقیقی از تصویر لینك دهید. در برنامه 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 را انتخاب كنید. این گزینه شكل نقشه تصویری جدیدی را مبتنی بر لایه فعال جاری ایجاد میكند.
sukhtehکاربر طلایی1
|
تعداد پست ها :
7880
|
تاریخ عضویت :
اسفند 1389
نحوه چند قسمت كردن تصاویر برای وب
قسمت كردن و تكه كردن یك تصویر برای وب عبارت از تقسیم یك تصویر بزرگ به چند تصویر كوچك است كه در هنگام بارگذاری صفحه در داخل یك مرورگر در كنار هم قرار میگیرند. علت انجام این كار آنست كه در اینترنت بارگذاری تصاویر كوچك سریعتر از بارگذاری تصاویر بزرگ صورت میگیرد. در صورتی كه بخواهید بخشی از تصویر بعنوان یك شكل دو حالته حساس به ماوس یا یك انیمیشن عمل كند، استفاده از این ویژگی ضروری است. 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 را انتخاب كنید.
sukhtehکاربر طلایی1
|
تعداد پست ها :
7880
|
تاریخ عضویت :
اسفند 1389
نحوه بهینه سازی فایلها با متغیرهای فشردهسازی
متغیر فشردهسازی به شما امكان میدهد تا فشردهسازی و كیفیت یك تصویر را در محیطهای مختلف اصلاح كنید. میتوانید در اطراف یك كاراكتر یا بخشی از تصویر تمركز كنید در حالیكه اجازه میدهید جزئیات قسمتهای غیرمهم حذف شود (همانند محیطهای زمینه یا رنگهای یكنواخت). در نتیجه تصویر بهینه شده و كیفیت بالایی در قسمتهای مهم و كیفیت پائینی در قسمتهای كم اهمیت دارد. در این كار عملی نحوه انجام فرایند فشردهسازی این چنینی را در فتوشاپ بررسی میكنیم.
باز كردن فایل در فتوشاپ
اولین قسمت این كار عملی شامل ایجاد یك پوشش در فتوشاپ است. بدین منظور فتوشاپ را باز كنید. سپس گزینه 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 را برای این فایلها نیز انجام دهید.
sukhtehکاربر طلایی1
|
تعداد پست ها :
7880
|
تاریخ عضویت :
اسفند 1389
نحوه ساخت فایلهای 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 Profile را انتخاب كنید.
sukhtehکاربر طلایی1
|
تعداد پست ها :
7880
|
تاریخ عضویت :
اسفند 1389
سرعت فتوشاپ بسیار بالا و پایین دارد که بسته به شخص کاربر دارد و تجربه او . در این مطلب به معرفی ۱۰ نکته برای افزایش سرعت فتوشاپ پرداخته شده است که با استفاده از آن سرعت فتوشاپ شما بدون هیچ گونه شرطی زیاد خواهد شد.
اشاره
نخستین کاری که پس از نصب فتوشاپ باید انجام دهید، این است که از منوی Edit>Preferences پنجره تنظیمات اصلی برنامه را باز کرده و آنها را مطابق دلخواه خود تنظیم کنید، اما همین نکته ساده یکی از آن مواردی است که اغلب طراحان توجهی به آن نمیکنند.
با اینکار میتوانید کارایی نرمافزار فتوشاپ را بهبود ببخشید. به خصوص اگر از کامپیوترهای نهچندان قدرتمند استفاده میکنید، تغییر دادن تنظیمات پیشفرض این برنامه برای شما بسیار ضروری است. اگر تا به حال این تنظیمات را تغییر ندادهاید یا اگر میخواهید تنظیمات قبلی خود را دوباره بررسی کنید، در اینجا ده ترفند مهم و کاربردی را به شما معرفی میکنیم تا توسط آنها سرعت فتوشاپ خود را افزایش دهید.
تعداد مراحل تاریخچه را تنظیم کنید
احتمالاً شما هم بارها و بارها از امکانات پالت تاریخچه استفاده کردهاید. این پالت، فهرستی از مراحل عملیات انجام شده روی عکس را در خود ذخیره میکند و میتوانید با زدن دکمههای Ctrl+Z یا کلیک کردن روی هر مرحله از داخل پالت، یک یا چند گام به عقب برگردید.
این قابلیت فتوشاپ بسیار کاربردی است، اما دقت داشته باشید که ذخیره کردن تعداد زیادی از مراحل میتواند موجب کند شدن سرعت فتوشاپ شود.
تعداد مراحل پیشفرض برنامه، بیست مرحله است، اما برخی از کاربران سعی میکنند با بالا بردن این تعداد از داخل تنظیمات اصلی برنامه، درصد خطا را هنگام کار کاهش دهند. بسته به امکانات کامپیوترتان میتوانید این گزینه را از مسیر Edit>Preferences>Performance تغییر دهید. پیشنهاد میکنیم اگر مقدار حافظه کامپیوترتان کمتر از دو گیگابایت است، به جای افزایش تعداد مراحل ذخیره شده، از قابلیت Snapshotهای پالت تاریخچه استفاده کنید (تصویر ۱).
چه مقدار Cache Level نیاز دارید؟
تنظیمات Cache Levels نیز در مسیر Edit>Preferences>Performance و دقیقاً زیر تنظیمات پالت تاریخچه قرار دارند. این تنظیمات هیستوگرام و زمانی که طول میکشد تا تغییر انجام شده روی یک تصویر دوباره روی صفحه به نمایش درآید را تعیین میکند. به صورت پیشفرض، شش مرحله برای Cache Level تعیین شده است که این تعداد در نهایت میتواند تا هشت مرحله افزایش یابد.
بدیهی است که افزایش این مقدار موجب بالا رفتن سرعت پردازش تغییرات میشود. این تنظیمات به خصوص هنگامی که با عکسهایی با دقت بالا کار میکنید، بسیار مؤثر است. همچنین هنگامی که روی اندازه نمایش کوچکتر (به عنوان مثال، پنجاه درصد) کار میکنید، باز هم همین تنظیمات برای پردازش عکسها در اندازه کوچکتر (Down Sampling) نیز استفاده میشود.
اگر مقدار حافظه کامپیوترتان بیش از دو گیگابایت است و معمولاً روی عکسهایی با دقت بالا (مانند عکسهایی که با دوربینهای دیجیتال خودتان میگیرید) کار میکنید، بهتر است مقدار Cache Levels را تا هشت افزایش دهید، اما اگر مقدار حافظه کامپیوترتان زیاد نیست و همچنین اگر روی عکسهای با دقت پایین (یک تا سه مگابایت) کار میکنید، کاهش مقدار Cache Levels تا یک یا دو، انتخاب بهتری برای شما خواهد بود، زیرا میتوانید به سرعت به جای Cache کردن عکسها، آنها را ذخیره کنید (تصویر ۲).
حواستان به مقدار حافظه مصرفی باشد
فتوشاپ عاشق حافظه (RAM) است و اگر جلوی آن را نگیرید تا آخرین بیت حافظه کامپیوترتان را مصرف خواهد کرد. بنابراین باید «مقدار حافظهای که به فتوشاپ اختصاص میدهید را محدود کنید». تنظیمات مربوط به محدود کردن مقدار حافظه مصرفی نیز در Edit>Preferences>Performance قرار دارد. مقدار حافظه کلی سیستم در این قسمت نمایش داده میشود.
اگر هنگامی که از نرمافزار فتوشاپ استفاده میکنید، برنامههای دیگری را باز نمیکنید (بهعنوان مثال، Firefox برای جستوجو در اینترنت یا Media Player برای گوش دادن موسیقی و…) و همچنین اگر مقدار حافظه کامپیوترتان حدود دو تا سه گیگابایت است، میتوانید این درصد را تا ۷۵-۸۰ درصد نیز افزایش دهید. در غیر این صورت بهتر است این مقدار را از پنجاه درصد بالاتر نبرید (تصویر ۳).
از Scratch Disk مناسب استفاده کنید
فتوشاپ میتواند به همان صورتی که از حافظه استفاده میکند، بخشی از حافظه ثابت کامپیوتر را نیز بهعنوان یک حافظه جانبی به کار گیرد. برنامه فتوشاپ این حافظه را Scratch Disk مینامد.
به صورت پیشفرض این حافظه از درایو ویندوز یا (معمولاً) همان درایو C کسر میشود، اما درایو C بهطور معمول فضای خالی چندانی ندارد و استفاده از فضای خالی آن بهعنوان Scratch Disk موجب کند شدن کل سیستم میشود.
بنابراین بهتر است درایو پیشفرض را به یکی از درایوهای دیگر (با فضای خالی بیشتر) تغییر دهید و همینطور ترتیب درایوها را طوری تنظیم کنید (با دکمههای مثلثی شکل سمت راست فهرست) که درایو C آخرین درایو باشد (تصویر ۴).
قابلیت پیشنمایش فونتها را خاموش کنید
کاربران فتوشاپ، به خصوص طراحان، علاقه دارند فونتهای زیادی را روی کامپیوترشان نصب کنند تا همیشه هنگام کار فونتهای موردنیاز را در دسترس داشته باشند. هنگامی که در فتوشاپ روی منوی فونتها کلیک میکنید، به محض باز شدن این منو، پیشنمایشی از فونتهای در دسترس به نمایش در میآید. خاموش کردن پیشنمایش فونتها میتواند تأثیر زیادی روی بالا رفتن کارایی فتوشاپ داشته باشد.
برای اینکار به مسیر Edit>Preferences>Type رفته و مانند آنچه در تصویر میبینید، گزینه «Font Preview Size» را غیرفعال کنید (تصویر ۵).
خاموش کردن تصاویر کوچک (Thumbnails) داخل پانلها
فراهم کردن پیشنمایش لایهها در پانللایهها و همچنین در پانلهای دیگر مانند Channels و Paths موجب استفاده از حافظه میشود. به خصوص هنگامی که روی لایههای مختلف عکس کار میکنید، فتوشاپ برای هر تغییر جدید، لایههای مربوط به آن را نیز دوباره پردازش میکند و با افزایش تعداد لایههای تصویر موجب استفاده بیشتر از حافظه میشود.
در صورت تمایل میتوانید این پیشنمایشها را بهطور کل خاموش کنید، دستکم کوچکترین اندازه ممکن را برای آنها انتخاب کنید.
برای اینکار باید در هر پانل، منوی Panel Options را باز کرده و مانند تصویر، گزینه None یا کوچکترین اندازه را انتخاب کنید (تصویر ۶).
از فرمان Purge استفاده کنید
هنگامی که در حال کار هستید، فتوشاپ اطلاعات تصویر برای فرمان Undo، حافظه موقت یا Clipboard و مراحل تاریخچه را ذخیره میکند.
این اطلاعات موجب مصرف حافظه میشود، به خصوص اگر زمان زیادی را روی یک عکس صرف کنید یا اینکه تعداد مراحل زیادی را برای تاریخچه اختصاص داده باشید، این مصرف حافظه زیاد خواهد بود. برای کاهش اطلاعاتی که موجب مصرف حافظه میشوند، به مسیر
(Edit>Purge>(option بروید. منظور از Option حافظه موردنظر شما برای خالی شدن است. توجه کنید که در صورت حذف هر یک از اطلاعات، دیگر امکان دسترسی به آنها را نخواهید داشت (تصویر ۷).
قابلیت هماهنگی فایلهای PSD و PSB را روشن کنید
Maximize PSD and PSB File Compatibility قابلیتی در فتوشاپ است که به موجب آن، یک نسخه کپی یکیشده از لایهها (Flattened Copy) همراه فایل ذخیره میشود تا اطمینان پیدا کنید که فایل PSD یا PSB شما که در نسخه جدید فتوشاپ ذخیره شده است، در نسخههای قدیمیتر نیز بدون مشکل باز خواهد شد. اینکار اندکی موجب زیادتر شدن حجم فایلهای شما میشود.
در ضمن اگر بخواهید از قابلیت Edit in Photoshop نرمافزار لایتروم (Photoshop Lightroom) استفاده کنید، باید حتماً این گزینه روشن باشد. برای تغییر این گزینه به مسیر Photoshop>Preferences>File Handling بروید (تصویر ۸).
فتوشاپ خود را شلوغ نکنید
اگرچه روی اینترنت الحاقات رایگان (و در ایران در DVDهای فروشگاهها الحاقات غیررایگان) زیادی را میتوانید پیدا کنید، اما باید مراقب باشید که این تعداد از امکانات جانبی در دسترس (فونتها، قلمموها، شکلهای آماده، استایلها، پلاگینها و…) نباید شما را فریب دهند.
فتوشاپ خود را خلوت نگه دارید. قرار نیست هر چه در دسترس شما است روی فتوشاپ نصب کنید. نصب تعداد زیادی پلاگین و الحاقات جانبی، موجب کند شدن کارایی فتوشاپ میشود. حرفهایها ترجیح میدهند تنها چند پلاگین را روی فتوشاپ نصب کرده و از همان چند
گزینه هزاران نتیجه مختلف را به دست آورند (تصویر ۹).
بازگرداندن تنظیمات اولیه فتوشاپ
اگر تنظیمات فتوشاپ خود را طوری تغییر دادهاید که برای شما دردسر ساز شده است، احتمالاً این ترفند کوچک برای شما مفید خواهد بود. هنگامی که برنامه در حال اجرای دوباره است، دکمههای Alt+Ctrl+Shift را نگه دارید.
با اینکار به محض بالا آمدن فتوشاپ، از شما سؤال میشود که آیا میخواهید فایل تنظیمات برنامه حذف شده و برنامه با تنظیمات پیشفرض اولیه اجرا شود؟ در صورت OK کردن این پرسش، تمام تنظیمات تغییریافته حذف شده و فتوشاپ را با تنظیمات اولیه آن مشاهده خواهید کرد.
sukhtehکاربر طلایی1
|
تعداد پست ها :
7880
|
تاریخ عضویت :
اسفند 1389
آموزش پالت تایم لاین (Timeline) در فتوشاپ CS6
نوشته شده توسط فتوشاپـــPSــــ ۱۳ بدون دیدگاه
در این آموزش میخوام نحوه استفاده از پالت تایم لاین در فتوشاپ CS6 رو آموزش بدم. با استفاده از این پالت میتوانید تصاویر متحرک ایجاد کنید. در نسخه CS6 امکان جالبی به پالت تایم لاین افزوده شده که کاربران فتوشاپ امکان ویرایش فایلهای ویدئویی رو داشته باشند. در نسخه CS6 براحتی خواهید توانست روی فایلهای ویدئویی صدا، تصویر و افکتهای زیبا اعمال کنید.
پالت تایم لاین رو از مسیر (Window>Timeline) فعال کنید.
در این پالت و در قسمت بالا چند دکمه ابتدایی که نیاز به توضیح نداره .
با ابزار Split که شکلش شبیه قیچی هست میتونید قسمت هایی از فیلم رو برش دهید. برای انجام این کار ابزار پیمایش رو در فریم مورد نظر قرار داده و روی شکل قیچی کلیک کنید.
در کنار ابزار Split آیکون Transition قرار دارد. با قرار دادن Transition بین دو تصویر، در مرحله تغییر، تصاویر و ویدئوها با حالت نرم و زیبایی نمایش داده خواهند شد. ترانزیشن رو میتونید ابتدا، انتها و بین دو تصویر اعمال کنید.
برای اعمال ترانزیشن در قسمت مورد نظر ابتدا روی آیکون Transition کلیک کرده و در کادر باز شده یکی از حالتها رو با موس کلیک کنید و بکشید در قسمت مورد نظر و موس رو رها کنید.
برای حذف و تغییر ترانزیشن در قمسمت مورد نظر کلیک راست کرده و در پایین کادر روی آیکون سطل آشغال کلیک کنید.
با استفاده از Duration هم میتونید مدت نمایش Transitionرو تنظیم کنید.
ایجاد افکتهای متحرک با Motion
با استفاده از Motion هم میتونید افکتهای حرکتی ایجاد کنید. برای انجام این کار روی مثلث انتهای هر لاین و یا روی لاین کلیک راست کنید.
در کادر باز شده یکی از حالتها رو انتخاب کنید. ما در این آموزش حالت Rotate (چرخاندن) رو انتخاب کردیم.
در قسمت تنظیمات Rotate هم دو حالت Clockwise (جهت عقربه های ساعت) و Counter Clockwise (خلاف عقربه های ساعت) رو میتونید انتخاب کنید.
در سمت چپ پالت تایم لاین و در کنار هر لایه یک شکل مثلث هست که با کلیک کردن روی آن منویی باز میشود که با استفاده از آنها میتونید افکتهای متحرک ایجاد کنید.
نحوه استفاده از (Position, Opacity, Style) رو در آموزش ساخت بنر متحرک توضیح دادم فقط چند امکان جالب به این بخش اضافه شده که آنها رو توضیح خواهم داد.
اگر یک متن تایپ کنید در پالت تایم لاین فرمان Transform و Text Warp اضافه خواهد شد. در این آموزش فرمان Transform رو توضیح میدم اما Text Warp رو در یک آموزش جدا توضیح خوهم داد. در پالت لایه ها با تبدیل لایه به Smart Object میتوانید تصاویر و اشکال رو هم در حالت Transform متحرک سازی کنید. در حالت Position فقط میتونید تصاویر و اشکال رو بصورت متحرک جابجا کنید اما در حالت Transform هم میتونید جابجا کنید و هم سایزشان رو بزرگ و کوچک کنید.
متن رو تایپ کنید. لایه متن رو در پالت Timeline انتخاب کنید. ابزار پیمایش رو در فریم ۴ قرار دهید. در قسمت Transform رو آیکون کرنومتر کلیک کنید.
ابزار پیمایش رو در فریم ۷ قرار دهید. کلیدهای کنترل + تی رو فشار دهید. بعد از ظاهر شدن کادر Free Transform کلیدهای شیفت و آلت (Shift+Alt) رو پایین نگه دارید و نوشته رو با کلیک کردن در گوشه کادر، بزرگ کنید. بعد از تنظیم کلید اینتر رو فشار دهید.
میبینید که یک کیفریم به فریم ۷ اضافه شد. حالا با کلیک روی دکمه پلی (Play) نوشته متحرک رو میتونید مشاهده کنید.
Layer Mask Position یک امکان جالب هست که به نسخه CS6 اضافه شده. این فرمان بعد از اضافه کردن ماسک به لایه به اون بخش اضافه میشود.
برای استفاده از این فرمان ابتدا یک تصویر (File>Place) وارد سند کنید. به لایه تصویر ماسک اضافه کنید.
ابزار گرادیانت رو برداشته و تنظیمات رو مانند تصویر زیر قرار دهید. با ابزار سمت چپ تصویر رو محو کنید.
در کنار لایه ماسک بر روی آیکون لینک کلیک کنید تا خاموش شود. با انجام این کار میتوند ماسک رو جابجا کنید.
ابزار Move رو انتخاب کنید. ابزار پیمایش رو در پالت تایم لاین روی فریم ۲ قرار دهید. کلید شیفت (Shift) رو پایین نگه داشته و با موس ماسک لایه رو به سمت راست بکشید تا تصویر کامل محو شود.
در پالت تایم لاین و در قسمت Layer Mask Position روی آیکون کرنومتر کلیک کنید تا یک کی فریم (Keyframe) به فریم ۲ اضافه شود.
حالا روی فریم ۵ قرار گرفته و ماسک لایه رو به سمت چپ بکشید تا تصویر نمایان شود. میبینید که یک کی فریم به فریم ۵ اضافه شد.
حالا در فریم ۱۰ قرار گرفته و در کنار کرنومتر روی شکل لوزی کلیک کنید تا یک کیفریم اضافه شود.
روی فریم ۱۳ قرار بگیرید. از فریم ۲ با کلیک راست کردن یک کپی بگیرید و دوباره کلیک راست کرده و پیست کنید.
حالا با کلیک روی دکمه پلی نحوه نمایش تصویر رو ببینید.
برای افزودن فایل ویدئویی در کنار لایه مورد نظر روی آیکون نگاتیو و یا در سمت راست رو علامت بعلاوه کلیک کنید. در منوی باز شده گزینه Add Media رو انتخاب کنید. در پنجره باز شده فایل ویدئویی رو انتخاب کنید.
در پایین تمام لایه ها در پالت تایم لاین با استفاده از Audio Track میتونید برای پروژه فایل صوتی اضافه کنید.
برای ذخیره تصاویر متحرک از مسیر (File>Save Fore Web) و برای فایلهای ویدئویی، در پایین پالت تایم لاین روی رندر ویدئو (Render Video) کلیک کنید.
اشاره: در مطلب پیشین با مفهوم تکنیک عکاسی اچ دی آر (HDR)، کاربردها و انواع آن آشنا شدیم. در ادامه قصد داریم به آموزش ساخت عکسهای اچ دی آر با استفاده از نرم افزارهایی که این امکان را در اختیار ما قرار میدهند، بپردازیم.
از آن جا که بیشتر عکاسان حرفهای و آماتور برای ویرایش عکسهای خود از نرمافزار فتوشاپ و یا نرمافزاهای همخانوادۀ آن (شرکت ادوبی) استفاده میکنند، مناسب دیدیم که آموزش نحوۀ ساخت عکسهای اچ دی آر، را با نرم افزار فتوشاپ مطرح کنیم.
همان طور که میدانیم، فتوشاپ یکی از کاملترین نرمافزارهای موجود برای ویرایش عکس به صورت حرفهای است که (هر چند وقت یکبار با ارائۀ نسخههای جدیدتری از آن و همچنین پلاگینهای تخصصی ویرایش عکس) روز به روز بر شمار قابلیتهای آن افزوده میشود. یکی از این قابلیتها، امکان ساخت تصاویر اچ دی آر است که از نسخۀ Adobe Photoshop CS2 به بعد به این نرم افزار افزوده شده است که ما از نسخۀ Photoshop CS4 Adobe برای این آموزش استفاده میکنیم.
***
چگونه عکس اچ دی آر بگیریم؟
قبل از هر چیز، نیاز به یک دوربین دیجیتال داریم که قابلیت عکاسی با نوردهیهای متفاوت را داشته باشد. این کار را میتوان به صورت دستی (با افزایش و کاهش سرعت شاتر) انجام دهیم و یا از قابلیت براکتینگ (عکاسی پیاپی با نوردهیهای متفاوت) که در بعضی از دوربینهای دیجیتال تعبیه شده، استفاده کرد. برای تهیۀ یک عکس اچ دی آر، حداقل به سه عکس با سه نوردهی متفاوت نیاز داریم و از آن جا که این عکسها باید کاملاً با هم یکسان باشند و به عبارتی به صورت صد در صد بر هم منطبق شوند، بهتر است سوژههایی را برای عکاسی انتخاب کنیم که متحرک نباشند. هر چند که برای ساختن تصاویر اچ دی آر از سوژههای متحرک نیز راه حل هایی ارائه شده است که در ادامه به آنها اشاره خواهیم کرد. همچنین توجه داشته باشید که از باز و بسته کردن دیافراگم برای تهیۀ عکسهایی با نوردهیهای متفاوت، استفاده نکنید، چرا که با این کار عمق میدان در عکسهای شما تغییر خواهد کرد و در نهایت عکسهای شما با هم یکسان نخواهند بود. در این جا از چهار نمونه عکسی که برنامۀ فتوشاپ در آدرس C:\Program Files\Adobe\Adobe Photoshop CS4\Samples\Merge to HDR در اختیارمان گذاشته است، برای تمرین استفاده میکنیم:
چگونه عکس اچ دی آر بسازیم؟
پس از اجرای برنامۀ فتوشاپ، منوی زیر را دنبال میکنیم:
File / Automate / Merge to HDR
در پنجرۀ باز شده با کلیک بر روی گزینۀ Brows، به آدرس فایلی که قبلاً عکسهای مورد نیاز برای ساختن تصویر اچ دی آر را در آن ذخیره کردهایم، میرویم و آنها را انتخاب میکنیم و در نهایت بر روی گزینۀ OK کلیک میکنیم. یادمان نرود که در این قسمت حتماً گزینۀ مربوط به عبارت Attempt to Automatically Align Source Image را فعال کنیم تا اگر احیاناً در هنگام عکاسی پیاپی، دستمان کمی لرزیده است (برای اطمینان بیشتر به منظور جلوگیری از لرزش دوربین، بهتر است از سه پایه در هنگام عکاسی استفاده شود)، نرمافزار به صورت خودکار، مشکل انطباق تصاویر بر روی یکدیگر را برطرف کند.
حالا دیگر همه چیز برای ساخت یک تصویر اچ دی آر آماده است، فقط کافیست بر روی گزینۀ OK کلیک کنیم، تا نرمافزار به صورت خودکار، عکسهای انتخابی ما را با یکدیگر ترکیب کند. اما بهتر است زیاد عجله نکنید، چون این مرحله ممکن است کمی طول بکشد. به هر حال پس از کمی انتظار با صفحهای مانند صفحۀ زیر روبهرو خواهیم شد:
همان طور که در تصویر هم مشاهده میشود، این صفحه به سه بخش تقسیم میشود. بخش سمت چپ، اصل عکسهایی را که گرفته ایم به همراه میزان نوردهی که در هنگام عکاسی اعمال کردهاید (در زیر هر عکس)، به نمایش میگذارد. بخش میانی، تصویر اچ دی آری را که از ترکیب عکسهای سمت چپ به وجود آمده است، نشان میدهد و بخش سمت راست نیز تنظیماتی را برای عکس مورد نظر در اختیار قرار میدهد. برای مثال میتوانیم با استفاده از اهرم زیر منحنی، مقدار روشنایی را برای خروجی تصویر اچ دی آر تغییر دهیم. لازم به ذکر است که مقدار روشنایی تصویر را روی هر مقداری که تنظیم کنید، بعداً قابل تغییر خواهد بود. امکان دیگری که در این قسمت در اختیار ما قرار داده شده این است که میتوانیم از قسمت Bit Depth نوع کانالی را که قرار است تصویر اچی دی آر در آن ذخیره شود، انتخاب کنیم. در این قسمت اگر کانال 32 بیتی را انتخاب کنید، تصویر اچ دی آر شما با تمام جزئیات مربوط به روشنایی پیکسلها ذخیره خواهد شد. بنابراین، پس از انتخاب کانال 32 بیتی، بر روی گزینۀ OK کلیک میکنیم تا تصویر اچ دی آر نهایی را در محیط اصلی کار فتوشاپ مشاهده کنیم. همان طور که قبلاً هم اشاره شد، در این مرحله هم میتوانیم تنظیمات مربوط به روشنایی تصویر را تغییر دهیم که برای این منظور باید از داخل منوی View، گزینۀ 32- bit Preview Options را انتخاب کنیم. در پنجرۀ باز شده به دو روش میتوانیم میزان روشنایی را تنظیم کنیم. در روش اوّل یعنی Exposure And Gamma، انتقال اهرم Exposure برای تنظیم روشنایی و اهرم Gamma برای تنظیم کنتراست پیش نمایش تصویر به کار میرود و روش دوم یعنی Highlight Compression امکان فشرده کردن مقادیر روشنایی را در تصویر HDR (به طوری که مطابق با محدوده ارزشهای روشنایی تصاویر 8 یا 16 بیت بر کانال باشند) برای ما فراهم میکند.
اما اگر مایل باشید تصویر اچ دی آرتان را در کانالهای 16 یا 8 بیتی ذخیره کنید میتوانید از منوی Image وارد گزینۀ Mode شوید و در قسمت انتهایی پنجرۀ باز شده، یکی از دو کانال 16 یا 8 بیتی را انتخاب کنید. در صورت انتخاب هر یک از این کانالها، با پنجرۀ زیر رو به رو خواهید شد:
در این مرحله، همان طور که در تصویر مشاهده میکنید، باز هم میتوانیم مشخصات نوری تصویر اچ دی آر را با روشهای مختلفی که نرمافزار در قسمت Method در اختیارمان قرار میدهد، تنظیم کنیم که کاملترین روش، گزینۀ آخر یعنی Local Adaptation است؛ چرا که تنها با انتخاب این گزینه است که برنامه، امکان کار با هیستوگرام را به ما میدهد. پس از اتمام کار تنظیم نور تصویر، بر روی گزینۀ OK کلیک میکنیم و عکس اچ دی آر نهایی را مشاهده میکنیم:
دو نکتۀ مهم:
1. تنها تصاویر اچ دی آر 8 بیتی قابلیت ذخیره با فرمت JPEG را دارند و تصاویر 32 یا 16 بیتی را میتوان با فرمتهای PSD یا TIFF و چند فرمت تخصصی دیگر (به غیر از فرمت JPEG) ذخیره نمود.
2. تصاویر اچ دی آری که توسط نرمافزار فتوشاپ ساخته میشوند در مقایسه با نرمافزارهای دیگر، بیشتر حالت واقعگرایانه دارند. در صورت تمایل به خلق تصاویر فراواقعگرایانه، میتوانید از پلاگینهای مربوطه در نرمافزار فتوشاپ استفاده کنید و یا پس ذخیرۀ تصویر اچ دی آر ساخته شده در فتوشاپ با فرمت OpenEXR، آن را در برنامههای تخصصی دیگری مانند فتوماتیکس و... باز کرده و تنظیمات دلخواه را بر روی آن اعمال کنید.
sukhtehکاربر طلایی1
|
تعداد پست ها :
7880
|
تاریخ عضویت :
اسفند 1389
Simple Styled Text with Stars Effect
Advertisement
X
Welcome to PhotoshopStar.com! If you find this site useful, you might want tosubscribe to our free newsletter for updates on our new Photoshop Tutorials and Articles.
This Photoshop tutorial will show a simple way to create a nice text effect using Layer Styles, then modify some brush settings to add stars to the background.
Final Image
Tutorial Details
Program: Adobe Photoshop CS6 (CS2+ versions will work as well)
Estimated Completion Time: 30 minutes
Difficulty: Beginner
Note: Original tutorial published on Photoshopstar.com some years ago. Tutorial was updated and now republished.
Resources
Kabel Bd Normal font.
Star Brushes by KenshinJennings.
Step 1
Created a new 500 x 300 px document with all the default settings, then fill the Background with the color #1a142c.
Create a new layer and call it “Center Glow”.
Pick the Elliptical Marquee Tool, then click and drag to create an ellipse in the center of the document as shown below.
Fill the ellipse with the color #6d56b2.
Go to Select -> Deselect (Ctrl/Cmd + D) to remove the selection. Then, go to Filter -> Blur -> Gaussian Blur, and set the Radius to 28. This will feather the edges of the ellipse.
Change the “Center Glow” layer’s Opacity to 70%.
Step 2
Pick the Horizontal Type Tool, then type the first letter of the word you will be creating. The font used is KabelBd, the color is White, and the font Size is 75 pt.
Double click the text layer to apply the following Layer Style.
- Stroke: Change the Size to 1, the Position to Inside, and the Color to White.
- Gradient Overlay: Click the Gradient box to create the gradient.
The gradient uses two colors: #8061da to the left, and #ffffff to the right.
- Outer Glow: Change the Opacity to 70%, the color to #ae93fe, and the Size to 3.
- Drop Shadow: Change the Opacity to 60%, uncheck the Use Global Light box, and change the Angle to 144.
This is what the text should look like.
Step 3
Right click the text layer and choose Copy Layer Style.
Create a new layer below the text layer you have, then add the next letter.
Right click the secone letter’s text layer, and choose Paste Layer Style. This will apply the same layer style to the new text layer.
Keep on adding the rest of the letters, and paste the layer style to each one you create. You can place them on top of and below each other as you like.
Step 4
Create a new layer below all text layers and call it “Stars”. Pick the Brush Tool, then choose the “5″ star brush from the brush pack.
Open the Brush panel (Window -> Brush), and modify the brush settings as shown below:
Brush Tip Shape:
Shape Dynamics:
Scattering:
Step 5
Change the “Stars” layer’s Fill value to 0.
Double click the “Stars” layer to apply a Stroke effect, by changing the Size to 1, the Position to Inside, and the color to #6c51c2.
Click and drag slightly to add stars around the text. The settings will help you create stars with different sizes and angles.
You can use the Eraser Tool to remove any unwanted parts, then recreate them, until you like the final result.
And that’s it!
Hope you enjoyed the tutorial and found it helpful.
sukhtehکاربر طلایی1
|
تعداد پست ها :
7880
|
تاریخ عضویت :
اسفند 1389
Create an Advanced Eroded Gold Effect in Photoshop
By Arindam Bhaduri, 30 July, 2013 with 3 Comments
(Text Effects Tutorials)
Advertisement
X
Welcome to PhotoshopStar.com! If you find this site useful, you might want to subscribe to our free newsletter for updates on our new Photoshop Tutorials and Articles.
In this tutorial we will explore how to create a realistic eroded gold effect from a custom bump map. You will learn bump map creation techniques as well as how to distort any surface effectively with that bump map. Then you will combine Layer Style with it to create a 3d look. Then we will add a custom lens flare, glow, streaks and other details to achieve the final look.
You will also master the Lighting Effects Filter as well as various tips and tricks and much more!
Final Image
As always, this is the final image that we’ll be creating:
Tutorial Details
Program: Adobe Illustrator CS5
Estimated Completion Time: 45 minutes
Difficulty: Beginner-Intermediate
Step 1
Open a new file (File > New) in Adobe Photoshop with the following settings. Save the file as “Eroded Gold.psd”.
Step 2
Select the Type Tool (Or press T), then type the numeric digit “5”. Here I’m using Arial Black, size 500 pt.
Step 3
Select the Move Tool (V), then click the layer “5” and shift/click to select the background layer. When you select more than two layers, alignment buttons are active on the Options Bar. Now click Align Vertical Centers and Align Horizontal Centers buttons on the Options Bar. This will center the “5” layer.
Step 4
Now press “D” and then “X”. “D” will reset the foreground-background colors to default black-white and “X” will make white the foreground color.
Create a new blank layer (Ctrl + Shift + N) above “5” layer. Rename this layer “Eroded 5” and press Alt + Backspace to fill with white. We will create the eroded textured background on this layer with the help of the Lighting Effects filter. But to produce an effective result the Lighting Effects filter needs a Bump map. In the next step we will create that bump map within an alpha channel.
Step 5
Click on the Channels panel and then create a new alpha channel by clicking on create new channel button (third button from left) below the Channel Panel. Alpha channels are used for storing transparency information or simply selections.
Step 6
A Bump Map is basically a grayscale image, where white is height and black is depth and 50% grey is neutral, i.e., neither height nor depth. Target the newly created alpha channel by clicking on it and select Filter > Render > Clouds. The Clouds filter generates a random cloud pattern that varies between the current foreground and background color, each time you apply the filter. Apply the Clouds filter a couple more times until you get an even distribution of grey values. Rename the alpha channel “Clouds”.
Step 7
Now we will apply the Difference Clouds filter on top of this cloud pattern to enhance it more. Difference Clouds blend the current foreground and background colors with the contents of the selected layer. Apply Filter > Render > Difference Clouds. This will add more depth and contrast to the existing Cloud pattern.
Apply a few more times until there is an interesting pattern. Rename the alpha channel “Eroded Bump Map”. Now the bump map for our Eroded surface is ready.
Step 8
Go back to the Layers panel and Ctrl-click on the “5” layer to load that text as a selection.
Step 9
Return to the Channels panel and target the “Eroded Bump Map” alpha channel. Then Select > Modify > Feather.
Use 3 pixels as the Feather radius value.
Step 10
From Edit > Fill and apply the settings from the screenshot below. Fill twice more (Total 3 times) with the same settings. Then deselect by pressing Ctrl + D or Select > Deselect.
Step 11
We need a fresh selection without the feather for the next step. Ctrl-click on the “5” layer to load that text as a selection. Then select the Brush tool (Press B) and black as the color. In the Options Bar click on the Brush Preset and select a soft brush. Then change the Blend Mode to Overlay. Change the Brush opacity to 50% and start painting within the selection. Paint on the dark areas specifically on the cracks or eroded area more to enhance them. Then change the brush color to white and paint on the white areas to make them more solid looking. Repeat this process until you are satisfied with the eroded look. Slowly build up the desired look by painting again and again. Due to the Overlay selection mode within the selection white areas will become more white and black or dark areas will become darker. This process will help us to define the eroded look of the text.
Deselect and check that there is a fine separation line just inside the edge of the text. This will add more detail to the edge later.
Step 12
Still deselected, paint again with 50% soft white brush. But this time paint outside the “5” by overlapping the edge of the “5” and a little outside area.
Step 13
For the finishing touches in this deselected state we will paint with a black brush (Hard, 50% opacity) in normal mode in some of the areas, to give those areas a more solid eroded look.
Step 14
Go back to the Layers Panel and target the “5” layer. Then Filter > Render > Lighting Effects and apply the settings in the screenshot below:
Lighting Effects Filter
The Lighting Effects filter creates various lighting effects on images (RGB only). You can also use textures from grayscale files (called bump maps) to produce 3D-like effects and save your own styles for use in other images.
Applying The Lighting Effects Filter
Choose Filter > Render > Lighting Effects.
For Style, choose a style.
For Light Type, choose a type.
To add light drag the bulb icon from below the preview area to within the preview window.
To duplicate a light, Alt-drag the light within the preview window.
The Texture Channel will use any grayscale image (Alpha channel) to give the surface a 3D look. Below the Texture Channel, if White is high option is checked, then the slider will determine the height of the white areas within the bump map.
Gloss – Determines the gloss/ wet / matte look of the surface.
Material – Determines which is more reflective: the light or the object on which the light is cast.
Exposure – Increases or decreases light intensity.
Ambience – Diffuses the light as if it is combined with other lights.
Limitations of Lighting Effects Filter
The Lighting Effects filter works only on RGB images.
Not available in the Filter Gallery of Photoshop CS5.
Only available in the 32-bit mode of Photoshop CS5. For 64-bit solution check this link
There are no issues before or after Photoshop CS5
As you can see the look of the eroded surface is dependent on the cloud pattern we created in the alpha channel. Compare the b/w cloud pattern and the rendered eroded surface to see how the white and black areas of the cloud pattern get translated into the final eroded surface. You might want to do this a couple more times to get the desired look. Don’t try to match my eroded surface because that may not be possible due to the random nature of the cloud pattern. Instead try to create an interesting pattern of your own. This will give your surface a unique touch. So experiment with the Clouds – Difference Clouds – Lighting Effects combination.
Step 15
CTRL+ Click on the “5” layer to load as a selection. Target the “Eroded 5” layer and then from Select > Modify > Expand. Use a value of 4 pixels.
Why we have to do this is because of our use of 2 pixels Feather in the “Eroded Bump Map” channel. As a result, after the Lighting Effects Filter application, the “5 text” expanded a little. Now after the expansion the selection is fitting nicely around the “5”.
Step 16
Now the selection is still active on that “Eroded 5” layer, press Ctrl + J or Layer > Layer via copy to copy the “5” only on a separate layer. Rename the new layer as “Eroded Gold”. Delete the “Eroded 5” layer if you want.
Step 17
Ctrl click on the “Eroded Gold” layer to load that “5” as a selection. Then click on the Add Layer Mask icon below the Layers panel to create a layer mask based on that selection.
Step 18
Now go to the Channels panel and target the “Eroded Bump Map” channel. Then select the Magic Wand Tool (W) from the Tools Panel. Now click on the dark eroded areas with the Magic Wand Tool to select them all. Press Shift and click the Magic Wand Tool to add to the selection.
Step 19
With the selection still active go back to the Layers panel and click on the Mask thumbnail of the “Eroded Gold” layer to target that.
Step 20
Then make sure that black is your foreground color and fill the selection with black.
Below are the final eroded text and the mask.
Step 21
Duplicate the “Eroded Gold” layer. Then drag and position the new duplicate layer below the “Eroded Gold” layer. Rename it “Eroded Gold Base”.
Step 22
Right click on the mask thumbnail of “Eroded Gold Base” layer and select Delete Layer Mask.
Step 23
Duplicate the “Eroded Gold Base” layer and rename it “Eroded Gold Side”. Then press Shift + Right Arrow and Shift + Down Arrow once from the keyboard. We are offsetting the “Eroded Gold Side” layer to simulate the 3d look of the “Eroded Gold” layer.
Step 24
Double click on the “Eroded Gold Side” layer to open the Layer Style window. Let’s create a Gradient Overlay to define the shaded look of the side of the “5”. This will give it a more 3d look. Match the screenshot for Gradient Overlay settings.
Below is the final look of the side of the 3d “5”.
Step 25
Next we will create a Curves Adjustment Layer on top of the “Eroded Gold” layer. This Curves Adjustment Layer will help us to control the highlight and shadow of the top surface of “5”. First target and Ctrl+click on the mask thumbnail of “Eroded Gold” layer to select it. We will use this selection to create the mask of the Curves Adjustment layer. This Curves Adjustment layer will control the look of the top surface of “5” only, not the eroded areas. For the Eroded areas later we will create another Curves Adjustment layer.
Step 26
With “Eroded Gold” layer still active, create a new Curves Adjustment layer by clicking on the Create a new fill or adjustment layer icon (Fourth from left) below the Layers Panel.
Below is the Curves Adjustment settings (Window> Adustments):
Step 27
Double click on “Curves 1” text of the Curves Adjustment Layer and rename it “Top Surface Curve”.
It’s time to create the gold color of the top surface (excluding the eroded areas). Ctrl+click on the mask thumbnail of the “Top Surface Curve” Adjustment layer to select it. Then create a new Hue/Saturation Adjustment layer on top of “Top Surface Curve” Adjustment layer and rename to “Top Surface Gold”. Then use the Hue/Saturation values from the screenshot below:
Step 28
Next we will create the look of the Eroded surface. Following the same procedure we will create two more Adjustment Layers for the eroded areas. But first Ctrl+click on the layer thumbnail of the “Eroded Gold Base” layer to select it. We will use this selection as the mask for the new Curves Adjustment layer. With the selection still active, create a new Curves Adjustment layer with the name “Eroded Surface Curve” on top of the “Eroded Gold Base” layer. Use the settings from the screenshot below:
Step 29
Next we will create the Gold color of the Eroded surface. So we will create another Hue/Saturation Adjustment layer on top of the “Eroded Surface Curve” layer. But the process of creating the mask for this new Hue/Saturation Adjustment layer is a little different. We have to use two different selections from two different layers for this mask. First we Ctrl+click to select the “Eroded Gold Base” layer. Then Ctrl + Shift + click to select the “Eroded Gold Base Side” layer also. By Ctrl + Shift method you can add to an existing selection or simply combine selections. So using this combined mask, create a new Hue/Saturation Adjustment Layer with the name “Eroded Surface Gold” on top of the “Eroded Surface Curve” Adjustment layer. Use the screenshot from below:
Step 30
The main Eroded Gold Text effect is complete. Next we create the stone background with a simple layer style. Target the “Background” layer and create a new Fill Adjustment Layer (Solid Color) on top of it.
Step 31
In the “Pick a solid color” window select black (RGB 0, 0, 0) as the color and rename the layer “Stone Bg”.
Step 32
Double click on Stone Bg layer to open the Layer Style window. Create a new Pattern Overlay by clicking on the Pattern Overlay text in the left pane (i.e. Styles) of Layer Style window. Use “Rock Wall” from the Rock Patterns group. In case this pattern is not present in your version of Photoshop, feel free to use any other rock/stone pattern available in the patterns pop-up list. It will change the look of the background a little. But we are not working on any specific look here. This tutorial is rather an understanding of the process, besides being a simple steps tutorial. So explore on your own.
Use Divide as the Blend Mode and change the Scale value to 150.
Step 33
Let’s create an Edge Darken effect on top of it. Create a new Levels Adjustment Layer on top of the “Stone Bg” layer with the following settings:
Step 34
Target the “Edge Darken” Adjustment layer and add a Layer Mask to it. Select a 100 pixel soft rounded brush with black and click once in center of the mask. It will look like a small back dot in the mask thumbnail.
Step 35
Now we have to scale it up. Select the Move Tool (V), then Menu > Edit > Transform > Scale (Ctrl + T). Now scale up the back dot, until it is touching almost the edge of the layer and apply the transformation by pressing the Enter button or double clicking within the transform box. In the screenshot below I have hidden the “Stone Bg” layer to show the transformation of the black dot within the mask prominently.
Now change the Blend Mode of “Edge Darken” Adjustment layer to Multiply and layer Opacity to 50%.
Step 36
We are almost there. Let’s add some small details like, Shadow, Lens Flare, Glow and Streaks. First we create the shadow. Duplicate the “5” Text layer, then right click on it and select Rasterize Type. Rename the layer “Eroded Gold Shadow” and position it on top of the “Edge Darken” layer. Then use the right and down arrow keys from the keyboard to offset (Move) the shadow a little towards the right and down.
Step 37
Then target the “Eroded Gold Shadow” layer and from Filter > Blur > Gaussian Blur. Use 3 pixels in the Radius field. Then change the blend mode to Multiply.
Step 38
Create a new layer on top of “Eroded Gold Shadow” with the name “Glow Below”. Select a soft brush. Press the Alt key and the Brush Tool will change temporarily to the Eyedropper Tool. Select a light shade of gold with this Eyedropper Tool, then release the Alt key to go back to the Brush tool. Now paint some glow below the “5”. Check the screenshot below:
Step 39
Change the blend mode of the “Glow Below” layer to Overlay. Now create a new layer on top of the “Top Surface Gold” Adjustment layer. Then with the same Brush and color, paint some glow, matching the areas of “Glow Below” layer. Change the layer blend mode to Hard Light and the opacity to 40%.
Step 40
Create a new layer with the name “Flare” on top of “Glow Top” layer and fill with black. We will add Lens Flares matching the “Glow Top” paint spots. But to locate the exact area or center of each paint spot we need the Info panel (Window > Info). Open the Info panel and click on the down facing arrow at the top right corner and select Panel Option. In the Info Panel Options window, click the drop down list, beside the Ruler Units, in the Mouse Coordinates area. Select Pixels as the Ruler units and click the OK button to close the window.
Step 41
Change the blend mode of the “Flare” layer to Screen. Now select the Move Tool (V) position your cursor on the center of each paint spot. Check the Info panel for X and Y coordinates. We will use this data to position the Lens Flares accurately. From Filter > Render > Lens Flare. Alt+click within the Flare preview area to open the Precise Flare Center Window. Use the x, y coordinate values from the Info panel here. Then select 105mm Prime as the Lens type and adjust the brightness.
Step 42
Use the screenshot below for flare values. I changed the screen blend mode to normal mode for showing the exact flares. But feel free to use different flare types and values.
Step 43
Actually we need the same gold color flares here. To do that first we have to remove the default flare colors. Target the “Flare” layer, then Image > Adjustments > Desaturate. This will remove the default flare colors.
Step 44
Then again Image > Adjustments > Hue/Saturation, checked the Colorize option first, and then apply the settings from the screenshot below:
Step 45
Let’s create the streaks now. Create a new layer on top of the “Flare” layer with the name “Streak 1”. Then select a soft brush and click on the Toggle Brush Panel button beside the brush preset picker. For the Brush Panel settings check the screenshot below:
Step 46
Now center the Brush and change the Brush opacity to 30%. Then click and reduce the Brush size by pressing the “[” (Left third bracket) key. Repeat the process, like 30% (One size smaller), 50% (One size smaller again) and then 100% (One size smaller again). So from the outside to the inside the flare becomes more opaque (30% to 100%). Check the screenshot below:
Step 47
Copy the “Streak 1” layer three times, then rename them to “Streak 2” and “Streak 3”. Then resize the three Streaks with Edit > Transform > Scale (Ctrl + T). Use the screenshot below as a guide for position and placement:
Step 48
Now we create a Glow center for each Streak layer. Target “Streak 1” layer, then select a 50 pixel Soft Brush with 100% Opacity. Click in the center of the “Streak 1”. Then following the same process, use 30 pixels for the “Streak 2” and 40 pixels for the “Streak 3”.We are not creating a streak for the fourth flare. We are only using that to create a bright highlight spot at the side.
And We’re Done!
Congratulations, the Eroded Gold Effect is now complete. Below is the final arrangement of the Layers Panel.
Below is the final result. But you can still tweak and add more details. It’s up to you and your creativity where you want to go from here.