lessons 20.08.2009

Давайте создадим металлическую текстуру в Фотошопе. Это очень простой и быстрый урок.

металлическая текстура

Шаг 1. Создаем новый файл (Ctrl+N) размером 64х64 пикселей. Выбираем Инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool) (в режиме фигуры) и выставляем радиус закругления 100 пикселей.
рисуем прямоугольную фигуру

Шаг 2. Добавляем якорные точки с помощью Инструмента Добавить Опорную точку (Add Anchor Point Tool)
якорные точки anchor point

Шаг 3. Теперь идём в основное меню Редактирование>Свободная трансформация (Edit>Free Transform (Ctrl+T)) и поворачиваем нашу поверхность:
free transform

Шаг 4. Кликаем правой кнопкой мыши на миниатюре слоя с поверхностью, выбираем Параметры Наложения (Blending Option) и затем — Тень (Drop Shadow).
blending option, drop shadow

Шаг 5. Дальше идём в подменю Внутренняя Тень (Inner Shadow) и выставляем параметры:
inner shadow

Шаг 6. Идём в Наложение Градиента (Gradient Overlay).
gradient overlay

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

Шаг 8. Дублируем наш слой (Ctrl+J). Идём в Редактирование>Трансформирование>Отразить по горизонтали (Edit>Transform>Horizontal) и после этого ещё передвинем нашу поверхность. Далее кликаем правой кнопкой мыши по новому слою с поверхностью на Панели Слоев и выбираем Внутренюю Тень (Inner Shadow). Меняем Угол на 141. Теперь выбираем подменю Наложение градиента (Gradient Overlay) и здесь тоже меняем Угол на -135. Нажимаем О`кей.
gradient overlay, drop shadow

Шаг 9. Идём в основное меню и выбираем Редактирование>Определить Узор (Edit>Define Pattern), даем ему имя и нажимаем Окей. Создаём новый документ произвольного размера и заливаем его нашим узором.
define pattern

Шаг 10. Напоследок, выбираем Фильтр>Рендеринг>Эффекты освещения (Filter>Render>Lighting Effects) и используем параметры, как на рисунке внизу. Затем, идём в Редактирование>Ослабить (Edit>Fade: Lighting Effects) и ставим 50%.
light effects

Шаг 11. Всё, наш фон готов.

lessons 29.07.2009

кнопка, как у 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. Дублируем последний слой и передвигаем его. Все готово!

lessons 27.07.2009

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

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), нажав на соответствующую кнопочку внизу Палитры (см. рисунок). Шаг 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) по стыковкам кирпичей, добавив тем самым им некой побитости. Ну вот и всё! Наша стена готова!