В прошлом посте мы говорили о тренде 2016 – рисованном стиле в дизайне сайтов и я спрашивала, было бы вам интересно “подсмотреть”, как я сделала такую шапку (а именно часть с рисованными надписями “от руки”) для блога своей подруги-копирайтера.
Вы просили – я сделала.
У меня на весь процесс ушло примерно 2 часа. Поэтому видео в ускоренной прокрутке, но суть вы поймете. Ниже я опишу подробнее все махинации.
Для того, чтобы сделать нечто подобное в своем дизайне, вам надо всего 3 вещи:
- Бумага и гелиевая ручка
- Фотоаппарат
- Фотошоп
5 простых шагов для добавления своих рисованных элементов в дизайн:
1. Представьте, что вы каллиграф
Используйте карандаш, если чувствуете неуверенность сразу с ручкой, чтобы впоследствии наводить ею линии.
Вырисовывайте слова, какие-то элементы или делайте другие зарисовки. Все, что вам нравится и все, что вы хотите перенести потом на свой макет.
У меня это выглядело примерно так:
2. Сфотографируйте на ровной поверхности под прямым углом
Желательно, чтобы было более-менее нормальное освещение. Не фотографируйте в темноте.
3. Откройте фотографию в фотошопе и поиграйте с ползунками Levels
Просто подвигайте ползунки, сделайте контраст темных линий рисунка с белым фоном.
4. Вырежьте элемент с помощью Lasso Tool (L)
Не нужно делать идеально, но вырежьте вручную максимально приближенно к контурам рисунка.
Вырежьте на новый слой (Ctrl+J).
5. Перетащите слой с вырезанным рисунком в окно своего макета
Прямо слой берете и инструментом перемещения (V) перетаскиваете в соседнее окно фотошопа.
С помощью Free Transform (Ctrl+T) можете изменить размер или повернуть под наклоном.
Чтобы белая область в выделении исчезла на сером фоне моей картинки, я поставила режим наложения слоя Multiply из выпадающего списка на панели со слоями.
Если видите какую-то “грязь”, можно ее убрать ластиком (предварительно растрировав слой) или же сделать это с помощью маски слоя (Layer Mask).
Все. С каждым новым элементом повторяйте то же самое.
Просто, да?
Комментарии