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

Рисуем виниловую пластинку в Photoshop

Автор: LuLu | Категория: Уроки Photoshop » Креатив | 9-12-2007, 19:09

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

Шаг 1.

Начнем с создания нового документа 300х300px и разрешением в 72dpi (стандартные настройки, для Web больше и не надо). Язалил фон мягким градиентом темно-коричневого цвета, Вы можете залить его любым цветом.

Создайте папку чтобы поместить туда все будущие слои и назовите ее "vinyl", будем учиться порядку :). В ней создайте новый слой и также назовите его "vinyl", залейте темно-мерым цветом, почти черным, например, #111111. Добавим шума на слой через Filter > Noise > Add noise... и используйте настроки как показано на скриншоте:

Рисуем виниловую пластинку в Photoshop

Шаг 2.

Шумы, которые мы только что добавили, мы используем для создания текстуры типичной для виниловой пластинки. Идем в Filter > Blur > Radial blur и выставляем настройки как на скриншоте. После этого скопируйте слой и назовите его "vinyl copy" и выставьте режим наложения слоя в Overay, чтобы добавить текстуре большей выразительности. Я также откорректировал у слоя Яркость и Контраст через Image > Adjustments > Brightness/Contrast.

Рисуем виниловую пластинку в Photoshop

Шаг 3.

Теперь создадим форму пластинки. Я использовал для этого Ellipse Tool (U) в режиме "Paths", так я смогу легко ее отцентрировать. Поставьте курсор примерно в центр изображения, зажмите Shift и Alt и создайте окружность, она будет идеально круглая.

Возьмите инструмент Move Tool (V) и нажмите Ctrl+A, таким образом выделится внутренняя часть круга, далее используем кнопки выравнивания объектов "Align vertical centers" и "Align horizontal centers", с их помощью круг окажется точно по центру изображения.

Рисуем виниловую пластинку в Photoshop

Шаг 4.

Теперь вырежем пластинку из подготовленных слоев. Нажмите Ctrl+клик по иконке слоя "Shape1" чтобы получить выделение в форме круга, затем скройте его, нажав на иконку глаза у слоя. Затем переходим к папке "vinyl" и кликаем по иконке создания маски. Т.о. скроется область за пределами выделения.

Скопируйте слой "Shape1", уменьшите его до 5% (Ctrl+T и введите 5% в окошко, где указан размер объекта на верхней панели). Ctrl+клик по слою "shape1 copy" и при помощи черной Кисти зарисуйте окружность на маске к папке "vinyl", так мы сделаем дырку в центре, типичную для пластинок.

Рисуем виниловую пластинку в Photoshop

Шаг 5.

У нас есть базис для пластинки, настал черед добавить отражений, чтобы сделать пластинку более реалистичной. Мы сделаем это в два этапа. Создайте новый слой над скрытым "shape1 copy" и назовите его "contrast". Сбросьте используемые цвета в цвета по умолчанию нажтием клавиши D, затем идем в Filter > Render> Clouds. Затем в Filter > Render > Difference Clouds и нажмите Ctrl+F если первый результат Вас не устроил. Далее идем в Filter > Blur > Radial Blur, используйте настройки как показано на скриншоте.

Рисуем виниловую пластинку в Photoshop

Теперь смените режим наложения слоя в Soft light и поэкспериментируйтес Brightness/Contrast. Я понизил контраст на -20 и повысил яркость до +50. Затем я создал маску и использовал 50% черную кисть, чтобы удалить черные области и оставить только светлые, в заключение понизил прозрачность слоя до 75%.

 

Шаг 6.

Теперь доведем добавим яркий блик. Создайте новый слой и назовите его "highlights" затем "растяните" градиент с настроками как на скриншоте.



Теперь идем в Edit > Transform > Perspective выбираем врехний левый "узел", удерживая Shift потяните вниз до места, где был расположен нижний левый угол, нажмите Enter. Нажмите Ctrl+T и растяните градиент немного по вертикали. Смените режим наложения слоя на Soft Light, скопируйте дважды пока не получится что-то подобное как показано на скриншоте 3.

Урок фотошоп - учимся рисовать пластинку
 

Шаг 7.

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

Урок Photoshop - рисуем виниловую пластинку в Фотошоп
В результате многие элементы являются векторными или лкго поддаются изменениям размеров без потери качества. В дальнейшем не составит труда сделать ее любого размера.

Via



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

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


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

#31 написал: yozheg (5 апреля 2008 04:54)
О4ень извеняюсь за вопрос не по существу - сбились настройки цвета: всё серое! Как исправить?
И про пластинку. В 3ем шаге не выходит центровка и вырезать... 4то делать?
#32 написал: marinaa (7 апреля 2008 21:31)
у меня русский фотошоп,и мне не найти Blur > Radial blur ,не подскажете где это??)))) smile
#33 написал: SL@VR (10 апреля 2008 00:41)
Проблема с шагом №3 и №4. Когда нужно выделить внутреннюю часть круга, у меня выделяется весь слой. И хотя фигуру делал на отдельном слое, все равно sad Отпишитесь в чем ошибка, желательно пошагово...версия у меня на английском fellow
#34 написал: SL@VR (10 апреля 2008 14:20)
Проблема с шагом №3 и №4. Когда нужно выделить внутреннюю часть круга, у меня выделяется весь слой. И хотя фигуру делал на отдельном слое, все равно sad Отпишитесь в чем ошибка, желательно пошагово...версия у меня на английском fellow
#35 написал: Клёд (14 апреля 2008 09:29)
Ошибки в 3 и 4 нет, все если сделать точно!! как в уроке - все получится, у меня по крайней мере норм... У меня проблема с шагом 6- я не знаю, где этот градиент, тк градинет тул у меня такую табличку не выдает, как на скрине, сижу ищу)
а урок - клевый!!))
#36 написал: Vytas (15 апреля 2008 07:06)
ellipse Tool в режиме "Paths" несоздоетса слои А в режиме" Shape" создаетса и поевляетса "Shape1" как ето панять?
#37 написал: ANYTO4KA (18 апреля 2008 23:39)
Подскажите,пожалуйста,на какую вкладку заходить в 6 шаге? Это обычный слой с градиентом или карта градиента применена и как именно?
Спасибо!
#38 написал: Snikkers (23 апреля 2008 02:13)
Спасибо за урок! Супер! Всё получилось. От себя добавил потом разных вкусностей вроде кромок :)
#39 написал: grunch (13 мая 2008 02:02)
большое спасибо за урок

mozg6 - не согласен, урок достаточно простой, во всяком случае я в фотошопе новичок но всё получилось

просто урок содержит ошибку в 3ем шаге там не падс а шейпс и ещё пару моментов которые новичку сложно понять без более подробного описания
smile
#40 написал: OyZa (13 мая 2008 14:38)
Урок отличный, редко, где можно найти уроки со скриншотами: всё просто и понятно......спсб!
#41 написал: Nimm (27 мая 2008 12:28)
Почему все на английском?? Сделайте на русском, а то некоторые фильтры искать неудобно_((
#42 написал: Данил (31 мая 2008 22:22)
Фуууу! Отцтойный урок! Доделайте его блин перед тем как выкладывать! Не все же могут интуитивно догадыватся что делать! Так что ОТСТОЙ!
#43 написал: Everyday (11 июня 2008 00:52)
Спасибо Админу.
Классно.
Блин уже долго фотошопом занимаюсь, сам придумываю кое-что)), а такоо никогда не встречал!!!
Буду знать, буду знать.
Спасибо!!!
#44 написал: DaFutKa (14 июня 2008 13:19)
причудесно я бы сказала :)
#45 написал: OADE (27 июня 2008 21:29)
сюды
не совсем идеально но все же wink
#46 написал: С (30 июня 2008 01:40)
довольно реалистично получилось!!! 5 баллов ))) laughing

Кайфовый урок!!! lol
у меня только чище получилось, наверное из-за того что разрешение оставил 300 мп а не 72 (по умолчанию), ну да и ладно, все равно как фотка, не отличить)))) wink
#47 написал: AGASTAS (13 августа 2008 21:01)
marinaa
у меня русский фотошоп,и мне не найти Blur > Radial blur ,не подскажете где это??)))) smile [hide]



Размытие > Радиальное размытие
#48 написал: Polozhiteli (18 августа 2008 02:17)
Сэнкс за урок. Лицезрейте и мое творчество - "ЛИЦЕЗРЕТЬ". smile

"ЛИЦЕЗРЕТЬ" есчо - уже применение пластинки в деле.
#49 написал: Ярослав (27 августа 2008 10:29)
пасібо!!!! гг класний урок, хоча я не робив за ним, а лиш взяв за ідею, у мене вийшло не гірше=) робив я усе набагато простіше....
#50 написал: j_mart (27 августа 2008 12:32)
круто, но можно было б и дописать, т. к. експерементировать не получаетцо....но СПС БАЛЬШОЕ)
#51 написал: man16_242 (20 января 2009 04:09)
Прикиньте, если бы у автора этого блога прорвало трубы? Чтобы он сделал? Он бы позвонил к нам и мы бы ему помогли, так как разместили у него ссылку на блоге. Полезно иногда ссылаться на кого-то
#52 написал: Factor (13 марта 2009 15:22)
а где находятся кнопки выравнивания объектов "Align vertical centers" и "Align horizontal centers"?
#53 написал: Ganskau (17 марта 2009 19:49)
Спасибо, долго-долго мучилась, но осилила. bully

Билась долго.
http://i057.radikal.ru/0903/19/2413fde56
a6a.jpg
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Навигация по сайту

Новые уроки

Создание шоколадного вулкана с использованием 3D-эффектов. Часть 1
Создание шоколадного вулкана с использованием 3D-эффектов. Часть 1

Часть 1


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


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


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

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

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

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

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


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

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