آموزش : با Slice در فتوشاپ تصاویر خود را لینک دار کنید

[huti_421]

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

قصد داریم در این مقاله با ابزار Slice در نرم افزار فتوشاپ بیشتر آشنا شده و طرز استفاده‌ی درست و به جای آن را یاد بگیریم.

این ابزار که در بخش «ابزار‌های انتخاب / Selection Tools» گنجانده شده و وظیفه‌ی قطعه قطعه کردن صفحات وب و یا تصاویر شما را به عهده دارد. با کمک این ابزار شما قادر به تکه تکه کردن تصاویر بوده و هر قسمت را به صفحه‌ای خاص لینک دهید.

فرض کنید شما هدری طراحی کرده و بدون دانش برنامه نویسی تحت وب قصد دارید هدر را مجهز به منو کنید ؛ با ابزار Slice می‌توانید تصویر مد نظر را به چند تکه تقسیم کنید و Site Map را بر این اساس تنظیم کنید.

میانبر این ابزار در محیط نرم‌افزار فتوشاپ K بوده و با زدن این دکمه ، ابزار برای شما قابل استفاده خواهد بود.

برای شروع ، مدلی شبیه به تصویر زیر بر روی پروژه ایجاد می‌کنیم :

حال با دوبار کلیک بر روی مستطیل آبی رنگ که اینجا عدد 03 روی آن نوشته شده ، صفحه‌ای گشوده شده و تنظیمات مربوط به آدرس‌دهی را در اختیار شما قرار می‌دهد.

شما می‌توانید برای هر قسمت آدرس‌دهی مجزا انجام دهید و به نوعی هدری چند آدرسی خلق کنید.

کار برای ذخیره بسیار ساده بوده و به این منظور ، از منوی File گزینه‌ی Save For Web and Devices را انتخاب کنید. بعد از شخصی سازی تنظیمات مربوط به پسوند و کیفیت با کلیک بر روی دکمه‌ی Save صفحه‌ای جدید گشوده شده که باید تغییراتی نظیر تصویر زیر بر آن اعمال کنید :

بعد از اتمام در محلی که برای ذخیره‌ی تصویر مشخص کردید ، علاوه بر تصاویر که در پوشه‌ی Images هستند ، یک فایل html حاوی کدهای مربوط به تصویر و آدرس‌ها هم ضمیمه شده است.
مورد دیگر استفاده از این ابزار ، قطعه قطعه کردن تصاویر یک صفحه‌ی وب به منظور تسریع در بارگذاری بوده که روش کار با آنچه که گفته شد ، تفاوتی نخواهد داشت.

این مقاله توسط هومن هاتفی برای سایت [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] و [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] نوشته شده است.

[mf.designing]

مثله همیشه عالی ... هومن جان دستت درد نکنه .
آرزوی موفقیت برات تو کنکور

[hamed9]

سلام همون جان خدا قوت
آموزش کار بردی هستش ممنون.
بازم سر بزن بهمون.

[Saeed kmss-D]

سلام...


بسیار عالی و کامل بود!
ممنون و خسته نباشی هومن جان..



موفق باشی♥♥♥

[Hitman-Group]

سلام هومن
ممنون
بازم از این کارا بکن!

[احمد ترابی]

سلام
تو همش دست روی کارهای مهم میزاری
دستت درد نکنه

عالی بود موفق باشید

[huti_421]

ممنون بابت محبت بی اندازه ی همگی دوستان :-ایکس

[mehdi_pro2]

میشه بیشتر درباره ی آموزش فتوشاپ که مربوط به طراحی صفحات وب میشه توضیح بدین؟!

[huti_421]

اساس کار به همون صورتیه که توضیح دادم و توفیر آن چنان نداره ، سایت رو به صورت عکس طراحی می کنید ، نوشته بهش اضافه میکنید و در نهایت با Slice شروع میکنید به قطعه قطعه کردن پروژه تا بشه یه وبسایت و بعد خروجی html و تصویر میگیرید

و در ادامه ، توصیه ی من مطالعه مطالب این وبلاگ هست :

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

[miladdd_blue]

آقا من یه سوال داشتم اینکه غیر از لینک به عکس میتوان بخی از اجزا به فایلی مرتبط کرد مثلا درمورد وصل کردن بخشی از اجزا عکسبه فایلی یعنی مثل نوشته ای هایپرلینک زدن