В нашем сегодняшнем уроке Фотошоп вы узнаете, как сделать изумительно-красивую текстовую композицию на тему природы. Мы будем использовать Маски слоя (Layer Mask) , настройки инструмента Кисть (Brush) , редактирование текста и некоторые сток-изображения для создания весенней иллюстрации.
Превью финального результата:
Шаг 1.
Открываем Фотошоп и создаем Новый документ (File > New или Ctrl+N) размером 3200х1800 рх разрешением 72 рх/дюйм и прозрачным фоном (Transparent) .
Шаг 2.
Переименуйте «Слой 1» в «Фон», дважды щелкнув по его названию в панели слоев и изменив его. Активируем инструмент «Градиент» (Gradient) c Радиальным стилем (Radial) .
Шаг 3.
Нажимаем на Редактор градиентов ( (Editor Gradients) цветовая шкала) и вводим цветовые значения RGB для левого светло-болотного оттенка: R 153/G 172/B 118. Далее нажимаем на правый ползунок и в цветовой палитре вводим настройки темно-зеленого цвета R30/G81/B6.
Шаг 4.
Поместите курсор в центр холста и проведите градиент к любому углу документа.
Шаг 5.
Внизу панели слоев нажмите на значок папки, чтобы создать Новую группу «Весна».
Активируйте инструмент «Текст» (Type Tool) и установите курсор в центре документа. Выберите шрифт “Franklin Gothic Heavy” или любой другой жирный (например, Calibri) из набора программы размером 650pt и напишите слово «Весна» (Spring) . Откройте панель редактирования текста «Символ» (Window-Character) и настройте межбуквенное расстояние (Трекинг) на 20.
Шаг 6.
Теперь откроем сток-изображение травы в Фотошоп. Как видите, на фото присутствует бутылка, нам нужно убрать ее. Для этого воспользуемся инструментом «Штамп» (Clone Stamp tool) и настроим его кисть на 250 рх и жесткостью (hardness) 60%. Выбираем источник клонирования путем нажатия в любом месте на чистой траве, удерживая Alt. Далее наводим курсор на бутылку и нажимаем по ней. Участок скопированной травы скрыл часть бутылки. Продолжаем закрашивать бутылку по такому же принципу.
Шаг 7.
Выбираем инструмент «Прямоугольное выделение» (Rectangular Marquee tool) и выделяем им нижнюю часть холста с травой. Затем, нажимаем Ctrl+C, скопировав выделение в буфер. Переходим в наш основной документ на слой «Текст» и вставляем часть травяного покрытия (Ctrl+V) . Называем слой «Текстура травы».
Шаг 8.
Наша текстура травы слишком маленькая по сравнению со словом «Весна». Но увеличивать всю часть до размера слова было бы некрасиво. Поэтому, увеличим ее немного при помощи Трансформации (Ctrl+T) , изменив значения для ширины (W) и высоты (H) текстуры в полях верхнего меню на 40%. Затем, дублируем текстурный слой (Ctrl+J) дважды и переместим дубликаты (Move Tool) встык друг с другом на правую часть текста, создавая сплошное травяное покрытие поверх него.
Теперь, выбираем все три слоя с частями текстуры, удерживая Ctrl и, кликая по каждой миниатюре слоя. Далее, объединяем их вместе, нажав правой кнопкой мыши по миниатюрам и выбрав опцию «Объединить слои» (Merge Layers (Ctrl+E)) .
Шаг 9.
Скройте видимость объединенного слоя с травой (нажмите глазик напротив слоя). Создаем Новый слой (Ctrl+Shift+N) выше текстового слоя. Активируем Кисть (Brush) и открываем палитру инструмента в верхнем меню. Выбираем из набора программы кисть «Осока» (dune grass) , изменяем диаметр на 60 рх. Далее, открываем палитру настроек Кисти (Window-Brushes (F5)) и настраиваем дополнительные параметры инструмента.
Шаг 10.
В окне настроек находим параметр «Динамика формы» (Shape Dynamics) и изменяем Колебания размера (Size jitter) до 100%, минимальный диаметр (Minimum diameter) 22%, колебание угла (Angle jitter) 100%. Другие значения оставьте по умолчанию.
Переходим к параметру «Рассеивание» (Scattering) и выставляем значение рассеивания на 45%, счетчик (Count) 5%.
Теперь закройте окно настроек Кистей (Brushes) . Выберите любой цвет и нарисуйте кистью по контуру каждой буквы слова. Попробуйте сделать обводку кистью, не отпуская кнопку мыши от начала до конца буквы. Вы можете изменить размер кисти в некоторых местах, чтобы улучшить визуальный эффект, как, например, в центре буквы «Р».
Шаг 11.
На слое «Текст» нажмите правой кнопкой мыши и выберите опцию – Растрировать текст (Rasterize Type) .
Затем, выберите слой с нарисованной травой (Ctrl+клик по миниатюре слоя) и объедините его вместе со слоем «Текст» (Ctrl+E) . Перейдите на слой с травяной текстурой и создайте на нем Обтравочную маску (Clipping Mask) , щелкнув по миниатюре слоя правой кнопкой мыши и выбрав строку – Создать обтравочную маску (Create Clipping Mask) .
Теперь наша текстура приняла вид слова «Весна». В случае изменений с текстом, обтравку всегда можно отменить без разрушающих действий. Если вас все устраивает, объедините слой с маской и текстовой слой вместе (Ctrl+E) , предварительно выделив их.
Назовите его «Весна».
Шаг 12.
На слое «Весна» перейдите в меню Слои-Стили слоя-Тень (Layer-Layer style-Drop Shadow) .
В открывшемся окне опции введите следующие настройки: режим смешивания (Blend Mode) Умножение (Multiply) , угол (Angle) 120, смещение (Distance) 20 рх, размер (Size) 8 рх. Нажимаем Ок.
Шаг 13.
Создаем Новый слой (Ctrl+Shift+N) выше слоя «Весна». Выбираем инструмент Заливка (Paint Bucket tool) и заполняем слой цветом #215308, кликнув по холсту. Теперь, нажимаем правой кнопкой мыши по миниатюре этого слоя и выбираем опцию Создать Обтравочную маску (Create Clipping Mask). Измените режим смешивания на Мягкий свет (Soft Light) и снизьте непрозрачность (Opacity) до 77%. Наш текст теперь выглядит намного лучше. На этом закрываем группу «Весна».
Шаг 14.
У нас все готово текст и можно приступить к его оформлению. Создайте Новую группу (клик по иконке группы внизу панели слоев) ниже группы «Весна» и назовите ее «Брызги». Откройте в Фотошоп пакет с брызгами и выберите изображение 11.jpg. Извлеките брызги с фона путем перехода в меню Выделение-Цветовой диапазон (Select\Color range) .
Выберите черный цвет фона на изображении и кликните по нему пипеткой. Установите ползунок Разброса (Fuzziness) на значение 24.
Нажмите кнопку Ок, а затем инвертируйте появившееся выделение (Select \ Inverse (Shift + Ctrl + I)) .
На некоторых местах брызг также появилось выделение, которое затрагивает ненужные области.
Чтобы исправить это, перейдите в режим «Быстрой маски» (Quick Mask) , нажав ее значок в самом низу панели инструментов. Удалите кистью черного цвета лишнее. Если ненужное выделение есть на самом всплеске, закрасьте это место белым цветом, а затем выйдите из режима быстрой маски, нажав на ее значок.
Перейдите в меню Выделение-Уточнить край (Select\Refine Edges) .
Используйте следующие настройки параметра: радиус (Radius) 1, сглаживание (Smooth) 2, остальное со значением 0.
Далее, нажимаем Ctrl+C, скопировав выделенные брызги в буфер обмена и возвращаемся в основной документ. Вставляем (Ctrl+V) брызги в группу «Брызги» и переходим на этом слое в меню Изображение-Коррекция-Цветовой тон/Насыщенность (Image\Adjustments\Hue & Saturation) . Выполняем настройки со скриншота: Цветовой тон 337, Насыщенность 100, Яркость +18. Не забудьте активировать флажок в окне «Тонирование» (Colorize) .
Теперь, наш всплеск выглядит намного ярче и эффектнее. Переместите его в любое место вашего изображения.
Сделайте аналогичные действия с другими брызгами пакета. Тщательно поработайте над извлечением их с фона,а потом разместите по холсту, как на примере ниже.
Ваш результат должен получиться вот таким:
Шаг 15.
Теперь давайте сосредоточимся на растительном оформлении композиции. Откройте стоковые изображения вьюна и листьев ландыша в Фотошоп. Многие файлы уже отделены от фона (например в PSD или PNG формате). Скопируйте (Ctrl+C) слои с растениями, а затем вставьте (Ctrl+V) в наш документ. Создайте две группы (нажмите на иконку папки внизу панели слоев): одну под текстом, а другую над группой текста.
Разместите листья ландыша в группе позади текста, а лист вьюна в группе выше текста.
Добавим еще больше цветов и листьев на картину. Откроем в Фотошоп пакет цветов (Flower_pack_by_Aliedda.psd) и скопируем (Ctrl+C) понравившиеся в наш рабочий документ. Особенно мне нравится тюльпан, советую его использовать.
Шаг 16.
В нашей иллюстрации чем больше цветов, тем лучше эффект, поэтому продолжим украшать текст цветами. Откроем еще один пакет цветов (“flower_pack.psd” by monika-es-stock). Здесь также каждый цветок на отдельном слое. Копируем (Ctrl+C) и вставляем (Ctrl+V) цветы в нашу работу, распределяя их по нужным папкам (над или под текстом).
Наконец, откройте изображение желтого цветка (“stock9 – yellow flower ” by pralinkova-princezna) . В этом случае цветок расположен на фоне. Отделите его при помощи инструмента «Быстрое выделение» (quick selection) . После извлечения с фона, скопируйте цветок и вставьте в наш документ позади текста за ромашками. Теперь, дублируйте (Ctrl+J) этот слой и уменьшите размер копии при помощи Трансформирования (Ctrl+T) . Поместите его также за ромашками позади буквы «S».
Добавляем прелестных бабочек и на иллюстрацию. Открываем стоковые изображения (butterfly stock.png) и выделяем их с помощью инструмента Лассо (Lasso Tool) . Переносим бабочек в наш документ. Мы хотим, чтобы некоторые из них сидели поверх цветов композиции. Создадим маску слоя ((Layer\Layer Mask\Reveal All) или значок маски внизу панели слоев) к слоям с бабочками, которые будут сидеть на цветах.
Используем мягкую Кисть (Brush) черного цвета на маске, чтобы скрыть часть их крыльев, которые находятся как бы между лепестками.
Как видите, я добавила изображение колибри ("small_birds.psd") на цветок под текстом. Вы также можете дать волю своей фантазии и добавить в композицию свои элементы украшения.
Шаг 17.
В финале, подкорректируем цвет всего изображения. Создаем Новый корректирующий слой «Градиент» (Слои-Новый слой заливка-Градиент (Layer-New Fill Layer-Gradient)) выше всех слоев. В диалоговом окне нажимаем на Редактор градиентов (цветовую шкалу) и устанавливаем цветовые значения от желтого к зеленому со скриншота. Стиль указываем Радиaльный (Radial) .
Режим смешивания (Blending Mode) изменяем на Мягкий свет (Soft Light) и непрозрачность (Opacity) cнижаем до 50%.
Вот теперь иллюстрация стала гораздо ярче. Это финальный результат нашей работы. Теперь вы можете использовать свое творение в качестве обоев на рабочий стол. Успехов!
Когда Adobe начала компанию, в которой рассказывалось про новые инструменты, появившиеся в CS5, я впервые увидел инструмент под названием Марионеточная деформация. Они демонстрировали его возможности, создав абсолютно естественный хобот у слона. Не скрою, хотя я был поражен теми новыми возможностями, которые дает нам этот инструмент, сам я им никогда особенно не пользовался. Но, после того, как я увидел как Рассел Браун показывает, как с помощью этого инструмента можно практически с нуля создать веревку, я решил сам попробовать повторить это, и, в результате моих усилий и появился вот этот урок, где мы создадим крутой текст, основываясь на самом обычном изображении веревки. Урок рассчитан на версию Фотошоп CS5, и, если она у вас уже установлена, его выполнение не должно занять много времени. Откройте Фотошоп и создайте новый документ с размерами 2560x1440. Теперь найдем фото с веревкой. Фотографию, которую я использовал, я нашел на сайте Shutterstock, а вы можете скачать ее здесь
Теперь активируем Puppet Warp tool (инструмент Марионеточная деформация), чтобы создать наш текстовой эффект. Мы будем работать очень кропотливо, так как веревка, в итоге, должна получиться действительно очень длинной и закрученной. Мы также удалим фон на этом слое, он нам не нужен. После этого зайдем в Edit>Puppet Warp (редактировать – марионеточная деформация). В режиме по умолчанию есть опция mesh (Петля ). Чтобы ее убрать, просто снимите выделение с Show Mesh option (убрать опцию Петля):
Теперь давайте добавлять промежуточные точки на веревке. Я добавил одну точку в начале, а вторую – в конце. Теперь немного подвигайте их и посмотрите, что с ними происходит. Совет: Если вы будете при этом удерживать ALT, вы сможете вращать точку, в это время появится маленький кружок, ориентируйтесь на него. Если же вы кликните на точке, удерживая при этом ALT, вы удалите ее.
Начнем создавать наше слово. Посмотрите, у меня на картинке вы можете теперь увидеть букву “R”.
Эта работа занимает определенное время, главное, за чем надо следить – это чтобы веревка не вытянулась и не стала слишком растянутой. Это приведет к деформации финального изображения.
Еще одна интересная особенность инструмента Puppet Wrap состоит в том, что вы можете с его помощью изменить глубину петель и их последовательность. Например, вы можете определить, какая петля идет над какой, используя иконку Pin Depth (Шпилька). Посмотрите, где эта иконка расположена на панели инструментов:
Несколько минут поработайте с точками (повращайте их). В результате, у вас должно получиться английское слово ROPE (веревка). Впрочем, вы можете написать слово и на другом языке. Главное, чтобы вы поняли технику, как создавать такие тексты.
Опять импортируйте в документ изображение с веревкой. Соедините его с начальной буквой R. Проделайте этот шаг еще раз, только теперь соедините изображение с конечной буквой Е:
Добавьте новый слой выше всех остальных, активируйте Brush Tool (кисть). Выберете маленькую мягкую кисть, установите черный цвет и добавьте тени на участках, которые, я обвел кружками рисунке:
Теперь объедините все слои в группу и дублируйте ее. Оставив дублированную группу активной, зайдите в Layer>Merge Group (слой – слить группу). Поменяйте режим наложения на Overlay (перекрытие).
Опять возьмите исходное изображение с веревкой. Сейчас я вам покажу, какой еще эффект можно сделать с помощью инструмента Марионеточная деформация.
Нам надо импортировать теперь изображение с бумажной текстурой. Его я тоже нашел на Shutterstock, а вы просто можете скачать здесь: here
Выделите все слои и объедините их в группу. Затем дублируйте группу и, находясь на слое с дубликатом, зайдите в Filter>Convert for Smart Filters (фильтр – конвертировать для умных фильтров)
Оставьте слой Smart Object (умный объект) выделенным. Зайдите в Filter>Blur>Guassian Blur(фильтр –размытие – размытие по Гауссу). Поставьте радиус 8 пикселов.
У умных фильтров есть одна интересная особенность. Они ведут себя также, как и маски. Посмотрите , возле Умного фильтра находится белое окошко, напоминающее маску слоя. Все, что на нем белого цвета – проходит фильтр, то, что черного цвета – не проходит фильтр. А серые участки показывают, что фильтр есть, но он не очень сильный. Эта возможность умных фильтров позволяет нам создавать эффекты не просто теней, а глубоких теней.
Теперь возьмите мягкую кисть (Brush Tool) и черным цветом прорисуйте участок со словом ROPE. А затем и все оставшиеся части изображения. Ориентируйтесь на мой рисунок:
Выделите все слои и дублируйте их. Затем слейте все дублированные слои (merge layers). Зайдите в Filter>Blur>Gaussian Blur (фильтр – размытие – размытие по Гауссу) и поставьте радиус размытия 15 пикселов. Дублируйте этот слой. Теперь у вас должно получиться два размытых слоя. Для того, который наверху, используйте режим наложения Screen(осветление) с прозрачностью 50%. А для нижнего слоя – режимOverlayтоже с прозрачностью 50%.
Зайдите в Layer>New Adjustments Layer >Hue and Saturation (Слой – Коррекция – Тон/Насыщенность). Уменьшите Saturation (насыщенность) до 40.
Заключение
Вот видите, инструмент Марионеточная деформация совершенно незаменим для выполнения таких работ. Этот урок – всего лишь один пример того, что можно делать с его помощью. Но, поверьте, я уже работаю над тем, что бы использовать его еще для более крутых эффектов. Поэтому, до новых встреч!
б). теперь определим это изображение ,как паттерн Edit - (Редактировать ) - Define Pattern (определить узор)
У вас теперь есть новый паттерн, больше нам этот документ не нужен.
1. создадим до.кумент 400х200 pix
2. зальём слой чёрным цветом (не обязательно)
3. напишем слово любым понравившимся шрифтом и цветом.
4. дважды щёлкаем по текстовому слою( тем самым вызываем меню Blending Option - параметры наложения ),
а) ставим галочку и активируем Pattern Overlay ( перекрытие узора)
б) выбираем патерн, который мы СОЗДАЛИ
5. теперь приступим к анимации.
а) вызываем окно анимации :что-бы вызвать эту панель в верхнем горизонтальном меню выбираем Window ( окно) - анимация.))
б) на панеле КАДРОВ у нас ОДИН кадр - дублируем его
в) на панеле СЛОЁВ щёлкаем мышкой на текстовом слое по Pattern Overlay ( перекрытие узора) и на рабочей области курсором мыши ствигаем узор чуть-чуть вверх - ok -2-й КАДР - готов.
г) дублируем 2-й кадр ,и опять на панеле СЛОЁВ щёлкаем мышкой на текстовом слое по Pattern Overlay ( перекрытие узора) и на рабочей области курсором мыши ствигаем узор чуть-чуть вверх - ok -3 - й КАДР - готов. и т.д.
я таким образом создала 5 кадров
6. точно также можно анимировать обводку текста. загрузите в ФШ этот патерн бл_стки.zip ( 44.68к ) Кол-во скачиваний: 63
б ) ставим галочку и активируем stroke (обводка) выбираем загруженный патерн."блёстки" и по такой-же схеме меняем расположение узора на обводке, только в этом случае активируем на текстовом слое - stroke.
создадим 3-4 кадра и Теперь сохраним нашу анимацию : File (Файл) - Save for Web ( сохранить для Web (Alt+Shft+Cntr+S)
Возможно Вам встречались плакаты с очень крупным шрифтом, который был заполнен рисунком или интересной текстурой.
Проделаем все последовательно, чтобы получить такой эффект.
Нужен шаблон , залитый черным цветом, на который будем переносить текст с изображением.
Открываем новый файл с параметрами 10х15 см и 300 пикселей на дюйм.
Заливаем фон черной краской.
Открываем изображение с красивым зимним пейзажем.
Выбираем инструмент Text (Текст) и плакатный шрифт - Impact, который имеется в стандартном наборе шрифтов. Если не найдете - возьмите шрифт Tahoma.
Размер шрифта выставите таким, чтобы надпись была крупная. Цвет надписи не имеет значения.
На палитре слоев два слоя. Нижний слой с зимней картинкой и верхний слой с текстом.
Нажмите клавишу Ctrl и щелкните мышкой по буковке "Т" на палитре слоев.
Контур текста выделится мерцающим пунктиром.
Сделаем активным нижний слой, а видимость слоя с текстом отключим, щелкнув по "глазику". Мерцающий контур выделения останется на слое с картинкой.
Выделенный контур нужно перенести на шаблон с черным фоном, который мы сделали в самом начале урока.
Командой Edit > Copy (Редактировать > Скопировать) делаем копию выделенной области.
Переходим на шаблон с черным фоном (делаем его активным). Командой Edit > Paste (Редактировать > Вклеить) вставляем текст на шаблон.
Можно просто поставить курсор на выделенную область на зимней картинке, нажать левую клавишу мышки и перетащить выделенную область на шаблон с черным цветом. Кому как нравится.
Мы получили эффект заполнения текста выбранным изображением.
Дополнительная обработка фото сделана следующим образом:
- была сделана копия слоя с текстом.
- к нижнему слою с текстом был применен фильтр с радиальным размытием
- изображение слоя было слегка увеличено в размере и повернуто примерно на 25 - 30 градусов.
- к верхнему слою с текстом была добавлена тонкая обводка белого цвета .
Предлагаю посмотреть еще один вариант.
Здесь просто добавлена обводка желтого цвета, чтобы текст не сливался с фоном.
Цвет фона может быть не только черным. Пример перед Вами.Получился весенний фотомонтаж.
В этом примере все делалось на одном изображении.
Командой Edit > Copy (Редактировать > Скопировать) была сделана копия выделенной области с текстом.
Командой Edit > Paste (Редактировать > Вклеить) все перенеслось на новый слой.
К нижнему слою с цветами был применен фильтр Distort > Grass и была уменьшена прозрачность на 40%.
Любители фотошопа подсказали более простой способ:
"Картинку в шрифт можно вставить проще и быстрее без всяких выделений и вставок, с помощью обтравочной маски. Печатаем текст, сверху кладём картинку и нажимаем Ctrl+Alt+G и всё. Либо кликаем на границе слоёв с зажатым Alt".
Все зависит от Вашей фантазии по выбору текста, картинки и цветовому оформлению фона.
Создаем новый документ. Размер 150х150 пикс.Или можно больших размеров. Я выбрала побольше. Мне так удобнее работать. Фон белый. Заливаем черным цветом. Пишим текст.(я написала С Новым Годом!) Шрифт выберите тонкий. Я выбрала шрифт Romantika. Его,а так же другие шрифты вы можете скачать здесь Ленаголд. Шрифты Текст растрируем.(щелкните правой кнопкой мыши по слою с текстом и в выпавшем меню выберите РАСТРИРОВАТЬ ТЕКСТ Создаем копию слоя с фоном(самый первый нижний слой)Для этого становимся на этот слой щелкаем по нему правой кнопкой мыши и выбираем Создать дубликат слоя. Отключаем глазик на самом нижнем слое (Фон). Слои с текстом и копией фона объединяем. Создаем создаем папку.Для этого в окне СЛОИ нажмите на папку внизу (см.скриншот)
Поместите туда объединенный слой с текстом и фоном.Создайте дубликат этого слоя. У вас должно получится так,как на скриншоте:
Становимся на верхний слой с текстом (у меня это С Новым Годом! копия) и применяем к нему ФИЛЬТР-ШТРИХИ-РАЗБРЫЗГИВАНИЕ Значение поставьте такое:
Создайте дубликат этого слоя (отключайте видимость у предыдущего слоя для удобства работы) и увеличиваем значение фильтра на 2. Снова СTRL+J(создать дубликат) и ФИЛЬТР-ШТРИХИ-РАЗБРЫЗГИВАНИЕ со значением 4.(верхний ползунок) И так далее дублируем и увеличиваем радиус воздействия фильтра. 7, 10, 13, 17, 20, 23, 25 Теперь у вас должно получится вот так:
Теперь запишем Экшен,который потом будем применять ко всем слоям, на которых есть фильтр Разбрызгивание. Становимся на слой с текстом (у меня это С Новым Годом! копия) то есть на тот слой,где мы начали применять фильтр Разбрызгивание. Вызываем меню Операции(ALT+F9): Создаем новую Операцию (тыкаем на такой же значок, как если бы мы создавали новый слой внизу меню Операции он стоит второй справа).Называем новую операцию(Экшен) Россыпь и Жмем ОК(ЗАПИСАТЬ)
Открываем вкладку КАНАЛЫ (ОКНО-КАНАЛЫ), кликаем с зажатой клавишей CTRL по КРАСНЫЙ КАНАЛ, идем обратно в меню СЛОИ , жмем CTRL +J, применяем фильтр Размытие по Гауссу( ФИЛЬТР-РАЗМЫТИЕ-РАЗМЫТИЕ ПО ГАУССУ) с радиусом 2 ,затем применяем Контурная резкость (ФИЛЬТР-УСИЛЕНИЕ РЕЗКОСТИ-КОНТУРНАЯ РЕЗКОСТЬ) со значениями близкими со скриншотом (цель - появление пятнышек беленьких )
Ставим значение слоя Светлее и жмем на квадратик в меню Операции (первая кнопка слева). Наш экшен Россыпь готов. Теперь примените экшен Россыпь ко всем другим слоям. У вас получится вот так
Теперь нам нужно немного подправить новые слои начиная где-то с середины (у меня это слой Слой 6/от слоя С Новым Годом! копия 7 к которому применяли Разбрызгивание со значением 13 ) Становимся на этот слой (слой 6 прозрачный))и применим к нему фильтр ШУМ (ФИЛЬТР-ШУМ-ДОБАВИТЬ ШУМ) Применяем к слоям с прозрачным фоном от (слоя 6 и до и до последнего верхнего слоя) фильтр Шум со значением как на скриншоте
Теперь создаем нашу анимацию. Идем в ОКНО-Анимация (для тех у кого фотошоп CS 2 прыгайте в Имидж Реди),а в меню слои ставим (открываем глазик) на первом самом нижнем слое в папке. Создаем новый кадр. В слоях предыдущий слой скрываем и открываем слой копия 1 и прозрачный слой 1 и так по порядку до конца. Кадр - два слоя обычный и прозрачный.У меня получилось 7 кадров. У вас может больше или меньше это не имеет значения.Теперь точно так же выставляем кадры в обратном порядке. Если хотите чтобы надпись была не на черном а на каком-то другом фоне. Вместо черного поставьте под низ подходящий звездный фон, а чтобы его было видно нужно папку поставить на Осветление основы.Становитесь в слоях на папку и ставиите ОСВЕТЛЕНИЕ ОСНОВЫ и проделываете эту процедуры во всех кадрах.
В меню анимации стоим на первом кадре,ставим 0,5 сек. На всех последующих 0,1 сек. Значение анимации Постоянно.Сохраняем нашу анимашку ФАЙЛ-СОХРАНИТЬ ДЛЯ ВЕБ. Ставим gif,сохраняем Все! Урок закончен желаю удачи
В данном уроке я покажу, как сделать бегущий текст, с меняющимся в нём изображением.
В этом уроке нет никаких исходников! Полная свобода творчества!
Создаём новый документ или открываем выбранное исходное изображение (для анимации лучше уменьшать огромные картинки). Я выбрала ягодку.
При помощи инструмента Текст (TextTool) делаем необходимую надпись. Попробуйте начать с одного слова. Месторасположение и цвет – неважно. Текст выбирайте пожирнее и покрупнее.
Затем копируем слой с исходным изображением 3 раза – всего должно получиться 5 слоёв (см. скриншот)
Затем создаём выделение текста. Для начала нужно текстовый слой растрировать: находясь на слое с текстом кликаем ПКМ и в выпадающем меню выбираем Растрировать слой (RasterizeType). Можно сохранить копию текстового нерастрированного слоя – вдруг пригодится. Прижимаем Ctrl и кликаем ЛКМ на иконке слоя с текстом. Появляется выделение. Сохраняем видимость только одного слоя из четырех копий исходного изображения.
Добавляемк нему маску слоя (Addlayermask) – кнопка внизу панели слоёв. Выделение и изображение исчезло. Скрываем слой с текстом. Вот, что получилось.
Тоже самое проделываем с оставшимися 2-мя копиями исходного изображения (Но: оставляем в неприкосновенности самый нижний).
«Расцепляем» слой и маску, кликая на замочек в каждом получившимся слое. Это нужно для независимого движения маски и слоя друг от друга.
Выделяем иконку маски (а не иконку слоя) на любом из трех слоёв, зажимаем ЛКМ и перемещаем маску (т.е. слово) на свободное пространство. С другим слоем тоже самое.
Под слоем с целым исходным изображением, создаем Новый слой и заливаем его любым цветом. Я использовала черный.
Далее мы будем двигать только МАСКИ! Поэтому необходимо следить за их активностью, а не выделять иконки слоя. Маску каждого слоя сдвигаем вправо (1 на скриншоте). Передвигать маску лучше: либо прижимая ЛКМ и тащить её (при активном инструменте MoveTool ), либо стрелкой на клавиатуре (но так медленно). Можно создать направляющие для равномерного движения.
Ну вот, для анимации все готово.
Открываем окно Окно-Анимация (Window-Animation) или переходим в Image Ready. Для первого кадра устанавливаем время 0,5 сек (2 на скриншоте) Делаем копию кадра (3 на скриншоте) – время 0,2 сек.
Теперь мы будем создавать перемещение слов – двигая при этом маски слоёв.
Моя задумка: Сначала появляется центральное слово, а потом верхнее и нижнее одновременно.
Выделяем маску слоя, на котором слово находится посередине. Затем, тащим её влево, чтобы оно исчезло за гранью документа. Внешне ничего не изменилось…. …но это только внешне.
Находясь на кадре №2, нажимаем кнопку Создать серию кадров (Tweensanimationframes) -4 на скриншоте. В выпадающем окне я поставила 7 кадров – это число переходных кадров, которое появится между 1-м и 2-м.
Вот так теперь выглядит палитра анимации. Меняем значение времени для серии кадров на 0,2 сек. Можно нажать СТАРТ (Plays) и посмотреть как всё это выглядит…. На Ваше усмотрение: менять время, количество кадров в серии. То же самое с двумя другими словами.
Делаем копию кадра, передвигаем слова - их маски (я их двигала одновременно), создаем переходные кадры. У меня получилось 17 кадров.
На ПОСЛЕДНЕМ - 17-ом кадре перетаскиваем маску слоя с центральным словом вправо. Это нужно, чтобы текст удобнее было читать. Если у Вас другая задумка – Творите )))) И снова копия кадра. Выдвигаем центральное слово на середину документа. Создаём серию кадров (количество в серии можно уменьшить – так как слово проходит только половину пути, я сделала 4).
На ПОСЛЕДНЕМ кадре я сдвинула вправо маски двух оставшихся слоёв (см. стрелки на скриншоте). Снова копия и верхний и нижний текст передвигаем на середину. Затем серия кадров (4 кадра).
И опять копия кадра. Для этого кадра делаем видимым целый исходный слой (слои с масками скрываем). Далее серия кадров (у меня из 5).
Время у последнего кадра нужно увеличить, чтобы изображение задержалось и его можно было рассмотреть. Далее копия и на этом кадре оставляем видимым только фоновый слой – в моём случае черный цвет.
Так мы делаем исчезновение картинки, чтобы завершить цикл. Серия кадров (у меня 5). Для кадров этой серии я установила время – 0,1 сек.
Вот и всё! Сохраняем документ в формате .GIF Файл-Сохранить для Web(File-SaveforWeb & Devices).
Вместо текста можно использовать любые фигуры, траекторию их движения менять в зависимости от задумки. Всё в Ваших руках!
Фантазии на тему…
Творческого вдохновения и удачи в реализации задуманного!
В этом уроке вы узнаете, как с помощью кистей, стилей слоев и разных режимов смешивания создать веселый текстовый эффект в виде яркой мишуры.
* в этом уроке использован Adobe Photoshop CS5 Extended * размер финального результата 1024х768 * для выполнения урока вам необходимо освоить основы работы в Фотошоп
Шаг 1. Устанавливаем цвет переднего плана на #eeebe9 и заднего на #f5a883, затем заливаем документ радиальным градиентом от центра к краю.
Пишем текст шрифтом Arial Rounded MT Bold. Размер букв 350 pt, расстояние между буквами установите на 100 px, чтобы они не перекрывали друг друга.
Шаг 2. Открываем панель Window - Brush (Окно - Кисть), выбираем кисточку Dune Grass и меняем ее параметры, как показано ниже:
- Brush Tip Shape (Форма отпечатка кисти)
Shape Dynamics (Динамика формы)
Scattering (Рассеивание)
Color Dynamics (Динамика цвета)
Кликаем правой кнопкой мышки по тексту и выбираем Create Work Path (Создать рабочий контур).
Создаем новый слой над всеми предыдущими и называем его "Мишура". Скрываем текстовый слой, кликнув по маленькому глазику на панели слоев, и активируем Direct Selection Tool (Прямое выделение) (A). Устанавливаем цвет переднего плана на #d9001f и заднего на #300600.
Кликаем правой кнопкой мышки по контуру и выбираем Stroke Path (Обводка контура).
В выпадающем меню выбираем Brush (Кисть) и деактивируем опцию Simulate Pressure (Имитировать давление).
В результате мы создали обводку контура букв. Нажмите Enter, чтобы убрать рабочий контур.
Используя ту же кисточку, заполняем внутреннее пространство текста так, чтобы не скрыть контур.
Ничего страшного, если будут небольшие просветы, не нужно их закрашивать, так как это может нарушить текстуру.
Шаг 3. Дважды кликаем по слою "Мишура", чтобы применить стили слоя:
- Drop Shadow (Тень): Меняем Opacity (Непрозрачность) на 18%, Distance (Расстояние) на 15 и Size (Размер) на 0.
- Inner Glow (Внутреннее свечение): Меняем режим смешивания на Linear Light (Линейный свет) и цвет на #9d1c24.
Это создаст мягкое красноватое свечение.
Шаг 4. Снова открываем панель Window - Brush (Окно - Кисть) и выбираем кисть Dune Grass, затем меняем параметры, как показано ниже:
- Brush Tip Shape (Форма отпечатка кисти)
- Shape Dynamics (Динамика формы)
- Scattering (Рассеивание)
- Color Dynamics (Динамика цвета)
Кликаем правой кнопкой мышки по тексту и выбираем Create Work Path (Создать рабочий контур). Создаем новый слой над всеми предыдущими и называем его "Мишура 2". Устанавливаем цвет переднего плана на #ffffff и заднего на #300600. Обводим контур с помощью этой кисти, затем жмем Enter, чтобы удалить рабочий контур.
Меняем режим смешивания слоя "Мишура 2" на Vivid Light (Яркий свет).
Дублируем (CTRL+J) слой "Мишура 2" и меняем режим смешивания копии на Linear Light (Линейный свет). Теперь обводка стала ярче.
Шаг 5. Создаем новый слой над всеми предыдущими и называем его "Мишура 2 заливка". Используем кисть из предыдущего шага, чтобы залить среднюю (пустую) часть так, как мы делали это в Шаге 2.
Меняем режим смешивания слоя "Мишура 2 заливка" на Hard Light (Жесткий свет).
Дублируем (CTRL+J) слой "Мишура 2 заливка".
Дублируем (CTRL+J) слой "Мишура 2 заливка копия" и меняем режим смешивания копии на Linear Light (Линейный свет).
Дублируем (CTRL+J) слой "Мишура 2 заливка копия 2". Дублированные слои с разными режимами смешивания позволили создать яркую текстуру для мишуры.
Шаг 6. Берем мягкую круглую кисть (В) и меняем ее параметры на панели Window - Brush (Окно - Кисть), как показано ниже:
- Brush Tip Shape (Форма отпечатка кисти)
- Shape Dynamics (Динамика формы)
- Scattering (Рассеивание)
Устанавливаем цвет переднего плана на #eeebe9. Создаем новый слой над всеми предыдущими и называем его "Искры", затем начинаем рисовать точки на мишуре.
Дважды кликаем по слою "Искры" и применяем стиль слоя Outer Glow (Внешнее свечение). Меняем режим смешивания на Vivid Light (Яркий свет) и цвет на #ffffff.
Меняем режим смешивания слоя "Искры" на Vivid Light (Яркий свет).
Шаг 7. Создаем новый слой над всеми предыдущими и называем его "Звезды".
Дважды кликаем по слою "Звезды" и применяем стили слоя:
- Drop Shadow (Тень): Меняем Opacity (Непрозрачность) на 9%, Distance (Расстояние) на 10 и Size (Размер) на 0.
- Inner Shadow (Внутренняя тень): Меняем цвет на #af8655 и Distance (Расстояние) на 0.
- Bevel and Emboss (Фаска и тиснение): Меняем Technique (Метод) на Chisel Hard (Жесткая огранка), Gloss Contour (Контур глянца) на Rolling Slope - Descending (Волнистый уклон) и активируем Anti-aliased (Сглаживание). Также меняем Highlight Mode (Режим света) на Linear Light (Линейный свет) и цвет Shadow Mode (Режим тени) на #969696.
На скриншоте ниже показано, как загрузить контуры, если у вас их нет.
- Color Overlay (Перекрытие цветом): Выбираем цвет #aca294.
Используем "звездную" кисть из набора Moons and Stars, чтобы добавить звезды вокруг мишуры.
Создаем новый слой под всеми слоями с мишурой и называем его "Соединение". Копируем и вставляем стили слоя "Звезды" на этот слой. (Кликаем правой кнопкой мышки по слою и выбираем Copy Layer Style (Копировать стиль слоя), затем правой кнопкой по слою "Соединение" и выбираем Paste Layer Style (Вставить стиль слоя))
Берем жесткую круглую кисть (В) размером 3 px и рисуем соединение между звездами и мишурой.
Располагаем текстуру soft bokeh над фоновым слоем и регулируем ее размер (CTRL+T), затем меняем режим смешивания на Overlay (Перекрытие).
В этом уроке описан очень простой способ для создания красивого светящегося искрами текстового эффекта, используя пару кистей и стилей слоя.
Примечание: - для выполнения урока вы можете использовать Photoshop CS5 и ниже; - размер документа 1024 * 768 пикс.
Шаг 1. Создайте новый слой поверх фонового слоя и назовите его "Градиент". Установите основной цвет на # 724242, а цвет фона # 3c1a1a, затем проведите Радиальный градиент (Gradient Overlay) от центра документа к одному из углов.
Дважды щелкните на слой "Градиент", чтобы добавить Cтиль слоя (Add a layer style) Наложение градиента (Gradient Overlay). Изменим Режим смешивания (Blend Mode) на Перекрытие (Overlay), Непрозрачность (Opacity) 80%, Угол (Angle) до 45 °, а Масштаб (Scale) на 150%. Затем нажмите по окну Градиента (Gradient), чтобы вызвать редактор градиента.
Используйте цвета # DC4800 (слева) и # 430401 (справа), чтобы создать градиент.
Вот что должно получиться.
Перейдем Фильтр-> Эскиз-> Мокрая бумага (Filter-> Sketch-> Water Paper), и установим значения, как на картинке ниже:
Это позволит добавить некоторые, приятные глазу искры на задний план.
Шаг 2. Напишем текст черным цветом. Используем шрифт, (урок Aardvark Cafe) размер 500 пикселей.
Дважды щелкните на текстовый слой и добавьте Cтиль слоя (Add a layer style) Внешнее свечение (Outer Glow): Изменим Режим смешивания (Blend Mode) на Яркий свет (Vivid Light), цвет # a6dc6b,Размер (Size) до 10, а Диапазон (Range) до 100%.
Изменим значение Заливка (Fill) текстового слоя до 0%. Текст должен иметь очень тонкий эффект свечения.
Шаг 3. Щелкните правой кнопкой мыши по слою с текстом на палитре слоёв и выберите команду Создать рабочий контур (Create Work Path).
СкачайтеКисть алмаз. Распакуйте архив и загрузите кисть в Фотошоп. После загрузки вы найдёте её в самом низу списка кистей. Чтобы вызвать панель настроек для кисти, используйте Окно-> Кисть (Window-> Brush). Выберите эту кисть, прежде чем перейдете к следующему шагу.
Создайте новый слой поверх всех слоев и назовите его "Искорки". Установите белый цвет, как цвет переднего плана, и выберите инструмент Выделение контура (Direct Selection Tool).
Щелкните правой кнопкой мыши на пути и выберите Выполнить обводку (Stroke Path).
Выберите кисть из инструментов выпадающего меню, и установите флажок Имитировать нажим (Simulate Pressure).
Таким образом, вы получите обводку нашей кистью. Нажмите Enter, чтобы избавиться от контура.
Дважды щелкните на слой "Искорки", чтобы добавить Cтили слоя (Add a layer style): Внешнее свечение (Outer Glow): Изменим Режим смешивания (Blend Mode) слоя на Осветление основы (Color Dodge) и цвет, на белый.
Внутреннее свечение (Inner Glow): Просто измените цвет на # f4edd3.
Это позволит добавить блеск алмазам. Изменим значение Заливка (Fill) слоя "Искорки" до 0%.
Шаг 4. Выберите мягкую круглую Кисть (Brush) и измените значения ее настроек Окно-> Кисть (Window -> Brush), как показано ниже. Форма отпечатка кисти (Brush Tip Shape):
Динамика формы (Shape Dynamics): Убедитесь в том, что у Вас выбран Нажим пера (Pen Pressure) у Колебания размера (Size Jitter)в выпадающем меню.
Создадим рабочий контур в очередной раз.
Примечание: Щелкните правой кнопкой мыши по слою с текстом на палитре слоёв и выберите команду Создать рабочий контур (Create Work Path).
Создайте новый слой поверх всех слоев и назовите его "Сияние", установите цвет переднего плана на # f8ff99 (нажмите на пути и выберите Выполнить обводку (Stroke Path)) кистью, и нажмите клавишу Enter.
Дважды щелкните на слое "Сияние", чтобы добавить Cтили слоя (Add a layer style): Внешнее свечение (Outer Glow): Изменим Режим смешивания (Blend Mode) на Мягкий свет (Soft Light), цвет белый, и Размер (Size) до 2.
Внутреннее свечение (Inner Glow): Изменим Режим смешивания (Blend Mode) на Линейный свет (Linear Light), цвет # ffb8b8,Источник (Source) Из центра (Center), и Размер (Size) до 2.
Измените, Режим смешивания (Blend Mode) слоя "Сияние" на Перекрытие (Overlay). Обратите внимание, какой яркий сейчас текст.
Шаг 5.Еще раз, выберите мягкую круглую кисть и, измените значения ее настроек (Окно-> Кисть (Window -> Brush)), как показано ниже. Форма отпечатка кисти (Brush Tip Shape):
Динамика формы (Shape Dynamics): Убедитесь в том, что у Вас выбран Нажим пера (Pen Pressure) у Колебания размера (Size Jitter)в выпадающем меню.
Передача (Transfer):
оздадим рабочий контур в очередной раз.
Примечание: Щелкните правой кнопкой мыши по слою с текстом на палитре слоёв и выберите команду Создать рабочий контур (Create Work Path).
Снова создайте новый слой поверх всех слоев, назовите его "Цвет" и измените Режим смешивания (Blend Mode) на Цветность (Color), установите цвет переднего плана на # a7a400 и (нажмите на пути и выберите Выполнить обводку (Stroke Path)) кистью, и нажмите клавишу Enter.
Примечание: чтобы выполнить обводку, выберите инструмент Выделение контура (Direct Selection Tool). Это добавит приятный зеленый цвет свечению.
Вы можете остановиться здесь, если вам нравится эффект. Следующие два шага необязательные, но они добавляют приятный блеск к фону и тексту, и создают праздничное настроение.
Шаг 6. Установим цвет переднего плана на # 724242 и фона на # 3c1a1a, затем выберите слой с градиентом.
Перейдем Фильтр-> Штрихи-> Аэрограф (Filter-> Brush Strokes-> Sprayed Strokes), и изменим значения, как показано ниже:
Большие блестки в фоновом режиме автоматически уберутся, и все сгладится.
Шаг 7. Создайте новый слой поверх всех слоев и назовите его "Снежное сияние", а затем дважды щелкните по слою, чтобы добавить Cтили слоя (Add a layer style):
Внешнее свечение (Outer Glow): Изменим Режим смешивания (Blend Mode) на Яркий свет (Vivid Light), цвет белый, и Размер (Size) до 2.
Внутреннее свечение (Inner Glow): Изменим Режим смешивания (Blend Mode) на Линейный свет (Linear Light), цвет # ffe400,Источник (Source) Из центра (Center), и Размер (Size) до 2.
Установите белый цвет, как цвет переднего плана, а также используйте Кисть (Brush) с настройками из шага 5. Нарисуйте светящиеся пятна по краю текста. Вы также можете использовать Ластик (Eraser Tool), чтобы удалить ненужные области.