DesigNonstop - О дизайне без остановки » Текст эффект

Создаем в фотошопе круглый логотип с декоративным элементом

Наташа Клевер — Fri, 20 Jan 2012 21:01:09 +0000

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

Создаем в фотошопе логотип с текстурным фоном из кожи и лентой

Наташа Клевер — Mon, 19 Dec 2011 21:01:03 +0000

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

Создаем в фотошопе стильный винтажный логотип с завитушками

Наташа Клевер — Tue, 08 Nov 2011 21:01:21 +0000

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

Создаем в фотошопе логотип с текстом по кругу и лентами по бокам

Наташа Клевер — Tue, 13 Sep 2011 21:01:59 +0000

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

Создаем в фотошопе текст, написанный мелом на школьной доске

Наташа Клевер — Wed, 17 Aug 2011 21:01:31 +0000

Сегодня попробуем сделать зеленую школьную доску и написать на ней мелом текст. Как всегда, за идею урока спасибо Vectips, который реализовал ее в иллюстраторе. Я же ее воплотила в жизнь с помощью фотошопа. В этом уроке есть несколько любопытных простых приемов, которые дают потрясающий эффект. Сначала поколдуем над доской, придав ей немного потертый вид в прямом и переносном смысле. Потом напишем текст и с помощью режима наложения «Растворение» (Dissolve) будем добиваться эффекта надписи, сделанной мелом. Потом немного украсим надпись.

Создаем в фотошопе логотип в стиле ретро с эффектом смещения

Наташа Клевер — Wed, 13 Jul 2011 21:01:46 +0000

Сегодня мы будем делать стилизованный под ретро логотип в модных ныне песочных тонах и с эффектом смещения фигур. За идею урока спасибо Vectips, который реализовал ее в иллюстраторе. Я же ее воплотила в жизнь с помощью фотошопа. Сначала мы сделаем основной фон с полутоновым узором. Далее создадим несколько декоративных фигур и немного украсим их. Потом займемся текстом – основным и вспомогательным. В конце немного приукрасим композицию в помощью узора из наклонных линий.

Создаем в фотошопе светящийся цветной эффект для текста

Наташа Клевер — Thu, 14 Apr 2011 21:01:21 +0000

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

За несколько шагов создаем в фотошопе скетч эффект для текста

Наташа Клевер — Thu, 10 Mar 2011 21:01:48 +0000

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

Создаем в фотошопе винтажный 3d текст из мятых старых газет

Наташа Клевер — Wed, 16 Feb 2011 21:01:08 +0000

Несложный, но эффектный урок от Loreleiwebdesign, в котором ми научимся делать стильный винтажный текст с 3d эффектом, сделанный из старых газет. Самое главное – это найти подходящую текстуру старой газеты. Авторы урока предлагают воспользоваться поиском или сделать самому из разных кусочков. Ну а дальше уже дело техники. Пишем текст, вырезаем его из газеты, создаем тень и применяем несколько стилей слоя для реалистичности.

Создаем в фотошопе трехмерный текст из расплавленной лавы

Наташа Клевер — Thu, 20 Jan 2011 21:01:22 +0000

Очень необычный и полезный урок от Tutorialwiz, в котором оригинальным способом создается трехмерный текст с эффектом расплавленной лавы. Сначала мы применим к изображению фильтр «Ветер», потом фильтр рендеринг «Облака с наложением», потом уже основной фильтр урока «Экструзия». Для придания цвета мы будем последовательно корректировать цветовой баланс для тени, света и средних тонов.

Создаем в фотошопе металлический эффект тиснения для текста

Наташа Клевер — Tue, 28 Dec 2010 21:01:10 +0000

Оригинальный урок от Loreleiwebdesign для придания тексту эффекта металлического тиснения. Для начала напишем слово красивым шрифтом, потом применим к нему различные стили слоя, имитируя эффект тиснения. Попутно сами создадим новый узор, потом слегка украсим фон градиентом. Придадим тексту гламурного глянца и украсим его эффектными светящимися точками.

Создаем в фотошопе акварельный эффект для текста на мокрой бумаге

