Вероятно всеки уеб дизайнер има свой собствен набор от любими трикове за Photoshop. И с основание. Мощният инструмент за редактиране на изображения на Adobe е основен инструмент в света на уеб дизайна. Много малко програми могат да се конкурират с този отличен софтуер и широката му гама от функции.

Въпреки това, докато повечето уеб дизайнери вече знаят много за PhotoShop, винаги можете да научите повече. В крайна сметка програмата е не само мощна, но и сложна. В допълнение, нови неща се добавят редовно чрез актуализации.

Поради тази причина е добра идея да продължите да изследвате любимия си инструмент. За да ви помогнем да направите това, в този урок ще разгледаме някои от най-добрите трикове във Photoshop. Трикове, които могат да подобрят работния ви процес, да улеснят работата и живота, да спестят време и да ви помогнат да проектирате възможно най-добрите уебсайтове.

Готови ли сте да научите повече за Photoshop? Това ще видим по-долу.

1 - Рационализирайте работното си пространство

Нека започнем с основите. Първото нещо, което трябва да направите, за да подобрите работния си процес, е да настроите Photoshop по начин, който е съвместим с начина, по който го използвате. В края на краищата работата става по-лесна с по-чист инструмент.

Поради тази причина, първата ни спирка е „Прозорец > Работно пространство > Графика и уеб > Основни елементи“. Избирането на тази опция ще промени наличните инструменти на тези, които най-вероятно ще използвате за уеб дизайн.

След това отидете на „Редактиране> Предпочитания“. Тук една от най-важните спирки са мерните единици и правилата. Независимо от измерването, което изберете тук (най-вероятно пиксели), това ще бъде по подразбиране за всички бъдещи документи.

(Бърз съвет: За да промените правилата за отделни документи, просто щракнете с десния бутон върху него и изберете желаната мерна единица.)

След това отидете на „Предпочитания> Производителност> История и кеш" и кликнете върху „Дизайн на уеб / потребителски интерфейс".

Това ще промени настройките на кеша, за да се предпочитат по-малки файлове с много слоеве, които ще работите най-често.

На същото място можете също да изберете броя на историческите състояния. Това е количеството стъпки, към които можете да се върнете, ако искате да отмените нещо.

2 - Научете клавишните комбинации

За всяка програма, която редовно използвате, обикновено е добре да се научите клавишните комбинации.

Например, използвам Ctrl + Alt + 2/3, за да създам заглавия h2 и h3, докато пиша тази публикация. Това е много по-бързо от използването на лентата с инструменти на редактора, защото не е нужно да напускам клавиатурата.

Същото важи и за Photoshop. Знанието как да извършите действие с единични клавиши е безкрайно по-бързо от натискане на менютата.

В тази статия ще споменем куп клавишни комбинации. Препоръчвам обаче и този мамят, за да научите преките пътища към най-често срещаните операции на Photoshop. На всичкото отгоре също е добра идея да имате навика да разглеждате клавишни комбинации за неща, които правите отново и отново.

3 - Групирайте слоевете и ги наименувайте

Когато работите с Photoshop, ще работите със слоеве. Не само имат повечето елементи на отделни слоеве, но и промени като яркост / контраст също се добавят като слой.

Поради тази причина всичко може да бъде объркано много бързо. За щастие има много опции за по-малко, две от които са възможността за групиране и именуване на слоеве.

На първо място, като щракнете двукратно върху който и да е слой, можете да промените името му на каквото искате.

По този начин лесно ще разберете дали слой съдържа фоновото изображение, менюто или страничната лента.

Като алтернатива можете също да изберете няколко слоя наведнъж, или като задържите клавиша Ctrl, за да изберете отделни слоеве, или Shift, за да маркирате диапазон от съседни слоеве. Ctrl + G ги превръща в група.

4 - Правяне на пластове за търсене

Именуването и групирането на слоеве е добро начало. Работейки обаче с десетки или дори стотици от тях, пак можете лесно да се изгубите.

За тези случаи имате и възможност да филтрирате слоевете си. За да направите това, просто използвайте менюто в горната част на менюто Слоеве, за да филтрирате по тип, име, ефект, цвят и други.

В противен случай щракнете с десния бутон върху слоевете и изберете опцията за група от там. Така или иначе, слоевете ви са много по-организирани. Освен това можете също да назовете групи слоеве.

В противен случай директно изберете слой, като използвате инструмента „Преместване“, като задържите „Ctrl“ и щракнете върху слой или обект.

5 - Създайте мрежа

Решетката е един от най-важните принципи в уеб дизайна. Той носи реда за проектиране и ви помага да поставите вашите обекти. Поради тази причина просто има смисъл да създадете мрежа в Photoshop.

За целта използвайте "Преглед> Нов маркер". Друга възможност е да създадете хоризонтални и вертикални водачи, като задържите щракване върху линийката и плъзнете в документа. Използвайте Ctrl, за да преместите съществуващите линии.

6 - Импортиране на цветни проби

Можете да зареждате цветови мостри директно във Photoshop от HTML, CSS или SVG файлове. По този начин имате чудесна отправна точка за вашата цветова система, когато използвате съществуващи файлове, като например лого.

За да се възползвате от този намек за Photoshop, отворете панела Swatches, щракнете върху падащото меню в горния десен ъгъл и изберете „ Заредете Swatches ". Сега отворете файла и го отворете, за да импортирате новите си цветни проби.

7 - Запазване на персонализирани форми

По-специално, когато проектирате няколко страници за един и същ сайт или уебсайтове, които имат подобен дизайн, ще се свържете с едни и същи обекти и форми многократно. Поради тази причина има смисъл да ги запишете в персонализирана форма за бърза повторна употреба.

За да направите това, щракнете с десния бутон върху въпросната форма с инструмента за избор на път (черната стрелка). След това изберете Определете персонализираната форма ". След като направите това, можете да получите достъп до тази форма чрез опциите в горната лента на инструмента Custom Shape. Просто кликнете върху падащото меню, където пише " Форма И изберете запазената си форма.

8 - Превключване между цветовете на фона и предния план

За да превключвате цвета на фона и цвета на преден план, без да щраквате върху иконата, просто натиснете „X“ на клавиатурата. Също така, ако искате цветовете да се върнат към обикновени черно-бели, можете да го направите, като натиснете "D".

9 - Променете непрозрачността чрез клавиатурата

Друга клавишна комбинация: за всеки инструмент, който може да промени непрозрачността, можете просто да го направите чрез клавиатурата. Числата от 1 до 0 ще зададат непрозрачността на всичко между 10% и 100%. Същото работи и с непрозрачността на слоевете.

10 - Начертайте прави линии

За да нарисувате права линия с който и да е инструмент, просто задръжте натиснат клавиша Shift. След това можете да начертаете линия (хоризонтално и вертикално), която автоматично ще бъде свързана като пирон. В противен случай щракнете върху две различни точки, за да създадете права линия между тях.

Това е всичко за тези съвети на Photoshop, надявам се, че ще ви помогнат за по-добрия дизайн на Photoshop.