Сделать стартовой Добавить в закладки Обратная связь Новости по RSS 2.0
ZEROlayer.ru » Уроки Photoshop » Web » Рисуем вот такой заголовок, например, для игры :)

Рисуем вот такой заголовок, например, для игры :)

Автор: LuLu | Категория: Уроки Photoshop » Web | 9-05-2007, 06:43

1. Создадим новый документ, у меня 400х400px. Залейте фон градиентом, я использовал цвета #2084b1 и #193a4d. Более темный цвет - сверху. Далее идем Filter > Render > Clouds и сменим режим наложения слоя ( Layer mode) на Soft Light.



2. Солъем слои Layer > Merge down (или Ctrl+E) и добавим немного шума картинке Filter > Noise > Add Noise значение берем не больше 1,5.



3. Теперь найдем картинку для фона, поскольку тематика игровая, я взял изображение с Rainbow 6. Само изображение берем _здесь_. Далее открываем его в фотошоп и копируем в наше изображение (правой кнопкой мыши по изображению Document: название файла в котором делаем урок). Теперь изменим размер игровой картинки с помощью трансформации Ctrl+T, изменим режим наложения слоя Layer mode на Soft Light, уменьшим прозрачность (например до 30%) и взяв большую мягкую кисточку, удалим лишнее с изображения.



4. Возьмите инструмент Rounded Rectangle Tool и выставьте значения как на скриншоте:



5. Создайте новый слой и нарисуйте на нем прямоугольник с закругленными углами (цвет не имеет значения, мы наложим стили на этот слой):


6. Вам понадобится pattern для дальнейших манипуляций, его Вы можете скачать _здесь_. Как скачаете, откройте его в фотошоп, далее Edit > Define pattern.., назовите его как Вам угодно, теперь этот орнамент находится в палитре patterns в самом конце. Вернемся к прямоугольнику...

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

Рисуем вот такой заголовок, например, для игры :)

Рисуем вот такой заголовок, например, для игры :)

Рисуем вот такой заголовок, например, для игры :)

Рисуем вот такой заголовок, например, для игры :)

Рисуем вот такой заголовок, например, для игры :)

Рисуем вот такой заголовок, например, для игры :)

Рисуем вот такой заголовок, например, для игры :)

Pattern мы создали в Шаге 6, выберите его из списка доступных, он должен быть в самом конце. Теперь наше изображение должно выглядить таким образом:




8. Далее делаем Ctrl+Click по текущему слою, получаем выделение в форме нашего прямоугольника, создаем еще один слой и на нем сделаем несколько мазков кисточкой белого, оранжевого цвета. Кисточки выбираем из стандартных различной формы, как Вам больше понравится, если мазки получились слишком яркими - уменьшите прозрачность слоя Opacity. Вот так это должно выглядеть:


Если не хотите такой "фактурности", можете пропустить этот шаг.

9. Теперь добавим надпись слева на прямоугольнике. Берем инструмент Horizontal Type Tool (T), выбираем подходящий шрифт, я использовал kroeger, скачать можете _здесь_ и применим к слою стили (правой кнопкой мыши по слою на палитре слоев ).

Рисуем вот такой заголовок, например, для игры :)

Рисуем вот такой заголовок, например, для игры :)

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



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


11. Заходим снова в настройку стиле слоя Blending Options и выставляем такие параметры:

Рисуем вот такой заголовок, например, для игры :)

Рисуем вот такой заголовок, например, для игры :)

Рисуем вот такой заголовок, например, для игры :)


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



12. Последнее, что мы должны сделать - это добавить текст в большой прямоугольник. Возьмем инструмент Horizontal Type Tool (T) и напишем желаемый текст, цвет сейчас не имеет значения. Я использовал шрифт Impact, он поставляется вместе с Windows.

урок photoshop - рисуем лого игровое

13. И добавим снова стилей нашему слою ( ).

Рисуем вот такой заголовок, например, для игры :)

Рисуем вот такой заголовок, например, для игры :)

Рисуем вот такой заголовок, например, для игры :)

Вот и все! :)

Урок фотошоп - рисуем игровое лого


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

Другие новости по теме:


Просмотров: 14027 | Напечатать | Комментарии (12)

#1 написал: M1ndhunter (13 августа 2007 22:25)
Спасибо за материал, пригодится... smile
Странно... Более 750 просмотров, и ни одного комментария... belay
Хотя это дело уже исправлено... lol
#2 написал: LuLu (13 августа 2007 22:46)
Да, народ нынче не разговорчив :)
А может у них слов просто нет, как красиво? lol
#3 написал: M1ndhunter (14 августа 2007 23:59)
Возможно... smile Не знаю как остальным, но мне понравилось... Все супер, спасибо! feel
#4 написал: dnalim (5 февраля 2008 12:28)
Спасибо!!! Красиво!!! А главное пригодится... =))
#5 написал: KrauZ (22 февраля 2008 19:16)
зачот! жаль тока что к моему дизайну не подходит.... sad
#6 написал: Maks (2 марта 2008 11:31)
Мне так понрвилась черно-желтая полоса, её моно юзать в дизайне сайтоф wink
#7 написал: gekido (15 марта 2008 21:28)
Cпасибо! Возьму на заметку bully
#8 написал: Riddick (18 апреля 2008 21:46)
Прикольно! Мне оч понравилось, тока действительно странно, что коментов оч мало fellow
такое оч мало где выкладывают no
#9 написал: Log_Dog (4 мая 2008 17:55)
супер класс зашибись нафих!!!
#10 написал: J@me$ (16 мая 2008 12:00)
Урок действительно крут! А главное подробно описано создание всех элементов (а не как это обычно бывает)
#11 написал: Tyk (18 июля 2008 20:19)
winked зы...
#12 написал: StormMan (23 октября 2009 04:48)
да одним словом сайт хорош am
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Навигация по сайту

Новые уроки

Дизайн завораживающего постера для Часа Земли
Дизайн завораживающего постера для Часа Земли


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


Выделенные области в Photoshop Часть 2
Выделенные области в Photoshop Часть 2

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

Создание вот такого сюрреалистичного представления сознания. Часть 1
Создание вот такого сюрреалистичного представления сознания. Часть 1

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


Популярные статьи

Друзья
Семейный портал
Полезная информация о недвижимости
Реклама
Срочно: изготовление печатей. печати и штампы. с доставкой.

Рейтинг блогов


Главная страница | Регистрация | Добавить новость | Новое на сайте |

При перепечатке материалов с сайта ссылка на источник обязательна (кликабельная и не шифрованая).
Запрещено вносить изменения в графический материал, например, обрезание водяного знака или перекрытие его своим знаками.