Наташа Клевер — Fri, 19 Nov 2010 21:01:42 +0000

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

Создаем в фотошопе вкусный шоколадный эффект для текста

Наташа Клевер — Tue, 19 Oct 2010 21:01:01 +0000

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

Шаг 1.
Создаем в фотошопе новый документ, заливаем его цветом #140b07. Создаем новый слой, выбираем большую мягкую кисть и цветом #371b0f щелкаем ей в центре холста. Потом трансформируем (Ctrl+T) размеры этого пятна, чтобы получилось как на рисунке ниже.

Шаг 2.
Пишем слово в центре документа. В уроке использовался шрифт Myriad, большие буквы, цвет любой.

Шаг 3.
Щелкаем два раза по слою с текстом и в диалоговом окошке «Стиль слоя» выбираем закладку «Тень» (Drop Shadow). Параметры как на рисунке ниже. Режим наложения «Умножение» (Multiply).

Шаг 4.
Переходим в закладку «Тиснение» (Bevel and Emboss). Параметры как на рисунке ниже. Стиль (Style) – «Внутренний скос» (Inner Bevel), Метод (Technique) – «Жесткая огранка» (Chisel Hard). Режим подсветки – «Перекрытие» (Overley), Режим тени – «Перекрытие» (Overley).

Шаг 5.
Закладка «Наложение цвета» (Color Overlay). Параметры как на рисунке ниже. Цвет черный, «Прозрачность» (Opacity) 20%.

Шаг 6.
Переходим к закладке «Наложение градиента» (Gradient Overlay). Параметры как на рисунке ниже. Цвета слева направо от #1e0f08 к #371b0e.

Финал
Получаем такой вот шоколадный эффект для текста.

А вот еще интересное:

Создаем в фотошопе стильный эффект для текста с золотым отливом

Наташа Клевер — Sun, 19 Sep 2010 21:01:28 +0000

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

Шаг 1.
Создаем в фотошопе новый документ размером 1080х1024. Теперь наложим радиальный градиент. Двойным щелчком по слою открываем стиль слоя и идем в закладку «Наложение градиента» (Gradient Overlay). Используем следующие цвета: желтый #f2d445 и зеленый #98a843. Настройки как на рисунке ниже.

Получился такой результат.

Шаг 2.
Теперь скачаем эти текстуры. Возьмем файл Media Meltia Particles008.png.

Вставляем текстуру в наш документ. Ставим режим наложения «Осветление основы» (Color Dodge). Назовем слой Particle1.

Теперь возьмем файл Media Meltia Particles006.png. Вставляем текстуру в наш документ выше первой текстуры. Назовем слой Particle2.

Ставим режим наложения «Осветление основы» (Color Dodge). Трансформируем слой под размеры основного документа.

Шаг 3.
Шрифтом Rezland пишем любое слово в центре документа.

Шаг 4.
Дважды кликнем по слою с текстом для того, чтобы открыть стили слоя. Будем последовательно их настраивать.

Сначала «Внутренняя тень» (Inner Shadow) с настройками как на рисунке ниже.

Затем «Внешнее свечение» (Outer Glow). Цвет #f7db6a.

Теперь «Наложение градиента» (Gradient Overlay). Цвет зеленый #918d14, светло-серый #fbfbfa.

И наконец «Градиентная обводка» (Gradient Stroke). Цвет желтый #f8d04a, светло-желтый #f6e6b5.

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

Шаг 5.
Теперь начнем накладывать частички одной из текстур на слой с текстом. Делаем дубликат слоя Particle 2 и вставляем его выше слоя с текстом. Применим маску для слоя Particle 2. В меню «Слой» (Layer) > «Слой маска» (Layer Mask) > «Скрыть все» (Hide All). На этом шаге слой должен исчезнуть.

Шаг 6.
Теперь будем проявлять кристаллики на тексте. Выбираем инструмент «Кисть» (Brush), выбираем большую мягкую кисть размером 45px. Цвет переднего фона – белый, заднего – черный.

