Как сделать обводку молнией в фотошоп
Перейти к содержимому

Как сделать обводку молнией в фотошоп

  • автор:

Молния

Создаем татуировку в Photoshop Тучи и молнии Как нарисовать слезу в Photoshop Фотомонтаж Девушка-кошка (фотомонтаж) Фотомонтаж: меняем фон Козабака Фотомонтаж: создаем ангела с крыльями Ангельские крылья: способ 2 Эффект Шарингана

2. Нажмите D на клавиатуре, чтобы установить цвета переднего и заднего плана по умолчанию. Возьмите инструмент
Gradient Tool (Градиент)
выберите соответствующий градиент

Урок Adobe Photoshop молния 2

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

Урок Adobe Photoshop молния 3

3. Теперь примените фильтр
Filter-Render-Difference clouds
(Фильтр-Рендеринг-Разностные облака) .

Урок Adobe Photoshop молния 4

4. Теперь инвертируем цвета с помощью клавиатурного сочетания Ctrl+I . Это уже более или менее похоже на молнию:

Урок Adobe Photoshop молния 5

5. Теперь выполните команду
Image-Adjustments-Levels
(Изображение-Редактирование-Уровни)
или просто нажмите Ctrl+L и установите следующие параметры:

Молния в фотошопе

Таким образом, мы оставляем видимой только саму молнию, и убираем лишние детали.

Молния в фотошопе 1

6. Придайте «электрический» цвет нашей молнии.
Image-Adjustments-Hue/Saturation
(Изображение-Редактирование-Оттенок/Насыщенность)
или нажмите Ctrl+U . Установите следующие значения. Не забудьте поставить галочку
Colorize (Тонировать) .

Молния в фотошопе 2

Молния в фотошопе 3

7. Нажмите Ctrl+A , чтобы выделить все изображение молнии, и затем Ctrl+C , чтобы скопировать выделение.

Затем откройте фото, куда хотите поместить молнию, и нажмите Ctrl+V , чтобы вставить молнию на фото:

Молния в фотошопе 4

8. Теперь в окне слоев смените режим смешения слоя с молнией на
Screen (Экран)

Молния в фотошопе 5

Черный фон молнии исчез:

Молния

9. Теперь используем сочетание клавиш Ctrl+T и поворачиваем молнию, перемещаем ее на подходящее место и меняем размер. Чтобы при изменении размера сохранялись пропорции, держите нажатой клавишу Shift и тяните рамку за уголок.

Молния 2

10. Берем
Eraser Tool (Ластик)
с мягкими краями и стираем лишние детали:

11. Возьмите инструмент
Blur Tool (Размывание)
и слегка размажьте некоторые края, чтобы не было резких границ. В настройках инструмента уберите галочку
Sample All Layers
(Использовать все слои)

Молния 4

12. Берем инструмент
Burn Tool (Затемнение)
и проводим в некоторых местах молнии, чтобы убрать свечение:

13. Дальше в окне слоев перейдите на слой с фото, куда перенесли молнию, и выберите инструмент
Dodge Tool (Осветление)
выберите кисть с мягкими краями, и осветлите верхнюю часть молнии для большего реализма (при грозе всегда видно свечение молнии).

Рисуем молнию

Вот вроде и все! Всем пока и удачи! 😉 ))

  • Сюрреалистичная картина с водоворотом. Часть 2
  • Как сделать призрак в Фотошопе
  • Второй способ создания тату
  • Козабака
  • Тучи и молнии

Купить полезную книгу: Самоучитель Photoshop CS6. Официальная русская версия (+DVD)

Если у Вас есть вопросы, можете задать их на нашем форуме.

Буду благодарен, если поделитесь ссылкой на эту страницу в одном из сервисов:

Присоединяйтесь к нам в Facebook (просто нажмите кнопку «Мне нравится»):

Понравился материал? Присоединяйтесь к нам в Твиттере @globatornet .

Популярные уроки по анимации

Создание анимированного GIF баннера Анимация - блики на предметах Прикольный анимированный аватар Подмигивающая фотография Сверкающий текст (анимация) Анимация Блеск драгоценностей (анимация) Сверкающая одежда (анимация) Новогодняя история (анимация) Сверкающее око (анимация)

Популярные уроки по обработке фото

Кадр из старого фильма Как изменить цвет глаз в Фотошопе Перекрашиваем волосы в Фотошопе Реалистичные капли на стекле Историческая кисть в Photoshop Как сделать коллаж в Adobe Photoshop Как сделать макияж в Adobe Photoshop Загар в Adobe Photoshop Эффект миниатюры в Photoshop Простой, но интересный эффект

Популярные уроки по спецэффектам

Африканские страсти и инструмент Перо Реалистичная поверхность воды Предчувствие весны (рисуем девушку) Рисуем космос Зима- морозные узоры на стекле Урок по инструменту Перо Абстракция Использование стилей в Adobe Photoshop Делаем рамки для фото Обложка для диска

Популярные кисти Photoshop

Кисти-надписи Сакура Кисти-молнии Кисти-бабочки Кисти-морские обитатели Кисти-цветы Кисти-сердечки Кисти Vector Curves Кисти-бутылки Кисти Magic Sparkle Lines

Обновления

Эффект молнии в Photoshop

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

Для создания молнии мы используем только собственные фильтры Photoshopa`а, без применения каких-либо сторонних изображений с молниями или какими-либо вспышками.

Вот как будет выглядеть окончательный эффект, а если Вы наведёте мышку на картинку, то сможете увидеть оригинальное изображение:

Итак, давайте начнём.
Открываем фотографию в Photoshop, открываем панель слоёв (клавиша F7) и создаёи новый слой, нажав комбинацию Ctrl+Shift+N. На этом слое мы и будем рисовать молнию, чтобы не повредить оригинал.

Выбираем инструмент Лассо (Lasso Tool), можно обычное, можно прямолинейное, и создаём примерно такое выделение на месте будущей молнии:

2

Теперь следует залит это выделение белым цветом. Для этого нажимаем клавишу D (цвета в палитре цветов меняются на дефолтные, черный — основной, белый фоновый) и для заливки выделения фоновым цветом нажимаем комбинацию клавиш Ctrl+Delete или Ctrl+Backspace:

3

Теперь нарисуем контур будущей молнии. Выбираем инструмент «Кисть» (Brush Tool), форма — круглая, ставим жёсткость (Hardness) 100%, Непрозрачность (Opasity) также ставим 100%, диаметр подбираем в зависимости от размера изображения, цвет, как Вы помните, установлен чёрный, и рисуем примерно такую ломанную линию:

4

Затем докрашиваем чёрным левую сторону белой области:

5

Теперь размоем линию. Пройдите по вкладке главного меню Фильтр —> Размытие —> Размытие по Гауссу (Filter —> Blur —> Gaussian Blur). Это действие открывает диалоговое окно фильтра. Увеличим величину радиуса, это значение также подбирается в зависимости от размера изображения, в моём случае подошло 8 пикселей:

5

Нажмите кнопку ОК для применения действия фильтра. Теперь картинка будет выглядеть примерно так:

5-2

Применим фильтр «Облака с наложением», для этого пройдите по вкладке главного меню Фильтр —> Рендеринг —> Облака с наложением (Filter —> Render —> Difference Clouds). Диалогового окна у этого фильтра нет, таким образом, Photoshop сразу применяет его действие:

5-3

Инвертируем значения яркости (иными словами, заменим тёмные участки на светлые и наоборот) в выделенной зоне изображения, для этого надо нажать комбинацию клавиш Ctrl+I:

5

Теперь максимально увеличим контрастность с помощью инструмента «Уровни». Нажмите Ctrl+L для открытия диалогового окна этого инструмента.

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

5-

Теперь изображение выглядит вот так, и у нас ещё осталось несколько серых зон:

5

Уберём их кистью. Снимите выделение, нажав Ctrl+D и выберите круглую кисть диаметром около 50 пикс, непрозрачность сделайте 100%, а жёсткость уменьшите до примерно 40%, цвет переднего плана у нас чёрный. Закрасьте оставшиеся серые области, а также, обведите нашу чёрную зону с тем, чтобы у неё были размытые края:

5

Измените режим наложения на «Экран» (Screen) и Вы увидите, как чернота исчезнет:

7

Теперь, если необходимо, можно изменить положение и размер молнии с помощью инструмента «Свободная трансформация» (Ctrl+Т).

Давайте добавим блеск молнии. Для этого сначала продублируем слой, нажав Ctrl+J, обратите внимание, что копия автоматически устанавливается в режим наложения «Экран»:

7

Применим теперь фильтр «Размытие по Гауссу» со значением примерно 8 — 10. После нажатия кнопки ОК Вы увидите лёгкое свечение вокруг молнии:

8

Первоначальный эффект свечения является неявным, поэтому давайте увеличим его интенсивность. Нажмите Ctrl+J для дублирования слоя, при этом свечение усилится. Если вы обнаружите, что оно стало слишком сильным, несколько снизьте непрозрачность слоя до получения приемлемых результатов.

Вот мой результат с более интенсивным свечением:

9

Выделите все три слоя с молнией и нажмите Ctrl+E для их слияния, после чего в панели слоёв у Вас останутся два слоя:

9

У меня изменился режим наложения на «Обычный», изменю его снова на «Экран».

Раскраска молнии

Придадим молнии цвет с помощью инструмента «цветовой тон/Насыщенность (Hue/Saturation), для открытия его диалогового окна нажмите комбинацию клавиш Ctrl+U и измените значения, как показано на рисунке, не забудьте поставить галку у «Тонирование» (Colorize):

10

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

11

Нажмите комбинацию клавиш Ctrl+Shift+Alt+E, это объединяет существующие слои в новый слой над ними в палитре слоёв:

12

Придание молнии яркости и блеска

Для выполнения этой задачи воспользуемся инструментом «Осветлитель» (Dodge Tool). Это очень важный момент, т.к. он и делает молнию похожей на молнию. В панели параметров зададим следующие значения:
Диапазон (Range) — Подсветка (Highlights)
Экспозиция (Exposure) — 50%
Снять галку у опции «Защитить тона» (Protect Tones):

13

Жёсткость ставим на ноль, диаметр — в зависимости от рисунка.

Я прорисовал «Осветлителем» зону облаков, откуда «выстрелила» молния, а также область у земли. Кроме того, можно осветлить области в середине линии:

14

Если при добавлении осветления эффект стал слишком сильным, уменьшите непрозрачность верхнего слоя. Ну вот, вроде бы и всё, посмотрите на готовый результат:

Как сделать молнию в фотошопе

30 августа, 2009 3Dfox

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

эффект молнии в фотошопе

Итак, преступим откроим Photoshop и создадим новый небольшой (500×500 пикселов) документ. В качестве фона создаем градиент серых тонов. Для этого выбираем инструмент Gradient.

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

эффект молнии в фотошопе

эффект молнии в фотошопе

Далее применим команду фильтр/рендеринг/облака с наложением.

эффект молнии в фотошопе

Получим размытие градиента.

эффект молнии в фотошопе

Инвертируем полученное изображение, используя команду изображение/коррекция/инверсия (Ctrl+I).

эффект молнии в фотошопе

Теперь увеличим контрастность в данном изображении, воспользуемся командой изображение/коррекция/уровни (Ctrl+L).

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

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

Получим созданную молнию в фотошопе.

4 простых способа сделать обводку в Photoshop

как сделать обводку в фотошопе

4 — й год работаю удалённо и создаю различные источники дохода. Строю бизнес в интернете и активно инвестирую.

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

Содержание скрыть

Adobe Photoshop – профессиональный растровый графический редактор. Имя данного приложения уже давно стало нарицательным, а человек, умеющий использовать его инструменты в глазах других людей сразу становится на две головы выше. Фотошоп явно не нуждается в лишнем представлении и именно в нём мы сегодня с вами и будем работать.

При оформлении рисунков, картинок и документов часто применяется обводка, чтобы выделить и украсить объект или текст на общем фоне. Делается это быстро и не сложно, так что, господа, не переживаем. Всё будет на прежнем уровне доступно объяснено.

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

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

Обводка. Что это такое и зачем она нужна?

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

По своей сути, обводка – это внешние линии, которые проходят по контуру нужного вам объекта. Они могут иметь несколько типов, давайте их вкратце рассмотрим.

Название типа Описание Назначение
Цвет Линии границы одного цвета Самый обычный тип. Используется для обычного выделения
Градиент Контур с переходящим цветом по вектору градиента Более интересный вариант, больше подходит для оформления.
Узор Граница с наложением узора Аналогично предыдущему больше подходит для украшения объекта.

Дальше мы рассмотрим наглядно каждый тип, и вы уже сможете сами понять какой из них подойдет для вас в вашей цели.

Рассмотрение будет вестись на самой последней версии Photoshop CC 2020, но в данной функции различий не будет и на более ранних версиях, поэтому вы сможете применить эти знания на фотошопе cs5, cs6 и на более ранних.

Приступаем к непосредственному разбору!

Более детально тема Фотошоп раскрыта в данном курсе. Здесь вас научат с нуля разбираться в данном редакторе и плюс сможете с этими знаниями хорошо зарабатывать.

Делаем обводку к любому слою в Photoshop

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

Далее нам необходим объект, на котором мы и будем делать обводку. Давайте рассмотрим на примере текста, который я создам.

Для этого в левой части на панели инструментов выбираем инструмент для ввода текста, который выглядит как значок с буквой «Т».

Как сделать обводку в фотошопе

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

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

После добавления текста, он отобразится в панели слоёв в правой нижней части экрана. Откройте вкладку «слои», если она у вас не открыта и нажмите два раза левой клавишей мыши на наш новый текстовый слой, либо правой кнопкой и из выпадающего списка выбирайте пункт «Параметры наложения» («Blending options» в англоязычной версии).

Как сделать обводку в фотошопе

В появившемся окне настроек нам необходим пункт «выполнить обводку» («Stroke» в английской версии). Убедитесь, что галочка слева от пункта установлена.

Делаем обводку к любому слою в Photoshop

Сейчас я расскажу про имеющиеся здесь настройки:

  • Размер – регулирует толщину линии обводки
  • Положение – внутри, снаружи, из центра. Соответственно, устанавливает положение обводки и в какую сторону она будет утолщаться при изменении размера
  • Режим наложения – очень много вариантов режимов наложения цвета или узора. Попробуйте выбрать разные, чтобы наглядно увидеть разницу.
  • Непрозрачность – ползунок регулирует прозрачность линии обводки
  • Тип обводки – то, что мы рассматривали в начале статьи в таблице.
  • Цвет – комментарии излишни.

Рекомендую обязательно поиграть с данными параметрами и подобрать оптимальный для вас стиль. С цветом все достаточно ясно и понятно.

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

Узоров, встроенных в программу, достаточно мало, но, к счастью, имеется возможность скачать в интернете дополнительные текстуры, которые могут сделать очень ваши линии очень красивыми. Текстур формата «.pat» в интернете очень молния, например какая-нибудь молния легко найдется на тематическом сайте.

Ищите примерно так: «pat текстура скачать»

Чтобы добавить ее в программу необходимо выбрать тип обводки «узор», и в окне выбора варианта нажать стрелочку. В следующем окошке нажимаем маленький значок шестеренки и в контекстном меню нам потребуется нажать на пункт «импорт узоров». Дальше просто находим файл текстуры на компьютере, и она добавится.

Создаем обводку к любому слою в Photoshop

После этого останется лишь выбрать его в меню, и он наложится на линии вашего объекта.

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

Цвет

Обводка в виде цвета

Градиент

Обводка в виде градиента

Узор

Обводка в виде узора

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

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

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

Как сделать обводку в фотошопе

Абсолютно те же действия выполняются так же и в онлайн-версии фотошопа. Лично проверил на одном из сайтов , на который оставлю. Этой версией можно воспользоваться даже с телефона, что только на руку, так как мобильные версии приложения не обладают тем же функционалом, что полноценная десктопная версия.

Заключение

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

Понравилась статья? Обязательно порекомендуйте её друзьям и оставьте свой комментарий! Ваша поддержка очень важна для блога!

Буду рад почитать ваши вопросы и замечания. Встретимся в блоке комментариев и в следующих статьях! Спасибо, что дочитали до конца и до скорых встреч!

С Уважением, автор блога Федор Лыков!

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *