JimBots.ru

Фотошоп Урок - Текст Охваченный Огнем

1ldar — Sat, 03 Mar 2012 13:22:43 GMT

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

Мы будем делать вот такой эффект

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

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

Color Overlay (наложение цвета) с этими:

Satin(глянец):

и Inner Glow(внешнее свечение):

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

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

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

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

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

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

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

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

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

Фотошоп Урок - Фотография Из Текста

1ldar — Wed, 29 Feb 2012 19:59:23 GMT

1. Для начала найдем фотку, которую будем переделывать.
Нашли?! Ок. Теперь сделаем её черно-белой
Лучший способ для этого Image -> Adjustments(коррекция) -> Channel Mixer(Микширование каналов)
Просто потому что так вы можете корректировать преобразование

2. Теперь вам нужен текст который создаст образ
Вы можете использовать любой большой текст (не используйте одно повторяющееся слово)

Если нет толку взять текст зайдите на сайт http://www.lipsum.com/ и сгенерируйте текст

3. Теперь выбираем Тext tool(Т). И растягиваем его на всё изображение. Ставим шрифт Arial, размер 8. Теперь вставляем скопированный нами ранее текст. Так как в нашем случае текст был разделён на абзацы, поэтому убираем промежутки между ними. Если картинка не вся заполнена текстом, то просто ещё раз вставляем текст в конце последнего абзаца.
По желанию применяем к тексту следующие настройки. Это просто делает текст ближе друг к другу, и более равномерным.

4. Теперь дублируем слой с текстом 2 раза. Самый нижний слой с текстом оставляем чёрным, цвет шрифта среднего слоя должен быть средним серым, примерно таким #7F7F7F, цвет шрифта самого верхнего слоя с текстом должен быть светло серым, подобный этому #C5C4C4.

6. Растрируем все слои с текстом (щелчок правой кнопкой на слое на панели слоёв, и выбираем Rasterize Layer или растрировать) И делаем их не видимыми(жмем на глазик).

7. Выбираем слой с фоткой. Все остальные слои должны быть не видимы. И идём Select(Выделение) -> Color Range(Цветовой диапазон)

8. В появившемся окне, в графе Select(Выделение), выбираем Shadows(Тень). Жмём Ок. Далее инвертируем выделение (Ctrl+Shift+I). Теперь выбираем самый нижний слой с текстом, на панели слоёв. Он стал видимым. Жмём delete. Отменяем выделение (Ctrl+D). Помните, когда мы выбираем Color Range только слой с картинкой должен быть видимым. Когда вы нажимаете delete на слое с текстом, убедитесь что он видим.

9. Теперь повторите пункт 7 и 8 применительно к среднему, и к верхнему слою с текстом. ТОЛЬКО ПОМНИТЕ!!! Для среднего слоя в Color Range выбираем Midtones(Средние тона), а для верхнего слоя Highlights(Свет)

Теперь у нас есть все слой с текстом. Делаем фото не видимым. И вот что у нас получилось.

прим. необходимо иметь слой с белым(или любым другим) фоном, расположенный под всеми слоями, т.е. Background

Результат автора

Фотошоп Урок - Разбиваем Текст В Фотошоп

1ldar — Wed, 29 Feb 2012 19:56:46 GMT

Шаг 1. Создаём новый документ с чёрным фоном #000000. Выбираем инструмент Тext Тool (Текст) и подбираем подходящий шрифт. В этом случае я использовал шрифт MyriadBold, с размером 70 пт и взял белый цвет #FFFFFF. Я разместил текст и растрировал слой. Чтобы растрировать текст, убедитесь что ваш слой выделен, а за тем идём Layer>Rasterize>Type (Слои – Растрировать – Текст) – это превратит текст в обычную картинку, которую можно редактировать. Даём имя слою Креативный. У нас должно получиться, что-то вроде этого:

Шаг 2. Выбираем инструмент Рen Тool (Перо) – выбираем вверху экрана в опциях инструмента – Контуры. Стоя на слое Креативный, инструментом Перо выделяем часть буквы С, когда замкнём область нажимаем пр.клавишу мыши и выбираем Make Selection (Образовать выделенную область) с радиусом растушевки 0. Далее Edit>Cut (CTRL + X) (Редактирование - Вырезать) и идём Edit>Paste (CTRL + V) (Редактирование - Вставка) это действие вставит пол буквы С на новый слой. Теперь выбираем инструмент Move Tool (V) (Перемещение) и размещаем пол буквы С как нам удобно.
Перо

Смещение

Шаг 3. Теперь будем выполнять действия над буквой R. Для начала дублируем Креативный слой Layer>Duplicate layer (Слои – Дублировать слой). Создадим новый слой под дубликатом Креативного и выберем инструмент Рen Тool (Перо). Теперь на этом слое создадим треугольное выделение над буквой R и зальем его чёрным #000000. Вы должны находиться на новом слое, который вы создали под дубликатом Креативного.

Переходим на дубликат Креативного слоя и создаём обтравочную маску (CTRL + ALT + G). Сначала мы не заметим изменений, выберем инструмент Мove Тool (V) (Перо) и сдвинем дубликат Креативного слоя немного вниз, и мы сразу увидим влияние заливки R.

Шаг 4. Теперь приступим к следующим буквам. Такой же техникой будем воздействовать на оставшиеся символы. Мы должны находиться на слое Креативный. Далее берём Pen tool (Перо), выделяем часть буквы, которую мы желаем переместить. Вырезаем её (CTRL+X) и вставляем (CTRL+V). Используя инструмент Перемещение , сдвинем часть буквы.
Замечание. Выделять части букв можно и другими инструментами.
Совет переводчика: используйте инструмент Прямолинейное лассо . Вот как это выглядело у меня:

Шаг 5. Теперь, когда наше слово Креативный полностью «порезано» пришло время ко второму слову. Берём инструмент Text (Текст) и пишем слово “Block” с таким же шрифтом, цветом но размером 40 пт. Растрируем этот слой Layer>Rasterize>Type(Слой – Растрировать – Текст) или пр. клавиша мыши на слое – Растрировать.
Теперь выделяем части букв вырезаем и вставляем и с помощью перемещения размещаем их так как нам угодно. Вот результат:

Шаг 6.Ну и теперь последняя и самая сложная часть урока.
Найдём текстуру бетона. Размещаем нашу текстуру поверх всех слоёв и ставим режим смешивания для этого слоя Darken(Затемнение).
Ещё, по желанию можно, снизить непрозрачность слоя с текстурой.

Шаг 7 .Я знаю, что изображение выглядит не очень привлекательно, но мы исправим это. Переходим на слой с текстурой и выбираем инструмент Burn Tool (Затемнение).
Ставим диапазон средние тона и экспозицию на 25-50%. Теперь затемним края букв для придания контраста :

Шаг 8. Теперь Layer>NewAdjustmentLayer>BrightnessandContrast (Слои - Новый корректирующий слой – Яркость \ Контрастность) Яркость +14 и Контрастность +100.
Это придаст глубины буквам, но недостаточно. Двойной щелчок по любому названию слоя с частью буквы, в палитре слоев, и откроется окно стилей слоя, добавим Drop Shadow (Тень). И поставим следующие настройки:

Жмём правую клавишу мыши стоя на этом слое и Копировать стиль слоя. Теперь выделим все слои кроме слоя с текстурой, слоя Креативный, слоя Блок и слоя с обтравочной маской. Это можно сделать, зажав клавишу CTRL и кликать по названию слоя в палитре слоёв. После кликнем правой клавишей мыши на любом из них и Вставить стиль слоя. Эти действия добавят глубины и разнообразия нашим буквам.

Шаг 9. Создадим новый слой Layer>New>Layer (CTRL+SHIFT+N) (Слои – Новый – Слой) и зальём его чёрным, поставим режим смешивания Color Dodge (Осветление основы) и выберем инструмент Brush Tool (Кисточка).
Используем довольно большую, мягкую кисточку с яркими цветами, например оранжевый, зелёный, синий, зелёный. Я использовал зелёный и оранжевый, коснёмся краёв наших букв. Теперь создадим ещё один новый слой и зальём его также чёрным, но поставим ему уже режим смешивания Overlay (Перекрытие). Берём кисточку белого цвета и добавляем светлых участков буквам.

Шаг 10. Последним шагом нашего проекта будет добавление битого стекла. Можете скачать здесь. Ставим Режим смешивания для изображения со стеклом Linear Dodge (Линейный свет) и лишнее стираем ластиком . Урок закончен. Надеюсь Вы разбили свой Креативный блок в дребезги =)
Результат автора урока:

Вариант переводчика:

Автор: Будулатий Александр

Шрек

sd68rus — Wed, 29 Feb 2012 19:55:02 GMT

фиолетовый

Добавлено (23.02.2012, 19:06)
---------------------------------------------

Добавлено (23.02.2012, 19:07)
---------------------------------------------
Как вам?

Фотошоп Урок - Звуковая Дорожка

1ldar — Thu, 23 Feb 2012 08:29:48 GMT

открываем документ(я выбрал 350х350)
заливаем его черным цветом что бы было удобно
№1 создаем новый слой(линия) рисуем тонкую линию(размер 1 пиксель) карандашом или пером я выбрал перо
копируем этот слой несколько раз(я копировал 5 раз) и прячем эти слои нажав на глазик у слоя
№2 находясь на слое "линия" переходим в фильтр-стилизация-ветер
выбираем ветер и сторону(я выбрал справа)

№3 копируем этот слой(Ctrl+j), переварачиваем его по горизонтали(через Ctrl+t) и подтягиваем его так что бы она была точным отражение нашей линии и склеиваем их между собой(Ctrl+E)

и повторяем с остальными слоями тоже самое начиная с №2 выглядит долго, но когда вы все сделаете поймете что все довольно быстро (после первого раза как вы использовали этот фильтр уже можно его возобновлять набрав Ctrl+F)
то-есть у вас получается:
нарисовали первую волну перешли на другую включили глазик нажали Ctrl+F нажали Ctrl+J нажали Ctrl+T соединили нажали Ctrl+E скрыли глазик перешли к след. линии
как все сделаете можно предать цвет(Ctrl+U незабудте убавить яркость в этом окне потому что мы меняем с белого на другой)
выделяем все слои и переворачиваем на 90 градусов(незабудте вкл. глазики что бы была возможность поворота)
№4 убираем глазики со всех линий кроме одной
заходим в анимацию(окно-анимация)
время отображения ставим 0,05(если не знаете как оставте 0)
дублируем кадр включаем глазик а нашей линии в включаем у другой и так пока они не закончатся
вот наш результат

и еще раз напомню))
не забывайте эксперементировать
вот мой эксперемент с этим эффектом

Фотошоп Урок - Коллажирование Сюрреализм

1ldar — Wed, 22 Feb 2012 16:24:09 GMT

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

Ничего странного незаметили? Да врятли вы умеете ходить по стенам но с фотошопом нет ничего невозможного

1) Начинаем с выбора изображений поскольку урок идет с фотографией я невижу смысла выкладывать фотки вы можете использовать свои
Если нет нужных фоток и вы хотите просто по тренироваться пиши в личку скину фотки отдельно

2) Положим изображение стены набок. Image>Rotate Canvas>90° CW, разблокируем слой, назовем его "Wall". Возмите любое фото и поместите человека в повернутый документ

3. Теперь вырежем модель для этого используем
Если вы неумете используйте урок который я выложил ранее
>>>Фотошоп урок - вырезаем фон<<<

Получится примерно так

4. Теперь, когда человек вырезан - изменим размер этого слоя и разместим там, где он будет в конце. Жмем Ctrl+T или Select>Transform Selection и изменяем размер как хотим (для сохранения пропорций удерживайте Shift), по окончании трансформации жмем Enter

5. Так как мы повернули человека и поставили его на стену, источник света у нас теперь не совпадает с освещением человека - небо теперь справа, значит свет идет оттуда, а не сверху. Для придания реалистичности придется поработать с освещением

Для начала поработаем Затемнителем - создадим тени в левой части человека. Ставим режим midtones, opacity около 50%. В этом режиме инструмент будет работать и в темных и в светлых областях изображения. Затем берем осветлитель (режим highlights с opacity 20-30%) и создаем блики на правой стороне. Этот режим высветляет светлые участки, а тени останутся практически нетронутыми

Если вы всё сделали правильно, то легко увидите разницу

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

7. Для создания большего фокуса на человеке сделаем фальшивую глубину резкости на фоне. Дальний край здания выглядит слишком резким, его размывка приведет к тому, что больше внимания будет на человека. Снова дублируем наш фон берем Размытие и размываем участки фона, удаленные от камеры. Поиграйте с жесткостью кисти, в зависимости от участка ставьте от 0 до 70%. Близкие обрасти размывайте кистью с пониженным параметром strength, таким образом увеличивая фокус ближе к человеку

8. Для улучшения Создайте корректирующий слой цветового баланса (Слои>Новый корректирующий слой>Цветовой баланс...). Поиграйте настройками цвета, пока не добьетесь желаемого результата

Итог нашей работы

Фотошоп Урок - Радужный Эффект

1ldar — Wed, 22 Feb 2012 16:18:07 GMT

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

Вот что мы получим в итоге

Шаг 1. Создайте новый документ. Дважды щелкните на фоновом слое, чтобы открыть стили слоя. Выберите Gradient Overlay (наложение градиента) и используйте черный и темно-синий цвет. Выберите радиальный стиль градиента.

Шаг 2. Создайте новый слой и залейте его черным цветом.

Шаг 3. Выберите основной цвет черный, а фоновый серый. Примените Filters> Render> Fibers (фильтр> рендеринг> волокна). Установите отклонение 36, а интенсивность 1

Шаг 4. Примените Filters> Blur> Motion Blur (фильтр> размытие> размытие в движении). Я установил смещение 999, это максимальное значение, но вы можете попробовать другое значение. Для угла я использовал значение 90 ?.

Шаг 5. Дважды щелкните на этом слое, чтобы открыть стили слоя. Выберите Gradient Overlay (наложение градиента). Используйте цвета радуги: фиолетовый, синий, зеленый, желтый и красный.

Шаг 6. Используя Lasso Tool (лассо) (L), создайте любое выделение, как сделал я. Растушевка пера 30рх. После этого перейдите в Layer> Layer Mask> Reveal Selection (слой> слой-маска> показать выделенную область).

Вот и все!!
Наш финальный результат

По моему просто и изящно

Фотошоп Урок - Текстовой Эффект1

1ldar — Wed, 22 Feb 2012 16:14:58 GMT

Настало время для нового урока

Сегодня мы немного поработаем с текстом т.к я заметил для многих эта тема востребована в рисовании логотипов

Вот что мы получим в итоге:

Начнем

1) Начнем с небольшой заготовки
Создайте новый документ 100 х 100 и нарисуйте точку мягкой черной кистью

Закройте фон и уменьшите размеры изображения до 20 х 20
Далее Редактировать>Определить образец

Наши приготовления закончены

2) Создаем новый документ размером не менее 800px и напишите любой текст

3) Создайте новый слой и возьмите бело-черный градиент (слева белый а справа черный)
Включаем ражим быстрой маски ("Q") И ведем от самого низа ТЕКСТА к самому верху ТЕКСТА
Нажимаем "Q" во второй раз и получаем выделение нижней части документа
Не снимая выделения жмете SHIFT+F5 (Выполнить заливку)
В выпавшем окне выбираем недавно созданную точку и жмем ОК
Должно получиться примерно так:

4) Снимаем выделение со слоя с точками и выделяем текст (CTRL+Клик по слою с текстом)
теперь не снимая выделения переходим на слой с точками и вырезаем все что за пределами текста для этого применим инверсию (CTRL + SHIFT + I) и Делитом вырезаем

5) Идем к слою с текстом и делаем в стиле слоя>Gradient Overlay (Перекрытие Градиента)

6) Объедините все слои кроме фона и для этого слоя примените фильтр
Filter >> Artistic(Имитация) >> Plastic Wrap(Целлофановая упаковка)
17, 11, 7

Продублируйте слой и нажмите CTRL+F Это повторит фильтр
К дубликату примените режим Color Dodge и Теперь слейте эти два слоя

7) Все самое сложное позади осталось лишь зайти в стили слоя сделать обводку
Обводить будем градиентом

Идем в Рельеф (он же тиснение) и устанавливаем параметры как на картинке

Вот что вышло:

На этом можно остановиться а можно ище добавить отражение (Скопировать слой отразить вертикально и чуток поработать ластиком)

Вот и весь урок

Создай в Фотошоп глянцевый текст из текстуры

1ldar — Wed, 22 Feb 2012 16:12:59 GMT

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

Шаг 1. Установим цвет переднего плана на #6fb1bf, а цвет фона # 2a4d53, затем проведем Зеркальный градиент (Reflected Gradient) из центра документа вниз.

Поместим Бесшовную текстуру плитки поверх фона, и изменим ее Режим смешивания (Blend Mode) на Мягкий свет (Soft Light).

Шаг 2.Напишем текст белого цвета. Используем шрифт Insaniburger. Размер 345 пикселей.

Изменим значение Заливка (Fill) текстового слоя до 0%.

Дублируем слой с текстом.

Создайте новый слой под двумя текстовыми слоями и назовите его "Текстура". Зажмите клавишу Ctrl и щелкните по иконке текстового слоя (значок), чтобы создать выделение. Установите цвет переднего плана на # 164b7c, а цвет фона # b2ebfc.

Шаг 3.Убедитесь что слой "Текстура" выбран (активный), перейдите в меню Фильтр-> Рендеринг-> Облака (Filter-> Render-> Clouds). Нажмите Ctrl + D или Выделение-> Отменить выделение (Select-> Deselect), чтобы избавиться от выделения.

Перейдем к Фильтр-> Имитация-> Акварель (Filter-> Artistic-> Watercolor). Изменим Детализация (Brush Detail)до 5, Глубина теней (Shadow Intensity) на 0, а Текстура (Texture) 3.

Перейдем к Фильтр-> Имитация-> Масляная живопись (Filter -> Artistic -> PaintDaubs). Изменим Размер кисти (Brush Size) до 6, Резкость (Sharpness) до 5, а также выберите Искры (Sparkle) из раскрывающегося меню Кисти (Brush Type).

Еще раз, зайдите Фильтр-> Имитация-> Акварель (Filter-> Artistic-> Watercolor) и примените те же значения Детализация (Brush Detail)до 5, Глубина теней (Shadow Intensity) на 0, а Текстура (Texture) 3.

Шаг 4.Перейдем к Изображение-> Коррекция-> Цветовой тон/Насыщенность (Image-> Adjustments-> Hue/Saturation) (Ctrl + U), и изменим значение Цветовой тон(Hue) до -10. Таким образом, текстура для текста будет подходить по цвету к фону.

Дважды щелкните на оригинальный слой текста, чтобы добавить Cтили слоя (Add a layer style).
Тиснение (Bevel and Emboss):
Стиль (Style) на Внешний скос (Outer Bevel),
Размер (Size) до 11,
снимите флажок Глобальное освещение (Use Global Light),
Угол (Angle) до -104 и Высота (Altitude) до 48,
Контур глянца (Gloss Contour), на Кольцо (Ring),
проверьте галочку Сглаживание (Anti-aliased),
цвет Режим подсветки (Highlight Mode)на # 1dfcff и Непрозрачность (Opacity) до 100%,
цвет Режим тени (Shadow Mode) на # 919191.

Контур (Contour): Выберите Перевернутый конус и проверьте галочку Сглаживание (Anti-aliased).

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

Теперь дважды щелкните на слой копию текста, и примените Тиснение (Bevel and Emboss) с другими настройками:
убедитесь, что Стиль (Style) имеет значение Внутренний скос (Inner Bevel), изменим Глубину (Depth) до 500,Размер (Size) до 12, и снимите флажок Глобальное освещение (Use Global Light), затем измените Угол (Angle) до 120 и Высота (Altitude) до 48. Кроме того, изменим Режим подсветки (Highlight Mode) на Яркий свет (Vivid Light) и его цвет # FFFFFF, и изменим цвет Режим тени (Shadow Mode) на # 707070.

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

Шаг 5. Наконец, установите цвет переднего плана на # FFFFFF и цвет фона # b2ebfc, создайте новый слой поверх всех слоев и назовите его “Блеск” и измените его Режим смешивания (Blend Mode) наЯркий свет (Vivid Light).

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

И вот наш заключительный результат!

Фотошоп Урок - Динамичная Анимация

1ldar — Sun, 19 Feb 2012 14:06:16 GMT

Создайте новый документ с разрешением 400x125 px с прозрачным фоном. Создайте какой-нибудь простой фон. Найдите изображение, которое вам бы хотелось анимировать,
Я буду работать с этим изображением:

Для начала поместите это изображение на задний фон так, как вам понравится:

Итак, теперь вам нужно дублировать слой изображения, которое вы поместили, и зайти в меню Filter>Blur>Motion Blur (Фильтр > Размытие > Размытие в движении), установите параметр Distance (Смещение) на 25px.
Ваш дублированный слой должен выглядеть примерно так:

На данный момент у вас должно быть три разных слоя:
Задний фон
Простое изображение
И размытое изображение

Итак, теперь мы готовы перейти в редактор Imageready.
Сейчас вам надо спрятать размытый слой:

Теперь вам нужно перейти к окну анимации и продублировать первую рамку:

В то время, как вторая рамка анимации активна, спрячьте простое изображение, а размытое сделайте видимым:

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

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

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

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

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

Если вы все сделали правильно получится примерно так

P.S. При сохранени файла, зайдите в меню File>Save for web (Файл > сохранить для веб ) и выберите формат gif.