10 Killer Adobe Photoshop Съвети за дизайнери

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

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

Искаме да знаете как да отключите пълния му потенциал. Да, затова създадохме този пост, за да ви предоставим 10 изключително полезни съвета на Photoshop, за да повишите скоростта на проектиране. Може да има бърз достъп, функция или настройка, за които не знаете, но вече не. С тази статия ще научите всички тях и ще проектирате по-бързо и по-бързо.

Забележка: Клавишите за бързи клавиши, споменати в тази статия, са във формат Windows Photoshop. Ако използвате Mac, не забравяйте да знаете, че Ctrl = Cmd (Command) и Alt = Opt (Option).

10. Отмени, Още Отмени Моля

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

Както можете да знаете, като натиснете Ctrl + Z в Photoshop, можете да отмените предишното действие, което сте направили, но когато отново натиснете една и съща клавишна комбинация, той ще повтори предишното действие. Това е доста неестествено и обезпокоително, тъй като винаги трябва да отменяте няколко пъти, за да стигнете до желаното от вас състояние.

Вярвате или не, Photoshop има специфичен бутон за многократно отмяна, а той е Alt + Ctrl + Z. Да, с помощта на тази комбинация от клавиши можете да отмените няколко пъти, в зависимост от стойността на State States, която сте задали в Edit> Preference> производителност.

Ако сте свикнали с общата клавишна комбинация на Undo, която е Ctrl + Z, можете просто да натиснете Ctrl + Shift + Alt + K, за да влезете в панела за бърз достъп до клавиатурата и да промените комбинацията от клавиши Undo под секцията Редактиране на Ctrl + Z.

9. Цвят на вземане на проби, навсякъде!

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

Ами наистина не трябва да страдате така, можете всъщност просто да кликнете върху инструмента за капкомер или да натискате I, за да го активирате, след това щракнете върху работния екран на Photoshop и плъзнете иконата на пипетата до където и да е на екрана на монитора, за да получите цвета искате. Да, наистина е толкова лесно.

8. Гъвкаво ръководство

Съвет # 8 всъщност е комбинация от 2 съвета, надявам се, че нямате нищо против да получите повече съвети. Като уеб дизайнер ние трябва да се справим много с ръководството, за да позиционираме елемента правилно, с други думи е перфектен пиксел.

Как се създава ръководство? Кликнете върху View, New Guide след това решите, че е хоризонтален или вертикален водач, въведете неговата позиция и кликнете Enter? Добре, можете да запазите тези работи само с натискане на Ctrl + R, за да активирате инструмента за линейка, кликнете върху инструмента и го плъзнете надолу, за да създадете хоризонтално ръководство или обратно.

Освен бързото създаване на ръководство, ето още един полезен съвет за вас. Докато плъзгате водач с инструмента за преместване, който може да бъде активиран с помощта на бутон V, натиснете и задръжте клавиша Alt, за да промените хоризонталния водач на вертикалния водач или обратно. Вече може да се смятате за професионалист при използването на ръководството.

7. Клониране на забавен стил

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

Разбрали ли сте, че има FX иконата до слоя ви? Ами всичко съществува по причина, ако натиснете Alt и плъзнете FX иконата към друг слой, ще копира стиловете на първия слой в това, което сте изтеглили, удобно не е това?

Също така, ако се интересувате от общата употреба на това FX икона, тя ви позволява да премествате стилове на слоя в друг и всичко, което трябва да направите, е просто да плъзнете иконата на друг слой, без да натискате клавиша Alt.

6. Лесно е центрирането на елементите

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

Всъщност имате начин да направите целия процес много по-лесен, щракнете върху слоя на елемента, който искате да бъде абсолютен център, след това натиснете Ctrl + A, за да изберете целия документ. След това изстреляйте инструмента "Преместване" и ще видите някои икони до опцията "Показване на контролите за преобразуване". Кликнете върху втората икона за вертикален център на елемента, след това кликнете върху 5-та икона на хоризонтално центриране на елемента, там е абсолютно абсолютен елемент.

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

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

5. Преглед на избора, един по един

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

В миналото трябва да изключвам видимостта на слоя с плъзгача, слоя на фона на плъзгача и дори фоновия слой на съдържанието, но сега просто мога просто да натисна клавиша Alt, след което да кликнете върху иконата „око“ до групата на бутоните, за да я изключите. видимост на всички слоеве, така че да виждам само тези бутони. След като ги проверих, мога отново да повторя трика, за да върна всички слоеве.

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

4. Персонализирайте проследяването на шрифта, по всяко време

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

Добре, да речем, че искам да намалим проследяването на типа "360", така че видът на логото ми изглежда уникален, че посетителят го помни по-лесно. Мога да избера "POLO360", като използвам инструмента Type, който може да се активира с натискане на клавиша T, след това задръжте натиснат клавиша Alt и натиснете бутона, за да започнете да намалявате проследяването на типа, което ще доведе до резултат по-горе.

Можете да използвате този трик за справяне с проследяването на някои художествени шрифтове, така че няма притеснения за проследяване следващия път, когато искате да намерите графични шрифтове за създаването на лого!

3. Избор на незабавен слой = Win

Дизайнът на оформлението е изтощителна работа, тъй като трябва да се справим с много въпроси като типография, разстояние и графика, но ще бъде прекомерно, ако искаме да намерим слой от конкретен елемент от стотици слоеве.

Нека този трик улеснява живота на вашия дизайнер. Активирайте инструмента за преместване с бутон V и задръжте клавиша Ctrl, след това кликнете върху елемента и автоматично ще изберете слоя на елемента. Наистина е толкова просто, но имайте предвид, че ако поставите елементи в група, използвайки същия трик, ще изберете папката на групата, която съдържа елемента, върху който сте кликнали, както е показано по-горе.

2. Интелигентен обект за интелигентен дизайнер

Точно както името му, Smart Object прави редактирането ви по-интелигентно чрез извършване на 2 основни функции: извършване на неразрушаващи трансформации и извършване на филтриране. Тази функция е много полезна, особено когато създавате оформление на сайта с тежки графики, като снимки със снимки, икони на социални медии и комплекти за потребителски интерфейс, и всичко, което трябва да направите, е да щракнете с десния бутон върху слоя, след което кликнете върху „Конвертиране в интелигентен обект“, за да ползите от него.

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

Ouch, това е твърде малък, така че реших да го промените обратно.

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

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

Друга полза от превръщането на слоя в Smart Object е след като приложите филтър върху Smart Object, слой на филтъра ще се появи под слоя на Smart Object, така че можете да забраните филтъра, като просто изключите видимостта на слоя на филтъра и това се нарича недеструктивно филтриране. , много време за спестяване на вашия проект.

1. Снимка на красивото минало

Сега научихте как да отмените няколко пъти, да копирате стилове на слоя, по-бързо избиране на слоеве и да използвате Smart обект, тези съвети за спестяване на време. Е, това са наистина удобни умения, които значително повишават производителността ви, но какво ще кажеш след 2 часа работа, съжалявате за редактирането си и решихте да започнете от средата? Повторете го напълно ще бъде много изтощително и скучно, дори сте приложили всички убийствени съвети, които сте научили преди, така че това е, когато Snapshot започва.

Snapshot ви позволява да създадете временно копие на всяко състояние на редактиране, така че когато имате проблеми с подобряването на дизайна и сте решили да се върнете, можете просто да кликнете върху снимка, за да се върнете в желаното от вас състояние. За да направите моментна снимка, просто трябва да отворите палитрата History и да кликнете върху втората икона, която виждате в долната част на палитрата.

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

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

размисъл

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

Ами споделихме най-доброто си, а ти? Ако нямате нищо против, моля, споделете вашите съвети за убийци на Photoshop, за да ни уведомите за по-добрия начин за използване на Photoshop, благодаря за щедростта ви!