3 заметки с тегом

фотошоп

Маркерная графика

14 мая 2014, 16:30

Сейчас я покажу, как с помощью фотошопа и других средств сделать так:

Рисунок и фотография

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

Далее, фотографируем это на то, что под рукой попадётся. Здесь действительно не важно качество, даже фотография с более или менее современного смартфона подойдёт. Для веба большой рамзер не нужен, главное — хорошо сфокусировать.

Айфон здесь удобен тем, что загружает фотогарфии в дропбокс — это быстрее, чем проводами.

Фотошоп

Кратко — берём нужный кусок фотографии и, работая уровнями, делаем из него маску на новом цветном слое. Это всё. Подробно ниже.

Фотография отправляется в фотошоп. Кадрируем (C):

Удерживая ⌘/Ctrl + Shift, нажимаем U, L — так картинка обесцветится и выровняются уровни.

Далее теми же уровнями (⌘ + L) надо добиться такого результата:

Фон вытравился, стало контрастней

Обычно надо только подвинуть крайние ползунки ближе к центру, средний — по необходимости.

Дальше, имея такую черно-белую картинку с ровным фоном, инвертируем — сейчас она станет маской.
Если фон ещё не ровный, потрите белой кистью или стёркой, потом инвертируйте.

Дальше
⌘ + A
⌘ + C — выделяем всё и копируем
⌘ + Alt + Shift + N — новый слой

Заливаем его каким-нибудь цветом. Создаём на этом новом слое маску и кликаем в панели слоёв по ней с альтом.

⌘ + V

Жмём на нижний слой и заливаем его белым, он нам уже не нужен. И получается вот так:

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

Или так:

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

Полезные экшены для Фотошопа

30 октября 2013, 2:16

Есть замечательное правило — если какое-то действие требует повторений, запиши его в экшен. И простые задачи станут ещё проще, точнее, менее затратней.

А главное, что экшены довольно просто записать и потом использовать. Можно указывать какие действия требуют ввода параметров, можно даже после записи поменять порядок действий или удалить лишние (так что нестрашно ошибиться и почистить неудачные дубли). Так ещё можно и повесить экшен на F-клавишу (или сочетание).

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

Скачать два экшена

slice and save вырезает экспортирует выделение в файл. То есть, фактически, это ⌘+Shift+C, ⌘+Shift+N, ⌘+⌥+Shift+S и закрытие нового файла, созданного во втором действии. На выходе — сохранённый выделенный кусок, там, где скажете.

export layers — почти то же самое, но вместо выделения экспортируется выбранный слой или группа. В новом файле делается Trim по прозрачным пикселям, так что объекты с тенью-эффектом смогут без потерь превратиться в png.

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

Мягкая текстура

22 июня 2013, 22:34

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

Первый шаг — заливаем каким-нибудь цветом:

Второй — добавляем много шума:

Блюрим примерно на 1рх

Хочется поставить 0,3—0,5, но лучше заблюрить, чтобы получить более разнообразную текстуру.

Шарпим раза четыре:

Можно например так использовать: