lessons 15.12.2008

В этом уроке мы с вами нарисуем контур города, используя Фотошоп. Очень простой и быстрый урок. идеально подходящий для начинающих.

очертания города в фотошоп

brushes shapes
рисуем прямоугольник

Шаг 1. Прежде чем начать, давай скачаем с сайта Deviantart. com Кисти (Brushes) и Фигуры (Custom Shapes) необходимые для выполнения данного урока.

устанавливаем кисти и фигуры

Шаг 2. Теперь, надо установить эти Ксти и Фигуры. Для этого идем в My Computer->Local Disk (C:)->Program Files->Adobe->Adobe Photoshop->Prests->Brushes->Photoshop Only и копируем в эту папку Кисти (путь до необходимой папки у вас на компе может быть несколько другим, но после папки Adobe Photoshop именно такой). А для Custom Shapes путь будет следующим: My Computer->Local Disk (C:)->Program Files->Adobe->Adobe Photoshop->Prests->Custom Shapes (и тоже копируем туда скаченные Фигуры).

создаем новый документ

Шаг 3. Открываем Фотошоп (если он был открыт, то перезагружаем его). Создаем новый документ (Ctrl+N) и вводим при этом параметры, как на рисунке внизу. Разблокируем Фоновый (background) слой (при открытии нового документа фоновый слой в Фотошоп всегда заблокирован). Для этого дважды кликнем по его миниатюре на Палитре Слоев и нажмем Ok (Да) в появившемся окне

gradient overlay