Теперь, когда мы начнем рисовать кистью по слою, частички начнут проявляться.

Шаг 7.
Теперь наложим текстуру дыма. Для этого скачиваем пакет этих текстур. Воспользуемся файлом Smoke_V1_1071.jpg. Вставляем текстуру выше слоя-маски, масштабируем дым, приблизительно как на рисунке ниже. Ставим режим наложения «Осветление основы» (Color Dodge).

Теперь слегка уменьшим концентрацию дыма. Возьмем инструмент «Ластик» (Eraser) и сотрем лишнее.

Шаг 8.
Теперь добавим яркий световой блик. Создаем новый слой, заливаем его черным цветом. В меню выбираем «Фильтр» (Filter) > «Рендеринг» (Render) > «Блик» (Lens Flare) с настройками как на рисунке ниже.

Меняем режим наложения слоя на «Осветление основы» (Color Dodge).

Трансформируем слой с бликом в узкую полоску, как на рисунке ниже.

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

Шаг 9.
Создаем новый корректирующий слой-заливку. Для этого щелкаем по соответствующему значку внизу палитры слоев и выбираем пункт «Цветовой баланс» (Color Balance). Пользуясь настройками ползунков пытаемся получить такой же результат как на рисунке ниже.

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

Шаг 10.
Теперь скачиваем эту текстуру, вставляем ее в наш документ поверх всех слоев. Меняем режим наложения на «Жесткий свет» (Hard Light) и уменьшаем «Заливку» (Fill) до 79%.

Финал
В итоге получился такой результат.

А вот еще интересное:

Создаем в фотошопе эффект для текста из фильма Звездные войны

Наташа Клевер — Thu, 19 Aug 2010 21:01:38 +0000

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

Шаг 1.
Создаем в фотошопе новый документ размером 1024х768, заливаем его черным цветом.

Шаг 2.
Пишем фразу, используя для этого любой подходящий шрифт. Если хочется полного соответствия, то можно воспользоваться буквой S из этого специального шрифта.

Шаг 3.
Дважды кликаем по слою и в стиле слоя задаем параметры для «Тиснение» (Bevel and Emboss) и «Наложение градиента» (Gradient Overlay), как на рисунке ниже.

Шаг 4.
Делаем дубликат слоя и в стиле слоя задаем параметры для «Тиснение» (Bevel and Emboss), «Внутренняя тень» (Inner Shadow) и «Обводка» (Stroke), как на рисунке ниже.

Шаг 5.
Устанавливаем параметр «Заливка» (Fill) для этого слоя на 0%.

Шаг 6.
Делаем еще одну надпись, устанавливаем ее над текстом и задаем параметры стиля слоя как на рисунке ниже.

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

Шаг 8.
Применяем к этим прямоугольникам следующие настройки стиля слоя.

Шаг 9.
Выделяем слово и прямоугольники. Для этого прощелкиваем мышкой каждый слой, удерживая Ctrl. Создаем новый слой.

Шаг 10.
Трансформируем выделение «Выделение» (Select) > «Модификация» (Modify) > «Расширить…» (Expand) на 3 пикселя.

Шаг 11.
Заливаем выделение этим цветом #fcff00.

Шаг 12.
Устанавливаем режим наложения «Мягкий свет» (Soft Light) и прозрачность слоя (Opacity) 35%.

Шаг 13.
Создаем новый слой, заливаем его цветом #7e4f2f. Затем в меню выбираем «Фильтр» (Filter) > «Шум» (Noise) > «Добавить шум…» (Add noise) со значениями как на картинке ниже.

Шаг 14.
Теперь выбираем «Фильтр» (Filter) > «Размытие» (Blur) > «Размытие в движении» (Motion Blur) со значениями как на картинке ниже.

Шаг 15.
Применяем «Фильтр» (Filter) > «Резкость» (Sharpen) > «Контурная резкость» (Unsharp Mask) со значениями как на картинке ниже.

Шаг 16.
Делаем выделение текста и прямоугольников, как в Шаге 9, и добавляем слой-маску (Add a layer Mask), нажав на соответствующую иконку внизу на палитре слоев. Меняем режим наложения на «Перекрытие» (Overlay).

