Все уроки Фотошоп

Есть вопрос? Задайте здесь и сейчас!

Форум Регистрация Выслать активацию Восстановить пароль Дополнительно Файлы Видео Галереи Справка  
Перезагрузить страницу Страна Фотошопия Adobe Photoshop. Фотошоп и все, с ним связанное >> Обучение Adobe Photoshop >> Необработанные уроки Photoshop >>

Рисуем спортивное табло

Перезагрузить страницу Страна Фотошопия Adobe Photoshop. Фотошоп и все, с ним связанное >> Обучение Adobe Photoshop >> Необработанные уроки Photoshop >>

Рисуем спортивное табло


 
Опции учебника
Рисуем спортивное табло

Предыдущий учебник Рисуем спортивное табло Следующий учебник
Опубликовал(а) Gostemilov
19.06.2015
Рисуем спортивное табло

Рисуем спортивное табло

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

Давайте разберем табло на части и нарисуем такое же. А вдруг вам оно тоже пригодится? =)

Для начала создайте новый документ и новый слой на нем, который назовите «Табло 1». С помощью Rounded Rectangle Tool нарисуйте светло-серый прямоугольник со скругленными углами.



Дважды кликните на слое и в его настройках установите такие параметры:






Продублируйте слой «Табло 1» и назовите копию «Табло 2». Немного уменьшите (Ctrl+T) прямоугольник на этом слое. Следите за четкостью краев.



Очистите настройки слоя: правый клик на слое > Clear Layer Style. Установите значение Fill=0% и, дважды кликнув по слою, установите следующие параметры:





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



Продублируйте слой «Табло 2» и назовите его «Экран 1».



Кликнув по иконке слоя, выберите для экрана более темный цвет, а в настройках слоя укажите такие параметры:







Сделайте копию слоя «Экран 1» и переименуйте его в «Экран 2». Сбросьте настройки слоя и установите Fill=0%. В настройках слоя необходимо установить следующие параметры:





Получается нечто похожее на это:



После успешного прохождения предыдущих уровней создайте новый слой (Ctrl+Shift+N), нажмите D, чтобы сбросить цвета, и нарисуйте на нем вот такую сетку размером с экран вашего будущего табло с помощью Pencil Tool.





Добавьте светлых градиентов с боков экрана.



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



Поверх слоя «Табло 2» создайте еще один слой, залейте его белым и примените Filter>Noise>Noise около 60%, а затем Filter>Blur>Motion Blur. Выставьте ему Opacity=30% и смешивание Linear Burn. Добавилась легкая текстура металла.



Теперь начинаем рисовать опоры, на которых наше табло будет стоять. Создайте группу для слоев – «Опора». Возьмите Rectangle Tool и нарисуйте прямоугольник.



Примените к нему вот такие настройки слоя.



Возьмите Add Anchor Point Tool и поставьте дополнительную направляющую в центре, зажмите Shift и немного сдвиньте ее вниз, чтобы образовалась изогнутость.



Скопируйте этот слой, уменьшите его высоту и сделайте вогнутость сверху. Формируем подпятник.



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



Продублируйте наш овал еще раз и растрируйте. Растяните его немного в стороны и заблюрьте, а затем примените Filter>Blur>Motion Blur. Образовалась тень.



Теперь трижды скопируйте группу слоев «Опора» и расставьте их по длине табло. С зажатым Ctrl выделите все группы и выполните Layer>Distribute>Horizontal Centres. Теперь между опорами равное расстояние.



Можно добавить позади немного неба и длинную легкую тень под всем табло.



А теперь информируем всех о том, что наши ведут! Просто напишите свою надпись любым шрифтом без антиалиазинга под слоем «Сетка».



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



А можно сделать анимашку =)


Автор: fazeful

Опубликовал(а)
Аватар для Gostemilov
Администратор
Он малахольный
Регистрация: 07.09.2007
Адрес: Россия, Москва. 100 метров до МКАД
Возраст: 55
Сообщений: 92,012
Вес репутации: 10
Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима


Рекомендовать другим

Копирайт
Оригинал урока
demiart.ru/forum/index.php?showtopic=120090
 



Опции учебника

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Trackbacks are Выкл.
Pingbacks are Выкл.
Refbacks are Выкл.


Похожие темы
Название учебника Автор учебника Раздел Числу комментариев Последнее сообщение
рисуем уши + рисуем эльфийские уши, компьютерная графика Gostemilov Необработанные уроки Photoshop 0 23.06.2015 17:20
Рисуем мужской портрет, рисуем портрет в фш Gostemilov Необработанные уроки Photoshop 0 21.06.2015 03:35
Рисуем автомобиль Camaro 2010 by Julio Leite., рисуем реалистичную Камаро Gostemilov Необработанные уроки Photoshop 0 20.06.2015 10:10
Рисуем для детей, рисуем вместе с детьми. KorolevaTumana Уроки рисования для детей 3 08.06.2011 14:49
  Урок Photoshop для начинающих     Рисуем шар Niff Уроки Adobe Photoshop 8 26.05.2009 10:14

###
Социальные сети
Группы
Основные разделы
Скачать и поделиться

Новости Фотошопии
Подписаться письмом
Дополнительно

Текущее время: 04:57. Часовой пояс GMT +2.


удаленная проверка сервера uptime российских хостеров
Rambler's Top100


.
Locations of visitors to this page

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, vBulletin Solutions, Inc. Перевод: zCarot
vBulletin Optimisation by vB Optimise (Reduced on this page: MySQL 15.00%).