Шаг 4. Закрасим документ Градиентом. Для этого кликаем правой кнопкой мыши по миниатюре слоя на Палитре Слоев и в появившемся меню выбираем пункт Blending Options (Параметры Наложения). Там идем в пункт Gradient Overlay (Перекрытие Градиентом) и кливаем по изображению Градиента. Должно появиться окно Редактор градиентов (Gradient Editor). меняем цвета градинта. Для этого дважды кликаем по нижнему ползунку у Градиента и в появившемся окне задаем новый цвет. Для левого ползунка это 00c6ff (это нужно вбить в окошке внизу окна сразу после значка #). Для правого ползунка — 00d6fd. Нажав везде Ok, мы должны получить закрашенный Градиентом фон.

custom shapes tool

Шаг 5. Займемся городом. Загрузим Фигуру (Custom Shape), скаченную ранее. на Палитре Инструментов нажимаем на кнопке Rectangle Tool (Прямоугольник (U)) и дожидаемся выпадающего меню. В нем идем в пункт Custom Shapes Tool (Инструмент «Произвольная Фигура»).

загружаем фигуры load shapes

Шаг 6. Обращаем свой взгляд на Палиту Свойств (наверху). Кликаем по стрелочке, направленной вниз, справа от слова Shape (Фигура). Появится окно с миниатюрами фигур и стрелочкой справа. Нажимаем на стрелочку, в появившемся списке выбираем пункт Load Shapes (Загрузить фигуры) и загружаем ранее скачанный набор Фигур.

задаем цвет фигуре

Шаг 7. Прежде, чем нарисовать Фигуру в виде очертания города, зададим для неё её будущий цвет. Для этого кликаем по верхнему квадратику на Палитре Инструментов (он задаем Foreground (основной) цвет) и, в появившемся окне Выбора цвета, вбиваем значенние, как на рисунке внизу. Жмем Ok.

shape tool

Шаг 8. Теперь, выбираем Фигуру (Shape) с очертанием города и проводим ею (удерживая Shift, чтоб фигура была пропорциональной) вдоль нижней части документа.

outer glow

Шаг 9. Добавим свечения огней городу. Для этого идем в Параметры Наложения этого слоя, а там Outer Glow (Внешнее свечение). И задаем параметры, как на рисунке внизу.

outer glow

Шаг 9. Добавим свечения огней городу. Для этого идем в Параметры Наложения этого слоя, а там Outer Glow (Внешнее свечение). И задаем параметры, как на рисунке внизу.

подгружаем кисти

Шаг 10. Добавим облаков. Для этого будем использовать ранее загруженные Кисти (Brushes). Подгружаем их в Фотошоп так же, как мы подгружали Shapes, только теперь выбираем Инструмент Кисть (Brush (B)), идем на Палитру Свойств, заходим через стрелочку в Редактор Кисти и там, опять через стрелочку, в меню, где выбираем пункт Load Brushes (Загрузить Кисти) и, соответственно, выбираем нужный набор Кистей.

рисуем кистью облака

Шаг 11. Теперь, можно рисовать. Только учтите, что для каждого мазка (то есть облочка) лучше использовать отдельный слой (Ctrl+Shift+N), чтобы легче было потом вносить изменения (например, менять размер — нажимаем Ctrl+T и тянем за угловые маркеры в нужную сторону).
Ну вот и всё! Наш чудо-город готов!

lessons 11.12.2008

Давайте в этом уроке нарисуем стильную иконку, причем очень быстро и просто.


drop shadow

Шаг 1. Начнем с простого шага — создадим базу для нашей будущей иконки. Внизу показаны значения для Свойств слоя (Layer Style) Drop Shadow (Отбросить тень) и сама основа (квадратик).

bar

Шаг 2. Следующим шагом создадим полосу, где расположим данные о месяце и годе. Цвет пусть бедет — #FF5400.

заливаем

Шаг 3. Создаем дубликат слоя и заливаем его #FFC000 цветом.

Шаг 4. Теперь, используя Eraser Tool (Ластик) размером примерно 65px, стираем нижнюю половину сделанного в прошлом уроке слоя. Также стираем полоску толщиной 2-3px наверху. У вас должно получиться что-то в этом роде

line

Шаг 5. Создаем новый слой и, выбрав Pencil Tool (Карандаш) размером 1px, рисуем линию

layer style

Шаг 6. Идем в Стили Слоя (Layer Style) и задаем следующие параметры

Шаг 7. С помощью Инструмента Текст (Text Tool), пишем нужный месяц и год (у нас использовался шрифт Narrow 12 кегля).

drop shadow

Шаг 8. Применяем Стили Слоя (Layer Style) к тексту со следующими параметрами

blending options

колонка

Шаг 9. Пришло время создать поле для дат на нашей иконке. Начнем с создания колонки с границей в 1px. Основной цвет колонки #e8e8e8, границы — #c0bbbb.

Шаг 10. Порежем нашу колонку на несколко квадратиков.

layer style

Шаг 11. Продублируем слои необходимое колличество раз, чтобы полностью воссоздать календарную сетку, при желании некоторые из них можно перекрасить.

Шаг 12. Осталось только добавить изюминку в виде оранжевого квадратика. Его цвета — фон #ffab6c, граница — 3аа6200.

Вот и все. Остальное дело вашей фантазии. Вот, что получилось у меня.

lessons 08.12.2008

Простой и очень интересный урок по приданию фотографии эффекта необычного градиентного раскрашивания

эффекты в фотошопе

красивое фото

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

levels

Шаг 2. Прежде всего, для получения лучших результатов, снижаем контрастность. Лучшим способом для этого является использование корректирующего слоя. Будем использовать Уровни (Levels). (Этот корректирующий слой можно выхвать прям на Панели Слоев или нажав Ctrl + L). Смещаем центральный серый треугольник влево, чтобы осветлить фото.

gradient

Шаг 3. Теперь, давайте добавим Корректирующий слой с Градиентной (Gradient) заливкой. Его можно выбрать внизу на Палитре Слоев. Выберите радужный градиент, нажав на кнопочке просмотра градиента и выбрав его из градиентов, которые появяются.

градиент

Шаг 4. Измените угол и масштаб градиента на ваше усмтрение. Диагональный градиент большого размера обычно дает более интересный и нежный эффект.

слои

Шаг 5. Теперь, осталось только изменить Режим Смешивания слоя с Градиентной заливкой. Выставляем его на Color. Вот и все!

красивое окрашивание фотографии

Шаг 6. Результат должен выглядеть примерно так. Если этого не так, вы всегда сможете изменить градиент, дважды щелкнув по миниатюре градиента на Палитре Слоев. Откроется диалоговое окно снова с Градиентной заливкой (поэтому мы и использовали корректирующие слои).