Шаг 17.
Теперь возьмем эту текстуру. Трансформируем ее по размеру документа и обесцветим ее «Изображение» (Image) > «Коррекция» (Adjustments) > «Обесцветить» (Desaturate).

Шаг 18.
Делаем выделение текста и прямоугольников, как в Шаге 9, и добавляем слой-маску (Add a layer Mask), нажав на соответствующую иконку внизу на палитре слоев.

Шаг 19.
Меняем режим наложения на «Перекрытие» (Overlay) и прозрачность слоя (Opacity) 65%.

Финал
Если поэкспериментировать с наложением света и тени, то можно получить такой вот результат.

А вот еще интересное:

Создаем в фотошопе художественно разбитый блок с текстом

Наташа Клевер — Sun, 18 Jul 2010 21:01:28 +0000

Неплохой урок от Creativeoverflow в котором мы художественным образом разобьем блок с текстом. Сначала мы усердно потрудимся над самим текстом, отделяя осколки, потом наложим гранжевую текстуру и слегка затемним края, далее наложим стиль слоя для придания объема, сделаем пару красноватых бликов и наложим изображение разбитого стекла.

Шаг 1.
Создаем в фотошопе новый документ размером 1500х720, заливаем его черным цветом. Выбираем инструмент «Текст» (Т) и основательным крупным шрифтом пишем слово. В данном примере использован шрифт MyriadBold, цвет белый. Потом растрируем текст.

Шаг 2.
Теперь выбираем инструмент «Прямолинейное лассо» (кому нравится, может использовать инструмент «Перо»), им выделяем замкнутый контур на букве С и копируем осколок на новый слой.

Потом немного сдвигаем осколок относительно буквы.

Шаг 3.
Выбираем инструмент «Прямолинейное лассо», им выделяем замкнутый контур на букве R и копируем осколок на новый слой.

Потом немного сдвигаем осколок относительно буквы.

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

Шаг 5.
Теперь ниже пишем второе слово и проделываем с ним те же самые манипуляции, что и с первым словом.

Результат должен быть приблизительно таким. Все слои с осколками слова лучше всего собрать в одну папку.

Шаг 6.
Воспользуемся любой гранжевой текстурой, например этой. Помещаем ее поверх всех слоев и меняем режим наложения на «Затемнение» (Darken).

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

Шаг 7.
Находясь на слое с текстурой (следим, чтобы активен был значок слоя, а не слой-маски), выбираем мягкую кисть, ставим прозрачность 50% и слегка затемняем места по краю букв для большего контраста.

Шаг 8.
Идем в нашу папку с осколками и к каждому слою (кроме двух основных) применяем стиль слоя «Тень» (Drop Shadow) со значениями, как на рисунке ниже.

После применения стиля должен получиться такой эффект.

Шаг 9.
На этом шаге создадим новый слой, выберем оранжевый цвет и большой мягкой кистью сделаем несколько мазков по краю слов. Заменим режим наложения на «Перекрытие» (Overlay) и снизим прозрачность до 10%. Должен получиться легкий красноватый оттенок.

Финал
Теперь воспользуемся этим изображением разбитого стекла и наложим его сверху режимом наложения «Линейный осветлитель» (Linear Dodge). Где нужно стираем изображение ластиком. Получился такой вот эффект для текста.

А вот еще интересное:

Создаем в фотошопе типографический постер в модном ретро стиле

Наташа Клевер — Fri, 18 Jun 2010 21:01:09 +0000

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

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

Шаг 1.
Создаем в фотошопе новый документ размером 1500х2000.

На новый слой вставляем текстуру с решеткой.

Шаг 2.
Дважды щелкаем по слою с решеткой, чтобы вызвать палитру «Стиль слоя». Выбираем закладку «Наложение градиента» (Gradient Overlay) и выбираем градиент от темно-коричневого через светло-коричневый к белому. Щелкаем по значку сверху над белым цветом и ставим прозрачность на 70%.

На этой же закладке устанавливаем режим наложения градиента «Умножение» (Multiply) и выбираем стиль наложения «Радиальный» (Radial), масштаб приблизительно 30%.

Шаг 3.
После этого щелкаем правой кнопкой мыши по значку «fx», который находится справа на слое. В открывшемся меню выбираем пункт «Образовать слой» (Create Layer). Над слоем с решеткой образуется новый градиентный слой. Это позволит нам манипулировать с градиентной заливкой отдельно от самой картинки.

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

Теперь для этого слоя поменяем режим наложения. Автор урока предлагает поменять на режим «Затемнение» (Darken), но мне больше понравился режим «Перекрытие» (Overlay). Так что, выбирайте на ваше усмотрение.

Шаг 4.
Пишем фразу LOVE FOR TYPOGRAPHY скачанным шрифтом посередине постера. Каждое слово на новом слое.

Создаем новый слой и называем его «strike» и на нем делаем белую линию поперек текста.

Теперь выбираем все слои с текстом и растрируем их.

Теперь, находясь на слое «strike», щелкаем правой кнопкой мыши и вызываем меню. Выбираем команду «Объединить с предыдущим» (Merge Down) и объединяем с предыдущим слоем текста.

Шаг 5.
Выбираем инструмент «Прямоугольное выделение» (Marquee tool), выделяем хвостик буквы Р в слове TYPOGRAPHY, нажимаем Ctrl+T и растягиваем выделенную область до низа холста.

Аналогично делаем линию вверх у буквы R в слове FOR.

Шаг 6.
Объединяем все слои с текстом в один слой.

Открываем палитру «Стиль слоя» и выбираем закладку «Внешнее свечение» (Outer Glow). Установки такие, режим наложения «Экран» (Screen), «Непрозрачность» (Opacity) 75%, цвет бледно оранжевый, «Размах» (Spread) 73 пикс, «Размер» (Size) 21 пикс.

Открываем закладку «Обводка» (Stroke). «Размер» 13 пикс, «Положение» (Position) снаружи, режим наложения «Перекрытие» (Overlay), цвет белый. И получаем очень красивый эффект.

Шаг 7.
Теперь берем нашу вторую текстуру с листом бумаги и вставляем в наш документ поверх всех слоев. Меняем режим наложения на «Жесткий свет» (Hard Light) и снижаем прозрачность до 75%. Это придаст постеру винтажный эффект.

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

В заключение уменьшаем прозрачность слоя до 65%.

Финал
В итоге получился такой вот ретро постер.

А вот еще интересное:

Создаем в фотошопе декоративный текст из деревянных палочек

Наташа Клевер — Tue, 18 May 2010 21:01:58 +0000

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

Шаг 1.
Создаем в фотошопе новый документ размером 1920х1200.

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

Выглядит это так.

Шаг 3.
С помощью инструмента «Прямоугольник со скругленными краями» (Rounder Rectangle tool) на новом слое рисуем фигуру со значением радиуса 40 пикс.

Шаг 4.
С помощью стиля слоя заливаем фигуру цветом #b6682f.

Опять же с помощью стиля слоя задаем «Тиснение» (Bevel and Emboss) с параметрами, как на рисунке ниже.

И еще зададим стиль слоя «Тень» (Drop shadow) со значениями, как на рисунке ниже.

Шаг 5.
Жмем Ctrl+T и трансформируем наше изображение.

Шаг 6.
Открываем в фотошопе текстуру дерева, трансформируем так, чтобы прожилки на деревянной текстуре совпали с наклоном основной фигуры. Можно для удобства снизить прозрачность.

Шаг 7.
После того, как повернули текстуру, возвращаем прозрачность на 100%. Удерживая Ctrl, щелкаем по слою с основной фигурой (Обведено красным на верхнем рисунке) для того, чтобы выделить ее. И дальше, находясь на слое с текстурой, жмем кнопку «Добавить слой-маску» (Add layer mask) на палитре слоев (Обведено красным на нижнем рисунке). Должно получиться как на нижнем рисунке.

Шаг 8.
Теперь для слоя с текстурой поменяем режим наложения на «Мягкий свет» (Soft light). После слегка увеличим резкость «Фильтр» (Filter) -> «Усиление резкости» (Sharpen) -> «Резкость» (Sharpen).

Шаг 9.
Повторим шаги с 3 по 8, но теперь для фигуры размером поменьше и в 4 шаге поставим цвет #d5864d. Ну и трансформируем в другую сторону, соответственно. Смотрим рисунок ниже.

Шаг 10.
Открываем в фотошопе картинку с деревянной текстурой и с помощью инструмента «Овальное выделение» (Elliptical marque tool) аккуратно выделяем винтик и копируем в наш основной документ.

Шаг 11.
Установим винтик в то место, где он должен скреплять две фигуры.

Шаг 12.
Применим к слою с винтиком стиль слоя «Тиснение» (Bevel and Emboss) со значениями, как на рисунке ниже.

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

А вот еще интересное:

Создаем в фотошопе текст с эффектом вырезанной бумаги

Наташа Клевер — Fri, 23 Apr 2010 21:01:46 +0000

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

Шаг 1.
Создаем в фотошопе новый документ размером 600х200, заливаем белым цветом.

Шаг 2.
Выбираем инструмент «Градиент» на панели инструментов (1) и потом щелкаем по изображению градиента (2).

Шаг 3.
Создаем новый градиент. Устанавливаем ползунки настроек, как на рисунке ниже (1). Нажимаем на кнопку «New» (2). Новый градиент появится в библиотеке градиентов (3).

Шаг 4.
Возвращаемся в окно градиентов (1), выбираем вновь созданный градиент (2) и задаем для него тип градиента ANGLE GRADIENT (3).

Шаг 5.
Накладываем градиент строго из левого (1) угла в правый (2). Крайняя левая точка желательно должна находиться за пределами документа, только не внутри. Иначе будет некрасиво.

Результат должен быть таким.

Шаг 6.
Приступим к тексту. Сначала скачаем шрифт Disco Deck font. Выбираем в фотошопе инструмент «Шрифт», размер шрифта 150 пикс. Пишем первую букву С.

Шаг 7.
Потом печатаем оставшиеся буквы. Причем каждую на новом слое.

Шаг 8.
Теперь слегка передвинем буквы. Выберем инструмент «Перемещение» в режиме «Свободное перемещение» (AUTO SELECT) и передвинем буквы, как на рисунке ниже.

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

Шаг 10.
Сначала выбираем закладку «Наложение градиента» и накладываем созданный нами градиент, с параметрами, как на рисунке ниже. ОК пока не нажимаем.

Шаг 11.
Потом выбираем закладку «Тень» с параметрами, как на рисунке ниже. ОК пока не нажимаем.

Шаг 12.
Переходим в закладку «Стили», потом щелкаем по кнопке «Новый стиль» (NEW STYLE ) и сохраняем в палитре стилей этот созданный стиль. Только потом нажимаем кнопку ОК.

Шаг 13.
Теперь для того, чтобы применить стиль к слою, надо сначала выбрать слой с буквой (1), а потом выбрать созданный нами стиль (2) на палитре стилей. Наша буква С должна выглядеть так, как на рисунке ниже.

Шаг 14.
Применим этот стиль к каждому слою с буквой. Слово будет выглядеть так.

Шаг 15.
В этом шаге мы будем настраивать для каждой буквы направление градиента. Для каждого слоя выбираем в стиле слоя (1) закладку «Наложение градиента» (2).

Так выглядит эта закладка.

В ней нас интересует направление градиента (обведено красным). На рисунке ниже мы поменяли направление градиента для буквы R.

Шаг 16.
Однако, у буквы R линия градиента не совсем ровно. Поэтому откроем стиль слоя на закладке «Наложение градиента». Вверху будет надпись «Щелкните мышью и перетаскивайте ее указатель, чтобы откорректировать расположение градиента». Мышкой перетаскиваем градиент так, как нам надо.

Первые две буквы готовы.

Шаг 17.
Аналогичным образом (меняем направление и сдвигаем градиент) корректируем градиенты для остальных букв.

Шаг 18.
Теперь добавим цвета. Выберем самый верхний слой (1), кликнем по иконке «Создать новый корректирующий слой» (2) и выберем нужный нам цвет (3).

Шаг 19.
В данном примере мы выберем цвет #FFA200 и потом кликнем ОК.

Шаг 20.
Для этого корректирующего слоя поменяем стиль наложения слоя на «Мягкий свет» (SOFT LIGHT).

Финал
В итоге имеем такой вот классный результат.

А вот еще интересное:

Создаем в фотошопе эффект выжженного текста на деревянной поверхности

Наташа Клевер — Fri, 19 Mar 2010 21:01:17 +0000

Сегодняшний урок от Visual Swirl будет про то, как сделать эффект выжженного текста на деревянной поверхности. Результат получается просто супер, очень подходит для какого-нибудь голливудского постера. Такой эффект мы получим с помощью симпатичной деревянной текстуры, гранжевой кисти, пары режимов наложения и нескольких простых фильтров.

Шаг 1.
Для начала нам потребуется деревянная текстура. Скачаем ее отсюда. Открываем скачанный файл в фотошопе и меняем размер на более управляемый. Например 1200х800.

Шаг 2.
Теперь пишем текст. Пишем слово BURN, ну или любое другое, шрифтом Arial Black, цвет #7b4a0f.

Шаг 3.
Сначала создадим эффект вокруг основного текста. Для этого выделим текст (Ctrl+Щелчок по слою с текстом).

Шаг 4.
Теперь трансформируем выделение. В меню выбираем Выделение (Select) > Модификация (Modify) > Расширить… (Expand). Расширяем на 25 пикселей.

Шаг 5.
Создаем новый слой под слоем с текстом и заливаем выделение темно серым цветом (#222222).

Шаг 6.
Теперь смягчим края размытием. В меня Фильтр (Filter) > Размытие (Blur) > Размытие по Гауссу… (Gaussian Blur). Значение 1,8 пикселей.

Шаг 7.
Применим фильтр «Ветер». В меню Фильтр (Filter) > Стилизация (Stylize) > Ветер… (Wind). Установим направление слева.

Шаг 8.
В этом шаге сделаем все тоже самое, что и в предыдущем, только ставим направление справа.

Шаг 9.
Меняем режим наложения слоя на «Затемнение основы» (Color Burn) и ставим прозрачность слоя 30%.

Шаг 10.
Переходим к слою с текстом. Меняем режим наложения слоя на «Умножение» (Multiply).

Шаг 11.
Применим к слою с текстом следующий стиль слоя. «Внутреннее свечение»: Режим наложения (Blend Mode): «Умножение» (Multiply), «Прозрачность» (Opacity): 60%, «Цвет» (Color): #111111, «Размер» (Size): 21px .

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

Шаг 13.
Скачаем симпатичные гранжевые кисточки. Выбираем одну из них и задаем установки для кисти, как показано на рисунке ниже. Цвет черный. Убедились, что слой-маска активна, и начинаем кистью подчищать верхний край текста.

Шаг 14.
Потом в настройках кисти слегка поворачиваем кисть и продолжаем подчищать края текста.

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

Шаг 16.
Добавим еще немного обугленности заднему фону. Для этого поверх всех слоев создаем новый слой. Устанавливаем основной цвет – черный, цвет заднего фона – белый. Идем в меню «Фильтр» (Filter) > «Рендеринг» (Render) > «Облака» (Clouds). Устанавливаем режим наложения для этого слоя – «Умножение» (Multiply).

Шаг 17.
Теперь берем большую мягкую кисть и инструментом «Ластик» (Eraser) стираем часть слоя вокруг текста.

Шаг 18.
Добавим новый корректирующий слой. В меню «Слой» (Layer) > «Новый корректирующий слой» (Adjustment Layer) > «Уровни…» (Levels). Ставим значение черного на 15, а значение белого на 223, как на рисунке ниже.

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

А вот еще интересное: