Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

203 613 чел. 396 854 работы 4 078 уроков
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Легкая

Рисуем микрофон

Привет, это мой первый урок. Надеюсь, он вам понравится.
Сегодня мы будем создавать микрофон.

Шаг 1. Для начала создадим документ размером 5х5px с прозрачным (transparent) фоном, заливаем его черным цветом, откуда стираем затем 2px, оставив что-то подобное:

Прим. Также можно не заливать черным цветом документ, а просто воспользоваться инструментом Карандаш (Pencil) размером 1px и провести им по периметру нашего документа.

Шаг 2. Когда мы это проделаем, перейдем в меню Редактирование – Определить узор  (EditDefine pattern) и назовем этот узор на свое усмотрение, я назвал его «Сетка».
Создадим другой документ 600х600px с прозрачным (transparent) фоном, в котором создадим круг с помощью инструмента Овальное выделение (Elliptical Marquee).

Шаг 3. Затем перейдем в меню Редактирование – Заливка (Edit-Fill), выберем узор, который только что создали, но обязательно снимите галочку с «Сохранить прозрачность» (Preserve Transparency).

Прим. При открытии окна Заливка (Fill)в выпадающем меню Использовать (Use) группы Сontents (Содержимое) выберите параметр Узоры (Patterns),затем ниже у вас активируется выпадающее меню Узор по выбору пользователя (Custompattern), где  и необходимо найти созданный недавно узор.

Шаг 4. Следующее, что нам нужно сделать – перейти к меню Фильтр – Дисторсия/Искажение – Сферизация (FilterDistortSpherize) и установить значение Количество (Amount) на 100%, а режим (mode) установить на «Только по вертикали» (Vertical Only). Не снимайте пока выделение!

Прим. На мой взгляд, на скриншоте у автора использован режим Обычный/Нормальный (Normal), так что здесь применяйте режимы на свое усмотрение.

Шаг 5. Теперь создадим новый слой. Разместим его под сеткой, с которой еще не снято выделение.  Зальем круг с помощью инструмента Градиент (Gradient), установите в параметрах радиальный (radial) градиент (gradient).

Прим. Автор использовал радиальный градиент с цветами # 474344 и #ffffff

Шаг 6. Уже почти готово! Только чего-то не хватает… Выделите слой с сеткой и перейдите к меню Тиснение (Bevel and Emboss), применим следующие настройки:

Прим. Чтобы перейти к указанному меню, дважды кликните левой кнопкой мыши рядом с названием слоя для вызова окна Стиль слоя (LayerStyle), где в списке выберите указанный параметр.

Прим. На данном этапе можно слить слои с градиентом и сеткой, для чего, находясь на верхнем слое (с сеткой), нажмите сочетание клавиш Ctrl+E.

Шаг 7. Создайте новый градиент, похожий на этот:

Шаг 8. Теперь создадим вертикальный прямоугольник, который скопируем дважды, зальем одну копию градиентом, который только что создали, вторую – белым цветом, а третью – черным. Вот как мы их расположим:

Прим. Для выполнения этого шага создайте новый слой, воспользуйтесь инструментом Прямоугольное выделение (Rectangularmarquee), нарисуйте прямоугольник так, как показано на скриншоте, залейте его черным цветом, а затем дважды дублируйте этот слой (Ctrl+J). После этого, выделите одну из копий прямоугольника, зажмите клавишу Ctrl и кликните по пиктограмме слоя, чтобы загрузить выделение прямоугольника, залейте его белым цветом. То же самое проделайте со второй копией, залейте ее градиентом. Здесь применяется линейный градиент, который необходимо проводить сверху вниз.

Затем черный прямоугольник сместим на 2 px вправо, а белый прямоугольник – на 2px влево. Должно получиться что-то такое:

Прим. Можно сделать смещение и на большее количество пикселей, поэкспериментируйте.

Перейдем к параметру Тиснение (Bevel and Emboss) и применим следующие значения к слою с градиентом:

Прим. Не смущайтесь, если у вас получится не тот эффект, что у автора. Тут он явно слукавил с настройками, поскольку ни у кого так, как у него еще не получилось.
Создадим еще один прямоугольник, но уже потолще, зальем его градиентом, который мы уже создавали ранее:

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

Теперь перейдем к Трансформации (Transform)(Ctrl+T), зажмем клавишу Ctrl, и, потянув за маркеры трансформации, придадим прямоугольнику вот такую форму:

Шаг 9. Он немного большеват, но не переживайте! Сейчас мы перейдем к меню Изображение – Размер холста (ImageCanvas size) и увеличим правую сторону холста, установив размеры 1140 по ширине (width) и 400px по высоте (heigh).

Шаг 10. Теперь сделаем ручку… конечно, создадим новый слой и прямоугольник на нем. Зальем его градиентом, который создавали ранее.

Теперь трансформируем ее в той же манере, что мы делали в предыдущем шаге.

Перейдем в меню Изображение – Коррекция – Уровни (ImageAdjustmentsLevels) и применим следующие настройки:

Шаг 11. Это завершающий шаг! Просто копируем и трансформируем в том же духе!

А вот и окончательный результат!

Автор: shadow
Перевод: Анцыперович Александра
Ссылка на источник урока

Комментарии 294

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Спасибо! Прикольный урок!

Спасибо.Отличный урок.

Легко и просто. Спасибо за урок.

Рисуем микрофон.Спасибо.

Классный урок! Казалось сложно, а оказалось проще и быть не может. Спасибо!

Большое спасибо за урок!

Большое спасибо за урок! Все четко, понятно.

Классный урок! Спасибо!

Может кому-то это покажется ерундой... но мне приятно осознавать, что это с чистого листа)))

Спасибо за интересный урок!

Очень круто! Спасибо)

Очень просто и интересно. Спасибо за такие уроки!

Большое спасибо!
Оч люблю такие уроки... =)

Кульно!!!! Простенько и интересненько.

Еще 30
Добавить комментарий / работу

Новые работы пользователей

{{work.views}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Сначала популярные Сначала старые Сначала новые
Добавить комментарий
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:


Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:


Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

  • 3. Правило третье. Публикуемые работы не должны содержать изображения, связанные с наркотиками , порнографического содержания, сцены насилия.

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules