Урок от Zerakla - Элемент скрапа

Zerakla пишет:В этом уроке вы узнаете как оттенять с помощью градиента фигуру, как делать сгиб как на бумажной фигуре, научитесь деформировать при трансформации и накладывать тень без использования спец. фунции.
1. Открываем или рисуем картинку, которую мы будем сгибать.
Я воспользовалась инструментом «Произвольная фигура» и из стандартного набора взяла готовую фигуру. Растянула ее до нужного размера (если хотите чтобы фигура сохранила свои пропорции, то при растягивании нажмите и удерживайте кнопку Shift). Обратите внимание, чтоб у вас был нажат квадратик «выполнить заливку пикселов» (см. зеленый кружок на превью).
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
2. Удерживая Ctrl кликаем на панели слоев на квадратик с фигурой – этим мы выделим нашу фигуру.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
3. Теперь создадим линию изгиба. Не снимая выделения возьмем инструмент «прямолинейное лассо» удерживая Alt выделяем половину фигуры (я показала красными линиями как выделяем лассо) - этим мы уберем половину выделения с фигуры. Я оставила выделенной нижнюю часть фигуры, на которую будем накладывать тень.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
4. Затемним часть фигуры. Создадим новый слой. Установим черный цвет. Возьмем инструмент «градиент» (настройки: линейный градиент, от черного к прозрачному – см. выделения зеленым цветом). Растягиваем линейку градиента от середины фигуры к краю (см. на превью – я показала красной линией как растягивать градиент). Старайтесь чтоб линия растяжки градиента была перпендикулярна нашему изгибу (я показала это зеленым уголком).
Теперь снизим непрозрачность слоя – помните где это?! на панели слоев. Поставим примерно 10-15%
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
5. Осветлим другую часть фигуры. Таким же образом нужно обработать верхнюю часть фигуры, только на этот раз мы ее осветляем. Кратко повторю:
- Удерживая Контрл жмем на панель слоев на квадрат с фигурой (она выделилась).
- Берем прямолинейное лассо удерживая Альт выделяем нижнюю часть (выделение остается только на верхней части фигуры) (см.зеленый контур)
- Создаем новый слой, выбираем белый цвет и заливаем от белого к прозрачному, от середины к краю. Непрозрачность ставим 10-15%. (см. красный контур)
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
6. Создадим еще один слой. Возьмем мягкую кисть диаметром примерно 20рх белого цвета. Еще раз выделим фигуру (удерживая Контрл жмем на панель слоев на квадрат с фигурой). Теперь рисуем прямую полосу по нашему сгибу – ставим точку в начале сгиба, жмем на Шифт и удерживая его ставим вторую точку в конце нашего сгиба (на превью я указала где ставила точки) – таким образом мы получили прямую белую полосу. Размоем ее Гауссом (Фильтр – Размытие – Размытие по Гауссу) я поставила значение 35px (смотрите на картинку, должно получится примерно как у меня на превью). Полоска должна быть еле заметна, поэтому можно еще уменьшить прозрачность этого слоя.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

Zerakla пишет:7. Сделаем копию слоя с нашей фигурой. И переведем фигуру в черный цвет – есть много способов сделать это, поэтому можете сделать кому как удобно. Опишу несколько способов, можете выбрать один из них:
- удерживая Контрл жмем на панели слои по квадрату слоя с нашей фигурой и заливаем это выделение черным цветом
- Идем в Изображение—Коррекция – Яркость /контрастность (устанавливаем все галочки и сдвигаем ролики влево на -100 и -100). Жмем Ок.
- Изображение – Коррекция – Фотофильтр (Цвет – черный, плотность – 100%, сохранять свечение – убрать галочку).
- Изображение – Коррекция – Цветовой тон/Насыщенность (Сдвинуть влево ползунок насыщенности и яркости, т.е. поставить значения -100, -100).
….
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Ставим этот слой под слой с цветной фигурой. Это будет наша тень.
8. Теперь применим Фильтр Гаусса к слою с тенью (Фильтр – Размытие – по Гауссу). Я поставила 5 px, а вообще смотрите как вам надо…. (даже если вам в итоге покажется что тень слишком четкая, то можно применить этот фильтр еще раз).
И можно склеить вместе 4 верхних слоя (белая полоска , белый градиент, черный градиент и цветную фигуру). Теперь у нас только два слоя (фигура с градиентами и тень)

9. Займемся трансформацией. Перейдем на верхний слой с цветной фигурой и нажмем Контрл+Т, потом правой кнопкой мыши по фигуре и выбераем Деформация (или идем в Редактирование—Трансформирование – Деформация)
Стараемся изогнуть немного фигуру как бы приподнимая верхнюю часть (см. превью). Я немного опустила верхний правый квадрат деформации к центру фигуры
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
10. Можно таким же образом деформировать слой с тенью, чуть наклонив верхний левый квадрат при деформации вниз. И изменяем непрозрачность этого слоя – ставим примерно 70-80 %
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
11. Еще я сдвинула немного слой с тенью вправо и вверх (инструмент «перемещение» (вызывается клавишей V) и жмем на клавиатуре стрелочки вверх 1-2 раза и вправо 1-2 раза) - Добиваемся, чтобы тень почти не выглядывала из под фигуры слева (той части которая у нас нижняя) .
Теперь можем объединить все слои.
Не смотря на громоздкий урок, делается все очень быстро и просо. Вот что получлось у меня:
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

Zerakla пишет:Вот что еще у меня получилось
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

Zerakla пишет:Решила не делать это отдельным уроком, а дополнить этот.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Это тоже можно сделать примерно тем же способом, что и изгиб выше описанный.
Делаем тоже самое:
1. рисуем лист
2. делаем его кипию, заливаем черным цветом. Размываем Гауссом.
3. трансформируем верхний цветной слой (на превью я показала как). При девормации тянем средний верхний квадрат вверх и нижний средний квадрат вверх - стараемся вятянуть их на одинаковую высоту.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
4. можно еще немного деформировать слой с тенью - я его чуть-чуть приподняла за средний нижний квадрат и сделала. А потом немного уменьшила тень чтоб она не выгладфывла из за размытости по краям (слева, справа и сверху).
5. Создаем новый слой. Выделяем верхний цветной лист (кликнув мышью на пенеле слоев удерживая Контл). И градиентом черного цвета (с настройками: зеркальный градиент, инверсия - ставим галочку, от черного к прозрачному -- см. на превью). Градиент растягиваем от середины листа к краю - получаем вот что:
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Ставим непрозрачность этого слоя где-то 40-45% (смотрите по по картинке)
6. Еще один слой для белого градиента. Только снимите галочку с инверсии и растягивайте его на середине. Если мало растянулось то размойте фильтром Гаусса и поставте прозрачность около 30-40%.
И вот, шаблон с фоном для наглядности и без:
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

tantany пишет:БОльшое спасибо за урок! все получилось - здорово!!!

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

З.Ы. Урок очень подробный - молодец!!!!!! ))*^) ))^^)

Гардарика пишет:Спасибо за урок!!!! :-o
Конечно, не совсем так, но я старалась))))
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

Ольга С пишет:[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
спасибо за урок!