Графика для фотошопа: Фотошоп графика / Фотошоп-мастер

Рады приветствовать вас на обучающем портале «Фотошоп-мастер»!

Adobe Photoshop – это самый популярный фоторедактор в мире! Его используют как обычные фотолюбители, так и профессионалы. Если вам часто приходится заниматься обработкой фотографий, созданием графического дизайна (в том числе трехмерного и веб-дизайна), то лучшим помощником в этом творческом деле является именно программа Фотошоп.

Бесплатные статьи, видео, уроки по Фотошопу на любой вкус!

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

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

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

Если у вас есть опыт и желание обучать других людей, вы можете пополнить ряды авторов нашего портала. Мы всегда рады новым единомышленникам! Более того, у вас появится возможность не только «сделать себе имя» среди многих тысяч пользователей Фотошопа, но и получать материальное вознаграждение за свой труд.

Галерея фильтров — часть 3 / Фотошоп-мастер

Продолжаем изучать фильтры программы Фотошоп. В этой статье мы рассмотрим фильтры из пакета Эскиз (Sketch). Итак, заходим в меню Фильтр — Галерея фильтров (Filter — Filter Gallery).

Пакет Эскиз (Sketch)

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

1. Волшебный карандаш (Conte Crayon)

Имитирует рисунок цветным мелком или очень мягким карандашом на текстурной поверхности. Для темных областей используется основной цвет, а для светлых — фоновый. Параметр Уровень переднего плана (Foreground Level) устанавливает уровень использования основного цвета в диапазоне от 1 до 15. Уровень фона (Background Level) устанавливает уровень использования фонового цвета в диапазоне от 1 до 15. В списке Текстура (Texture) выбирается вид текстуры:

• Кирпич (Brick)
• Мешковина (Burlap)
• Холст (Canvas)
• Известняк (Sandstone)

Справа от опции Текстура (Texture) расположена кнопка Загрузить текстуру (Load Texture), она предназначена для использования другого изображения в формате *.psd в качестве основы для текстуры. Масштаб (Scaling) задает изменение масштаба рисунка текстуры в диапазоне от 50 до 200%. Рельеф (Relief) задает уровень рельефа в диапазоне от 0 до 50. В списке Свет (Light) предлагаются следующие направления лучей освещения:

• Вниз (Bottom)
• Вниз и влево (Bottom Left)
• Влево (Left)
• Вверх и влево (Top Left)
• Вверх (Тор)
• Вверх и вправо (Тор Right)
• Вправо (Right)
• Вниз и вправо (Bottom Right)

Функция Инвертировать (Invert) инвертирует темные и светлые участки на изображении.

2. Гипс (Plaster)

Используется для имитации плоских рельефов, получаемых из штукатурки или гипса. Изображение формируется в виде объемной гипсовой отливки, а затем полученный результат расцвечивается с использованием основного и фонового цветов. Темные области становятся выпуклыми, а светлые — вдавленными. Цвет гипса берется из основного цвета. Параметр Тоновой баланс (Image Balance) предназначен для установления пропорций светлой и темной областей рельефа в диапазоне от 0 до 50. Смягчение (Smoothness) задает точность изображения в диапазоне от 1 до 15. В списке Свет (Light) предлагаются следующие направления лучей освещения:

• Вниз (Bottom)
• Вниз и влево (Bottom Left)
• Влево (Left)
• Вверх и влево (Top Left)
• Вверх (Тор)
• Вверх и вправо (Тор Right)
• Вправо (Right)
• Вниз и вправо (Bottom Right)

3. Ксерокопия (Photocopy)

Имитирует оттиск на ксероксе. Цвет ксерокопии выбирается как основной цвет. Параметр Детализация (Detail) задает порядок точности деталей в диапазоне от 1 до 24. Затемненность (Darkness) задает степень затемнения, или точнее сказать, тонера, в диапазоне от 1 до 50.

4. Линогравюра (Stamp)

Имитирует изображения созданные с помощью резинового или деревянного штампа. Параметр Тоновой баланс (Light/Dark Balance) задает пороговое значение распределения белых и черных областей в диапазоне от 0 до 50. Смягчение (Smoothness) определяет степень смягчения изображения в диапазоне от 1 до 50. Этот фильтр лучше всего использовать с черно-белыми изображениями.

5. Мел и уголь (Chalk&Charcoal)

