вход или регистрация

GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор

   

Вообще это полуурок-полуадаптация, воссозданная по картинке, но, так как копирайт — наше всё, ссылка на урок к той картинке все-таки дана. Результат, полученный в итоге работы, на реалистичность не особо претендует, но в качестве элемента дизайна, думаю, пригодится.

Итак, приступим…

1. Для начала, естественно, создаем новый документ. Я предпочитаю работать с большими разрешениями (в данном уроке 1600*1200), так как редактировать их проще. Да и при уменьшении изображения качество не так сильно снизится.

Расставим направляющие. Для этого направляемся в Изображение > Направляющие > Направляющая (в %…) и выберем горизонтальную (А), после чего пройдем по этому пути еще раз и выберем вертикальную (Б)

2. Создаем новый прозрачный слой [винил] (Слой > Создать слой…). Инструментом «Эллиптическое выделение» делаем окружность размером с будущую пластинку и заливаем выделение черным цветом

3. Дублируем слой и применяем к копии Фильтры > Шум > Шум HSV с такими параметрами:

4. Немного сужаем выделение (снова активировав «Эллиптическое выделение» и кликнув ЛКМ на пластинке), открываем диалог контуров и преобразуем выделение в контур

Советую сразу именовать создаваемые контуры, этот — /внешн. сбег/. Также будет нелишним включать их видимость (так же как и в слоях, тыкаем для появления глаза).

5. Еще сужаем выделение до размеров, которые будут соответствовать наклейке в середине пластинки. Преобразуем в контур и называем /наклейка внешн./

6. Снова сужаем выделение, на этот раз до размера будущего отверстия в центре. Преобразуем и называем /отверстие/

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

8. Теперь объединим вместе все контуры-/дорожки/. Для этого отключим видимость остальных контуров, нажмем ПКМ на любом из них в списке и выберем *Объединить видимые контуры*. Ниже одинаковым цветом показаны контуры, которые нужно объединить вместе (белые не объединяем!):

9. Возвращаемся на вкладку слоев. Находясь на слое-копии, идем в Фильтры > Размывание > Размывание движением:

Приминение фильтра может занять некоторое время (вплоть до минуты-полутора).

10. Создаем новый слой [наклейка]. Направляемся в диалог контуров, выбираем /наклейка внутр./ и превращаем контур в выделение. Теперь можно залить выделение любым цветом, какой вам нравится, ибо это и будет цвет наклейки. Также можно использовать для этого градиенты, текстуры, кисти. в общем, все, что понравится.

Снимаем выделение (Ctrl+Shift+A или Выделение > Снять)

11. Создаем еще слой, [дорожки]. Переходим в диалоге контуров на /дорожка 4/, и выполняем обводку по контуру:

12. Во вкладке слоев перейдем на [Копию винила]. Вернувшись к контурам, выбираем /внутр. сбег/, преобразуем его в выделение, инвертируем выделение (Ctrl+I или Выделение > Инвертировать), а затем нажимаем Delete. В результате получим следующее:

Выделение снимаем.

13. Выбираем контур /наклейка внешн./, преобразуем в выделение. В диалоге слоев переходим на [винил] и направляемся в Цвет > Яркость-Контраст:

Снимаем выделение.

14. Отключим видимость всех контуров, кроме /отверстия/. Идем на [винил], кадрируем его (Слой > Автокадрировать слой), дублируем, копию называем [блик], затем нажимаем Delete. Зачем мы это делаем? Объясняю. Через шаг мы будем применять к блику радиальное размывание, а большой размер слоя нам это сильно усложнил бы.

15. С помощью «Градиента» заливаем слой, как показано на скриншоте. Параметры инструмента там же:

16. Применяем Фильтры > Размывание > Размывание движением:

Режим смешивания ставим Объединение зерна. Если покажется, что блик слишком слаб, просто продублируйте этот слой и поиграйте с непрозрачностью копии.

17. А теперь мы будем делать надпись. Я решил сделать ее по кругу, что несколько сложнее, чем если бы мы делали построчно. Направляемся в Файл > Создать > Логотипы > Текст по кругу…

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

18. Результат откроется в отдельном окне. Копируем (Ctrl+C) и вставляем в основное изображение (Правка > Вставить как… > Новый слой), при помощи инструментов «Перемещение» и «Вращение» располагаем надпись так, как нам угодно:

19. Изменим цвет текста. Для этого я направился в Цвет > Тонирование:

20. На наклейку я решил наложить какую-нибудь текстуру, дабы не оставлять просто скучный цвет. Для этого создал слой [узор], перешел на [наклейку] и преобразовал альфа-канал в выделение. Вернулся на [узор] и залил текстурой из стандартного набора (зажимаем ЛКМ на текстуре и перетаскиваем на изображение)

Снимаем выделение.

21. Отключаем видимость слоя [Фон], жмем ПКМ на любом слое в списке и выбираем *объединить видимые слои*. После чего открываем диалог контуров, отключаем видимость /отверстия/, преобразуем этот контур в выделение. Возвращаемся в диалог слоев, переходим на объединенный слой и жмем Delete.

Не забудьте удалить направляющие (Изображение > Направляющие > Удалить направляющие)

Вот и все, наша пластинка готова… Остальное зависит лишь от вашей фантазии

2 октября 2011 9

В избранном у 9 человек:

Макс Шевченко

Метки: винил, выделение, направляющие, режимы смешивания, рисование, иконка.

Результаты урока

Добавить

Уроки: предыдущий следующий

16 комментариев

3

Пользователь #1384TechnoVirus4 октября 2011 в 13:11Личное сообщение

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

2

Пользователь #2832Никита Высоцкий4 октября 2011 в 15:03Личное сообщение

Макс, как всегда рулишь!!=) Результат получился вполне схожий с настоящей пластинкой, ну на сколько я её помню. Да и в принципе каждый уважающий себя диджей, кем я являюсь, работает в основном с винилом, а не сидишками.

0

Пользователь #4093Ольга Майорова4 октября 2011 в 15:42Личное сообщение

и урок и результат превосходные! супер! спасибо огромное!

1
онлайн

Пользователь #3637Инна Подзорова4 октября 2011 в 15:48Личное сообщение

Довольно реалистично. Сделано хорошо, качественно. Разъяснено понятно. Тем более применение "Текста по кругу"... Огромное спасибо на хорошую работу!

0

Пользователь #2756Антон Лапшин4 октября 2011 в 19:25Личное сообщение

Шикарная работа Максим. Всё так грамотно и доходчиво описано. Молодцы.

3

Пользователь #3718Геннадий Баринов4 октября 2011 в 20:55Личное сообщение

Урок отличный, подробно объяснён, но два камешка в огород:

1. Цвет винила надо было бы сделать темнее, чёрный или ближе к нему. Они же и были чёрные (пластинки), а не серые. На скриншотах урока винил темнее, а в результате урока получился серым.
2. Разделительные бороздки надо было сделать чуть менее заметнее, а то сильно выделяются.

0

Пользователь #3524Дмитрий Шерстобитов4 октября 2011 в 21:00Личное сообщение

Макс Шевченко 21 сентября 2011 в 23:23Личное сообщение

***анонс***
Уроков не будет до середины/конца октября.


До середины?))

0

Пользователь #1812Макс Шевченко4 октября 2011 в 21:08Личное сообщение

Спасибо, Геннадий, за дополнения)

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

Что касательно ширины бороздок.. Не знаю..) Я сейчас в руках держу две пластинки, и у них ширина бороздок разная.

0

Пользователь #1812Макс Шевченко4 октября 2011 в 21:11Личное сообщение

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

0

Пользователь #2898мс264 октября 2011 в 21:39Личное сообщение

Максим, спасибо за хороший урок.
Если не секрет, как вы делаете «эффект рваной бумаги» в оформлении урока? Довольно здорово выглядит!

0

Пользователь #3524Дмитрий Шерстобитов5 октября 2011 в 08:30Личное сообщение

Хорошо)Просто у меня всегда в голове праздник когда вижу ваши новые уроки)

0

Пользователь #4358Анна Лещенко6 октября 2011 в 19:09Личное сообщение

спасибо огромное как за урок, так и за хорошее объяснение. думаю, для новичков (таких как и я) это не только урок по созданию пластинки, но и хороший пример как нужно оформлять свои уроки. ещё раз спасибо!

0

Пользователь #4751Максим Баженов7 октября 2011 в 20:29Личное сообщение

Урок очень хороший, как и все ваши уроки, Макс. Единственное - предупредить что вы названия слоёв в квадратных скобках пишите. Новички запутаются.

0

Пользователь #1812Макс Шевченко7 октября 2011 в 20:36Личное сообщение

Думал, это станет понятно по ходу второго пункта..)

Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.

0

Пользователь #2781Эмиль Янгиров10 октября 2011 в 19:45Личное сообщение

Как всегда от Максима вижу отличный урок =) Все гениальное просто.

Чтобы участвовать в обсуждении вы должны войти или зарегистрироваться.

Информация по уроку

Другие уроки автора

Имитация карандашного рисунка. N-ая попытка
Очередная попытка преобразовать фото в рисунок. Внимание, плагины!

Добавляем снег на фото
Данный урок является моим как бы прощанием с зимой. Адаптация.

Луч света в темноте (адаптация)
Урок по созданию иллюстрации при активном использовании градиента.

Эффектное появление аватара (адаптация)
Маловато у нас анимации, поэтому решил добавить такой урок, может кому-то пригодится.

Фото в стиле Рариндры Пракарса. Золотое фото
Урок по пост-обработке фотографий в одном из стилей известного индонезийского фотографа.

Кисти

GIMP Brush GIMP Brush GIMP Brush GIMP Brush Arrogance II_2 Arrogance II_3 Arrogance II_4 Arrogance II_5 Arrogance II_6 Arrogance II_7 Arrogance II_8 Arrogance II_9 Edge_2 Edge_3 Edge_4 Edge_5 Edge_6 Edge_8 Edge_10 Edge_11 Edge_17 Fusion_9 Galactic_9 Odysee_4 Odysee_13 Part 2-3 (Scratches) GIMP Brush GIMP Brush Pipe mancha mancha GIMP Brush Pipe GIMP Brush Pipe 1_Filsd-test 1_Filsd-test 1_Filsd-test Pincel_2 Pincel_2 Пушистый шар Пушистый шар GIMP Brush GIMP Brush
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.

Похожие страницы

Веб-дизайн и интерфейсы
Уроки по GIMP

Рисование
Уроки по GIMP

Описание редактора
Про Гимп

Возможности GIMP
Про Гимп → Описание редактора

Воображение
Галерея

Оценка урока

«Виниловая пластинка» получил оценку 4.70 на основе 10 голосов.

9204+235
Комментария