Рисуем медальон в Фотошоп. Рисуем медальон в фотошоп
В этом уроке Фотошопа мы рассмотрим, как можно нарисовать иконку медали.
Финальный результат
Приступаем к уроку Фотошопа
Шаг 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.
Итоговый результат:
Шаг 1
Вначале, создайте новый документ Файл - Новый (File>New), установите следующие размеры 1280 x 1024 px, а также установите разрешение 72 пикс/дюйм (dpi). С помощью инструмента Заливка (Paint Bucket Tool (G)), залейте задний фон чёрным цветом. Далее, с помощью инструмента Эллипс (Ellipse Tool (U)), нарисуйте круг. Цвет круга #4B3214.
Шаг 2
Дважды щёлкните по слою с кругом, чтобы применить следующие стили слоя:
Тень (Drop Shadow)
- Режим наложения (Blend Mode): Линейный затемнитель (Linear Burn)
Внутреннее свечение (Inner Glow)
- Режим наложения (Blend Mode): Осветление (Screen)
- Метод (Technique): Точный (Precise)
Шаг 3
Шаг 4
Дважды щёлкните по созданному слою с кругом, чтобы применить следующие стили слоя:
Тень (Drop Shadow)
- Режим наложения (Blend Mode): Перекрытие (Overlay)
Внутренняя Тень (Inner Shadow)
- Режим наложения (Blend Mode): Линейный затемнитель (Linear Burn)
Внутреннее свечение (Inner Glow)
- Режим наложения (Blend Mode): Осветление основы (Color Dodge)
- Метод (Technique): Мягкий (Soft)
Тиснение (Bevel and Emboss)
- Режим подсветки (Highlight Mode): Линейный осветлитель (Добавить ) (Linear Dodge (Add)
- Режим тени (Shadow Mode) Умножение (Multiply)
Тиснение - Контур (Bevel and Emboss >Contour)
Перекрытие узора (Pattern Overlay)
- Режим наложения (Blend Mode): Мягкий свет (Soft Light)
Примечание переводчика: выберите текстуру камня Stone (80 by 80 pixels RGB Mode)
Результат должен быть, как на скриншоте ниже.
Шаг 5
Шаг 6
На скриншоте ниже, вы можете увидеть все настройки для каждой линии текста.
Примечание переводчика: шрифт для текста Walt Disney вы можете скачать по ссылке в начале урока.
Шаг 7
Далее, выделите весь текст, нажав клавиши (Ctrl+Shift)+щёлкните по миниатюре слоя с текстом. Как только вы загрузили активное выделение, перейдите на слой с медалью. Далее, вам нужно нажать клавишу (Delete), чтобы вырезать текст внутри медали. Далее, временно отключите видимость слоёв с текстом.
Примечание переводчика: чтобы выделить все линии текста, удерживая клавиши (Ctrl+ Shift)+щёлкните мышкой по очереди по миниатюре каждого слоя с текстом, чтобы загрузить активное выделение всего текста.
Шаг 8
Далее, с помощью инструмента Ластик (Eraser Tool (E)), удалите внутреннюю часть буквы ‘O’. Теперь, нам нужно нарисовать элемент внутри этой буквы. С помощью инструмента Прямолинейное лассо (Polygonal Lasso Tool (L)), создайте фигуру внутри буквы ‘О’, напоминающую молнию. Прокрасьте нарисованную молнию кистью, цвет кисти тот же, что и цвет медали.
Шаг 9
Создайте новый слой ниже слоя с медалью (примечание переводчика : слой, который вы создали в Шаге 3 ). Далее, нам нужно добавить текстуру внутри больших букв, используя цвет кисти #4B331B. Кисть, которая нам понадобится, указана на скриншоте ниже. Удерживая клавишу (Alt)+щёлкните между слоем с медалью и новым слоем, чтобы преобразовать верхний слой в обтравочную маску:
Шаг 10
Кисть, которая нам понадобится для создания текстуры.
Результат должен быть, как на скриншоте ниже.
Шаг 11
Создайте новый слой, залейте этот слой белым цветом, для создания эффекта шума далее идём Фильтр - Шум - Добавить шум (Filter > Noise > Add Noise). Установите настройки, которые указаны на скриншоте ниже:
Шаг 12
Финальный результат 
Примечание: урок под очень старую версию Photoshop CS2 (2005).
1. Ленточка
Создаем новый документ с размером примерно 150 x 200 px с разрешением 72 dpi.
Начнем с создания ленточки, на которой будет крепиться медаль.
Создаем новый слой и назовём его «Лента ». Берем инструмент () и устанавливаем в настройках фиксированный размер - 100 x 75 px.
Теперь создаём прямоугольное выделение в верхней части документа. Затем заливаем выделенную область цветом #D70000 (Shift+F5).
Вверху панели слоев вы видите 4 иконки, первая слева - Lock transparent pixels (Сохраняет прозрачность пикселов). Нажмите эту иконку, чтобы заблокировать прозрачные пиксели слоя. Это позволит нам рисовать только на красном прямоугольнике, не заходя за края.
Берем (Инструмент «Карандаш» / Клавиша «B») размером 50 px, 100% непрозрачности, и 100% твердости.
Устанавливаем цвет #000FD7 . Удерживаем shift , чтобы линия получилась идеально прямой.
Повторим предыдущий шаг, только цвет возьмем белый , а размер карандаша 20 px.
Теперь добавим немного эффектов. Во-первых, нужно придать ленте текстуру холста. Можно взять, например, такую текстуру:
Откройте картинку с текстурой в новом документе, затем идем через меню (Редактирование - Определить узор).
Назовём её «Linen/Холст » и жмём OK . Теперь эта текстура импортирована.
Делаем двойной клик на иконке слоя «Лента » и идем в (Параметры наложения), выставляем следующие настойки:
(Стиль слоя - Тиснение):
Вырираем загруженную ранее текстуру «Холст » из списка.
(Слои - Стиль слоя - Внутренняя тень):
2. Металлическая планка
Теперь нарисуем металлическую планку.
Создаем новый слой (Ctrl+Shift+N или (Слои - Новый - Слой)) и назовём его «Планка ». Ставим цвет переднего плана #9F9F9F . Берем инструмент (Инструмент «Карандаш» / Клавиша «B») размером 16 px, 100% непрозрачности и 100% твердости. Нарисуем два кружка, как показано на изображении ниже:
Теперь объединим эти кружки полосой шириной 10 px.
На данный момент должна выглядеть так:
Планка »:
(Стиль слоя - Тиснение):
При помощи инструмента () добавим теней.
Используйте кисть размером 15 px, highlights (Подсветка), 20% exposure (Экспонирование), проведите кистью вдоль краёв планки.
3. Медаль
Наконец, мы будем делать саму медаль.
Создаем новый слой, назовём его «Медаль ». Берем инструмент (Инструмент «Произвольная фигура» / Клавиша «U») и из списка возьмём символ «Sherriffs Badge » (Значок шерифа).
Применяем цвет #9F9F9F , чтобы закрасить медаль.
Разместите медаль немного ниже планки.
Переходим на слой «Планка » и при помощи карандаша 3-4 px соединим медаль с планкой.
На данный момент панель слоёв должна выглядеть так:
Идем в (Параметры наложения) слоя «Медаль »:
Текстура (Стиль слоя - Тиснение - Текстура).
Вам потребуется 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. И даже в этой сфере вы найдёте много интересного.