lessons 04.07.2007

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

постер c цветами в фотошоп

рисуем круг

Шаг 1. Открываем новый документ (Ctrl+N) в Фотошопе размером 600*1129 пикселей. Начнем с создания центра цветка и пыльцы. Затем нарисуем лепестки. Для этого рисуем небольшой круг в ценре (с помощью Инструмента «Эллипс (Ellipse Tool (U))» в режиме «фигура» и удерживаем Shift, чтобы получился именно круг) и заливаем его #fcee10 цветом.

заливаем градиентом

Шаг 2. Создаем новый слой (Ctrl+Shift+N) над слоем с кругом, задаем Режим Смешивания (Blending Mode) для данного слоя Multiplay (Умножение) и, используя Инструмент Градиент (Gradient Tool (G)), заливаем его радиальным градинтом от центра круга (цвет в центре делаем #f27d00), так чтобы получилось что-то в этом духе

добавляем шум

Шаг 3. Создаем новый слой и, выделив наш желтый круг (удерживая Ctrl, кликаем по миниатюре слоя на Панели Слоев), заливаем его белым цветом (Shift+F5). Далее идем Filter>Noise>Add Noise (Фильтр>Шум>Добавить шум) и задаем параметры, как на рисунке внизу. Для слоя с шумом выбираем Режим Смешивания — Multiplay (Умножение), Непрозрачность (Opacity) — 15%. После этого, добавляем Mask (Маску слоя), нажав на соответствующую кнопку внизу Палитры Слоев, и проходим черной Кистью (Brush (B)) по краям круга, чтобы убрать с них шум.

add noise
очищаем границы

дублируем слой

Шаг 4. Дублируем слой с шумом (Ctrl+J) и задаем Непрозрачность (Opacity) для этого слоя 5%. После этого создаем еще один новый слой и называем его «light». Рисуем на нём выделение (с помощью Инструмента Elliptical Marquee Tool ((Эллиптическое Выделение(M))) и заливаем его белым. Задаем для этого слоя Режим СмешиванияHard Light (Жесткий свет). Выбираем Инструмент Ластик (Eraser Tool (E)) и стираем почти весь белый круг, оставив лишь тонкий блик наверху.

рисуем выделение
eraser tool

кисть рисуем обводку

Шаг 5. На этом шаге создаем новый слой и помещаем его под слой «light». Называем его «pollen». Выбираем Инструмент Кисть (Brush Tool (B)) и задаем для неё на Палитре Кисти (Brushes (F5)) параметры, как на рисунке внизу. Цвет кисти тот же, что и у круга. Рисуем обводку вокруг круга и помощаем все ранее сделанные слои в отдельную папку (предварительно создав её, конечно же), назвав её «1».

pen tool рисуем лепестки

Шаг 6. Теперь, приступим к рисованию лепестков. Для этого создаем новый слой и, выбрав Инструмент Pen Tool (Перо (P)), рисуем поверхность, как на рисунке внизу. После этого рисуем тем же способом остальные лепестки. Всего их будет 12 и они должны находиться каждый в отдельной папке.

лепестки layers

Шаг 7. Вот так должны выглядеть лепестки и Панель слоев по окончании просцесса рисования (цвет лепестков сделан разным лишь для облегчения восприятия). Номера лепестков соответствуют номерам папок на Панели Слоев.

закрашиваем лепесток обрезаем половину

Шаг 8. Начнем с лепестка под номером «2«. Закрашиваем его #ce7e00 цветом. Выделяем лепесток (можно просто кликнув, удерживая Ctrl, по миниатюре соответствующего слоя на Палитре Слоев) и отрезаем половину с помощью Инструмента Rectangular Marquee Tool (Прямоугольное Выделение (M)). Создаем новый слой и, используя Линейный Белый Градиент, проводим им по выделенной половинке. Режим Смешивания устанавливаем Soft Light (Мягкий свет), Opacity (Непрозрачность)45%. После этого добавляем Маску слоя и, используя черную Кисть, стираем пока слишком светлые части (добавим реалистичности лепестку).

заливаем градиентом
soft light soft light

gradient overlay

Шаг 9. Создаем новый слой, выделяем лепесток и проводим черным Линейным Градиентом сверху вниз. Режим Смешивания для данного слоя ставим Overlay (Перекрытие), Opacity (Непрозрачность) — 50%.

перо рисуем кистью opacity

Шаг 10. Создаем новый слой и, используя Перо (Pen Tool (P)), рисуем контур у правой стороны лепестка (см. рисунок). После этого задаем для Кисти (Brush) цвет — белый, диаметр — 1 пиксель. Возвращаемся к Инструменту Перо и, кликнув правой кнопкой мыши по контуру, выбираем пункт Stroke Path (Выполнить обводку контура), а в появившейся Панели выбираем Brush (Кисть) с отключенным значением Simulate Pressure (Имитировать нажим). После этого удаляем контур (опять кликнув правой кнопкой мыши и выбрав Delete pat (Удалить контур)h). Непрозрачность (Opacity) слоя ставим — 50%.

копируем слой

Шаг 11. Дублируем слой, созданный в 8-ом Шаге перемещаем его наверх в пределах папки. Режим Смешивания задаем Normal, Opacity (Непрозрачность) — 40%. Ну и в конце, маскируем где надо этот слой. После этого проводим белую Линию с помощью Инструмента Line Tool (Линия). Выбираем Инструмент Eraser Tool (Ластик (E)) и стираем лишнее, как показано на рисунке. Непрозрачность этого слоя понижаем до 20%.

opacity
opacity opacity

выделяем уменьшаем непрозрачность

Шаг 12. Создаем еще один слой. Выделяем левую часть лепестка и заливаем её черным-прозрачным Градиентом, чтобы затенить её. После этого стираем Ластиком все ненужное и уменьшаем значение Непрозрачности.

закрашиваем лепесток

Шаг 13. С этим лепестком закончили, перейдем к другим. Идем в папку «3«. И закрашиваем этот лепесток #ce7400 цветом. После этого создаем новый слой и рисуем в нем с помощью Инструмента Перо белую кривую. На основе этой кривой создаем новый слой, но меняем цвет кривой на черный. Для слоя с белой кривой задаем Режим Смешивания — Soft Light, Opacity — 86%, а для слоя с черной кривой Режим Смешивания — Soft Light, Opacity — 55%.

белая кривая
черная кривая непрозрачность слоя

рисуем тени

Шаг 14. Создаем новый слой. И используя мягкую черную Кисть, рисуем тени. После этого создаем ещё один новый слой на сей раз для светлых участков лепестка. Создайте выделение (см. рисунок внизу) и залейте его прозрачно-белым Градиентом. Пройдитесь, где надо Ластиком и установите Режим Смешивания для данного слоя — Soft Light, Opacity — 50%.

рисуем света
soft light

new layer overlay

Шаг 15. Создаем новый слой на основе выделенного лепестка (выделяем лепесток и нажимаем Ctrl+J). Удаляем некоторые света сделанные ранее (ну и все, что не очень нравится) и выставляем Режим Смешивания на Overlay (Перекрытие), Opacity (Непрозрачность) на 48%.

рисуем пером режим смешивания

Шаг 16. Повторяем шаг с черной и белой кривой (форму см. на рисунке), Режим Смешивания для обеих кривых — Soft Light (Мягкий свет), Opacity (непрозрачность) — 50%. Плюс стираем Ластиком (Eraser (E)) края.

рисуем кисть в фотошопе перекрытие

Шаг 17. Создаем опять новый слой с выделенным лепестком и рисуем Кистью, как на рисунке внизу. Режим Смешивания ставим — Overlay, Opacity — 30%.

рисуем лепесток

Шаг 18. Используя ту же технику, что и в предыдущих шагах, рисуем остальные лепестки.

лепестки в фотошопе
рисуем в фотошопе кисти в фотошопе

кисти в photoshop
brush в photoshop рисуем в photoshop

лотус в photoshop
flower в photoshop

рисуем фон рисуем облака

Шаг 19. С цветком мы закончили. Перейдем к фону. Перемещаем все слои, связанные с цветком в новую папку, которую назовем «Flowers». После этого создаем новую папку «Sky» и помещаем ее под папку «Flowers» на Панели Слоев. Скрываем папкус цветком и создаем новый слой в папке с фоном. Используя Gradient Tool (Градиент (G)), рисуем Линейный Градиент с цветами #9fc1c2 и #283333. Далее добавляем облаков.

rectangle tool define brush

Шаг 20. Теперь, создаем новый документ (Ctrl+N) размером 100*100 пикселей. Также убедитесь, что фон файла будет Прозрачным. Рисуем черный крест с помощью Инструмента Rectangle Tool (U) и создаем из этой фигуры кисть. Для этого идем Edit>Define Brush Preset, как-нибудь называем её и сохраняем.

brushes

Шаг 21. Закрываем этот документ и переходим в основной «sky». Создаем новый слой, идем в Палитру Кисти (Brushes (F5)), задаем следующие параметры и украшаем наш фон милыми крестиками. Полсе этого делаем видимым цветок и дублируем его несколько раз (Ctrl+J). Скопированные цветы раскидываем (Инструментом Move (Перемещение (V))) по нижней части плаката, плюс меняем их размер (Ctrl+T — Инструмент «Свободная Трансформация») и рисуем отражение (для этого дублирем их ещё раз, поворачиваем на 180 градусов и перемещаем вниз).

кисти
brushes preset плакат

плакат с лилиями
отражение лилий

add noise

Шаг 22. Теперь, когда эта сцена закончена, создаем еще один новый документ размером 1000*2000 пикселей и будем работать с ним. Применим фильтры Filter>Noise>Add Noise (Фильтр>Шум>Добавить шум), Filter>Blur>Gaussian Blur (Фильтр>Размытие>Размытие по Гауссу) с радиусом размытия 2 пикселя. Далее идем в Палитру Channels (Каналы), выбираем Channel 1 и идем в Filter>Stylez>Emboss (Фильтр>Стилизация>Тиснение). Для Channel 2 выбираем тот же фильтр, но с другими параметрами.

gaussian blur
emboss тиснение

трансформируем изображение

Шаг 23. Добавим перспективы нашей будущей воде. Для этого идем Edit>Transform>Perspective (Редактирование>Трансформирование>Перспектива) и увеличиваем длину нижней стороны где-то в 6 раз. После этого нажимаем Ctrl+Shift+T, чтобы повторить трансформацию. Выделяем изображение (Ctrl+A) и обрезаем его Image>Crop (Изображение>Кадрировать). Ну и в конце, уменьшаем высоту изображения, сделав из него квадрат.

transform
free transformation

channel mask

Шаг 24. Увеличим ощущение перспективы. Для этого идем опять на Палитру Channel, а там в Channel 1. Нажимаем клавишу Q, чтобы перейти в режим «Быстрой маски» и, выбрав Инструмент Gradient Tool (Градиент), проводим им, как показано на первом рисунке. Выходим из этого режима (нажимаем опять Q), получаем выделение (второй рисунок), которое зальем серым цветом (#7f7f7f). Проводим аналогичную операцию с Channel 2 (третий и четвертый рисунки). Итоговая картинка показана на последней картинке. Сохраняем этот документ, назвав его «water» и возвращаемся в основной документ с цветами.

selection
quick mask выделение эффект перспективы

выделяем часть

Шаг 25. Сливаем слой в группе «Sky«. Выделяем часть неба (первый рисунок), копируем его (на новый слой), поворачиваем на 180 градусов, помещаем вниз, как будто это отражениие нашего облачного неба (см. второй рисунок) и сливаем этот слой со слоем с отражением цветов.

отражение
сливаем слои

layer mask layer

Шаг 26. Создаем новый слой и помещаем его под слой с отражением. Кликаем, удерживая Ctrl, по миниатюре слоя с отражением на Палитре Слоев и заливаем новый слой #003d72 (синий) цветом. Для слоя с отражением создаем «маску слоя» и проводим по ней черно-белым Градиентом

motion blur

Шаг 27. Выделяем слой с отражением (кликаем по миниатюре слоя на Палитре Слоев удерживая Ctrl) и идем Filter>Blur>Motion Blur (Фильтр>Размытие>Размытие в движении). После этого нажимаем Ctrl+F, чтобы повторить фильтр и стираем Ластиком (Eraser Tool (E)) всё лишнее.

filter
eraser

выделяем слой

Шаг 28. Пришло время добавить воду. Выделяем слой с отражением и идем Filter>Distort>Displace (Фильтр>Искажение>Смещение). Параметры, как на втором рисунке внизу, а в качестве Карты смещения (displacement map) используем файл Water. psd, сохраненный ранее. После этого повторяем фильтр, но используем другие параметры (третий рисунок) с той же картой смещения.

distort
displace

opacity

Шаг 29. Теперь, уменьшаем Непрозрачность (Opacity) слоя под слоем с отражением (с синей заливкой) до 70%. Создаем ещё один (последний) слой над слоем с отражением, кликаем с Ctrl по миниатюре слоя с отражением, чтобы на его основе создать выделение на новом слое, и проводим по новому слою черно-прозрачным Градиентом (Gradient Tool), как показано на картинке внизу. Режим Смешивания для данного слоя ставим Soft LIght (Мягкий Свет).

gradient tool
soft light

Ну вот и все! Наш постер с лотусами готов!

постер с лотусами

lessons 28.06.2007

В этом уроке, хорощо подхлдящим для новичков, мы нарисум псевдотрехмерную книгу.

3-х мерная книга в photoshop

Шаг 1. Начнём с создания нового документа (Ctrl+N) размером 350*350px. Нарисуем прямоугольник, используя инструмент Rectangle Tool (Прямоугольник (U)).
rectangle tool прямоугольник

Шаг 2. Теперь, идем в Редактирование>Трансформирование>Перспектива (Edit>Transform>Perspective). И повернем наш прямоугольник
perspective

Шаг 3. Создаем новый слой (Ctrl+Shift+N) и рисуем еще один прямоугольник. Используем ту же трансформацию для создания корешка нашей книги
корешок книги

Шаг 4. И еще раз создаем новый слой и двигаем его наверх (см. картинку). Применим опять трансформацию, правда на сей раз Наклон (Edit>Transform>Skew)
skew

Шаг 5. Как видите, мы почти сделали верх нашей книги. Осталось только пройтись по нему Polygon Lasso (Полигональное Лассо), дабы выделить и удалить лишнее.
полигональное лассо

Шаг 6. Вот, что мы получаем после удаления.

Шаг 7. Основу под будущую книгу мы уже сделали, осталось добавить текст и изменить цвета. Я использовал следующие цвета (см. внизу). Корешок темнее обложки, что делает книгу более реалистичной.
текст на корешке

Шаг 8. Теперь добавим текст и различных спецэффектов по вкусу. Вот, что вышло у меня.
рисуем книгу в фотошопе

lessons 21.06.2007

В данном уроке давайте создадим симатичную обложку для диска. Дизайн обложки будет простым, но стильным :).

обложка cd-диска

пишем текст

Шаг 1. Начнём с создания документа размером 912px*912px. Зальём фон черным, для этого нажимаем клавишу D (чтобы вернуть цвета «по умолчанию»: цвет фона — белый, основной цвет — черный) и нажмём Alt+Backspace, чтобы залить картинку «основным цветом». Теперь, пишем какой-нибудь текст. Важно, чтобы все слова были написаны на разных слоях, дабы нам потом было удобней с ними работать. У нас цвет текста — Белый, шрифт — Helvetica (хотя подойдет любой рубленный шрифт, например, Arial), все буквы заглавные + мы побаловались с межбуквенным расстоянием с помощью Палитры Character (Символ) (чтобы её открыть идем Window>Character (Окно>Символ)).

smart object

Шаг 2. Выделяем на Палитре Слоев текстовые слои (это можно сделать щелкая по слоям с нажатой клавишей Ctrl) и, кликнув правой кнопкой мыши, выбираем пункт «Преобразовать в смарт-объект» (convert to smart object). Находясь на слое со смарт-объектом (он должен быть у вас один), кликаем по значку Маски слоя (layer mask) в нижней части Палитры Слоев. Выбираем Инструмент Brush (Кисть) и рисуем по маске слоя, чтобы получилось примерно так, как на картинке (такую кисть вы можете скачать отсюда).

filters

Шаг 3. Создаем новый слой и преобразуем его также в смарт-объект. После этого идем Filter>Render>Clouds (Фильтр>Рендеринг>Облака) и Filter>Blur>Gaussian Blur (Фильтр>Размытие>Размытие по Гауссу), радиус размытия ставим — 20 пикселей. Добавим Обтравочную маску (clipping mask), кликнув для этого между слоями со смарт-объектами, удерживая клавишу Alt.

levels

Шаг 4. Теперь, добавим Корректирующие слои Levels (Уровни) и Hue/Saturations (Цветовой тон/Насыщенность). Для этого идем Слой>Новый корректирующий слой>… (Layer>New Adjustment Layer>…), не забывая при этом поставить галочку у надписи «Использовать предыдущий слой для создания обтравочной маски» в появляющемся окошке. Значения выставляем, как на рисунках.

hue, saturations
надпись

line tool

Шаг 5. Создаем новый слой и задаем цвет фона — черный. Выбираем Инструмент Линия (Line tool), размером 1px-4px и рисуем линии под углом в 45 градусов к горизонтали (для этого лучше всего удерживать Shift при рисовании). Далее скрываем все слой, кроме слоя с линиями и фонового слоя (background) и идем File>Save As (Файл>Сохранить как), и сохраняем файл под именем Dmap. psd. Возвращаем видимость всем слоям, а слой с линиями удаляем

displace

Шаг 6. Выделяем текстовый смарт объект и идем Flter>Distort>Displace (Фильтр>Искажение>Смещение). Установки оставляем, как есть, а картой смещения пусть будет созданный нами файл Dmap. psd.

кисть

Шаг 7. Выбираем Инструмент Кисть (Brush Tool) и нажимаем F5, чтобы вызвать Палитру Brush Editor (Кисти).

brush
рисуем кистью

берем образец цвета

Шаг 8. Создаем новый слой. Выбрав Инструмент Пипетка (Eyedropper tool), кликаем по тексту, чтобы взять образец цвета, который станет цветом нашей кисти. Созданной ранее кистью рисуем пузырьки, как показано внизу. Прозрачность слоя делаем 50%.

цветочная кисть

Шаг 9. Можно добавить еще какие-нибудь красивые элементы. Мы добавили спец. цветочной кистью пару мазков.

line tool

Шаг 10. Создаем новый слой и опять рисуем линии под углом 45 градусов, правда теперь ещё пусть наши линии будут разных оттенков серого. На рисунке внизу мы оставили видимым только новый слой, скрыв остальные.

smudge tool

Шаг 11. Выбираем Инструмент Палец (Smudge Tool) и, используя большую мягкую кисть, превращаем наши линии в:

кисть

Шаг 12. Конвертируем линии в смарт-объект, добавляем маску к слою, и, используя спец. распыляющую кисть, закрашиваем часть наших линий.

фильтр displace

Шаг 13. Используем Фильтр Displace (Смещение) к данному слою с такими параметрами

цветная кисть

Шаг 14. Опять создаем новый слой и рисуем разноцветные пятна с помощью большой мягкой кисти.

обтравочная маска

Шаг 15. Создаем Обтравочную маску (clipping mask) между слоем с цветными пятнами и смарт-объектом с линиями. Объединяем эти два слоя в группу и помещаем новую группу прямо над фоновым слоем, если он у вас есть.

рисуем пузыри

Шаг 16. С помощью кисти из Шага 8 рисуем в новом слое пузырики, размером чуть больше чем раньше.

bevel emboss

Шаг 17. Двойным кликом по иконке слоя на Панели слоёв вызываем Панель Layer Style (Стиль Слоя), там идем в Bevel and Emboss (Тиснение).

раскрашиваем пузыри

Шаг 18. Используя ту же технику, что и в Шагах 14 и 15, раскрашиваем наши пузыри.

clipping mask

Шаг 19. Опять создаем Обтравочную маску (clipping mask), между слоями с цветными пятнами и пузырями.

работаем со смарт-объектами

Шаг 20. Возвращаемся к смарт-объекту с текстом. Дважды кликаем по иконке смарт-объекта на Палитре слоев и он откроется у нас в новом документе, правда текст останется белым, но вот фон станет прозрачным. Создаем новый слой, помещаем его под слой с текстом и заливаем черным.

text

Шаг 21. Меняем в тексте всё, что хотим. Мы изменили букву «О» с помощью Инструмента Эллипс (Ellips Tool), и добавили ещё текст меньшего размера над основным. См. рисунок:

сохраняем документ

Шаг 22. Теперь, нажимаем Ctrl+S, чтобы сохранить документ. И видим, что в нашем старом файле текст также изменился. Дополнительный новый файл можно уже закрыть

дизайн cd-диска

Шаг 23. Последним шагом мы просто добавили логотип на нашу обложку, вот и всё!