nima_dsnr
کاربر VIP
منبع : photoshoptutorial
این آموزش به شما نشان می دهد که چگونه عکسها را برای استفاده در اینترفیسها ، جداول ، انیمیشنهای بخشی ، منوهای جاوا اسکریپت و ... تکه تکه کنید.
1. عکسی را که می خواهید برش بزنید را باز کنید. Ctrl+R را فشار دهید تا ابزار خط کش Ruler فعال شود.
2. روی خط کش قسمت بالا کلیک کنید و آنرا به پایین بکشید. باید یک خط افقی آبی ظاهر شود. خط را با موس به جایی هدایت کنید که می خواهید برش را همانجا ایجاد کنید. شما بوسیله Move Tool می توانید با کلیک و درگ کردن روی خط آبی آنرا در جای مناسب تنظیم کنید.
3. این روند را ادامه دهید ، اما این بار با خط کشی که در سمت چپ عکس قرار دارد.
شما اکنون باید عکسی داشته باشید که به چهار قسمت تقسیم و با خطوط آبی جدا شده است. این کار را تا زمانی ادامه دهید که همه نواحی که قصد تکه کردن دارید با خطوط آبی محاصره شوند.
4. اگر شما یک قسمت کوچک از عکس را بصورت انیمیشن طراحی کرده اید مطمئن شوید که آن قسمت خاص از عکس را برای برش انتخاب کرده باشید. این کار باعث کاهش حجم کل عکس شما می شود ، زیرا احتیاجی نیست همه عکس چندین بار برای انیمیشن لود شود. همچنین مطمئن شوید Snap To Guide از منوی View تیک خورده باشد.
5. ابزار Marquee Selection Tool ( فشار دادن کلید M ) را انتخاب کنید و یک قسمت از مستطیل های محاط به خطوط آبی را که قصد برش دارید انتخاب کنید.
6. محیطی که انتخاب کردید را کپی کنید ( Ctrl+C ) . حالا یک سند جدید باز کنید ( Ctrl+N ) سند جدید بطور اتوماتیک ابعاد کپی شده را حفظ می کند. حالا با فشار دادن ( Ctrl+V ) عکس را پیست کنید.
سند جدید را سیو کنید و به عکس اصلی باز گردید.
این روند را برای هر قسمتی که می خواهید برش دهید ادامه دهید.
7. حالا که عکس شما به قسمت های دلخوله تکه تکه شدند نوبت تطبیق دادن عکس هست. برای این کار شما نیاز به جداول HTML دارید. ( HTML Tables ) در اینجا باید به چند نکته توجه داشته باشید :
1) مقادیر BORDER , CELLPADDING , CELLSPACING را برابر با صفر قرار دهید.
2) ابعاد جدول ( Cells ) دقیقا برابر با ابعاد عکس تکه شده باشد.
بعد از اتمام این مراحل عکس باید مانند عکس اصلی در تیبل قرار گرفته باشد. همچنین قرار گرفتن عکسها در جای مناسب با استفاده از CSS امکان پذیر است.
به یاد داشته باشید با توجه به چیزی که من در بالا اشاره کردم مناسب ترین راه برای این کار استفاده از برنامه هایی مانند Adobe ImageReady و برنامه های مشابه است.
این آموزش به شما نشان می دهد که چگونه عکسها را برای استفاده در اینترفیسها ، جداول ، انیمیشنهای بخشی ، منوهای جاوا اسکریپت و ... تکه تکه کنید.
1. عکسی را که می خواهید برش بزنید را باز کنید. Ctrl+R را فشار دهید تا ابزار خط کش Ruler فعال شود.
2. روی خط کش قسمت بالا کلیک کنید و آنرا به پایین بکشید. باید یک خط افقی آبی ظاهر شود. خط را با موس به جایی هدایت کنید که می خواهید برش را همانجا ایجاد کنید. شما بوسیله Move Tool می توانید با کلیک و درگ کردن روی خط آبی آنرا در جای مناسب تنظیم کنید.
3. این روند را ادامه دهید ، اما این بار با خط کشی که در سمت چپ عکس قرار دارد.
شما اکنون باید عکسی داشته باشید که به چهار قسمت تقسیم و با خطوط آبی جدا شده است. این کار را تا زمانی ادامه دهید که همه نواحی که قصد تکه کردن دارید با خطوط آبی محاصره شوند.
4. اگر شما یک قسمت کوچک از عکس را بصورت انیمیشن طراحی کرده اید مطمئن شوید که آن قسمت خاص از عکس را برای برش انتخاب کرده باشید. این کار باعث کاهش حجم کل عکس شما می شود ، زیرا احتیاجی نیست همه عکس چندین بار برای انیمیشن لود شود. همچنین مطمئن شوید Snap To Guide از منوی View تیک خورده باشد.
5. ابزار Marquee Selection Tool ( فشار دادن کلید M ) را انتخاب کنید و یک قسمت از مستطیل های محاط به خطوط آبی را که قصد برش دارید انتخاب کنید.
6. محیطی که انتخاب کردید را کپی کنید ( Ctrl+C ) . حالا یک سند جدید باز کنید ( Ctrl+N ) سند جدید بطور اتوماتیک ابعاد کپی شده را حفظ می کند. حالا با فشار دادن ( Ctrl+V ) عکس را پیست کنید.
سند جدید را سیو کنید و به عکس اصلی باز گردید.
این روند را برای هر قسمتی که می خواهید برش دهید ادامه دهید.
7. حالا که عکس شما به قسمت های دلخوله تکه تکه شدند نوبت تطبیق دادن عکس هست. برای این کار شما نیاز به جداول HTML دارید. ( HTML Tables ) در اینجا باید به چند نکته توجه داشته باشید :
1) مقادیر BORDER , CELLPADDING , CELLSPACING را برابر با صفر قرار دهید.
2) ابعاد جدول ( Cells ) دقیقا برابر با ابعاد عکس تکه شده باشد.
بعد از اتمام این مراحل عکس باید مانند عکس اصلی در تیبل قرار گرفته باشد. همچنین قرار گرفتن عکسها در جای مناسب با استفاده از CSS امکان پذیر است.
به یاد داشته باشید با توجه به چیزی که من در بالا اشاره کردم مناسب ترین راه برای این کار استفاده از برنامه هایی مانند Adobe ImageReady و برنامه های مشابه است.
