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

با این حال ، در حالی که بیشتر طراحان وب چیزهای زیادی در مورد PhotoShop می دانند ، همیشه چیزهای بیشتری می توانید یاد بگیرید. از این گذشته ، این برنامه نه تنها قدرتمند بلکه پیچیده است. علاوه بر این ، چیزهای جدید به طور منظم از طریق به روز رسانی اضافه می شوند.

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

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

1 - فضای کاری خود را ساده کنید

بیایید با اصول شروع کنیم. اولین کاری که باید برای بهبود گردش کار خود انجام دهید ، تنظیم فتوشاپ به روشی است که با نحوه استفاده از آن سازگار باشد. از این گذشته ، کار با یک ابزار تمیزتر آسان می شود.

به همین دلیل، اولین ایستگاه ما "Window > Workspace > Graphic and Web > Essentials" است. انتخاب این گزینه باعث تغییر می شود ابزار در دسترس برای آنچه شما به احتمال زیاد برای طراحی وب استفاده می کنید.

فضای کاری wordpress را انتخاب کنیدسپس به "ویرایش> تنظیمات برگزیده" بروید. یکی از مهمترین ایستگاهها در اینجا واحدها و قوانین هستند. هر کدام را که در اینجا اندازه گیری کنید (به احتمال زیاد پیکسل) ، این پیش فرض برای تمام اسناد آینده است.

(نکته سریع: برای تغییر قوانین اسناد منفرد ، فقط روی آن کلیک راست کرده و واحد اندازه گیری مورد نظر را انتخاب کنید.)

سپس به قسمت "Preferences> Performance> History and Cache" بروید و بر روی "Web / UI Design" کلیک کنید.

خط کش های فتوشاپ و پیکربندی واحدبا این کار تنظیمات حافظه نهان به نفع پرونده های کوچکتر با لایه های زیادی تغییر می یابد ، که اغلب آنها کار خواهید کرد.

در همان مکان ، می توانید تعداد ایالات تاریخی را نیز انتخاب کنید. اگر بخواهید کاری را واگرد کنید ، این همان تعداد قدمهایی است که می توانید برگردانید.

2 - میانبرهای صفحه کلید را بیاموزید

برای هر برنامه ای که مرتباً از آن استفاده می کنید ، یادگیری میانبرهای صفحه کلید معمولاً کار خوبی است.

به عنوان مثال، من از Ctrl + Alt + 2/3 برای ایجاد هدرهای h2 و h3 هنگام نوشتن این پست استفاده می کنم. این بسیار سریعتر از استفاده از نوار ابزار استابزار از ویرایشگر چون مجبور نیستم صفحه کلید را ترک کنم.

همین مورد در مورد فتوشاپ نیز صدق می کند. دانستن نحوه انجام یک عمل با کلیدهای تک ، بی نهایت سریعتر از کلیک بر روی منوها است.

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

3 - لایه ها را گروه بندی کرده و نامگذاری کنید

هنگام کار با فتوشاپ ، با لایه ها کار خواهید کرد. نه تنها بیشتر عناصر روی لایه های جداگانه بلکه تغییرات مانند روشنایی / کنتراست نیز به عنوان یک لایه اضافه می شوند.

به همین دلیل ، همه چیز خیلی زود اشتباه گرفته می شود. خوشبختانه گزینه های زیادی برای انجام کمتر وجود دارد که دو گزینه توانایی گروه بندی و نامگذاری لایه ها است.

اول از همه ، با دو بار کلیک بر روی هر لایه ، می توانید نام آن را به هر آنچه دوست دارید تغییر دهید.

تغییر نام یک لایه در وردپرسبه این ترتیب به راحتی خواهید فهمید که آیا یک لایه حاوی تصویر پس زمینه ، منو یا نوار کناری است.

متناوباً ، می توانید همزمان چند لایه را انتخاب کنید ، یا با نگه داشتن کلید Ctrl برای انتخاب لایه های جداگانه یا Shift برای علامت گذاری یک دامنه از لایه های همسایه. Ctrl + G آنها را به یک گروه تبدیل می کند.

4 - انجام جستجوهای لایه ای

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

برای این موارد ، شما همچنین می توانید لایه های خود را فیلتر کنید. برای این کار ، به سادگی از منوی بالای منوی لایه ها استفاده کنید تا براساس نوع ، نام ، اثر ، رنگ و موارد دیگر فیلتر شود.

در غیر این صورت ، روی لایه ها کلیک راست کرده و گزینه group را از آنجا انتخاب کنید. در هر صورت ، لایه های شما بسیار سازمان یافته تر هستند. علاوه بر این ، می توانید گروه های لایه را نیز نامگذاری کنید.

لایه ها را جستجو کنیددر غیر این صورت ، مستقیماً یک لایه را با استفاده از ابزار Move انتخاب کنید ، "Ctrl" را نگه دارید و روی یک لایه یا یک شی کلیک کنید.

5 - ایجاد یک شبکه

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

برای این کار از "View> New marker" استفاده کنید. متناوباً ، با نگه داشتن یک کلیک روی خط کش و کشیدن به سند ، راهنماهای افقی و عمودی ایجاد کنید. برای جابجایی خطوط موجود از Ctrl استفاده کنید.

6 - نمونه های رنگی را وارد کنید

می‌توانید نمونه‌های رنگی را مستقیماً از فایل‌های HTML، CSS یا SVG در فتوشاپ بارگیری کنید. به این ترتیب هنگام استفاده از فایل های موجود، مانند یک نقطه شروع عالی برای طرح رنگ خود خواهید داشت آرم.

برای استفاده از این اشاره فتوشاپ ، پانل Swatches را باز کنید ، روی منوی کشویی در گوشه سمت راست بالای صفحه کلیک کنید و " Swatches بار ". اکنون به پرونده بروید و آن را باز کنید تا نمونه رنگ جدید خود را وارد کنید.

7 - اشکال سفارشی را ذخیره کنید

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

برای انجام این کار ، با استفاده از ابزار انتخاب مسیر بر روی شکل مورد نظر کلیک راست کنید (فلش سیاه). سپس انتخاب کنید شکل سفارشی را تعریف کنید " پس از انجام این کار ، می توانید از طریق گزینه های موجود در نوار بالای ابزار Custom Shape به آن شکل دسترسی پیدا کنید. فقط روی منوی کشویی که در آن نوشته شده است کلیک کنید " شکل و فرم ذخیره شده خود را انتخاب کنید.

یک شکل سفارشی تعریف کنید

8 - بین زمینه و رنگهای پیش زمینه جابجا شوید

برای تغییر رنگ پس زمینه و رنگ پیش زمینه بدون کلیک روی نماد ، فقط "X" را روی صفحه کلید خود فشار دهید. همچنین ، اگر می خواهید رنگ ها به سیاه و سفید ساده برگردند ، می توانید با فشار دادن "D" این کار را انجام دهید.

9 - کدورت را از طریق صفحه کلید تغییر دهید

میانبر صفحه کلید دیگر: برای هر ابزاری که بتواند تیرگی را تغییر دهد ، فقط می توانید این کار را از طریق صفحه کلید انجام دهید. اعداد 1 تا 0 میزان کدورت را بین 10 تا 100 درصد تنظیم می کنند. همین امر با تیرگی لایه ها نیز کار می کند.

10 - خطوط مستقیم بکشید

برای ترسیم خط مستقیم با هر ابزاری ، فقط کلید Shift را نگه دارید. سپس می توانید یک خط بکشید (افقی و عمودی) که به طور خودکار به عنوان میخ وصل می شود. در غیر این صورت بر روی دو نقطه مختلف کلیک کنید تا یک خط مستقیم بین آنها ایجاد شود.

همه این نکات فتوشاپ است ، امیدوارم که به شما در طراحی بهتر در فتوشاپ کمک کند.