Наверное, у каждого веб-дизайнера есть свой наборТрюки Фавориты Photoshop в рукавах. Не зря. Мощный инструмент Adobe для редактирования изображений является одним из основных продуктов мира веб-дизайна. Очень немногие программы могут конкурировать с этим превосходным программным обеспечением и его широким набором функций.

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

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

Готовы ли вы узнать больше о Photoshop? Это то, что мы увидим в следующем.

1 - Оптимизируйте свое рабочее пространство

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

По этой причине наша первая остановка — «Окно > Рабочая область > Графика и Интернет > Основы». Выбор этой опции изменит инструменты доступны для того, что вы, скорее всего, будете использовать для веб-дизайна.

Выберите рабочее пространство wordpressЗатем перейдите в «Правка> Настройки». Одна из самых важных остановок здесь - это единицы и правила. Какое бы измерение вы ни выбрали здесь (скорее всего, в пикселях), оно будет использоваться по умолчанию для всех будущих документов.

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

Затем перейдите в «Настройки»> «Производительность»> «История и кэш» и нажмите «Веб-дизайн / дизайн пользовательского интерфейса».

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

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

2 - Изучите сочетания клавиш

Для любой программы, которую вы регулярно используете, обычно полезно учиться сочетаниям клавиш.

Например, я использую Ctrl + Alt + 2/3 для создания заголовков h2 и h3 при написании этого поста. Это намного быстрее, чем использование панели инструментовинструменты редактора, потому что мне не нужно отходить от клавиатуры.

То же касается и фотошопа. Знание того, как выполнить действие с помощью одной клавиши, бесконечно быстрее, чем нажатие на меню.

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

3 - Сгруппируйте слои и назовите их

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

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

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

Переименовать слой в wordpressТаким образом вы легко поймете, содержит ли слой фоновое изображение, меню или боковую панель.

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

4 - поиск по слоям

Именование и группировка слоев - хорошее начало. Однако, работая с десятками или даже сотнями из них, вы все равно можете легко заблудиться.

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

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

Искать слоиВ противном случае выберите слой напрямую с помощью инструмента «Перемещение», удерживая «Ctrl» и щелкая слой или объект.

5 - Создайте сетку

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

Для этого используйте «Вид> Новый маркер». Либо создайте горизонтальные и вертикальные направляющие, удерживая нажатой линейку и перетаскивая ее в документ. Используйте Ctrl для перемещения существующих строк.

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

Образцы цветов можно загружать непосредственно в Photoshop из файлов HTML, CSS или SVG. Таким образом, у вас будет отличная отправная точка для вашей цветовой схемы при использовании существующих файлов, таких как логотип.

Чтобы воспользоваться этой подсказкой Photoshop, откройте панель «Образцы», щелкните раскрывающееся меню в правом верхнем углу и выберите « Загрузка Swatches ». Теперь перейдите к файлу и откройте его, чтобы импортировать новые образцы цвета.

7 - Сохранение нестандартных форм

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

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

Определите произвольную форму

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

Чтобы переключить цвет фона и цвет переднего плана, не щелкая значок, просто нажмите «X» на клавиатуре. Кроме того, если вы хотите, чтобы цвета снова стали черно-белыми, вы можете сделать это, нажав «D».

9 - Измените непрозрачность с помощью клавиатуры

Еще одно сочетание клавиш: для любого инструмента, который может изменять прозрачность, вы можете просто сделать это с помощью клавиатуры. Цифры от 1 до 0 устанавливают непрозрачность для всего от 10% до 100%. То же самое и с непрозрачностью слоев.

10 - Нарисуйте прямые линии

Чтобы нарисовать прямую линию любым инструментом, просто удерживайте клавишу Shift. Затем можно нарисовать линию (горизонтальное и вертикальное), который будет автоматически связан как гвоздь. В противном случае, нажмите на две разные точки, чтобы создать прямую линию между ними.

Это все, что касается этих советов по Photoshop. Надеюсь, это поможет вам улучшить дизайн в Photoshop.