GoEarn

Горящий текст

d1k3y — Fri, 23 Apr 2010 07:34:51 GMT

Create a Stunning Text on Wild Fire Effect

Уроков с огненным текстом, конечно же хватает, но еще один способ не помешает, так что начнем.

1. Создаем документ достаточно большого размера, заливаем черным цветом. Берем и шрифтом Trajan Pro (или другим) размером 280pt пишем цифру 1.

2. Правый клик по слою, заходим в Blending Options, добавляем Outer Glow с этими настройками:

Color Overlay с этими:

Satin:

и Inner Glow:

3. Растеризуйте текст, возьмите размером 200 рх и удалите верхнюю часть.

4. Заходим в Filter > Liquify, берем Forward Warp Tool с настройками как на скрине, и создаем искривление границ цифры.

5. Скачайте изображение огня, перейдите к вкладке Channels, выберите зеленый канал. Ctrl+клик по нему для загрузки выделения.

Возвращаемся к вкладке Layers (предварительно включив все каналы), и с помощью перетаскиваем огонь в наш документ, слой размещаем выше цифры.

6. Берем размером 15рх и удаляем огонь, оставив его только вокруг единички.

Дублируем слой с огнем, Opacity оригинала ставим 30%, а режим смешивания копии ставим Overlay.

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

7. Аналогичным способом пишем остальные буквы-цифры.

8. Скачайте этот фон, поместите его в документ, измените размер под свой документ, разместите ниже всех слоев.

9. Выше фона создаем новый слой, заливаем черным цветом, Opacity слоя ставим 50% и с помощью отрываем деревянный пол.

10. Создайте новый слой, назовите его Glow, поставьте 3 больших красных точки с помощью мягкой кисти

Режим смешивания этого слоя меняем на Color Dodge, ну и в принципе всё.

Эффект прыжка

d1k3y — Fri, 23 Apr 2010 07:34:40 GMT

“Jumper” Effect

Один читатель Псдтутса спросил как делается эффект, который он увидел в картинке Чака Андерсена aka NoPattern. Ну и один из авторов Псдтутса сделал урок по созданию данного эффекта.

Шаг 1. Создаем новый документ размером 600x800px. и заливаем задний слой темно-синим (#091417).

Шаг 2. Создаем новый слой и меняем режим смешивания Color Dodge. Затем идем Filter/Render/Fibers. Используем параметры, указанные на картинке.
После этого дублируем слой и перемещаем один слой немного вправо, другой влево. Ставим из так, что бы не было шва и сводим их.

Шаг 3. Идем Filter/Blur/Gaussian Blur, и используем 10 пикселей для параметра радиуса. После этого идем Filter/Artistic/Plastic. Для Highlight Strength ставим 5, и для Detail и Smoothness используем 15.

Шаг 4. Поворачиваем изображение примерно на 45 градусов и трансформируем как показано на картинке (Edit/Transform/Warp).

Шаг 5. Далее размываем изображения Filter/Blur/Radial Blur.

Шаг 6. Идем [/b]Layer/New Adjustment Layer/Brightness/Contrast[/b]. Помещаем регулирующий слой на самый верх палитры слоев. Используем 80% для Brightness и 100% для Contrast.

Шаг 7. В этом шаге мы усилим интенсивность лучей света, осветляя с помощью Color Dodge Tool и затемняя с помощью Burn Tool определенные места на картинке.

Шаг 8. Берем Polygonal Lasso Tool(L) и создаем выделение, как показано ниже. Затем берем большую мягкую кисть Burn Tool и затемняем все лишнее, что бы луч стал более выражен, ну или как то так..)

Шаг 9. Повторяем шаг 7 и 8 для создания остальных лучей.

Шаг 10. Создаем новую группу, помещаем в нее другие слои с лучами и называем “lights”. Меняем режим смешивания группы на Color Dodge. Затем внутри группы создаем новый слой.
Берем средних размер белую мягкую кисть и рисуем линию, как показано ниже. Далее ее размываем по движению Filter/Blur/Motion Blur.
Дублируем слой, изменяем его размер, и перемещаем слой выше другого луча. Так же можно снизить его интенсивность с помощью нескольких кликов Burn Tool’ом.

Шаг 11. Далее берем маленькую кисть Color Dodge Tool’a. И затемняем края тонких лучей.

Шаг 12. Повторяем шаги 8,10,11 и создаем еще лучей. Вы не должны создавать еще папок, просто создавайте новые слои в группе “lights”.

Шаг 13. Создаем новый слой поверх остальных и заливаем его черным. Далее добавляем шуму (Filter/Noise/Add Noise)с параметрами как на картинке.

Шаг 14. Создаем новый слой и берем кисть. Затем настраиваем её как показано ниже (View/Brushes), и добавляем несколько искр.

Шаг 15. Далее берем фото, удаляем весь фон и оставляем только человека.

Шаг 16. Идем Image/Adjustments/Hue/Saturation. Параметры зависят от вашего изображения, которые использовал автор вы можете увидеть ниже.

Шаг 17. Добавляем немного яркости с помощью Image/Adjustments/Brightness/Contrast.

Шаг 18. С помощью кривых добавляем немного синего и зеленого цвета.

Шаг 19. Загружаем выделение слоя с человеком (зажав контрол тыкаем по иконке слоя) и создаем новый слой в папке. Затем берем большую мягкую кисть с непрозрачностью 50 процентов и обрисовываем немного края выделения человека.

Шаг 20. Переноси слой с человеком под группу с лучами и снижаем непрозрачность до 80 процентов. Так же можете добавить текста, ну или еще чего-нибудь.

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

Добавляем разноцветное свечение в Фотошоп

Vendetta — Fri, 23 Apr 2010 07:34:27 GMT

В этом уроке я покажу Вам, как создать интересное свечение и добавить настроение изображению. Для этого будем использовать режимы наложения (blending options ), инструменты выделения и немного Вашего воображения. До обработки.

После.

Давайте начнём.
Откройте изображение, к которому вы хотите применить эффект. Я выбрал это.

Шаг 1. Нужно отделить девушку от фона. Сделайте это с помощью способа, который у Вас лучше всего получается. Я использовал инструмент Перо (Pen Tool), проведя путь вокруг фигуры девушки, нужно закрыть контур, образовать выделенную область. Растушевку поставьте в 1 пикс.

[/img]http://www.photoshop-master.ru/lessons/les965/5.jpg[/img]

Шаг 2. Скопируйте выделение(Ctrl+C) и вставьте (Ctrl+V) его на новый слой, назовите слой «Девушка».

Шаг 3. Дублируйте слой «Девушка». Для копии этого слоя примените коррекцию Яркость/Контрастность в меню Изображение – Коррекция (Image > Adjustments > Brightness and Contrast).

Шаг 4. Выделите слой «Девушка». Идём в меню Фильтр – Размытие - Размытие в движении (Filter > Blur > Motion Blur). Ставим такие настройки Угол (Angle) – 40 градусов, Смещение (Distance) – 120. Слейте слои «Девушка» и её копию.

Шаг 5. Создайте новый слой под слоем с девушкой и назовите его «Дым». Используя инструмент Лассо (Lasso Tool), обведите область вокруг девушки. Поставьте растушевку 150 пикс.

Шаг 6. Убедитесь, что Ваш цвет переднего плана - белый, а фоновый цвет - черный. Теперь идём в меню Фильтр – Рендеринг – Облака (Filter > Render > Clouds). После этого поставьте режим наложения для этого слоя Перекрытие (Overlay).

Шаг 7. Создайте новый слой под слоем "Дым" и назовите его "Градиент". Выберите Инструмент Градиент (Gradient Tool) и щелкните, чтобы вызвать Редактор Градиента. Поставьте цвет переднего плана (foreground) #c6229e и цвет заднего (background) плана #1dbdda. В настройках интсрумента поставьте Линейный. Проведите градиентом от левого верхнего угла до правого нижнего, поставьте непрозрачность этому слою 60%.

Шаг 8. Поставьте слою «Градиент» режим наложения Перекрытие (Overlay), затем слейте слои « Дым» и «Градиент». У Вас должно получится как скриншоте ниже. Можно экспериментировать с разными цветовыми сочетаниями градиента и другими режимами наложения для слоя «Градиент».

Шаг 9. Создайте новый слой под слоем "Градиент" и назовите его "Свечение". Используя белую мягкую Кисть (Brush) , закрасьте кисточкой края девушки. Это создаст эффект жара позади девушки.

Шаг 10. Сделайте активным инструмент Кисть (Brush tool), зайдите в палитру настроек кисти (F5) и введите следующие настройки, как показано на скриншотах ниже. Сохраните эту кисточку, нажав Сохранить новую кисть (Create New Brush) и назовите её "Splash". Потом вы снова можете её выбрать в палитре кистей и использовать позже. Проведите настроенной кистью по изображению как рисунке ниже. Добейтесь желаемого эффекта.

[img]http://www.photoshop-master.ru/lessons/les965/18.jpg[/img

] Шаг 11. Создайте новый слой, назовите это "Полосы". Название говорит само за себя. Мы собираемся сделать светящиеся полоски. Чтобы сделать их, выберите инструмент Полигональное лассо (Polygonal Lasso Tool) и создайте треугольник. Затем, используя белую мягкую кисть, подрисуйте противоположную сторону основы треугольника. Вы можете также экспериментировать с различными формами и размерами, чтобы создать эффекты, которые Вы хотите.

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

Шаг 13. Теперь мы создадим световые линии . Создайте новый слой под названием "Линии" выше слоя с девушкой. Поставьте цвет переднего плана (foreground color) белым, выберите инструмент Кисть (Brush Tool) и откройте окно настроек кисти. Выбираем мягкую кисть, примерно 9 пикс. Во вкладке Динамика формы (Shape Dynamics) установите Колебание размера (size jitter control) на нажим пера (Pen Pressure). Это придаст мазкам кисти интересный эффект.

Шаг 14. Используя инструмент Перо (Pen tool), создайте несколько линий (смотрите скриншот). После этого нажмите ПКМ и выберите опцию - Выполнить обводку контура (Stroke Path). Откроется окно настроек. В нём необходимо поставить Кисть (Brush) и поставить галочку в окошке Имитировать нажим (Simulate Pressure). Жмём ОК. После этого, Ваши линии сделанные пером, обведутся кисточкой.

Шаг 15. Теперь дважды щёлкните по слою с линиями, чтобы вызвать Стили слоя (Blending Options). Применим Внешнее свечение (Outer Glow). Настройки используйте как на скриншоте ниже.

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

Вот финальное изображение

Перевод: Diz_Xim

Красивая шапка для сайта

d1k3y — Fri, 16 Apr 2010 14:24:21 GMT

В этом уроке автор опишет создание "шапки" для своего блога.
Итак:
1. Создадим новый документ 954*183 и зальем его градиентом от светло-голубого к темно-синему.

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

3. Теперь изменим настройки инструмента, выставив настройки как на скрине, на "исключение".
Выставьте направляющие с помощью линейки (CTRL+R). Установите мыши на перекрестии направляющий и удерживая Shift растяните второй круг.

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

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

скачать стили

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

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

Получаем:

6. Продублируем слои с кольцами и отразим их по горизонтали (edit-transform-flip horizontal). Прозрачность установим на 30%. Немного масштабируем, уменьшив (CTRL+T). Затем размоем с помощью Filter-Blur-Gaussian Blur (радиус 3-5 px). Режим смешивания поменяем на overlay или soft light.

7. Далее автор добавил эффектов. С помощью лассо выделил участок и залил выделение белым. Снял выделение (Ctrl+D) и выбрав инструмент , размыл края.

8. Далее проделываем простую операцию: копируем слой (Ctrl+J), изменяем размер (Ctrl+T) и размываем пальцем. И так несколько раз, пока не получите нужный результат.

9.Сменим режим смешивания на overlay.

10. на заключительном этапе нам осталось только добавить фей и звезды. Можете выбрать свои кисти или же взять готовые отсюда: fairy-brushes
shining-stars

Напоследок добавьте зеркальное отражение:

Cтильный эффект стекла Windows Vista

d1k3y — Fri, 16 Apr 2010 13:56:20 GMT

1. Открываем подходящее изображение, например часть из Windows - wallpaper:

2. Rounded Rectangle Tool (Shift + U), рисуем синий(#2E69FF) вертикальный прямоугольник. Называем этот слой "shape".

3. Layer Style на слое с прямоугольником с настройками:

Drop Shadow: Size = 13
Inner Glow: Blend Mode = Color Dodge
Opacity = 30%
Color = White
Size = 45 px
Stroke: Size = 1px and color=black

4. Прозрачность слоя Fill=20%.

5. Новый слой.

6. Берем Elliptical Marquee tool , рисуем эллипс, заливаем его белым цветом и называем слой "left highlight", как на рисунке.

7. Выбираем слой "left highlight", удерживая Ctrl, жмём левой кнопкой мыши на иконку слоя "shape", инвертируем выделение Ctrl + Shift + I и жмём Delete на клавиатуре. Должно получиться примерно как на рисунке.

8. Снимаем выделение Ctrl + D. Выбираем слой "left highlight", добавляем к нему маску: Layer>Layer Mask>Reveal All, жмём на маску в панели слоёв(выбираем её) и сбрасываем цвета - D. Выбираем Gradient Tool, сверху ставим его в режим Linear Gradient(линейный градиент) и проверяем, что градиент установлен на цвета от белого к чёрному. Удерживая shift тянем градиент от правого края холста к середине (здесь можете поэксперимертировать, при необходимости комбинация Alt+Ctrl+Z отменяет последнее действие) и получаем градиентную маску(фигура на слое "left highlight" должна стать частично прозрачной - при необходимости можете также снизить непрозрачность(Opacity) слоя с фигурой).

9. Должно получиться что-то типа этого. (прим. автора: я использовал другой слой "highlight" справа. Вы можете проявить фантазию в добавлении свечений)

10. Новый слой над базовым(первым). Назовем его “Lens Glow”. Удерживая Ctrl, левой кнопкой на слое "shape", заливаем выделение черным цветом. Ctrl + D, Filter>Render>Lens Flare с установками «Movie Prime» и Яркостью около 180, нажимаем OK. Удерживая Alt, щелкаем левой кнопкой между базовым слоем и слоем "Lens Glow". Должно быть примерно так.

11. Blending mode: screen на слое "Lens Glow".

12. И, наконец, добавляем какой-нибудь текст. Готово.

Удачной работы!

Отражение от текста

Vendetta — Mon, 22 Feb 2010 10:53:22 GMT

В этом уроке я раскажу как сделать отражения тени от текста.

Начнем!

1 шаг: Создадим новый документ с разрешением 600х600, с празрачным слоем.

2 шаг: У нас откроется новый документ, теперь зальем его с помощью инструмента(заливка) черным цветом:

3 шаг: С помощью инструмента(Горизонтальный текст) нанесем на наш рисунок любые слова, выбрав в палитре цветов
белый. Я написал MEGA WEB.

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

Должно получится вот так:

5 шаг: Теперь выделив слой-копию, перейдем в верхнее меню(Редактирование-Трансформирование-Отразить по вертикали)

Совместим копию слоя с 1 слоем, вот так:

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

Откроется окно:

Нам нужно лишь: (Основные параметры-Непрозрачность)
Теперь передвинем ползунок на 20%. Получится идеальное отражение, сохраните нажав кнопку "Да".

Все, а дальше лишь ваша фантазия!

Черно-голубая панель навигации

Vendetta — Sun, 21 Feb 2010 10:01:32 GMT

Этот урок научит Вас, как совмещать несколько стилей слоя для создания красивой и простой панели навигации.

Шаг 1
Во-первых, создайте новый документ – я использовала размер 540 на 220 пикселей. Задний фон я залила черным цветом. Для этого сделайте Edit > Fill (Редактирование > Выполнить заливку) цветом #0d0d0d.

Шаг 2
Второе наше действие – это создание заднего фона для навигационных кнопок. Создайте новый слой Layer > New > Layer (Слой > Новый > Слой) и выберите инструмент Прямоугольник со скругленными углами (Rounded Rectangle Tool) (U). Задайте фиксированный размер 480 на 50 пикселей с радиусом 5 пикселей.

Заполните это выделение Линейным градиентом (Linear Gradient)от цвета #151515 до цвета #050505
Используя инструмент Градиент (Gradient Tool), отмените выделение - Ctrl + D. Задайте Заливку (Fill) слоя 60% (настройка находиться под Прозрачностью (Opacity) в окне слоев). Разница между Прозрачностью (Opacity) и Заливкой (Fill) заключается в том, что Прозрачность (Opacity) изменяет прозрачность целого слоя, а Заливка (Fill) изменяет прозрачность всего за исключением стилей слоев.

Шаг 3
Теперь мы будем добавлять несколько стилей слоя к навигационному заднему фону.
Layer > Layer Style > Outer Glow (Слой > Стиль слоя > Внешнее свечение)

Layer > Layer Style > Stroke (Слой > Стиль слоя > Обводка)

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

Шаг 4
Следующим шагом будет добавление кнопок. Создайте новый слой и, используя инструмент Прямоугольник со скругленными углами (Rounded Rectangle Tool) (U), создайте выделение 150 на 40 пикселей (опять с радиусом 5 пикселей) на левой стороне навигационной панели.

Заполните это выделение Линейным градиентом (Linear Gradient) от #323232 до #161616 используя градиентный инструмент. Установите Заливку (Fill) этого слоя на 50%.

Шаг 5
Я применила 3 стиля слоев для этих кнопок, чтобы придать им глубины и более красивого вида.
Layer > Layer Styles > Inner Glow (Слой > Стиль слоя > Внутреннее свечение)

Layer > Layer Styles > Gradient Overlay (Слой > Стиль слоя > Наложение градиента)

Layer > Layer Styles > Stroke (Слой > Стиль слоя > Обводка)

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

Шаг 6
Выберите текстовый инструмент и добавьте текст – я использовала шрифт Bell Gothic Std, Полужирный (Bold), 20 pt, Четкое (Crisp), #ffffff.

Шаг 7
Теперь повторите шаги для создания кнопок с двумя следующими кнопками – я решила сделать среднюю кнопку другого цвета для выделения. Голубые используемые цвета - #14b9ef и #054573.

Шаг 8
Так как мы установили Заливку (Fill) слоев 50-60%, то мы можем отрегулировать задний фон, и он будет полупрозрачным – внизу я поместила Радиальный градиент (Radial Gradient) с цветами, что используются в теме Vista.

Перевод: Diz_Xim

Природный эффект на тексте

Vendetta — Sun, 21 Feb 2010 08:45:10 GMT

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

Начнем!

Шаг 1. Создайте новый документ размером 1200х600 пикселей, залейте фон черным цветом. Выберите нужный вам шрифт и напечатайте любой текст. При этом создастся новый слой с текстом выше фона, назовите его "текст". Разместите текст по середине изображения.

Растрируйте его, нажав на слое правой кнопкой мыши и выбрав "Растрировать текст".

Шаг 2. Дважды нажмите на слое "текст", появится окно Параметры наложения (Blending options). Внутренняя тень (Inner Shadow):

Внешнее свечение (Outer Glow):

Тиснение (Bevel and Emboss) – настройки по умолчанию. Контур (Contour):

Наложение цвета (Color Overlay):

После применения всех вышеописанных эффектов должно получиться что-то подобное:

Шаг 3. Удерживая нажатой клавишу CTRL, выделите левой кнопкой мыши слой "текст".

Выберите Выделение - Модификация - Расширить (Select - Modify - Expand) и введите значение в 15 пикселей.
Далее примените Выделение - Модификация - Растушевка (Select - Modify - Feather), снова введите 15 пикселей. После проделанных операций должно выглядеть так:

Шаг 4. Найдите картинку с изображением листвы и загрузите в Photoshop.
Изображение, которое вы видите ниже, я выбрал для себя. Вы можете взять любую понравившуюся картинку.

Вернитесь к нашему первому документу и переместите выделение на картинку с листвой. Внимание! На данном шаге нужно перемещать ТОЛЬКО ВЫДЕЛЕНИЕ, без текста!
Скопируйте выделение на листве CTRL+C и вставьте его на документ с текстом CTRL+V. Назовите новый создавшийся слой "листва". Вот как должно выглядеть:

Шаг 5. Измените Параметры наложения (Blending options) слоя "листва" на Жесткий свет (Hard Light). Нажмите CTRL+L и выставьте такие настройки:

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

Немного подкорректируем текст. Сделайте слой "текст" активным. Возьмите Ластик (Erase Tool) (непрозрачность и нажим - 50%) и слегка пройдитесь им по нижней части текста.

Шаг 6. Ok. Теперь мы добавим немного текстуры дерева, чтобы было более натурально. Найдите картинку с изображением коры, поверхности дерева или камня и загрузите в Photoshop. Вернитесь на первый документ и выберите инструмент Лассо (Lasso Tool), растушевка - 25 пикселей. Сделайте выделение как на изображении ниже.

Снова перетащите ТОЛЬКО ВЫДЕЛЕНИЕ на картинку с деревом или камнем, скопируйте и вставьте на первый документ. Назовите новый слой "дерево". Вот, что получилось:

Шаг 7. Сделайте слой "дерево" активным и выберите Изображение - Коррекция - Черно-белый (Image - Adjustments - Black and White), примените следующие параметры:

Создайте дубликат слоя "дерево" и примените Фильтр - Штрихи - Акцент на краях (Filter – Brush Strokes - Accented Edges) с такими настройками:

Измените Параметры наложения (Blending Options) дубликата слоя "дерево" на Перекрытие (Overlay).

Шаг 8. Удерживая клавишу SHIFT, сделайте активными все слои, кроме фона. Нажмите CTRL+T и исказите изображение, как ниже на рисунке.

На последнем этапе создадим облака. На новом слое "облака" нарисуйте инструментом Лассо (Lasso Tool) выделение с растушевкой 15 пикселей. Залейте выделение черным цветом и примените Фильтр - Рендеринг - Облака (Filter – Rendering – Clouds).

Нажмите CTRL+L и примените такие настройки:

Теперь нажмите CTRL+M и примените такие настройки:

Слой "облака" должен находиться выше слоя "дерево (копия)". Измените Параметры наложения (Blending Options) на Осветление (Screen). Вот так выглядит конечный результат:

Все!

Перевод: Diz_Xim