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

Финальный результат

Приступаем к уроку Фотошопа

Шаг 1. Основа ленточки.

Открываем новый документ (в моём случае это 70 х134 рх / File > New (Файл > Новый / Сочетание клавиш "Ctrl+N")) и заливам фон любым понравившимся Вам цветом.

Выбираем инструмент Rounded Rectangle Tool (Инструмент "Прямоугольник со скругленными углами" / Клавиша "U") в режиме Path (Контуры), задайте фиксированный размер (см. скрин ниже) и сделайте фигуру.

Шаг 2.

Создайте новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")), выберите инструмент Brush Tool 3 px, цвета #555555 и выполните обводку контура. Затем уменьшите размер до 1 px, установите цвет кисти #ffffff (белый) и ещё раз выполните обводку контура (Stroke Path) на том же слое.

Шаг 3.

Продублируйте слой (с частью ленты) Ctrl+J и опустите его на 4 px вниз. Проделайте тоже самое до желаемого размера Вашей ленты.

Шаг 4. Зададим цвет нашей ленте.

Выбираем инструмент Rectangle Tool (Инструмент "Прямоугольник" / Клавиша "U") в режиме Shape (Фигуры), цвета указанного на скрине ниже и рисуем прямоугольник чуть больше чем размер Вашей ленты.

Шаг 5.

Применяем Clipping mask (Обтравочная маска) Ctrl+Alt+G и устанавливаем режим смешивания Multiply (Умножение).

Шаг 6.

Продублируйте слой с «белой лентой » переместите его в палитре слоёв выше всех остальных. Выберите инструмент Rectangular Marquee Tool (Прямоугольная область выделения / Клавиша "M") и выделяем следующие области (см. скрин).

Шаг 7.

Инвертируем выделение Ctrl+Shift+I и затем жмём Del чтоб удалить ненужные части. После чего примените Clipping mask (Обтравочная маска) Ctrl+Alt+G .

Шаг 8. Придадим форму ленточке.

Склеиваем все слои за исключением фона. Удаляем любыми удобными способами нижнюю часть ленточки, я использовал Polygonal Lasso Tool (Инструмент Многоугольное лассо / Клавиша "L").

Шаг 9. Добавим некоторым местам ленточки объём.

Создаём новый слой – выше слоя с лентой (New Layer Brush Tool (Инструмент Кисть / Клавиша "B") диаметром 10 px, чёрного цвета с мягкими краями и закрашиваем части ленты как показано на скрине немного залазя на ленту.

Шаг 10.

Затем применим Clipping mask (Обтравочная маска) Ctrl+Alt+G и уменьшим Opacity (Непрозрачность) слоя до 80% .

Шаг 11. Сделаем перегиб.

Создаём новый (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")). Выбираем инструмент Brush Tool (Инструмент Кисть / Клавиша "B") диаметром 10 px, чёрного цвета с мягкими краями и закрашиваем центральную часть ленты (см. скрин).

Шаг 12.

Как и в прошлом шаге применим Clipping mask (Обтравочная маска) Ctrl+Alt+G и уменьшим Opacity (Непрозрачность) слоя на этот раз до 30% .

Шаг 13. Делаем основу.

Выбираем инструмент Ellipse Tool Shape (Фигур), цвета #e5c13f 55 x55 px и создаём круг.

Шаг 14.

Применим следующий стиль слоя (Blending Options (Параметры наложения) > Gradient Overlay (Наложение градиента)): ↓

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

Параметры градиента: ↓

Шаг 15. Создаём основу для граней.

Выбираем инструмент Ellipse Tool (Инструмент Овальная форма / Клавиша "U") в режиме Shape (Фигур), цвета #a07309 . Устанавливаем фиксированный размер 50 x50 px и создаём круг. Совместите два круга функциями центровки в режиме инструмента Move Tool (Перемещение / Клавиша "V").

Шаг 16. Делаем грани.

Выбираем инструмент Path Selection Tool (Инструмент "Выделение контура" / Клавиша "A") выбираем контур меньшего круга копируем его Ctrl+C и вставляем Ctrl+V перемещаем скопированный контур на 1 px вниз после чего нажимаем на иконку Subtract from shape area (Вычитание из выделенной области), а затем нажмите Combine (Объединить).

Если кто не понял, объясняю подробно на простом примере.

Есть векторная форма (например круг) пункт 1 смотри на скрине.

Выбираем инструмент Path Selection Tool (Инструмент "Выделение контура" / Клавиша "A") кликаете по векторной форме (в результате у Вас выберется путь) пункт 1 смотри на скрине.

Копируете его Ctrl+C желательно потом Выбрать другой слой, а потом опять перейти на слой с векторной формой и вставляем Ctrl+V вставится он в тоже место откуда был скопирован (поэтому Вы его не увидите) отличительная черта когда Вы вставляете контур должен отображаться, как когда вы его выбрали Path Selection Tool (Инструмент "Выделение контура" / Клавиша "A"). Перемещаете стрелочками смотри пункт 2 на скрине.

Затем при выбранном инструменте Path Selection Tool (Инструмент "Выделение контура" / Клавиша "A") нажимаем на иконку Subtract from Shape Area (Вычитания площади фигуры) у Вас заливка на пересекающихся частях "исчезнет ", а контур останется смотри пункт 3 левую часть. Затем чтобы не было лишних контуров Вы их удаляете нажав на кнопку Combine (Объединить) и получится у Вас форма фигуры, как в 3 -м пункте справа.

Шаг 17.

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

Шаг 18. Добавляем логотип.

Берём логотип (желательно векторную форму) например . Устанавливаем нужный нам размер (чуть меньше самой медали) и задаём цвет #4F2900 .

Шаг 19.

Применяем следующие стили слоя (Drop Shadow (Тень) и Gradient Overlay (Наложение градиента)) смотрим скрины ниже и установите слою режим смешивания Screen (Осветление).

Drop Shadow (Тень): ↓

Параметры градиента: ↓

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

Шаг 20.

Вам потребуется Photoshop 7 или выше.

1.Создаем новое изображение(файл-новый) размером 400х400 цветовая модель RGB и прозрачный фон.

2.Выбирем инструмент "Произвольная фигура" и выбираем там следующую фигуру.

3.Растягиваем фигуру до нужного нам размера. Переходим на панель КОНТУРЫ (рядом с панелью СЛОИ) и нажимаем на значек "преобразование контура в выделенную область" на нижней части панели.

4.Заливаем полученное выделение черным цветом, при помощи инструмента "Заливка".

5.Снова выбираем инструмент "Произвольная фигура" и берем туже самую фигуру. Растягиваем ее так, чтобы она пересекала первое сердечко и была чуть больше его (подкорректировать размер и положение контура Вы можете при помощи ВЫДЕЛЕНИЕ- ПРОИЗВОЛЬНАЯ ТРАНСФОРМАЦИЯ КОНТУРА). Переходим на панель КОНТУРЫ и преобразуем контур в выделение (Нажав на значек "преобразование контура в выделенную область"). Заливаем выделение черным цветом при помощи инструмента "Заливка".

6.Выберите инструмент "Элиптическое выделение", нажав и удерживая клавиши shift и alt создайте круглое выделение вокруг рисунка.

7.Создайте новый слой при пощи значка "Создать новый слой" в нижней части панели СЛОИ (не убирая выделение). Залейте выделение линейным градиентом (Инструмент "Градиент" на панели инструментов), цвета выберите произвольно.

8.Создаем новый слой. Выбираем инструмент "Произвольная фигура" и выбираем там следующую фигуру.

9.Растягиваем фигуру до нужного нам размера. Переходим на панель КОНТУРЫ и нажимаем на значек "преобразование контура в выделенную область" на нижней части панели. Заливаем полученное выделение черным цветом, при помощи инструмента "Заливка".

10.Выберите инструмент ТЕКСТ на панели инструментов. Подберите шрифт и размер для текста. Напишите "Совет да любовь". Используя кнопку трансформации текста, изогните текст по нижнему краю нашей медали.

11.Отключите значек видимости слоя с градиентом(нажав на значек глаза, рядом со строкой слоя на панели СЛОИ) и склейте остальные слои(СЛОЙ-объеденить видимые). ПРимените к полученному слою фильтр ФИЛЬТР-РАЗМЫТИЕ-РАЗМЫТИЕ ПО ГАУССУ, поставив значение РАДИУС = 1. Верните видимость слою с градиентом.

12.Теперь применим эффекты к слою с сердечками. Дважды кликаем по строке слоя и появляется окно "Стили слоя", ставим галочки в окне тиснение и перекрытие цветом, значение параметров ставим как на рисунке.

13.Копируем стиль слоя, кликнув правой кнопкой мыши по слою с эффектами, в открывшемся окне выбираем "копировать стиль слоя". Делаем активным слой с градиентом, кликаем правой кнопкой мыши по строке слоя, в открывшемся окне выбираем "вставить стиль слоя". Дважды кликаем по строке слоя, в появившемся окне "Стили слоя" добавляем галочку в окне ГЛЯНЕЦ, ставим параметры как на рисунке.

Кто не хотел бы быть дизайнером высшего класса? Пожалуй, многие согласились бы побывать в таком амплуа. Но всё ли так просто, как кажется на первый взгляд? На самом ли деле достаточно раздобыть уроки photoshop, освоить их, и стать профессионалом? Нет. Всё значительно сложнее. Как и любая другая профессия, амплуа дизайнера требует опыта, усидчивости, таланта и работоспособности. И какие-то бесплатные уроки photoshop не сильно спасут ситуацию. В этом деле нужен более систематический подход. Так, например, мало кто знает о различиях тех или иных версий фотошопа. Так вот, к примеру, уроки photoshop cs3 отличаются от материала, подготовленного для более поздних версий софта. Стоит выделить и видео уроки photoshop, которые всё же куда более информативнее текстовых версий. Пожалуй, достаточно понятная ситуация складывается, если заводить речь про видео уроки 3d. С одной стороны достаточно трудно представить текстовый курс по столь сложной трёхмерной графике. С другой же, 3d уроки бывают самыми разнообразными, в том числе и в текстовых вариациях. Сюда же можно привести в пример photoshop уроки на русском, которые доступны в избытке. Ну и последним аспектом являются уроки corel.

Рассматривая уроки photoshop, в руки попадаются достаточно интересные предложения. Так, допустим, бороздя просторы интернета, довольно часто натыкаешься на предложения о платных курсах в том или ином месте. Стоит ли покупаться на это? Наш ответ - нет. Для новичка достаточно будет подобрать бесплатные уроки photoshop, освоив которые можно будет задумываться о чём-то более серьезном. Стоит отметить именно уроки photoshop cs4, ставшие наиболее популярными за небольшой промежуток времени. И именно видео уроки photoshop, благодаря которым становятся понятными сразу ряд моментов и тонкостей. Хотя это утверждение не всегда работает, так как далеко не все видео уроки на самом деле хороши. Тем более если речь идет про photoshop уроки на русском, которых в сети в любом случае меньше, чем англоязычных. Что же касается графики, то тут на помощь приходят 3d уроки. Еще одним немаловажным аспектом в изучении этих самых уроков является именно формат. Ведь именно видео уроки 3d позволяют лучше разобраться в том или ином материале. Не будем забывать и уроки corel, которые становятся всё доступней изо дня в день. Таким образом, и набирают популярность ставшие распространёнными учебные материалы, именуемые уроками.

Подводя черту, стоит еще раз отметить набирающие свою популярность учебные материалы. Именуется всё это уроками. Так, например, на данный момент в сети доступна просто туча различных материалов, в том числе и уроки photoshop. В очновном, это либо переведенные с английского, либо русск ие издания. Итак, к примеру, вы можете раздобыть уроки photoshop cs5 буквально на любом веб сайте, тем или иным образом посвящённом дизайну. Как правило, образцово показательными являются именно видео уроки photoshop. Стоит отметить, что не все photoshop уроки на русском языке представляют собой на самом деле эталонный продукт. Связано это с огромным количеством доступного материала. В принципе, к этому относятся и бесплатные уроки photoshop. Что же касается графики, то и здесь можно найти много чего интересного. Так, например, 3d уроки хоть и не имеют такую же популярность, как уроки фотошоп, но также имеют неплохое распространение. А именно видеоуроки 3d в этой сфере являются наиболее качественными. Не стоит забывать также и про учебный материал, именуемый уроки corel. И даже в этой сфере вы найдёте много интересного.