ایجاد وب سایت شخصی شما همیشه با توسعه یک طرح و طراحی آینده آغاز می شود و بخشی جدایی ناپذیر از این توسعه تجسم طراحی سایت در فتوشاپ و برش طرح نهایی به صورت بلوک برای طرح بعدی است. توانایی برش صحیح تصویر طراحی سایت مستقیماً بر موفقیت بیشتر طرح و قرارگیری صحیح فایلهای گرافیکی در سرور تأثیر می گذارد.
دستورالعمل ها
مرحله 1
طرح طراحی ایجاد شده را در فتوشاپ باز کنید ، که یک تصویر ثابت از وضوح مورد نظر است. از نوار ابزار موجود در فتوشاپ ، ابزار Slice را انتخاب کنید. به طور موقت قابلیت مشاهده همه لایه های متن ، فیلدهای ورودی ، نمادها و عناصر مشابه را خاموش کنید.
گام 2
خطوط راهنما را که در طول آن سایت را برش می دهید با ابزار انتخاب شده ترسیم کنید - این خطوط روی تصویر سبز خواهند بود. طرح یک تکه را با دقت به عناصر ساختاری با اندازه و مقدار دلخواه تقسیم کنید.
مرحله 3
به چگونگی برش تصویر فکر کنید - نباید عناصر جداگانه زیادی در آن وجود داشته باشد. برای ایجاد خطوط راهنما ، نشانگر را روی خط کش بالای تصویر قرار دهید ، کلیک راست کرده و راهنما را به پایین بکشید. دکمه ماوس را رها کنید.
مرحله 4
پس از تنظیم همه راهنماها (عمودی و افقی) ، برش دادن طرح را ادامه دهید.
مرحله 5
با استفاده از ابزار برش انتخاب شده در بالا ، با کلیک چپ روی ابتدای هر دستورالعمل ، طرح را برش دهید و قسمت ظاهر شده را به اندازه شی object مورد نظر که می خواهید برش دهید ، بکشید. دکمه سمت چپ ماوس را رها کنید تا یک شماره سریال در گوشه سمت چپ قطعه بریده شده ظاهر شود.
مرحله 6
مرزهای قطعات را با کشیدن دستی تنظیم کنید. برای ذخیره بخشهای برش خورده تصویر کلی ، روی گزینه "ذخیره برای صفحات وب" از فهرست پرونده کلیک کرده و قالب JPEG را انتخاب کنید. در پنجره ذخیره ، "همه قطعات" را انتخاب کنید.
مرحله 7
پس از ذخیره قطعات جدا شده تصویر به طور جداگانه ، تمام عناصر بصری طراحی صفحه - بلوک های متن ، دکمه ها ، خطوط و غیره را ذخیره کنید.