10 Вбивця 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. Так, за допомогою цієї комбінації клавіш ви можете скасувати кілька разів, відповідно до значення історії стану, яку ви встановили в меню Правка> Параметри> Продуктивність.

Якщо ви звикли до звичайної комбінації клавіш Undo, яка є комбінацією клавіш Ctrl + Z, ви можете просто натиснути Ctrl + Shift + Alt + K, щоб отримати доступ до панелі скорочень клавіатури та змінити комбінацію клавіш Undo у розділі "Редагування" на Ctrl + Z.

9. Вибірка кольору, будь-де!

Наткнувся на красиво розроблений сайт і цікаво, які саме кольори він використовує? Це відбувається дуже часто, коли я шукаю натхнення в той час, коли я роблю макет сайту в Photoshop. Для мене я запускаю вибір кольорів, вибираю колір і отримую його шістнадцяткове число, потім клацніть на палітрі кольорів у Photoshop, потім введіть шістнадцяткове число, після чого отримаєте колір, дуже дратує не так?

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

8. Гнучке керівництво

Порада № 8 насправді поєднання двох порад, я сподіваюся, ви не заперечуєте про те, щоб отримати більше порад. Як веб-дизайнер ми маємо справу багато з керівництвом, щоб позиціонувати елемент правильно, іншими словами, піксель ідеально.

Як створити посібник? Клацніть на View (Переглянути), New Guide (Нове керівництво), після чого вирішите, що він є горизонтальним або вертикальним напрямним, введіть його положення та натисніть Enter? Добре, ви можете зберегти ці роботи, просто натиснувши комбінацію клавіш Ctrl + R, щоб активувати інструмент "Лінійка", натисніть на інструмент і перетягніть його вниз, щоб створити горизонтальне керівництво, або навпаки.

Крім миттєвого створення довідника, ось ще одна корисна порада для вас. Перетягуючи посібник з інструментом Move, який можна активувати за допомогою клавіші V, натисніть і утримуйте клавішу Alt, щоб змінити горизонтальний напрямок на вертикальний напрям, або навпаки. Тепер ви, ймовірно, можете вважати себе професійним у використанні керівництва.

7. Клонування стилю забавного шару

Стилі шарів дуже цікаві, коли ви можете просто застосувати їх, щоб зробити, скажімо, значок соціальних медіа виглядає досить чарівним і унікальним, але це буде дуже втомлює, якщо ви хочете застосувати один і той же стиль шару до всіх значків соціальних медіа, які зазвичай входять кілька штук.

Ви коли-небудь розуміли, що є fx поруч із шаром? Ну все існує з причини, якщо натиснути Alt і перетягнути fx піктограму до іншого шару, він буде копіювати стилі першого шару на той, який ви перетягнули, зручно не так?

Також, якщо вас цікавить загальне використання цього fx значок, він дозволяє переміщати стилі шару в інший, і все, що потрібно зробити, це просто перетягнути піктограму на інший шар без натискання клавіші Alt.

6. Легке центрування елементів

Щоб досягти ідеального дизайну пікселів, нам часто доводиться розміщувати елемент саме там, де він повинен бути. Це здається простим, оскільки ви можете просто створити деякі напрямні і прив'язати елемент до цих напрямних, але це буде складно, якщо ви хочете, щоб абсолютний центр елемента в певній області, який вимагає великої кількості напрямних, вимірювання і фокусування.

Фактично у вас є спосіб зробити цей процес набагато простішим, клацніть на шарі елемента, який ви хочете до абсолютного центру, потім натисніть Ctrl + A, щоб вибрати весь документ. Після цього запустіть інструмент "Перемістити", і ви побачите деякі піктограми поруч із параметром "Показати перетворення елементів керування". Натисніть на другу піктограму, щоб вертикальний центр елемента, а потім натисніть на 5-й значок горизонтального центру елемента, там ви йдете, абсолютний центрований елемент.

Можна не тільки абсолютний центр елемента у всій області документа, але і абсолютний центр його в певній області. Скажімо, я хочу абсолютний центр елемента в області нижнього колонтитула, я можу просто вибрати область нижнього колонтитула за допомогою інструменту вибору, який можна активувати, натиснувши клавішу M, то абсолютний центр елемента в цій конкретній області.

Можна вивчити інші параметри вирівнювання, окрім опції "Показати елементи керування перетворенням", вони дуже корисні для вирівнювання елементів у широкому діапазоні ситуацій.

5. Перегляд вибору, по одному

Часто при розробці макета потрібно перевірити, як елемент виглядає саме по собі або декількома елементами, наприклад, в макеті веб-сайту нижче, я хочу перевірити кнопки повзунка, щоб підтвердити, що вони не мають прозорості, тому вони виглядають точно так само або без зображення слайдера.

У минулому я повинен вимкнути видимість шару слайдера, шару фону слайдера і навіть фонового шару вмісту, але тепер я можу просто утримувати клавішу Alt, а потім натискати на значок "очей" біля групи кнопок, щоб вимкнути всі види шарів, так що я переглядаю тільки ці кнопки. Після того як я перевірив їх, я можу ще раз повторити трюк, щоб повернути всі шари.

Цей трюк також надзвичайно корисний, коли йдеться про нарізання зображень. Ви хочете нарізати кнопку повзунка без будь-якого іншого елемента, наприклад, повзунка, так що ви можете використовувати цей трюк, щоб вимкнути видимість всього шару, щоб просто зрізати кнопку, а потім повторити трюк, щоб відновити видимість всього шару, щоб заощадити багато часу, витраченого на увімкнути та вимкнути видимість шарів.

4. Налаштування відстеження шрифтів у будь-який час

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

Добре, скажімо, я хочу зменшити відстеження типу "360", тому тип мого логотипу виглядає унікальним, що відвідувач легше запам'ятовує його. Я можу вибрати "POLO360", використовуючи інструмент "Текст", який можна активувати, натиснувши клавішу T, потім утримуючи натиснутою клавішу Alt і натиснувши кнопку, щоб почати зменшення відстеження типу, що принесе результат вище.

Цей трюк можна використовувати для вирішення проблем із відстеженням деяких художніх шрифтів, тому не варто турбуватися про відстеження наступного разу, коли ви хочете знайти графічні шрифти для створення логотипу!

3. Вибір миттєвого шару = Виграти

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

Нехай цей трюк полегшить життя вашого дизайнера. Активуйте інструмент "Переміщення" за допомогою клавіші V і утримуйте клавішу Ctrl, потім клацніть на елементі і автоматично виберете шар елемента. Це дійсно так просто, але майте на увазі, що якщо ви помістите елементи в групу, використовуючи той самий трюк, ви оберете папку групи, яка містить елемент, який ви натиснули, як показано вище.

2. Розумний об'єкт для розумного дизайнера

Подібно до назви, Smart Object робить розумніше редагування, виконуючи 2 основні функції: виконує неруйнуючі перетворення та виконує фільтрацію. Ця функція дуже зручна, особливо якщо ви створюєте макет сайту з важкою графікою, наприклад, фотографіями, іконками соціальних медіа та наборами інтерфейсу користувача, а все, що вам потрібно, - клацніть правою кнопкою миші на шарі, а потім клацніть 'Перетворити на смарт-об'єкт' на користуватися його вигодами.

Перша функція говорить про те, що як тільки шар перетвориться на смарт-об'єкт, ви можете перетворити його у будь-який інший спосіб, не втрачаючи його початкової якості. У нашому випадку ми хочемо зробити слайдер зображення меншим, щоб перетворити шари слайдера зображення на Smart Object і перетворити його на щось менше.

Ой, це занадто мало, тому я вирішив змінити його назад.

Схоже, все в порядку, і нічого не сталося? Нижче наведено результат, якщо ви застосували зворотне перетворення без перетворення шару в Smart Object.

Таким чином, ви, мабуть, можете побачити різницю тут, особливо частина кнопки повзунка. Зворотне перетворення без застосування Smart Object на шарах змушує повзунок і кнопки повзунка втрачати якість. Таким чином, перетворюючи шар на інтелектуальний об'єкт, ви можете перетворити його на будь-який розмір, який ви хочете, але коли ви пошкодуєте про своє рішення, ви можете змінити його назад без втрати якості.

Ще одна перевага, що полягає в перетворенні шару в Smart Object, коли ви застосували фільтр на смарт-об'єкті, шар фільтра з'явиться під шаром Smart Object, так що ви зможете вимкнути фільтр, просто вимкнувши видимість шару фільтра, і це називається неруйнівним фільтруванням , велика заощадження часу для вашого проекту.

1. Знімок прекрасного минулого

Тепер ви дізналися, як скасувати кілька разів, скопіювати стилі шарів, швидше вибирати шар і використовувати об'єкти Smart, які дають чудові заощадження часу. Ну, це дійсно зручні навички, які значно підвищують вашу продуктивність, але як би після 2-х годинної роботи ви пошкодували своє редагування і вирішили почати з середини? Повторити його повністю буде дуже виснажливим і нудним навіть ви застосували всі вбивчі поради, які ви дізналися раніше, так що тоді Snapshot.

Знімок дозволяє створювати тимчасову копію будь-якого стану вашого редагування, щоб, коли у вас виникли проблеми з вдосконаленням дизайну і вирішили повернутися назад, можна просто натиснути на знімок, щоб повернутися до потрібного стану. Щоб зробити знімок, потрібно просто відкрити панель "Історія", а потім натиснути другу піктограму, яку ви бачите внизу палітри.

Є також деякі корисні функції для знімка, як ви можете зробити кілька знімків, так що у вас є більше варіантів, і ви можете назвати їх, щоб ви запам'ятали їх простіше. Зрештою, ви також можете використовувати ці знімки для порівняння різних ефектів, створених для вашого дизайну.

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

Відображення

Ви прийшли до кінця статті, велика робота. До цього часу ви повинні отримати достатньо часу для економії вбивці поради, щоб підвищити швидкість дизайну, але завжди пам'ятайте, що навчання є кращим способом для вас дізнатися більше про ваш Photoshop, тим самим збільшуючи вашу продуктивність. Так продовжуйте вивчати більше, і ви станете більш конкурентним веб-дизайнером усіх часів.

Добре ми поділили наші кращі, як про вас? Якщо ви не заперечуєте, поділіться своїми порадами вбивці Photoshop, щоб повідомити нам про кращий спосіб використання Photoshop, дякуючи вам за щедрість!