10 убийц Adobe Photoshop Советы для дизайнеров

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

Но насколько хорошо вы знаете о Photoshop? Иногда мы задаемся вопросом, почему определенный веб-дизайнер может разработать макет веб-сайта с чрезвычайно тяжелой графикой за 5 дней, в то время как нам требуется около 10 дней для завершения такого дизайна. Вероятно, дело не в том, как быстро вы можете нажимать, а в том, насколько хорошо вы знаете о Photoshop, как вы собираетесь раскрыть весь его потенциал для повышения вашей производительности..

Мы хотим, чтобы вы знали, как полностью раскрыть его потенциал. Да, именно поэтому мы создали этот пост, чтобы предоставить вам 10 чрезвычайно полезных советов по Photoshop для повышения скорости разработки. Там могут быть ярлыки, функции или настройки, о которых вы не знаете, но больше нет. С помощью этой статьи вы узнаете их все, и вы будете разрабатывать дизайн быстрее и быстрее.

Примечание. Сочетания клавиш, упомянутые в этой статье, представлены в формате Windows Photoshop. Если вы используете Mac, убедитесь, что вы знаете, что Ctrl = Cmd (команда) и Alt = Opt (опция).

10. Отменить, больше отменить, пожалуйста

Я полностью верю, что мы, дизайнеры, очень зависимы от того, чтобы отменить что-то, даже до тех пор, пока мы не сделали ошибку в эскизах, мы склонны «отменить» это.

Как вы, наверное, знаете, нажав Ctrl + Z в Photoshop, вы можете отменить предыдущее действие, которое вы сделали, но когда вы снова нажмете ту же комбинацию клавиш, оно вернет предыдущее действие. Это довольно неестественно и хлопотно, так как вам всегда нужно отменить несколько раз, чтобы добраться до нужного вам состояния..

Хотите верьте, хотите нет, в Photoshop есть специальная кнопка для множественной отмены, и это Alt + Ctrl + Z. Да, с помощью этой комбинации клавиш вы можете отменять несколько раз, в соответствии со значением Исторических Состояний, которое вы установили в Edit> Preference> Спектакль.

Если вы привыкли к общей комбинации клавиш отмены (Ctrl + Z), вы можете просто нажать Ctrl + Shift + Alt + K, чтобы получить доступ к панели «Сочетание клавиш» и изменить комбинацию клавиш отмены в разделе «Правка» на Ctrl + Z.

9. Цвет выборки, где угодно!

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

Ну, на самом деле вам не нужно так страдать, вы можете просто нажать на инструмент «Пипетка» или нажать «I», чтобы активировать его, затем щелкнуть по рабочему экрану Photoshop и перетащить значок «Пипетка» в любое место на экране монитора, чтобы получить нужный цвет. хочу. Да, это действительно так просто.

8. Гибкое руководство

Совет № 8 на самом деле является комбинацией из двух советов, я надеюсь, вы не против получить больше советов. Как веб-дизайнеру, нам приходится иметь дело с руководством по правильному расположению элемента, другими словами, он идеально подходит для пикселей.

Как вы создаете руководство? Нажмите View, New Guide, затем выберите горизонтальную или вертикальную направляющую, введите ее положение и нажмите Enter? Хорошо, вы можете сохранить эти работы, просто нажав Ctrl + R, чтобы активировать инструмент Линейка, щелкните инструмент и перетащите его вниз, чтобы создать горизонтальную направляющую, или наоборот..

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

7. Fun Layer Style Cloning

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

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

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

6. Элемент Центрирование Made Easy

Чтобы добиться идеального дизайна пикселя, нам часто приходится располагать элемент именно там, где он должен быть. Это кажется простым, так как вы можете просто создать несколько направляющих и привязать элемент к этим направляющим, но это будет сложно, если вы захотите полностью центрировать элемент в определенной области, что требует большого количества направляющих, измерения и фокусировки..

Фактически у вас есть способ сделать весь этот процесс намного проще, щелкните слой элемента, который вы хотите расположить по центру, затем нажмите Ctrl + A, чтобы выделить весь документ. После этого запустите инструмент «Перемещение», и рядом с опцией «Показать элементы управления трансформацией» вы увидите несколько значков. Нажмите на 2-й значок, чтобы вертикальный центр элемента, затем нажмите на 5-й значок, чтобы горизонтальный центр элемента, и вы, абсолютный центр элемента.

Вы можете не только полностью отцентрировать элемент в области документа, но и отцентрировать его в определенной области. Допустим, я хочу сделать абсолютный центр элемента в области нижнего колонтитула, я могу просто выбрать область нижнего колонтитула с помощью инструмента «Выделение», который можно активировать нажатием клавиши «M», а затем установить абсолютный центр элемента в этой конкретной области..

Вы можете изучить другие параметры выравнивания рядом с опцией Show Transform Controls, они очень полезны для выравнивания ваших элементов в широком диапазоне ситуаций..

5. Просмотр выбора, по одному

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

