Рубрика: Photoshop Уроки | Урок прочитали: 434
 (голосов: 0)

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

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

Шаг 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
Перевод: Анцыперович Александра
Ссылка на источник урока

           

Похожие файлы и публикации:

Рисуем микрофон
Шаг 2. Теперь делаем три копии этого слоя (три раза нажмите сочетание клавиш Ctrl+J). Мы находимся на нижнем слое и переходим в меню Редактирование – Трансформация (Edit – Transform) или нажимаем сочетание клавиш Ctrl+T, а затем немного «сплющиваем» нашу букву.
Рисуем микрофон
Слейте изображения.  Layer – Merge Layers (Слой – слить слои). Примените автоматическую тоновую коррекцию (уровни). Image – Adjustments – Auto levels (Изображение – Коррекция – Автоматическая тоновая коррекция) (Shift + Ctrl + L). Перейдем к меню Channels (Каналы), которое  находится во вкладке рядом с панелью слоев,  Duplicate (дублируем) Blue(Синий) канал.
Рисуем микрофон
Шаг 1. Скачайте все стоковые изображения, которые вы бы хотели использовать.
Рисуем микрофон
В этом изумительном Photoshop уроке вы будете учиться создавать суперглянцевую сферу в CS4 Extended. Он состоит из сочетания традиционной техники создания глянцевой сферы, а также из объемной сферы в Photoshop. Успехов!
Рисуем микрофон
От переводчика: Друзья, к сожалению, ссылки на иллюстрации со скриншотами к данному уроку были неактивны, поэтому я решила восстановить их самостоятельно, по ходу выполнения и перевода урока. Именно по этой причине иллюстрации в скриншотах немного не совпадают с итоговой иллюстрацией автора урока, но, надеюсь, они помогут наглядно вам представить этапы данного урока и разобраться в них. Если возникнут вопросы, задавайте их в комментариях к уроку. Желаю успехов и хорошего настроения!
Рисуем микрофон
В этом уроке рассказывается о том, как создать векторные круги с объемным эффектом, будто бы они выступают из изображения.
Рисуем микрофон
Шаг 1. Создайте новый документ размером 1920x1200. Затем используйте стиль слоя Gradient Overlay (Наложение градиента): цвета #07090b и #27160a. Тип заливки – Radial (Радиальный). Увеличьте масштаб изображения до 115%.
Рисуем микрофон
В данном уроке мы будем учиться создавать информационный блок для сайта.
Рисуем микрофон
В этом уроке мы будем создавать стильную черную навигацию для сайта. Вот так она будет выглядеть в конце урока:
Рисуем микрофон
Совместно с Sohan Negi мы разработали урок, который в подробностях покажет вам, как создать иконку пары динамиков. Урок получился длинным, поэтому мы его разбили на две части.
Рисуем микрофон
В этом Фотошоп уроке вы научитесь создавать старинное винтажное радио с использованием простых фигур, градиентов, узоров и текстур. Необходимые материалы:
Рисуем микрофон
В этом уроке вы научитесь делать открытку ко Дню святого Валентина. Наверное, каждый фотошопер, должен подарить подарок, сделанный собственными руками и, конечно  же, в программе Photoshop! С уверенностью можно сказать, что  кто то будет счастлив, получить такой подарок. Сегодня мы будем делать вот такую красочную открытку.
Рисуем микрофон
Посмотрите на конечное изображение, которое получится после данного урока.
Рисуем микрофон
Сегодня мы поработаем над созданием интересного эффекта – лицо, распадающееся на кусочки.
Рисуем микрофон
Примечание: для выполнения урока Вам понадобятся фото рыбы, лодки, текстура песка, текстура воды. Автор не указал ссылки на используемый материал. Однако весь необходимый материал вы можете найти на sxc.hu.
Рисуем микрофон
В этом уроке Вы научитесь создавать оригинальные веб - кнопки для сайта.
Рисуем микрофон
В этом уроке я расскажу вам один из подходов к созданию смайлика, а затем, использую его, чтобы создать красивый эффект текста.
Рисуем микрофон
Создаем новый документ (Ctrl+N) , разрешением 600x450px, дублируем его (Ctrl +J) и применяем к нему стиль слоя - наложение градиента - Радиальный градиент (Layer Style - Gradient Overlay), как показано на рисунке ниже.
Рисуем микрофон
Шаг 1. Итак, начнем с создания нового документа размером 900х700px. Создайте новый слой в документе и залейте его любой текстурой, похожей на дерево.
Рисуем микрофон
В этом уроке мы воспользуемся комбинацией базовых фигур, текстур, фильтров и готовых изображений для создания купона.