آموزش طراحی وب

آموزش ابزارهای برش Crop Tool و Slice Tool در فتوشاپ

در این نوشته هم در مورد یکی از امکانات کاربردی میخوام آموزشی رو تقدیمتون کنم . ابزارهایی که در این نوشته در موردشون صحبت خواهیم کرد هم در طراحی گرافیک وب و هم در کدنویسی مورد استفاده قرار میگیره و خیلی از کارها رو راحت تر میکنه که شاید باورتون هم نشه

سلام به شما همراهان عزیز ،

پیرو آموزش های قبلی که در مورد امکانات اولیه فتوشاپ بود ، در این نوشته هم در مورد یکی از امکانات کاربردی میخوام آموزشی رو تقدیمتون کنم . ابزارهایی که در این نوشته ( آموزش ابزارهای برش Crop Tool و Slice Tool در فتوشاپ ) در موردشون صحبت خواهیم کرد هم در طراحی گرافیک وب و هم در کدنویسی مورد استفاده قرار میگیره و خیلی از کارها رو راحت تر میکنه که شاید باورتون هم نشه . پس حتما ادامه آموزش رو دنبال کنین .

croptool-slicetool

۱ : ابزار Crop Tool در فتوشاپ

این ابزار یکی از ابزارهای برش دهی سریع در فتوشاپ هست . مفهوم دقیق این ابزار ، برش دادن در ابعاد تعیین شده قسمت مربوطه و حذف بقیه قسمت ها از دید ما . شاید این سوال براتون پیش بیاد که پس از اینکه برش داده شد آیا اون بخش هایی که داخل تصویر نمیبینیم حذف میشه یا هنوز هست و ما نمیبینیم ؟ خب این سوال دو حالت داره :

  • اگر آبجکت های شما آبجکت های فلت شده ای باشن مثل یک عکس ساده ، پس از کراپ کردن بقیه تصویر جز بخش crop شده حذف میشه .
  • اگر آبجکت های شما جز آبجکت های صخاص هست مثل Shape ها ، Smart Object ها و یا Mask ها ، پس از برش دادن ، این آبجکت ها از بین نخواهند رفت یعنی برش داده نخواهد شد ولی شما تنها اون بخشی از آبجکت رو میبینید که در محدوده گراپ شده واقع شده .
  • من عموما زمانی از این ابزار استفاده میکنم که کارهای پایانی طرح انجام شده و میخوام اضافاتی که خارج از Viewport من هست و استفاده ای نداره حذف بشه . این کار هم حجم فایل رو کاهش میده و هم اینکه کار تمیز تر انجام میشه .

۲ : ابزار Perspective Crop Tool

این ابزار همان امکانات Crop Tool رو در محیط سه بعدی نرم افزار فتوشاپ برای شما به شکل دقیق و کاربردی پیاده میکنه که میتونه بسیار مورد استفاده قرار بگیره .

۳ : Slice Tool

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

روش استفاده از این ابزار به این شکل هست که ، ابزار روانتخاب میکنید ، یک نقطه رو مشخص کرده و کلید موس رو نگه داشته و نقطه دومی رو انتخاب کنید و کلیک رو رها کنید . این محدوده ای که مشخص کردید به عنوان محدوده برش انتخاب میشه . حالا چند محدوده رو به همین شکل مشخص کنید . حالا از منوی File به گزینه Save as for web کلیک کرده و به صفحه مربوطه برید . در این صفحه در پنل سمت راست فرمت تصاویز ذخیره شده رو تعیین کنید و کلیک ذخیره رو کلیک کرده و به صفحه ذخیره نهایی بروید . در پایین همین بخش هم فرمت ذخیره فایل ها رو روی HTML adn images قرار بدید و فایل رو ذخیره کنید . حالا به محل ذخیره شده برید و فولدر images رو باز کنید . اینجا برش هایی که دادید رو میتونید مشاهده کنید و سایر قسمت ها هم به شکل نا منظم ذخیره شدن .

به همین راحتی شما تونستید تصاویر طرح رو خروجی بگیرید 🙂

۴ : Slice Select Tool

این ابزار هم مکملی هست برای Slice Tool که بتونید برش های خودتون رو انتخاب کنید و عملیاتی مثل حذف رو روی اون انجام بدید و عموما کاربرد دیگری نداره .

 

امیدوارم که این آموزش هم مثل آموزش های قبلی برای شما مورد استفاده قرار بگیره و تونسته باشم شما رو خیلی ساده با ابزار دیگر مفیدی در فتوشاپ آشنا کنم . سوالات خودتون رو در دیدگاه های همین نوشته و یا بخش پرسش و پاسخ مطرح کنید حتما پاسخ داده میشه .

تهیه شده در مدرسه مجازی ایرانیان

حسین همت یار

نویسنده در مدرسه مجازی ایرانیان ، دانشجوی رشته IT ، طراح وب و علاقه مند به تازه های دنیای اینترنت و وب و البته لینوکس

دیدگاه ۳

  • با عرض سلام
    تشکر از مدیریت سایت بابت مطالب آموزنده و ارزشمند
    بنده در جایی دیگر در مورد با Cropper به راحتی کراپ کنید در طراحی مطالبی را خواندم که فکر میکنم برای کاربران هم ارزشمند باشد.

  • سلام و عرض خدا قوت دستتون درد نکنه
    اگه ممکنه آموزشی در مورد سینگل رو مارکویی وسینگل کالوم مارکویی بذارید ممنون
    اگه ممکنه با ایمیل منو خبر کنید .

  • سلام آقای همت یار.واقعا فوق العاده اید.من به تازگی با فتوشاپ آشنا شدم.با مطالبتون به خوبی پیشرفت میکنم.موفق و سربلند باشید…

آیا سوالی دارید؟

پنل کاربران

بستن
*
*

نظرسنجی

به کدام دسته موضوعی علاقه مند هستید؟

آخرین پرسش و پاسخ ها

اموزش تصادفی

خبرهای باحال دریافت کن

خبرهای باحال دریافت کن

ما هم مثل شما از دریافت ایمیل های مزاحم خوشمون نمیاد. فقط مطالب جدید و خبرهای ویژه رو به اطلاع شما میرسونیم. قول میدیم اسپم نکنیم :)

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