Раньше мне приходилось отключать видимость слоя изображения слайдера, слоя фона слайдера и даже слоя фона контента, но теперь я могу просто удерживать клавишу Alt нажатой, а затем щелкнуть значок «глаз» рядом с группой кнопок, чтобы отключить его. видимость всех слоев, так что я вижу только эти кнопки. После того, как я проверил их, я могу просто повторить трюк, чтобы вернуть видимость всех слоев.

Этот трюк также чрезвычайно полезен, когда дело доходит до нарезки изображения. Вы хотите нарезать кнопку слайдера без каких-либо других элементов, таких как изображение слайдера, поэтому вы можете использовать этот трюк, чтобы отключить видимость всего слоя, просто нарезать кнопку, а затем повторить трюк, чтобы восстановить видимость всего слоя, чтобы сэкономить много времени, потраченного на включить и выключить видимость слоев.

4. Настройка отслеживания шрифта в любое время

Этот конкретный совет показывает, как легко увеличить отслеживание шрифта в определенной части шрифта, поэтому его можно использовать только в определенных ситуациях, таких как создание логотипа или кнопки, но это профессиональный совет, который может сэкономить много времени при поиске шрифтов с помощью подходящая типографика для создания вашего логотипа или кнопки.

Хорошо, скажем, я хочу уменьшить отслеживание типа, «360», чтобы тип моего логотипа выглядел уникальным, чтобы посетитель запоминал его легче. Я могу выбрать «POLO360» с помощью инструмента «Тип», который можно активировать, нажав клавишу «T», затем, удерживая нажатой клавишу «Alt», нажмите кнопку, чтобы начать уменьшение отслеживания типа, что приведет к приведенному выше результату..

Вы можете использовать этот трюк, чтобы решить проблему с отслеживанием некоторых художественных шрифтов, поэтому вам не стоит беспокоиться об отслеживании в следующий раз, когда вы захотите найти графические шрифты для создания логотипа.!

3. Мгновенный выбор слоя = победа

Разработка макетов - это утомительная работа, так как нам приходится решать множество вопросов, таких как типография, интервалы и графика, но это будет ошеломляющим, если мы хотим найти слой определенного элемента из сотен слоев..

Пусть этот трюк делает жизнь вашего дизайнера проще. Активируйте инструмент Move с помощью клавиши V и удерживайте нажатой клавишу Ctrl, затем щелкните элемент, и вы автоматически выберете слой элемента. Это действительно так просто, но имейте в виду, что если вы помещаете элементы в группу, то, используя тот же трюк, вы будете выбирать папку группы, которая содержит элемент, по которому вы щелкнули, как показано выше..

2. Смарт-объект для умного дизайнера

Как и его название, Smart Object делает ваше редактирование более умным, выполняя 2 основные функции: выполнять неразрушающие преобразования и выполнять фильтрацию. Эта функция очень удобна, особенно когда вы создаете макет сайта с тяжелой графикой, такой как стоковые фотографии, значки социальных сетей и наборы пользовательского интерфейса, и все, что вам нужно сделать, это щелкнуть правой кнопкой мыши слой, а затем нажать «Преобразовать в смарт-объект», чтобы пользоваться его преимуществами.

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

Ой, это просто слишком мало, поэтому я решил изменить его обратно.

Похоже, все в порядке и ничего не случилось, верно? Ниже приведен результат, если вы применили обратное преобразование без преобразования слоя в смарт-объект.

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

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

1. Снимок прекрасного прошлого

Теперь вы узнали, как отменить несколько раз, скопировать стили слоя, ускорить выбор слоя и использовать смарт-объект - эти отличные советы по экономии времени. Что ж, это действительно полезные навыки, которые значительно повышают вашу производительность, но как насчет двухчасовой работы, вы пожалели о своем редактировании и решили начать с середины? Переделывать это полностью будет очень утомительно и скучно, даже если вы применили все убийственные советы, которые вы узнали раньше, так что именно тогда Snapshot дает о себе знать.

Снимок позволяет вам создавать временную копию любого состояния вашего редактирования, поэтому, если у вас возникли проблемы с улучшением дизайна и вы решили вернуться, вы можете просто щелкнуть на снимке, чтобы вернуть вас в нужное вам состояние. Чтобы сделать снимок, вам просто нужно открыть палитру истории и нажать на 2-й значок, который вы видите в нижней части палитры..

Есть также несколько полезных функций для снимка, например, вы можете сделать несколько снимков, чтобы у вас было больше вариантов выбора, и вы могли бы назвать их, чтобы было легче их запомнить. В конечном итоге вы также можете использовать эти снимки для сравнения различных эффектов, созданных для вашего дизайна..

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

отражение

Вы подошли к концу статьи, отличная работа. К этому времени у вас должно появиться достаточно советов по экономии времени, чтобы повысить скорость проектирования, но всегда помните, что обучение - это лучший способ узнать больше о вашем Photoshop, что повысит вашу производительность. Так что продолжайте учиться больше, и вы станете более конкурентоспособным веб-дизайнером всех времен.

Ну, мы поделились нашими лучшими, как насчет вас? Если вы не возражаете, поделитесь своими советами по убийствам в Photoshop, чтобы мы знали, как лучше использовать Photoshop, спасибо за вашу щедрость!