10 текстур дыма — уроки фотошоп

Создание эффекта магмы из текста в Photoshop — Искусство, дизайн, вдохновение — ReJump.ru

В этом уроке мы расскажем, как создать текстовой эффект горячей магмы, используя стили слоев и текстур в Photoshop. Давайте начнем!

Ресурсы:

  • Дым
  • Блестки (выбрать изображение 1)
  • Магма текстура
  • Текстура фона

Шаг 1

Прежде всего, откройте «Background Texture» с Photoshop, с помощью Type Tool (T) напишите ваш текст.

Для этого урока я использовала шрифт Helvetica LT Std, но вы можете применить эти методы с использованием любым другим шрифтом.

Для достижения такого же результата, как у меня, создайте текст, используя шрифт Helvetica LT Std. В окне панели Character> Character, измените размер до 425 пунктов и кернинг до -25.

Шаг 2

Обратите внимание, что буква «D» близко расположена с буквой «S», чтобы исправить это, поместите курсор Type Tool между буквами «D» и «S», а затем изменить кернинг значение -305. Расстояние между буквами должно быть одинаковым

Шаг 3

Дважды щелкните по иконке слоя «PSD», чтобы открыть панель Layer Style. Примените эти эффекты.

Шаг 4

Дублируйте этот слой с Ctrl + (J), щелкните правой кнопкой мыши по иконке слоя и выберите «Clear Layer Style». Таким образом, приведенный ниже текст точно соответствует приведенному выше, и теперь мы можем добавить дополнительные эффекты.

Шаг 5

Поместите текстуру магмы в документе, за текстом, и измените его, используя следующую карту Gradient. Этот корректирующий слой, который можно найти под Window>Adjustments. Примените этот градиент только для текстуры.

Шаг 6

Текстура должна быть чуть выше фона в панели слоев, затем измените режим смешивания слоя на Linear Dodge (Add) и непрозрачность до 36%. Это позволит усилить цвета и детали фона.Сотрите края, используя большую мягкую кисть (B) с твердостью 0%, чтобы иметь яркую область чуть ниже текста.

Шаг 7

Выберите два «PSD» текстовые слои, щелкните правой кнопкой мыши и выберите «Convert into Smart Object». Создайте новый слой «Shadows» и с помощью Brush Tool (B) добавьте немного тени под текстом: используйте черную кисть (B) с жесткостью 0% и размером около 280px.

Шаг 8

Теперь добавьте апельсиновые яркие пятна, используя инструмент Brush Tool (B), примените Gaussian blur, измените режим наложения слоя на «Linear Dodge (Add)» и его непрозрачность до 45%.

Шаг 9

Выберите „PSD“ Smart Object, дублируйте его, назовите его „Smudged Layer“ и, наконец, Rasterize его (щелкните правой кнопкой мыши> Rasterize). Мы собираемся размыть края текста, где они сильнее раскалены. Мы будем использовать Smudge Tool ®, 30% strength, с круглой кистью с жесткостью 0%. Smudge края, как будто они оплавлено- размыты.

Шаг 10

Продолжите смазывание этого слой, выполните форму текстуры, дон „т применяются в случайном порядке. Используйте «Smudge “® на оранжевых областях. Добавьте немного контраста с «Curves»Adjustment Layer.

Шаг 11

Создайте новый слой и с черной кистью (B), твердость 0%, нарисуйте тень на тексте. Наконец уменьшите непрозрачность этого слоя до 40%

Шаг 12

Добавьте немного оранжевых огней, точно так же, как мы ранее создали несколько теней. На этот раз установите параметры смешивания «Color Dodge», и используйте ярко-оранжевые цвета.Используйте Gaussian Blur в Filter> Blur> Gaussian Blur, чтобы получить эти мягкие тона.

Шаг 13

Выделите некоторые основные моменты на вершине, крася с мягкой белой кистью, а затем установите режим смешивания на Overlay

Шаг 14

Теперь поместите текстуру дыма, удалите цвета, перейдя в Image> Adjustments> Desaturate (Shift + Ctrl + U). Адаптируйте его к тексту путем удаления ненужных частей, используя Eraser Tool и деформации с Warp Tool (Ctrl + T).

Это очень важно: установите режим смешивания на «Screen» каждого изображения дыма, чтобы скрыть черное. Используйте также Levels (Ctrl + L), чтобы увеличить или уменьшить контрастность и Smudge Tool для окончательной доработки.

Шаг 15

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

Шаг 16

Включите режим смешивания слоя блесток на «Color Dodge», используя Layer Mask удалитп некоторые районы, особенно те, что снаружи буквы, потому что нам не нужно так много.

Шаг 17

Ниже вы можете увидеть Layer Mask (слева) и конечный результат (справа), с блестками слоя в режиме Color Dodge и Layer Mask к нему применимы. Для просмотра Alt Layer Mask + щелкните на его эскиз.

Окончательное изображение

  • Tweet
  • Share 0
  • +1
  • Pinterest 0
  • VKontakte

Источник: http://rejump.ru/sozdanie-effekta-magmy-iz-teksta-v-photoshop/

Создание эффекта горячей магмы для текста в Photoshop

В этом уроке я расскажу, как создать текстовый эффект горячей магмы, используя стили слоя и текстуры в Photoshop. Приступим!

Ресурсы, необходимые для выполнения урока

В этом уроке я использовал следующие ресурсы:

  • Фото дыма;
  • Искры от cgtextures.com (выберите рисунок 1);
  • Текстуры магмы (включено в файл с уроком);
  • Текстура фона (включено в файл с уроком).

Шаг 1

Для начала откройте «Background Texture» в Photoshop и, используя инструмент «Текст» (Type Tool) (T), наберите нужную фразу. В этом уроке я использую шрифт Helvetica LT Std, но вы можете выбрать любой, который придется вам по вкусу.

Для достижения результата, аналогичного моему, создайте текст, используя шрифт Helvetica LT Std и в панели настроек «Символы» «Window > Character» смените «Размер» (Size) на 425 пунктов, а «Кернинг» (Kerning) на -25:

Читайте также:  Новый стиль и логотип - уроки фотошоп

Шаг 2

Заметьте, что буква «D» все еще очень близко к «S» и, чтобы исправить это, выберите инструмент «Текст» (Type Tool) поставьте курсор между «D» и «S«, и смените значение параметра «Кернинг» (Kerning) на -305. Расстояние между буквами должно стать одинаковым:

Шаг 3

Дважды щелкните на слое «PSD» для открытия панели настроек «Стиля слоя». Примените следующие настройки:

Шаг 4

Продублируйте этот слой с помощью сочетания клавиш Ctrl / Command + (J), затем щелкните правой кнопкой мыши по иконке слоя и выберите «Очистить стиль слоя» («Clear Layer Style«). Таким образом, текст ниже будет в точности соответствовать приведенному выше, и, теперь мы сможем добавить больше эффектов:

Шаг 5

Поместите «Магма Texture» в документе под текстом и измените его с помощью «Карты градиента» (Gradient Map). Это «Настраиваемый слой» (Adjustment Layer), который находится в меню «Окно» – «Настройки» («Window» — «Adjustments»). Примените этот градиент только для текстуры:

Шаг 6

Убедитесь, что текстура находится выше фона в «Панели слоев» (Layers Panel), затем смените «Режим смешивания» (Blending Mode) на «Линейный осветлитель» (Linear Dodge) (Add) и «Непрозрачность» (Opacity) на 36%. Это усилит цвета и детали фона.

Сотрите края, используя большую мягкую «Кисть» (Brush) (B) с твердостью 0%, чтобы непосредственно под текстом появилась яркая область:

Шаг 7

Выберите два текстовых слоя «PSD«, щелкните правой кнопкой мыши по иконке и выберите «Преобразовать в смарт-объекты» («Convert into Smart Object«). Создайте новый слой «Shadows» и с помощью инструмента «Кисть» (Brush Tool) (B) добавьте теней внизу текста: используйте черную «Кисть» (Brush Tool) (B) с твердостью 0% и размером около 280 пикселей:

Шаг 8

Теперь добавьте яркие пятна апельсинового цвета, снова используя «Кисть» (Brush Tool) (B), примените «Размытие по Гауссу» (Gaussian blur), смените «Режим Смешивания» (Blend Mode) на «Линейный осветлитель» («Linear Dodge (Add)» и «Непрозрачность» (Opacity) на 45%:

Шаг 9

Выберите смарт – объект «PSD», скопируйте его, назовите «Smudged Layer» и сделайте «Растеризацию» (Rasterize) (щелчок правой кнопкой мыши > Rasterize).

Мы собираемся размыть края текста, которые будут «гореть». Используем инструмент «Размытие» (Smudge Tool) (R), параметр «Прочность» устанавливаем 30%, и дисковую кисть с твердостью 0%. Размойте края, будто они тают или плавятся:

Шаг 10

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

Шаг 11

Создайте новый слой и с помощью кисти черного цвета и твердостью 0%, нарисуйте тень под текстом. И уменьшите непрозрачность слоя до 40%:

Шаг 12

Добавьте несколько точек оранжевого цвета так же, как ранее создали несколько теней. Но в этот раз установите режим смешивания «Цветной осветлитель» («Color Dodge») и используйте ярко – оранжевый цвет. В меню Фильтр — Размытие — Размытие по Гауссу (Filter > Blur > Gaussian Blur) примените «Размытие по Гауссу» (Gaussian Blur), чтобы добиться мягких тонов:

Шаг 13

Добавьте несколько бликов в верхней части рисунка с помощью мягкой белой кисти, затем установите «Настройку смешивания» (Blending Options) в режим «Наложение» (Overlay):

Шаг 14

Теперь поместите на слой текстуру Smoke texture, уберите цвет из меню Изображение — Настройки — Обесцвечивание (Image — Adjustments — Desaturate) (Shift + Command/Ctrl + U).

Адаптируйте ее к тексту, удалив ненужные части с помощью инструмента «Ластик» (Eraser Tool) и деформировав с помощью инструмента «Деформация» (Warp Tool) (Command/Ctrl + T). Очень важный момент.

«Режим смешивания» (Blending Mode) всех изображений с дымом установите в значение «Экран» («Screen«) чтобы скрыть их темные области. Также используйте «Уровни» (Levels) (Command/Ctrl + L) для увеличения или уменьшения контрастности и инструмент «Размытие» (Smudge Tool) для финальных штрихов:

Шаг 15

Вы можете добавить еще несколько фотографий дыма в композицию, затем деформировать и размыть их. Эта часть носит экспериментальный характер. Продолжайте экспериментировать, пока не достигнете результата, который удовлетворит вас. Фото искр также поместите в документ:

Шаг 16

Режим смешивания (Blending Mode) слоя «Sparkles» переключите в режим «Цветовой осветлитель» («Color Dodge») и, используя «Маску слоя» (Layer Mask), удалите области вне букв:

Шаг 17

Ниже вы видите «Маску слоя» (Layer Mask) (слева) и окончательный результат (справа), в котором «Режим смешивания» слоя «Sparkles» включен в «Цветовой осветлитель» («Color Dodge») и к которому применена «Маска слоя» (Layer Mask). Чтобы включить отображение «Маски слоя» (Layer Mask), кликните на иконку слоя с нажатой клавишей Alt.

Финальное изображение

Скачать файлы к уроку

Перевод статьи “Create a Magma Hot Text Effect in Photoshop” был подготовлен дружной командой проекта Сайтостроение от А до Я.

Источник: http://www.internet-technologies.ru/articles/sozdanie-effekta-goryachey-magmy-dlya-teksta-v-photoshop.html

Всё для Photoshop, графика, уроки, рамки, шаблоны, PSD — Растворяясь в дыму

Уроки Photoshop

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

А вот – альтернативный вариант:

Вот, что нам понадобится:
конечно, с дымом.

Итак, мы готовы. Приступим же!

Шаг 1. Создайте новый документ, размером1000px*1500px. Выделите девушку, из загруженного нами изображения и вставьте в наш документ.

Читайте также:  Горизонтальное меню для сайта - уроки фотошоп

С помощью инструмента Ластик(Eraser) смягчите края, как это показано на скрине.

Применим следующие инструменты из меню Изображение> Коррекция (Image> Adjustment), настройки показаны на скринах ниже:

Уровни (Levels):

Кривые (Curves):

Черно-белый (Black&White):

Вот, что мы получим:

Шаг 2. Теперь добьемся эффект отделившихся от платья девушки частиц. Для этого воспользуемся инструментом Лассо(Lasso Tool) и выделим несколько кусочков.

Теперь берем инструмент Перемещение(Move). Внутри выделенной области наш курсор несколько изменится – около него появятся ножницы (должно быть видно на скрине):

Немного сдвинем будущие частицы вверх и вправо.

Не снимая выделения, мы также можем исказить частицы с помощью Свободной Трансформации (Free Transform), нажав для этого Ctrl+T. Автор здесь использовал Искажение.

Примените эти же действия к другим частям тела девушки. Особенно классно, мне кажется, этот эффект смотрится на левой ноге девушки.

Согласитесь, простой, но интересный эффект!?

Шаг 3. Загрузите каменную текстуру в Photoshop. Поместите ее в нашем документе между девушкой и черным фоном. Далее, идем в Фильтр> Резкость> Умная Резкость (Filter>  Sharpen> Smart Sharpen) и выставляем такие настройки:

Вот, что получится:

Понизьте непрозрачность (Opacity) слоя с текстурой до 10%. Создаем новый слой (Ctrl+Shift+N). Теперь большой мягкой кистью белого цвета кликните в центре.

С помощью Свободной Трансформации (Free Transform) сузьте круг до овала, как показано ниже.

А теперь поверните по диагонали изображения:

Продублируйте этот овал несколько раз с помощью кнопок Crtl+Jи разместите их по всему изображению. Уменьшите Непрозрачность (Opacity) каждого слоя, как посчитаете нужным.

Автор также добавил луч света в правой руке. Вы можете создать его также из кисти на новом слое, а можете скопировать один из тех лучей, что у нас уже есть, переместить и увеличить Непрозрачность (Opacity).

Теперь идем в Слой> Новый Корректирующий слой> Уровни (Layer> New Adjustment Layer> Levels) и применяем такие настройки:

А маску для корректирующего слоя заполняем так:

Еще применим Слой> Новый Корректирующий слой> Кривые (Layer> New Adjustment Layer> Curves) с такими настройками:

Вот, что мы сейчас имеем:

Шаг 4. Теперь добавим снизу немного травы. Траву можно взять из исходного изображения с девушкой, вырезав ее инструментом Лассо(Lasso Tool). Поместите траву выше всех слоев. Смягчите края Ластиком(Eraser), если нужно.

Теперь в меню Изображение> Коррекция (Image> Adjustment) применяем инструменты Уровни (Levels) и Кривые (Curves) со следующими настройками:

Уровни:

Кривые:

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

Можете поработать с кистями еще. Например, с помощью инструмента Палец (Smudge Tool) можно размазать края дыма, а можно Ластиком(Eraser) удалить ненужные его части.

Шаг 5. Теперь давайте сделаем свою кисть для создания некоторой пыли вокруг девушки. Чтобы сделать это, выберите кисть размером 1px и 100%-ой жесткостью, примените следующие настройки в окне Кисти(F8).

Динамика форм (Shape Dynamics)

Рассеивание (Scattering)

Другая Динамика (Transfer)

Также поставьте галочки в Шум (Noise), Аэрограф (Airbrush) и Сглаживание (Smoothing).

Вот, как использовал эту кисть автор, начиная с травы, и заканчивая девушкой:

Вот, как это выглядит издалека, так сказать:

Примените эту кисть еще, к рукам и к некоторым участкам дыма.

А теперь добавим заключительные эффекты: Слой> Новый Корректирующий слой> Кривые (Layer> New Adjustment Layer> Curves):

И Цветовой Баланс (Color Balance):

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

Второй вариант:

Перевод: Смолин Сергей

Бесплатный курс «Ретушь Фотогарфий»
Наши посетители
И кто тут на сайте?
Онлайн всего: 1Гостей: 1Пользователей:

Источник: http://psdpng.ru/index/rastvorjajas_v_dymu/0-100

Анимация дыма (FantaMorph + Photoshop)

———->

В этом уроке, я поделюсь с вами, своим способом анимации дыма.

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

Основная анимация делается в программе Abrosoft FantaMorph, здесь я не буду подробно рассказывать как это делать и если вы ещё не знакомы с  FantaMorph, то прошу сюда, для начала научиться «оживлять» там изображение.

Здесь же будет описываться работа в Photoshop.

1. Открываем в Photoshop подходящее изображение, на котором вы хотите изобразить анимацию дыма (желательно, чтобы дым на картинке, плохо просматривался, так как мы нарисуем его сами, ладно… не пугайтесь, рисовать мы ничего не будем — это будут готовые кисти).

2. Создать новый слой на панели 'Layers' (рис.1-а), выбрать чёрный цвет на панели 'Tools' (рис.1-б), и инструментом заливка (рис.1-в) залить этот новый слой.

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

3. Ещё раз создаём новый слой.

На панели 'Tools' — выбираем белый цвет и кистью ставим дым, размер кисти смотрите относительно своего изображения, но если кисть будет чуть больше не страшно, это мы далее исправим. (рис. 2)
скачать кисти «Дым»

Читайте также:  Создаем в фотошоп таинственный пейзаж в стиле matte painting - уроки фотошоп

рис.2

4. Отключите видимость слоя на панели 'Layers' (для того, чтобы видеть размер нашей кисти-дым относительно изображения). (рис. 3)

5. Теперь, начинаем подгонять дым под нужный размер Edit — Transform — Scale (Ctrl+T), уменьшаем или увеличиваем или вытягиваем в длину, поворачиваем кисть так, как вам нужно, можно лишнее стереть ластиком, если в этом есть необходимость. (рис. 4)

рис. 4

6. Включаем видимость слоя с чёрным фоном и сохраняем, именно в таком виде и в формате jpg. (рис. 5)

рис. 5

! Но, этот файл (с девушкой) в фотошоп, ни в коем случае не закрываем, потом продолжим с ним работать!

[7. Далее, открываем программу Abrosoft FantaMorph (как делать там анимацию, я надеюсь вы научились).

Сделав анимацию (у меня 8 кадров), сохраняем в gif. (рис. 6)]

рис. 6

8. Открываем анимацию дыма в фотошоп или в ImageReady (если у вас CS2), а затем переходим в фотошоп (перевести изображение в фотошоп — самая нижняя кнопка на панели инструментов, она с пёрышком).

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

10. Включаем панель анимации, если не включена: Window — Animation.

11. Переходим на картинку с анимацией дыма (изображение из FantaMorph).

Выделяем на панели анимации с 1 по 7 кадр и на панели слоёв с 1 по 7 слой (выделяете 1-ый и удерживая клавишу Shift выделяете 7-ой).Последний не надо, он дублирует первый кадр. Перетаскиваем слои дыма на изображение с девушкой.

Анимацию с дымом можно закрыть. (рис. 7)

рис. 7

12. На панели Animation 1-ый кадр выделяем — на панели Layers включаем видимость 1-го слоя с дымом.

Наложение слоя делаем Screen (вот и чёрный фон стал прозрачным), с прозрачностью 60%. (рис. 8)

13. 2 кадр — на панели Animation дублируем первый кадр (рис. 9-а), отключаем видимость слоя с дымом, который присутствует на первом кадре, включаем видимость следующего слоя с дымом.

Наложение слоя делаем, как предыдущий — Screen, с прозрачностью 60%.

14. Подобным образом поступаем со следующими пятью слоями.

(у каждого кадра свой последующий слой с дымом).

Всего получилось 7 кадров, так как 7 слоёв с дымом (рис. 9)

Скорость анимации выбираем 0,1 sec или 0,2.

15. Сохраняем в gif. 

File — Save for Web (рис. 10)

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

Автор урока Poison_Ligeia
ссылка на сайт http://avata.ucoz.ru/ обязательна

примеры аватар, сделанных мной таким образом:

Источник: http://avata.ucoz.ru/blog/animacija_dyma/2009-11-16-101

Дымящийся текст в Фотошопе за 10 простеньких шагов

Результат:

Материалы:

Кисти «Дым» — Qbrushes

Шаг 1

Открываем Фотошоп и создаем новый документ. Размеры можно устанавливать такие, как вам захочется (у нас это 1920×1200 px). Теперь воспользуемся градиентом.

Его можно найти в меню Layer Style (Стиль слоя). В этом меню выбираем функцию Gradient Overlay (Наложение градиента).

Используем Radial (Радиальный гардиент) и цвета #07090a — #202b35.

Шаг 2

Пишем текст и отправляемся Filter>Blur>Motion Blur (Фильтр > Размытие> Размытие в движении). Выставляем угол 90º и дистанцию в 40 px.

Шаг 3

Теперь идем Filter>Distort>Wave (Фильтр > Деформация> Волна). Используем 3 для Number of Generators, 10 и 346 для Wavelength (Длина волны), и 5 и 35 для Amplitude (Амплитуда).

Шаг 4

Идем Filter>Blur>Gaussian Blur (Фильтр> Размытие> Размытие Гаусса). Для радиуса берем 10 px. Теперь идем Layer>New>Group from Layers… (Слой>Новый>Группа из слоев…). Откроется окошко, в котором изменяем Mode на Color Dodge (Осветление). Получим красивый световой эффект.

Шаг 5

Создаем новый слой над всеми остальными и отправляемся Filter>Render>Clouds ( Фильтр> Освещение> Облака), но обязательно нужно убедиться, что для переднего и заднего планов выбраны белый и черный соответсвенно и затем меняем режим смешивания на Color Dodge (Осветление). Идем Layer>Layer Mask>Reveal All (Слой > Маска слоя> Показать все). Используя самую мягкую кисть черного цвета, закрашиваем некоторые области слоя с облаками. На изображениях ниже показано, как это должно выглядеть.

Шаг 6

Создаем новую группу слоев. Меняем стиль смешивания на Color Dodge (Осветление) и добавляем новый слой. Далее используем кисть из Qbrushes. Выбираем белый цвет и закрашиваем некоторые буквы. Если кажется, что смотрится тускловато, то просто кликните два раза.

Шаг 7

Используем эти кисти, чтобы добиться примерно такого эффекта, как показано на рисунке ниже.

Шаг 8

Создаем новый слой под всеми остальными, но над фоновым слоем. Заполняем этот слой черным и отправляемся Filter>Texture>Texturizer (Фильтр > Текстура> Текстуризатор). Устанавливаем настройки, как на рисунке ниже. Должна получитьс неплохая текстура, но нужно будет снизить opacity (непрозрачность) до 10%.

Шаг 9

В Photoshop CS4 есть достаточно удобная панели, особо ничего нового, но можно легко и быстро менять Levels (Уровни), Hue & Saturation (Оттенок/Насыщенность), Curves (Кривые).

Итак, идем Layer>New Adjustment Layer>Invert (Слой > Новый слой настроек> Инвертировать). Получится красивый эффект горящей бумаги.

Надеюсь урок вам понравился.

P.S. Если у Вас возникнут любые замечания к переводу, буду рада их прочитать в комментариях.

Источник: http://silverphoto.my1.ru/publ/dymjashhijsja_tekst_v_fotoshope_za_10_prostenkikh_shagov/7-1-0-700

Ссылка на основную публикацию