Видеоуроки Как я делала дизайн Фотошоп для начинающих

Рисованный дизайн сайта с помощью ручки, камеры и фотошопа

В прошлом посте мы говорили о тренде 2016 — рисованном стиле в дизайне сайтов и я спрашивала, было бы вам интересно «подсмотреть», как я сделала такую шапку (а именно часть с рисованными надписями «от руки») для блога своей подруги-копирайтера.

Вы просили — я сделала.

рисованные сайты

У меня на весь процесс ушло примерно 2 часа. Поэтому видео в ускоренной прокрутке, но суть вы поймете. Ниже я опишу подробнее все махинации.

Для того, чтобы сделать нечто подобное в своем дизайне, вам надо всего 3 вещи:

  1. Бумага и гелиевая ручка
  2. Фотоаппарат
  3. Фотошоп

5 простых шагов для добавления своих рисованных элементов в дизайн:

1. Представьте, что вы каллиграф

Используйте карандаш, если чувствуете неуверенность сразу с ручкой, чтобы впоследствии наводить ею линии.

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

У меня это выглядело примерно так:

рисованный дизайн

2. Сфотографируйте на ровной поверхности под прямым углом

Желательно, чтобы было более-менее нормальное освещение. Не фотографируйте в темноте.

3. Откройте фотографию в фотошопе и поиграйте с ползунками Levels

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

2015-11-15_192921

4. Вырежьте элемент с помощью Lasso Tool (L)

Не нужно делать идеально, но вырежьте вручную максимально приближенно к контурам рисунка.

Вырежьте на новый слой (Ctrl+J).

2015-11-15_193315

5. Перетащите слой с вырезанным рисунком в окно своего макета

Прямо слой берете и инструментом перемещения (V) перетаскиваете в соседнее окно фотошопа.

С помощью Free Transform (Ctrl+T) можете изменить размер или повернуть под наклоном.

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

Если видите какую-то «грязь», можно ее убрать ластиком (предварительно растрировав слой) или же сделать это с помощью маски слоя (Layer Mask).

2015-11-15_193811

Все. С каждым новым элементом повторяйте то же самое.

Просто, да?

Если вам понравилось то, чем я с вами сегодня поделилась, ставьте лайк и выкладывайте в комментариях то, что получилось у вас.


с любовью,
Юлия

Понравилось? Расскажите друзьям: