Вход
Архивы

Посты автора

Lektor

Уроки photoshop — Текст под слоем льда

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

Уроки photoshop - Текст под слоем льда

Создаёте новый документ RGB, задайте любой нужный вам размер, я использовал размер 300х300px. Далее примени фильтр: Filter > Noise > Add Noise (Фильтр – Шум – Добавить шум) и в появившемся окне настроим следующие настройки:

Уроки photoshop - Текст под слоем льда

Далее также применим фильтр, на этот раз мы хромируем наше изображение: Filter > Sketch > Chrome (Фильтр – Эскиз – Хром) и установим такие настройки:

Уроки photoshop - Текст под слоем льда

Самое время вписать текс, вы можете написать любой текст который вам нужен, цвет установим белый, а также можно применить обводку и теснение (такие параметры были применены к тексту в примере):

Уроки photoshop - Текст под слоем льда

Далее соединяем 2 слоя (текст и фон) для этого нажимаем сочетание горячих клавиш CTRL-E. После этого применяем фильтр: Filter > Stylize > Extrude (Фильтр – Стилизация – Экструзия) и применяем настройки как показано на картинке ниже:

Уроки photoshop - Текст под слоем льда

После этого нам нужно применить ещё один фильтр, она называется стекло: Filter > Distort >Glass (Фильтр-Искажение-Стекло) и устанавливаем настройки как на рисунке (на этом этапе можно поэкспериментировать, так как здесь всё зависит от того что вы должны получить):

Уроки photoshop - Текст под слоем льда

Вот то, что мы получили на данном этапе, это пока не всё, но уже видна проделанная работа:

Уроки photoshop - Текст под слоем льда

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

Уроки photoshop - Текст под слоем льда
Уроки photoshop - Текст под слоем льда

Перевод: Ревтов Игорь

Если у вас проблемы с вирусами или вы решили установить Wifi роутер, тогда вам помогут специалисты из службы Компьютерной помощи.


Урок Фотошопа: Разноцветное свечение на фотографии

Этот урок предназначен для создания фотографии с интересным свечением, которое придает новое настроение снимку. Для создания новой фотографии нам потребуется режим наложения (blending options), а так же инструменты для выделения. И, конечно, ваше воображение. На фотографии ниже представлена исходная фотография с которой и будет проходить работа.

Урок Фотошопа: Разноцветное свечение на фотографии

А теперь смотрите какого результата удалось достичь.

Урок Фотошопа: Разноцветное свечение на фотографии

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

Урок Фотошопа: Разноцветное свечение на фотографии

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

Урок Фотошопа: Разноцветное свечение на фотографии
Урок Фотошопа: Разноцветное свечение на фотографии
Урок Фотошопа: Разноцветное свечение на фотографии

Теперь копируем полученное выделение и вставляем его на новый слой. Слой, например, можно назвать «Девушка без фона». После этого дублируем наш новый слой и применяем к нему цветокоррекцию, для этого переходим в меню «Изображение», а из него в меню «Коррекция».

Урок Фотошопа: Разноцветное свечение на фотографии

Теперь выделяем слой «Девушка без фона», и применяем для него фильтр размытия со следующими настройками угол — 40 градусов, Смещение — 120 единиц. Для перехода в меню «Размытия» щелкаем на меню «Фильтр» далее «Размытие» и выбираем «Размытие в движении».

Урок Фотошопа: Разноцветное свечение на фотографии

Теперь надо создать новый слой, который будет располагаться под девушкой, его можно назвать просто «Дым». Обведем некоторую область вокруг нашего объекта, что можно сделать инструментом «Лассо» и выставляем значение ретуши на 150 пикселей.

Урок Фотошопа: Разноцветное свечение на фотографии

Здесь следует убедиться, что цвет переднего слоя белый, а вот задний слой должен быть черным. Теперь необходимо воспользоваться следующим фильтром «Облака», для этого переходим через меню «Фильтр» далее «Рендеринг» и «Облака». Теперь для этого слоя нужно поставить режим наложения «Перекрытие».

Урок Фотошопа: Разноцветное свечение на фотографии
Урок Фотошопа: Разноцветное свечение на фотографии

Работаем далее. Создадим новый слой «Градиент» под нашим слоем «Дым». Теперь надо вызвать редактор градиента, для этого выбираем в панели инструмент «Градиент». Потом выставляем цвет переднего плана #c6229e, и #1dbdda для заднего. В настройках инструмента нужно выставить следующие настройки, тип «Линейный», после этого проведите градиентом по диагонали от верхнего левого до нижнего угла. Прозрачность этого слоя должна быть равна 60 процентов.

Урок Фотошопа: Разноцветное свечение на фотографии

Затем, нужно слою «Градиент» выставить режим наложение «Перекрытия», после объединить его со слоем «Дым». Вы можете сами поэкспериментировать с этими слоями. Но в общем у вас должно получится следующие.

Урок Фотошопа: Разноцветное свечение на фотографии

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

Урок Фотошопа: Разноцветное свечение на фотографии

Теперь создадим новую кисть. Для этого выбираем инструмент «Кисть», заходим в палитру и настраиваем все, как показана на скриншотах ниже. После этого вы можете ей воспользоваться ее в палитре кистей.

Урок Фотошопа: Разноцветное свечение на фотографии
Урок Фотошопа: Разноцветное свечение на фотографии
Урок Фотошопа: Разноцветное свечение на фотографии
Урок Фотошопа: Разноцветное свечение на фотографии

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

Урок Фотошопа: Разноцветное свечение на фотографии

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

Урок Фотошопа: Разноцветное свечение на фотографии

Наконец последнее действие. Создаем световые линии на нашей фотографии. Для этого создаем новый слой, назовем его просто — «Линии», располагаться он будет выше слоя с девушкой. Передней цвет слоя должен быть белым. Теперь выбираем «Кисть» и заходим в панель ее настройки. Для работы нам нужна мягкая кисть с размером в 9 пикселей, во вкладке «Динамика формы» устанавливаем «Колебание размера» на позицию «Нажим пера». Такой подход придаст нашим линиям интересный эффект. Тут вы так же можете поэкспериментировать и найти свой интересный эффект.

Урок Фотошопа: Разноцветное свечение на фотографии

Выбираем «Перо» и рисуем несколько линий на теле девушки. После этого выполняем команду «Обводка контура». После этого вам будет представлено окно настроек, где нужно выбрать инструмент «Кисть» и поставить галочку в чекбоксе «Имитировать нажим». После выполнения этой нехитрой операции лини обведутся кистью.

Урок Фотошопа: Разноцветное свечение на фотографии
Урок Фотошопа: Разноцветное свечение на фотографии

После этого вызываем стиль слоя, для этого дважды щелкам по слою с линиями. Там выставляет значение «Внешнее свечение» (Outer Glow) и настраивайте точно так же как на рисунке представленном ниже.

Урок Фотошопа: Разноцветное свечение на фотографии

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

Урок Фотошопа: Разноцветное свечение на фотографии

И наконец, вот наш конечный результат! Если у вас не получилось с первого раза не переживайте, проделайте все шаги еще раз и наверняка у вас получится. Желаю удачи!

Урок Фотошопа: Разноцветное свечение на фотографии

Перевод: Мухин Кирилл
Источник


Выпуск первый — Основы фотошопа
 

Это первый выпуск, который мы специально сделали для вас! Конечно, возможно мелкие и незначительные недоработки, но посмотрев данный видео урок по фотошопу вы сможете начать свой путь обучения. Не стоит ожидать того что вы сразу же сможете творить нечто грандиозное, для того что бы добиться каких либо результатов вам нужно упорно тренироваться, чем больше тренировок тем больше шансов на то что вы овладеете всеми азами этой удивительной программы (фотошоп). Немного опишу то, что вы сможете узнать из этого выпуска, после внимательного просмотра вы сможете ответить на такие вопросы как:

— Что такое фотошоп?
— С чего начать обучение фотошопу?
— Азы фотошопа
— Для чего нужна панель задач в Photoshop
Как установить кисти для фотошопа?
Как сохранять в фотошопе?
— В каких форматах работает фотошоп?

Но это всего лишь малая честь тех вопросов, на которые вы сможете ответить. Надеюсь, что вам понравится наша работа.


Второй выпуск — Режимы наложения
 

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

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

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


Третий выпуск — Изучаем стиль слоя
 

Мы движемся дальше и изучаем всё новые и новые возможности фотошопа. Из данного видео урока Photoshop вы сможете узнать множество интересного, а именно: научитесь работать с архивной кистью, изучим множество фильтров, а так же на практике закрепим тему прошлого выпуска (режимы наложения в фотошопе). Таким образом, у вас будет тот самый базовый запас знаний, который в последующем поможет вам в изучении такой удивительной и мощной программы как фотошоп.


Четвёртый выпуск — Азы анимации
 

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

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

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


Пятый выпуск — Скрываем ненужное
 

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

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

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


Шестой выпуск — Движение вперёд
 

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

Так же мы покажем вам как очень легко и быстро можно создать 3D текст в фотошопе. Думаю, вы часто встречали 3D текст на различных рекламных баннеров.

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

А в самом конце мы сделаем нечто очень интересное и красивое, не буду раскрывать все карты сразу, скажу лишь, что данный ролик придётся вам по вкусу!


Седьмой выпуск — Работа над изображением
 

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

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

Одним словом вы увидите очень познавательную и интересную подборку уроков от сайта PhotoShopy.net!


Текстурный 3D текстовый эффект

Текстурный 3D текстовый эффект

В данном уроке мы рассмотрим, как в программах Illustrator и Photoshop создать стильный текстурный 3D текстовый эффект, используя различные текстуры, позволяющие придать тексту уникальный вид. Шаг за шагом наряду с инструкциями по выполнению урока будут встречаться ссылки на необходимые для него ресурсы и материалы.

Превью готового изображения:

Текстурный 3D текстовый эффект

Шаг 1

Открываем программу Illustrator и с помощью инструмента Type Tool (Текст) вводим букву или слово, в данном случае букву «С», используя шрифт Adobe Caslon Pro. Можно использовать и любой другой шрифт по Вашему вкусу, убедившись предварительно, что он достаточно широкий, чтобы достичь лучшего результата. Устанавливаем размер шрифта 400 пт и масштабируем его по горизонтали и вертикали на 150% на палитре Character (Символ), хотя не стоит сильно волноваться за размер шрифта, поскольку мы будем вставлять текст в Фотошоп как смарт-объект, поэтому сможем корректировать размер в любое время. Для буквы используем цвет #8cc63f.

Текстурный 3D текстовый эффект

Шаг 2

Теперь выполняем команду Effect > 3D > Extrude & Bevel (Эффекты 3D ), убедившись, что установлен флажок Preview (Просмотр). Используем установки, показанные ниже, кроме вращения по осям x, y и z, выбираем Tall-Round из выпадающего меню Bevel (Скос). Настройки будут немного зависеть от шрифта, поэтому, если Вы выбрали шрифт отличный от того, что был использован в уроке, можете поэкспериментировать, но все-таки советуем воздержаться от этого в отношении параметра Bevel (Скос), а лучше вообще их не изменять.
Также можно сделать шрифт более широким, уhttp://photoshopy.net/engine/skins/bbcodes/images/link.gif увеличив Extrude Depth (Глубина выталкивания).

Текстурный 3D текстовый эффект

Шаг\» illustrator=\»\» photoshop=\»\» enter=\»\» file=\»\»> Save (Файл > Сохранить) и закрываете файл и изменения отразятся в программе Photoshop.

Шаг 4

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

Текстурный 3D текстовый эффект

Открываем рисунок, содержащий понравившуюся Вам текстуру, для первого слоя будем использовать текстуру с сайта deviantart, назовем ее «Texture 1». Выполняем команду Select > All (Выделение > Все) а затем Edit > Copy (Редактирование > Скопировать), чтобы скопировать изображение текстуры полностью. Теперь вставляем его на букву, указав программе Photoshop, куда именно необходимо произвести вставку. Возвращаемся к 3D текстовому документу и, удерживая клавишу Ctrl нажатой, щелкаем по миниатюре векторного смарт-объекта, что позволит выделить текст/ букву, в нашем случае букву «С», применяем команду Edit > Paste Into (Редактирование > Вклеить в), чтобы нанести текстуру на букву. Изменяем режим наложения на Overlay (Перекрытие).

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

Текстурный 3D текстовый эффект

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

Если Вы используете другие текстуры, можно поэкспериментировать с режимами наложения, главным образом с Overlay (Перекрытие), Soft Light (Мягкий свет), Hard Light (Жесткий свет), Multiply (Умножение).

Шаг 5

Повторяем процедуру, описанную в пункте 4, но с другой текстурой. В уроке будем использовать одну из текстур, размещенных по ссылке.

Текстурный 3D текстовый эффект

В двух словах, открываем рисунок, содержащий текстуру, выделяем его полностью (Ctrl + A), копируем (Ctrl + C) и возвращаемся к рабочему документу, нажимаем Ctrl и щелкаем по миниатюре векторного объекта, чтобы буква оказалась выделенной, и применяем команду Edit > Paste Into (Редактирование > Вклеить в), чтобы нанести текстуру на букву. И изменяем режим наложения на Multiply (Умножение).

Текстурный 3D текстовый эффект

Шаг 6

Теперь выполняем те же шаги, как в пунктах 4 и 5, но с другой текстурой. На этот раз будем использовать более цветастую текстуру, расположенную по ссылке. Затем изменим режим наложения на Soft Light (Мягкий свет).

Текстурный 3D текстовый эффект

Вот так будет выглядеть изображение и палитра слоев после выполнения шага 6.
Важная подсказка: Если Вы желаете отредактировать заполняющую текстуру или Вам не нравится, как она смотрится нанесенной на букву, Вы можете продолжать работать над этим! Вам нужно лишь выбрать инструмент Move Tool (Перемещение) или активизировать его клавишей V и перетаскивать, выделив текстовый слой. Если Вы желаете изменить размер текстуры, используйте команду Edit > Transform (Редактирование > Трансформирование).

Шаг 7

Выделяем фоновый слой и заполняем градиентом с помощью инструмента Gradient (Градиент). Будем использовать линейный градиент и цвета, показанные на рисунке. Перетаскиваем градиент по диагонали снизу вверх.

Текстурный 3D текстовый эффект

Шаг 8

Удерживая нажатой клавишу Shift, выделяем все слои в палитре слоев, кроме фонового, и связываем их. Не забывайте также связывать миниатюры слой-масок и соответствующие им миниатюры слоев, щелкнув между ними один раз.

Текстурный 3D текстовый эффект

Шаг 9

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

Текстурный 3D текстовый эффект

Шаг 10

Объединяем все дублированные слои и называем результирующий слой «Reflection».

Текстурный 3D текстовый эффект

Шаг 11

Активизировав слой «Reflection», выполняем команду Edit > Transform > Flip Vertical (Редактирование > Трансформирование > Отразить по вертикали) и располагаем отражение ниже буквы «С». Если будет необходимо, подкорректируем перспективу.

Текстурный 3D текстовый эффект

Шаг 12

Следующий шаг – добавление слой-маски к дублированному слою. Для этого на палитре слоев нажимаем кнопку Add layer mask (Добавить слой-маску).

Текстурный 3D текстовый эффект

Теперь выбираем инструмент Gradient (Градиент) и выполняем градиентную заливку (от черного к белому) в направлении снизу к центру.

Текстурный 3D текстовый эффект

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

Шаг 13

С помощью инструмента Type Tool (Текст) создаем слова «for creativity» с настройками, показанными в палитре Character (Символ).

Текстурный 3D текстовый эффект

В уроке был использован шрифт Larissa, который можно скачать по ссылке
Повернем немного набранный текст командой меню Edit > Transform (Редактирование > Трансформирование).
Затем применим к слою стили с параметрами, показанными на рисунках ниже.

Текстурный 3D текстовый эффект
Текстурный 3D текстовый эффект

Шаг 14

Добавим последний штрих – Outer Glow (Внешнее свечение) для слоя «Vector Smart Object», как показано.

Текстурный 3D текстовый эффект

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

Текстурный 3D текстовый эффект
Текстурный 3D текстовый эффект

А вот еще один пример работы, выполненной с использованием тех же технологий.

Текстурный 3D текстовый эффект

Можно пойти дальше и поэкспериментировать с различными текстурами, режимами наложения, а также, изменяя опции команды меню Adjustments (Коррекция), такие как Invert (Инверсия), Posterize (Постеризировать), Hue / Saturation (Цветовой тон / Насыщенность) и т.д. получить разные результаты. Кроме того, можно попробовать создать гранжевый или ржавый текст, используя гранжевые текстуры, это лишь поле для исследования всей мощи программы Фотошоп и тренировки Вашей креативности!

Купить Onda v818 mini в Москве можно у производителя — это планшет нового поколения, который обойдётся вам достаточно дешево.