Создаем иконку микрофона в Photoshop

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

Конечный результат

Шаг 1

Для начала сощдаем новый документ. Вы можете выбрать Любой документ, который хотите, но советую создать документ размерами 512 х 512, так как он является стандартным для создания иконок.

Начнем с создания микрофона в центра документа. Выбираем инструмент  Rounded Rectangle Tool с палитры инструментов. В панели параметров вводим радиус до 100рх. Это будет давать нам возможность создать прямоугольник с закругленными углами.

Рисуем фигуру в середине документа.

Как только мы это сделали, нужно вычесть из середины участок. В панели параметров выбираем кнопку Subtract from shape area ( ) — Вычесть из области фигуру, а затем в верхней части предыдущего прямоугольника рисуем другой прямоугольник с закругленными углами, оставляя края между ними.

Верхняя часть нашего прямоугольника должна быть плоской. Выбираем инструмент Rectangle Tool, и, оставив выбранной кнопку Subtract from shape area, отрезаем верхнюю часть микрофона.

Отлично. Теперь нужно добавить остальные части стойки для микрофона. Мы добавляем два прямоугольника. На панели параметров выбираем кнопку Add to shape area (Добавить к области фигуры) и рисуем два прямоугольника — по вертикали и по горизонтали. У вас должно получиться следующее:

Теперь, когда форма микрофона готова, добавляем некоторые стили слоя. Мы собираемся добавить Drop Shadow, Inner Shadow и Gradient Overlay.

Параметры для них приведены ниже.

Gradient Overlay (Наложение градиента):

Inner Shadow (Внутренняя тень):

Drop Shadow (тень):

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

Начнем с формы микрофона. Чтобы создать форму, мы будем использовать тот же прямоугольник с закругленными углами , которые мы использовали ранее, и все с тем же радиусом — 100px. Убедитесь, что в панели параметров выбрана кнопка Create new shape (Создать новую форму). В промежутке между стойкой рисуем микрофон.

Что касается стиля слоя — он будет достаточно простым. Параметры приведены ниже:

Gradient Overlay (наложение градиента):

Теперь, когда основной форма микрофона создана, давайте создадим небольшие выпуклости.  

Шаг 2

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

Создаем новый документ размерами 12px на 12 px и прозрачным фоном. Используем жесткую кисть размером 7px, и в центре документа рисуем точку. Сохраняем узор, нажав Edit> Define Pattern. 

Применение шаблона:

Возвращаемся к документу с нашей иконкой. Создадим новый слой на панели слоев. Можно для этого нажать Ctrl + Shift + N. Как только появится новый слой, выделяем наш микрофон, нажав Command / Ctrl и сделав клик по знаку иконки слоя с микрофоном на панели слоев.

Выбираем Select> Modify> Expand и выбираем значение  5px. Это позволит отредактировать размер выделения, если это необходимо. Перейдем к заполнению. Выбираем инструмент заливки  Paint Bucket Tool с палитры инструментов и изменяем основной цвет на регулярный (Foreground к Pattern) ( )., теперь из выпадающего списка мы можем выбрать созданный шаблон.

Теперь нажимаем в любом месте внутри нашего выделения.

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

Как только внешний вид точек вас будет устраивать. Перейдем к стилям слоя. По скольку у нас будут светлые и темные точки, нужно дублировать слой. Выберите слой с точками и нажмите Command / Ctrl + J, чтобы дублировать слой. Мы будем работать только с одним из слоев, поэтому скрываем оригинальный слой.

Активируем слой и переходим к настройкам стилей.

Outer Glow (внешнее свечение):

Color Overlay (наложение цвета):

Теперь, когда стили применены, нужно скрыть половину точек. Наносим маску слоя к этому слою, нажав на иконке в нижней части слоя  ( ). Как только маска слоя Layer Mask  будет применена, выбираем мягкую черную кисть и закрашиваем верхнюю половину точек. Они должны быть скрыты с поля зрения.

Теперь добавляем остальные части точек. Делаем видимым второй слой и применяем к нему стили слоя:

Inner Shadow (внутренняя тень):

Color Overlay (наложение цвета):

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

Точки созданы, теперь переходим к освещению.

Шаг 3

Первый блик будет размещен по диагонали от микрофона. Начнем с создания нового слоя. Затем создадим выделение микрофона, нажав кнопку  Command / Ctrl и щелкнув по иконке слоя микрофона.

Когда микрофон выделен, возьмите инструмент Polygonal Lasso Tool  ( ) , и удерживая нажатую кнопку  Option / Alt , выберите область, которую вы не хотите осветлять.

 

Drop Shadow (тень):

Теперь, когда стили применены, нужно дублировать слой, нажав Command / Ctrl + J. Затем уменьшаем круг, используя команду Command / Ctrl + T  и, удерживая Shift + Alt / Option, масштабируем  круг внутрь, оставляя небольшую границу с внешним кругом.

Когда трансформация завершена, нужно вырезать центр нашего круга, чтобы создать обводку. На панели параметров выбираем уже знакомую кнопку Subtract from shape area, а затем создайте новый круг, оставляя опять небольшие края, как видите на изображении ниже.

Теперь, когда внутренний круг завершен, применяются следующие стили слоя:

Gradient Overlay (наложение градиента):

 

Inner Shadow  (внутренняя тень):

 

Drop Shadow (тень)

Мы закончили. Вы можете изменять цвета и тени на свое собственное усмотрение.

Автор: iceflowstudios.com

Перевод — Дежурка

 

микрофон » Шаблоны для Фотошопа Best-Host.ru Рамки Клипарты Виньетки PSD Photoshop

Праздничная рамка для фото — Музыкальное поздравление
PSD | 4961 х 3508 | 300 dpi | 89 Mb
Автор: sharov08

Теги: С днём рождения, праздничная, музыка, гитара, микрофон, магнитофон

Musical collection bright backgrounds and microphone
11 eps, ai + 11 jpeg / prew / 72,6 mb

Теги: Vector, фоны, микрофон, инструменты, музыкальные, яркие, светящиеся

Музыкальный скрап-комплект — Музыка во мне
96 png | 8 jpg | 32 labels | 312,66 Mb

Теги: scrap, музыкальный, гитара, микрофон, колонки, клипарт, png, скрап, элементы, фоны

Футаж — Волшебный микрофон
QuickTime, MOV | HD, 1920 x 1080 | 153 Mb | 16 сек.

Фоторамка — Ты — моя звезда
PSD, 6 PNG | 300 dpi | 3000×2000 | 151,9 Mb
Автор: Eva

Музыкальный скрап-комплект — Ты моя звезда
138 png | 18 jpg | 3600x3600px | 192,44 Mb

Теги: scrap, музыкальный, микрофон, гитара, софиты, клипарт, png, скрап, элементы, наушники, барабан, фоны

Молодёжный скрап-комплект — Просто подросток
99 png | 19 jpg | 3600x3600px | 189,07 Mb

Теги: scrap, молодёжный, колонки, гитара, наушники, клипарт, png, скрап, элементы, грампластинки, фотоаппарат, микрофон, фоны

Работа оператором, девушки / Work by the operator, the girls — Raster clipart
5 JPG | max 7000×7000 | 300 dpi | 62 Mb

Теги: operator, work, headphone, microphone, girl, photo stock, оператор, работа, наушники, микрофон, девушка

Наушники и микрофон на белом фоне / Earphones and microphone — Stock photo
5 JPEG/ ~ 5100 x 3800 / 30,6 Mb

Теги: клипарты, музыка, ноты, микрофон, наушники, ди-джей

Детский скрап-набор — Чокнутый мальчишка
25 png | 7. 3 Mb

Теги: scrap, детский, мальчишка, микрофон, клипарт, png, скрап, элементы

✱  ✱  ✱

На нашем проекте совершенно бесплатно и без регистрации можно скачать фотошаблоны PSD по любым тематикам для фотошопа. Это готовые бесплатные красивые рамки формата PSD в слоях для фотографий предназначенные детям и всей семьи. Романтические, прикольные, новогодние рамки поздравления с 8 марта, 23 февраля, заготовки шаблоны для фотомонтажа, шаблоны виньеток, календари, портфолио ученика 1 класса, обложки на DVD диски, меню буклеты, плакаты, расписания уроков, шаблоны визиток и костюмов, коллекции этикеток на бутылки. А также фотокниги, бланки грамот, дипломов, сертификатов, открыток, свадебных приглашений и многое другое. PSD исходники Фотошопа отличного качества и разрешения. Профессиональный фотоклипарт. Разнообразные скрап наборы для творчества. Все для программы Фотошоп кисти, стили, экшены и плагины. Красивый растровый клипарт на прозрачном фоне, а также векторный клипарт.

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

ТОП — 10 ШАБЛОНЫ PSD

Шаблон фотопапки для садиков — Не забудем, не забудем н …

Выпускной фотоальбом

Шаблон фотопапки для выпускников начальной школы — Сего …

Школьная виньетка psd — Здравствуй лето

Шаблон фотопапки для выпускников старшей школы — Послед …

Реалистичный микрофон в Photoshop Учебник

Шаг 1

Создайте новый документ 600 x 600 -rgb, прозрачный bg

Создайте круг с помощью инструмента выделения

Шаг 2

Заполните узор сетки. Как сделать сетки

Шаг 3

Мы хотим сделать нашу сетку красивой и сферической

Filter>Distort>spherize

Используйте 100% и запустите фильтр 2X

Не отменять выбор

Шаг 4

Создайте новый слой и переместите его под слой сетки и назовите его «голова»

Шаг 5

Создайте градиент от светлого до темно-серого

Снимите выделение

Шаг 6

Снова выберите слой сетки

Добавьте стиль слоя с выпуклостью и тиснением, как показано здесь

Установите контур блеска для двойного кольца

Выберите наложение цвета и сделайте его светло-серым

Шаг 7

 Теперь у вас должна получиться сфера, как та, что слева, это наша сетка

Шаг 8

Создайте новый градиент, подобный показанному здесь

Шаг 9

 Создайте новый слой

Нарисуйте прямоугольник

Залейте его новым градиентом, линейным сверху вниз копирует под слой градиента

Залейте одну копию белым цветом и одну копию черным

Шаг 11

Сдвиньте черный прямоугольник вправо на 1 пиксель

Сдвиньте белый прямоугольник влево на 1 пиксель

Шаг 12

Повторите шаги 9 -11, за исключением того, что сделайте прямоугольник уже, как показано на рисунке

 Свяжите все слои и выберите создать новый набор из связанных
Назовите его заголовок. Теперь у нас есть микрофонная головка.

Продолжим тело через

Шаг 13

 

Теперь создадим плечо микрофона…

Создайте новый слой над набором слоев «голова»

Создайте новый прямоугольник

Залейте тем же градиентом, который мы использовалось раньше на Кольцо вокруг головки

Шаг 14

Нажмите CMD/CTL+T для бесплатного преобразования

ПРАВО и выберите «Перспектива»

Перетащите правую сторону прямоугольника, как показано

Шаг 15

Используйте изображение > Размер холста, чтобы увеличить холст для остальной части микрофона

Создайте новый прямоугольник и залейте его градиентом 03

Свободное преобразование>перспектива Шаг 170003

Шаг 18

Теперь у нас есть более темный корпус для микрофона

Шаг 19

Дублируйте плечо и переместите дубликат до конца.

 

Шаг 20

Используйте свободное преобразование, чтобы сделать заглушку, как показано на рисунке

 

Шаг 21

 

9 0009

Давайте добавим текст.

Создайте свой текст и поверните его.

Растрируйте текст, щелкнув его имя в палитре слоев и выбрав «растрировать»

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

 

Шаг 22. для 100% и только по вертикали

нажмите ок

 

Шаг 23

Отменить выбор

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

 

Шаг 24

Вот он, микрофон в фотошопе. Надеюсь, вам понравился этот урок.

Обсудите это и другие руководства на нашем форуме.

CS6 Superguide

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