Использует три оттенка для изображения. Для рисования углем применяется основной цвет, а для рисования мелом — фоновый, потому желательно в качестве фонового цвета программы выбрать светлый оттенок, а в качестве основного — темный. Третий цвет, нейтральный серый оттенок, задается по умолчанию. Параметр Уголь (Charcoal Area) задает уровень применения угля в диапазоне от 0 до 20. Мел (Chalk Area) задает уровень применения мела в диапазоне от 0 до 20. Нажим (Stroke Pressure) определяет уровень нажима в диапазоне от 0 до 5.

6. Мокрая бумага (Water paper)

Предназначен для имитации создания рисунка на влажной бумаге, сохраняет цвета исходного изображения, добавляя к фону вертикальные штрихи. Параметр Длина волокна (Fiber Length) определяет максимальную длину волокон в диапазоне от 3 до 50. Яркость (Brightness) задает яркость изображения в диапазоне от 0 до 100. Контрастность (Contrast) задает контрастность изображения в диапазоне от 0 до 100.

7. Полутоновый узор (Halftone Pattern)

Предназначен для имитации полиграфической печати, используются основной и фоновый цвета программы. Параметр Размер (Size) задает размер растровой точки в диапазоне от 1 до 12. Контрастность (Contrast) задает уровень контрастности в диапазоне от 0 до 50. В списке Тип узора (Pattern Type) выбирается вид растровой точки:

• Круг (Circle)
• Точка (Dot)
• Линия (Line)

8. Почтовая бумага (Note Paper)

Имитирует рисунок на мягкой бумаге, использует основной и фоновый цвета программы, а также черный цвет для создания теней. Параметр Тоновой баланс (Image Balance) устанавливает соотношение уровней светлого и темного в диапазоне от 0 до 50. Зернистость (Graininess) задает величину зернистости изображения в диапазоне от 0 до 20. Рельеф (Relief) задает размер отдельного элемента рельефа в диапазоне от 0 до 25.       

9. Рваные края (Torn Edges)

Перестраивает изображение так, что оно кажется составленным из неровных, рваных кусков бумаги, а затем расцвечивает его с использованием основного и фонового цветов. Параметр Тоновой баланс (Image Balance) устанавливает пороговое значение светлых и темных тонов в диапазоне от 0 до 50. Смягчение (Smoothness) задает степень размытости контуров изображения в диапазоне от 1 до 15. Контрастность (Contrast) устанавливает контрастность границ контуров в диапазоне от 1 до 25.

10. Рельеф (Bas Relief)

Превращения исходного изображения в нечто, напоминающее барельеф, используя основной и фоновый цвета программы. Если вы аккуратно подберете цвета, результат может напоминать медную фольгу, «кованый» металл или изображение, выбитое на камне. Параметр Детализация (Detail) устанавливает степень точности деталей в диапазоне от 1 до 15. Смягчение (Smoothness) устанавливает степень резкости в диапазоне от 1 до 15. В списке Свет (Light Direction) предлагаются направления лучей освещения:

• Вниз (Bottom)
• Вниз и влево (Bottom Left)
• Влево (Left)
• Вверх и влево (Top Left)
• Вверх (Тор)
• Вверх и вправо (Тор Right)
• Вправо (Right)
• Вниз и вправо (Bottom Right)

11. Ретикуляция (Reticulation)

Имитирует фотографический процесс ретикуляции, который происходит при обработке фото- и кинопленки в растворе при превышении допустимой температуры. В результате чего изображение кажется скомканным на темных участках и слегка зернистым на светлых. Параметр Плотность (Density) устанавливает плотность трещин в диапазоне от 0 до 50. Уровень переднего плана (Foreground Level) задает число основного цвета в диапазоне от 0 до 50. Уровень фона (Background Level) задает число фонового цвета в диапазоне от 0 до 50.

12. Тушь (Graphic Pen)

Имитации рисунка чертежным пером. Заменяется цвет исходного изображения, для краски используется основной цвет, а для бумаги — фоновый. Параметр Длина штриха (Stroke Length) устанавливает наибольший размер штриховой линии, выполняемой чертежным пером, в диапазоне от 1 до 15. Тоновой баланс (Light/Dark Balance) задает пороговое значение уровня яркости, которое разделяет изображение на темные и светлые области в диапазоне от 0 до 100. В списке Направление штрихов (Stroke Direction) выбирается направление штриховки чертежным пером:

• По диагонали вправо (Right Diag)
• Горизонтально (Horizontal)
• По диагонали влево (Left Diag)
• Вертикально (Vertical)

13. Уголь (Charcoal)

Имитирует рисунок углем. Уголь тут отрисовывается основным цветом, а бумага — фоновым. Параметр Интенсивность (Charcoal Thickness) задает толщину штрихов в диапазоне от 1 до 7. Детализация (Detail) задает степень точности изображения в диапазоне от 0 до 5. Тоновой баланс (Light / Dark Balance) определяет пороговые уровни белого и черного цветов в диапазоне от 0 до 100.

14. Хром (Chrome)

Имитирует блестящие металлические поверхности, такие как хром, никель или ртуть. Параметр Детализация (Detail) задает число отражающих поверхностей в диапазоне от 0 до 10. Смягчение (Smoothness) определяет уровень гладкости отражающих поверхностей в диапазоне от 0 до 10. После применения фильтра увеличьте контрастность изображения в диалоговом окне «Уровни».

До встречи в следующем уроке!

Создаем в Photoshop эффект цифровой графики

В этой статье я покажу вам, как в Photoshop создать эффект цифровой живописи. Мы будем использовать изображение города, чтобы с помощью фильтра «Аппликация» превратить его в цифровую картинку. Затем применим корректирующий слой, чтобы выполнить настройки цвета. В конце мы добавим светлые тона, чтобы сделать эффект реалистичным:

Фото города

Шаг 1

Процесс создания цифровой графики начинается с эскиза, это реальная картинка, нарисованная с нуля. Художник использует кисти, образец изображения и множество методов, чтобы завершить иллюстрацию. Это требует навыков, определенной подготовки и много другого. Ниже приведено изображение с моей первой цифровой графикой. Вы можете легко заметить на нем много ошибок. Оно кажется не законченным, но мне нравится результат, Но Photoshop может воспроизвести цифровую живопись маслом за считанные минуты:

Шаг 2

В этом руководстве я использую изображение города. Откройте в Photoshop изображение города: Файл> Открыть. Вот как оно выглядит в Photoshop:

Шаг 3

Перед тем, как применить фильтр «Аппликация», нужно продублировать слой изображения города, так как позже нам будут нужны части оригинального изображения. Для этого нажмите CTRL + J и продублируйте слой:

Теперь перейдите в Фильтр> Галерея фильтров > Аппликация и установите для параметров фильтра следующие значения. Не забудьте, что вы должны применить фильтр к дублированному слою, а не к оригинальному. На рисунке ниже приведены настройки Photoshop для цифровой живописи:

После применения фильтра уменьшите непрозрачность дублированного слоя до 80%. Это позволит проявить некоторые части оригинального слоя, который находится под дублированным. На приведенном ниже изображении видно, что мы получили эффект цифровой графики. Если увеличить или уменьшить масштаб изображения, вы заметите, что все элементы, такие как автомобили, люди и дома, выглядят, будто кто-то нанес поверх них мазки кистью. Мне очень нравится этот эффект, но можно улучшить его:

Шаг 4

Нажмите на третью иконку в нижней части палитры слоев, чтобы создать корректирующий слой «Кривые». Я использовал красный и синий цвета, чтобы добавить к изображению желтые тона. На рисунке ниже приведены настройки обоих каналов для цифровой живописи маслом:

Результат:

Шаг 5

Продолжаем обрабатывать изображение. Используем корректирующий слой «Цветовой баланс». Вы также можете изменить цвета в соответствии со своими предпочтениями. Я хочу использовать синий и пурпурный:

Результат:

Шаг 6

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

Установите для этого слоя режим смешивания «Осветление основы».

Результат:

Шаг 7

Теперь мы нарисуем блики, отраженные огни зданий, автомобилей и уличных фонарей. Создайте еще один слой и назовите его «highlights«. Белой мягкой круглой кистью нарисуйте блики в местах, обозначенных стрелками: я нарисовал их на женщине, автомобиле, людях на улице:

Измените режим смешивания слоя на «Перекрытие».

Результат:

Шаг 8

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

Результат:

Шаг 9

И в конце я увеличил контрастность, используя корректирующий слой «Кривые». Просто создайте кривые S-образной формы, которые всегда делают изображение ярче:

Окончательный результат:

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

Данная публикация представляет собой перевод статьи «Easily Create a Digital Painting Effect in Photoshop» , подготовленной дружной командой проекта Интернет-технологии.ру

Основы графического дизайна в Photoshop

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

Typekit теперь является Adobe Fonts.

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

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

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

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

Сохраните свой дизайн в формате PSD, чтобы сохранить его слои и эффекты для будущего редактирования.Затем сохраните или экспортируйте копии для различных целей. Сохраните копию в формате PDF для совместного использования и используйте функции экспорта Photoshop для экспорта всего или части дизайна в удобные для Интернета форматы.