Записи сайта за месяц июля, 2009.

Июл 29

Рисуем кнопку, как у Windows Media Player в Photoshop

:

кнопка, как у media player
рисуем несколько прямоугольников

Шаг 1. Создаем новый документ (Ctrl+N) и рисуем несколько прямоугольников, раскрашенных разными оттенками синего.

ellipse tool

Шаг 2. Теперь, выбираем Инструмент Эллипс (Elipse Tool (U)) и рисуем круг (для этого удерживаем клавишу Shift), заливку делаем цветом #121212.

blending options

Шаг 3. Идем на слой с нашим кругом, кликаем правой кнопкой мыши на по миниатюре слоя на Панели слоев и выбираем Параметры Наложения (Blending Options). Кликаем на Обводка (Stroke).

Шаг 4. Нажимаем Окей. Должно получиться так:

рисуем круг

Шаг 5. Рисуем еще один круг, как на рисунке. Цвет заливки #0023a4.

инструмент эллипс

Шаг 6. Опять выбираем Инструмент Эллипс (Elipse Tool) и рисуем белый овал.

direcrt selection

Шаг 7. Изменим форму последнего овала с помощью инструмента Стрелка (Direct Selection (A)), как на рисунке внизу. Непрозрачность заливки (Fill) уменьшим до 28%.

brush tool

Шаг 8. Удерживая клавишу Ctrl, щелкаем на слое с голубым кругом, чтобы выделить его. Выбираем Инструмент Кисть (Brush Tool) и задаем её диаметр — 50%, жесткость — 17%. Создаем новый слой. Для него ставим режим смешивания — Color Dodge, и меняем цвет на — #70e2ff. Теперь однократно щелкаем в выбранной области внизу круга, снимаем выделение и идем дальше.

Шаг 9. Выбираем Инструмент Rounded Rectangle Tool (Прямоугольник с закругленными краями), задаем степень скругления — 100 пикселей, цвет заливки — #d4d9e0 и рисуем поверхность, как yf hbceyrt.

Шаг 10. Для данной поверхности в Параметрах Наложения (Blending Option) задаем во Внешнем Свечении (Outer Glow) следующие цифры:

Шаг 11. Дублируем последний слой и передвигаем его. Все готово!

«
»
Июл 27

Рисуем кирпичную стену в Photoshop

:

Нарисуем кирпичи в Фотошопе и сложим их в кирпичную стену.

bricks

new document

Шаг 1. Создаем новый документ, размером 50*50 пикселей, RGB, с белым (White background) фоном. Идём Selact>All (Выделение>Всё (Ctrl+A)). Далее Edit>Stroke (Редактирование>Выполнить обводку) и задаем параметры, как внизу.


Шаг 2. Выбираем Инструмент Линия (Line Tool) line и задаем для него такие параметры: Толщина — 4px, цвет — чёрный, стиль — выполнить заливку пикселов (fill pixel options) fill и выключаем сглаживание (anti-aliasing). Рисуем горизонтальную и вертикальную линии, как на рисунке внизу. После этого, выбрав Инструмент Выделение (Marquee Tool) marquee tool, выделяем правую и левую границы в верхней половине прямоугольника и удаляем их (см. рисунок).

pattern
channels

Шаг 3. Теперь, создадим ухор из полученного изображения, для этого нажимаеи Ctrl+A, чтобы выделеть весь рисунок и идем Edit>Define Pattern (Редактирование>Определить узор), назовём его Brick (кирпич). Закрываем этот документ, он нам больше не нужен. И тут же создаем новый, именно в нём мы будет создавать кирпичную стену (параметры документа: размер — 400*300px, RGB, цвет фона — белый). Выбираем Палитру Каналов (Channels) и создаём Новый альфа-канал (new alpha channel), нажав на соответствующую кнопочку внизу Палитры (см. рисунок).

«
»
Июл 26

Рисуем сердечко ко дню Святого Валентина

:

рисуем сердечко

Шаг 1. Начнем урок с выбора Инструмента Произвольня Фигура (Custom Shape Tool (U)) и выбора формы сердца. Основным (foreground) цветом делаем #bb2525 и рисуем сердце.

custome shape tool

Шаг 2. Теперь, щелкаем правой кнопкой мыши на миниатюре слоя с сердцем на Палитре Слоев и выбираем пункт Параметры наложения (Blending Options). Выбираем подменю Тень (Drop Shadow) и задаем такие параметы: (О`кей пока не нажимаем)

drop shadow

Шаг 3. Выбираем подменю Внутренняя Тень (Inner Shadow). Задаем параметры, как на картинке внизу и Окей опять не жмем.

inner shadow

Шаг 4. Выбираем подменю Внешнее Свечение (Outer Glow). Окей опять не жмем.

outer glow

Шаг 5. Выбираем подменю Внутреннее Свечение (Inner Glow). Окей все еще не нажимаем.

inner glow

Шаг 6. Выбираем подменю Наложение Градиента (Gradient Overlay). Окей опять не жмем.

gradient overlay

Шаг 7. Используем параметры для градиента, как на картинке внизу.

параметры для градиента

Шаг 8. Выбираем подменю Наложение узора (Pattern Overlay). Задаем параметры, как на картинке внизу и, наконец, жмем Окей.

pattern overlay

Шаг 9. У вас должно получиться что-то вроде этого.

Шаг 10. Я добавил еще стрелки и вот, что у меня получилось.

сердечко

«
»
Страница 1 из 212
Шаг 4. Идем в Edit>Fill (Редактирование>Выполнить заливку) и выбираем наш кирпичный узор.

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

blur

Шаг 6. Закруглим края у наших кирпичиков. Для этого идём в Filter>Blur>Gaussian Blur (Фильтр>Размытие>Размытие по Гауссу).

levels

Шаг 7. После этого выбираем Image>Adjustment>Levels (Изображение>Коррекция>Уровни) и сдвигаем ползунки, как на рисунке внизу.
Шаг 8. Опять выбираем Filter>Blur>Gaussian Blur и задаем такие значения, чтобы границы между кирпичами были еще видны, но сами кирпичи стали бы серыми. И после этого ничего не трогаем!

noise

Шаг 10. Пришло время добавить текстуру. Для этого идем в Filter>Noise>Add Noise (Фильтр>Шум>Добавить шум).Параметры задаём, как на картинке внизу.


Шаг 11. Возвращаемся к обычному режиму отображения на Панели Слоев (Layers). Задаем для Основного цвета (foreground) 50% серый, а для фона — белый и, выбрав Инструмент Градиент (Gradient Tool) gradient, проводим им так, чтобы получилось, как на картинке внизу.

световые эффекты

Шаг 12. Идём Filter>Render>Lighting effects (Фильтр>Рендеринг>Световые эффекты) и вводим значения, как на рисунке внизу. В пункте Texture Channel выбираем наш недавно сделанный альфа-канал.

alpha

Шаг 13. Уже почти всё готово. Возвращаемся в канал Alpha1 и, удерживая Ctrl, кликаем по значку канала, чтобы выделить кирпичи.

background
saturation

Шаг 14. Возвращаемся на Панель Слоёв (Layers) на слой Background (Задний план) и нажимаем Ctrl+J, чтобы сделать копию выделенных элементов данного слоя. Идём на слой Background и далее Image>Adjustment>Hue/Saturation (Изображение>Коррекция>Цветовой тон/Насыщенность). Параметры устанавливаем, как на рисунке внизу.

bricks

Шаг 15. Финальным штрихом добавляем Тень (Shadow) к верхнему слою (дважды щёлкаем по слою, открывается окно Стилей Слоя, а там выбираем Тень). Для дополнительной реалистичности можно пройтись Ластиком (Eraser Tool) по стыковкам кирпичей, добавив тем самым им некой побитости. Ну вот и всё! Наша стена готова!