lessons 13.06.2008

робот текст в фотошопе

Шаг 1. Создаем новый документ (Ctrl+N) в Фотошоп. Выбираем Инструмент Type tool (Текст (T)) и пишем им подходящий текст.

пишем текст

Шаг 2. Выбираем Инструмент Magic Wand tool (Волшебная палочка (W)) и кликаем по белому пространству вокруг текста. Идем Select>Inverse (Выделение>Инверсия) и Select>Modify>Expand (Выделение>Модификация>Расширить), чтобы получить чуть увеличенное по отношению к тексту выделение.

выделенный текст

Шаг 3. Создаем новый слой (Ctrl+Shift+N), называем его «Robot Panels» и заливаем его (не снимая выделения) серым цветом (например, нажав Shift+F5 и выбрав серый (grey) цвет).

заливаем текст

Шаг 4. Теперь, идем в Стили Слоя (Layer Styles) этого слоя (нажав на соответствующую (вторую слева) кнопочку внизу Палитры Слоев) и задаем там для Inner Shadow (Внутренняя Тень) и Bevel and Emboss (Тиснение) следующие параметры:

inner shadow bevel and emboss объемный текст

Шаг 5. Выбираем Инструмент Eraser tool (Ластик (E)) и стираем все лишнее (см. рисунок)

eraser tool ластик

Шаг 6. Рисуем провода. Создаем новый слой «Wires» (Ctrl+Shift+N), выбираем Инструмент Pen Tool (Перо (P)) в Режиме «Контуры» (задав предварительно в Brush tool (Кисть) маленький размер кисти) и рисуем изогнутые линии, которые в дельнейшем станут проводами.

рисуем провода

Шаг 7. Выбираем Инструмент Direct Selection Tool (Стрелка (A)), кликаем по контуру правой кнопкой мыши и в появившемся меню выбираем пункт «Stroke Path» (Выполнить обводку контура), в следующем окне выбираем Кисть (Brush) и ставим галку у пункта «Simulate Pressure» (Имитировать нажим).

обводка кистью

Шаг 8. В Стилях Слоя этого слоя задаем:

bevel emboss объемные провода

Шаг 9. Осталось только добавть дополнительные элементы — зеленые светящиеся детекторы (он же робот). Создаем новый слой «Lighting», задаем зеленый цвет в качестве основного и рисуем один пробный детектор. Далее идем в Стили Слоя и задаем там параметры, как на рисунках внизу.

зеленый детектор drop shadow stroke

Шаг 10. Если все устраиваем в детекторе, дорисовываем их в нужном количестве, и вот в общем-то и всё. Наш крутой робототекст готов!

детекторы механический текст

lessons 07.06.2008

урок фотошоп

Шаг 1. Создаем новый файл. У нас это документ размером 900*900 пикселей, с разрешением 72dpi, цвет фона — Белый. После этого задаем для основного (foreground) цвета #EFED4A на Панели Инструментов. Создаем новый Набор слоев (Layer>New>Layer Set) и называем его ‘Lego Block’. Выбираем Инструмент Pen Tool (Перо), на Панели свойств инструмента выбираем Paths (Контуры) и рисуем фигуру (см. рисунок внизу). После этого кликаем правой кнопкой и выбираем Fill pixels (Выполнить заливку контура) и заливаем его желтым цветом (основной цвет, заданный ранее). Нажимаем еще раз правую кнопку мыши и выбираем Delete the paths (удалить контур).

gradient tool

Шаг 2. Идём в Стили Слоев Layer Style (Layer > Layer Style), а там в Gradient Overlay (Перекрытие Градиента) и задаем там:

Шаг 3. Создаём новый слой. Теперь мы будем делать правую сторону нашей лего-детали. Для этого используем теже приёмы и тот же цвет. Только для Gradient Overlay (Перекрытие Градиента) применяем следующие установки:

Шаг 4. Ну и наконец, рисуем оставшуюся верхню часть детали. Установки следующие:

Шаг 5. Сейчас, выбираем Инструмент Ellipse Tool (Эллипс) и задаём для основного (foreground) цвета #F0EF61. На новом слое рисуем овал, как на картинке внизу:

gradient tool

Шаг 6. Идём, как обычно в Стили Слоев (Layer Styles) и там для стилей Drop Shadow (Тень) и Inner Shadow (Внутренняя тень) задаём следующие параметры:

drop shadow

drop shadow

inner shadow

Шаг 7. Создаём 4 таких выступа и сливаем наш набор слоев (Layer>Merge Layer Set).

merge

Шаг 8. Дублируем наш жёлтый лего-блок и окрашиваем копию в синий цвет, для этого идём опять в Стили Слоя (Layer Styles) и работаем с Color Overlay (Наложение цвета).

color overlay

Шаг 9. Создадим теперь ещё и зелёный блок, цвет его пусть будет #36600D.

Шаг 10. У нас уже есть три различных цветных лего-блока. Надо обязательно их переназвать, дабы потом не путаться в них.

Шаг 11. Пришло время написать слово из наших лего-блоков. Напишем слово PSD. Для этого создаем новый Набор слоев (layer set) и выписываем первую букву, дублируя слои с блоками. Это довольно просто, только надо контролировать выравнивание блоков и их правильное расположение на Панели слоев.

psd

Шаг 12. Добавляем остальные буквы. На рисунке внизу представлен один из возможных вариантов раскраски слова, у вас он может быть совершенно другим.

Шаг 13. Добавляем отражение. Для этого копируем набор слоев со словом и сливаем этот набор в один слой. Помещаем новый слой с отражение под основной набор на Панели Слоев.

layer

Шаг 14. Идем в Filter>Blur>Motion Blur (Фильтр>Размытие>Размытие в движении) с параметрами для угла 90, а для расстояния — 30px.

motion blur

Шаг 15. Выставляем для слоя с отражением Прозрачность (Opacity) примерно 36%. Плюс к этому вы можете кое что на отражении убрать Ластиком (Eraser).

opacity

Шаг 16. Вот и всё, мы сделали это! По желанию вы можете создать и более сложную фигуру из наших лего-кубиков.

lessons photoshop

Для новичков установка новых кистей в Photoshop, обычно сложная задача, но на самом деле это очень просто. (продолжение…)