Урок для Фотошоп.

Фильтры:

Alien Skin Eye Candy5 Impact-glass,

Penta.com-color dot ,

Graphics Plus-Cross Shadow.

Создаем новый документ 800х550 и заливаем его линейным градиентом с левого верхнего угла в правый нижний Беж х т-корич. (т-корич)фоновый#140905 (беж)основной#ceab8f

Создаем новый слой и заливаем его линейным градиентом с правого нижнего угла в левый верхний.

Открываем маску,помещаем ее и расстягиваем по контуру предыдущего слоя.

Идем в Каналы щелкаем мышью по синему создаем дубликат синего.Закрываем все глазки кроме глазка дубликата синего.Жмем Ctrl+иконка дубликата синего — появилось выделение,возвращаемся в слои.Встаем на слой под маской жмем Delete.Снимаем выделение Ctrl+D.Поднимаемся на слой с маской и удаляем ее.Жмем fx добавляем тень со следующими параметрами:

Далее идем Фильтры-Усиление резкости-усиление резкости.(2раза)и Усиление резкости-Резкость по краям;Резкость по контуру.

Создаем новый слой.Переключаем стрелочкой цвета,меняем местами основной с фоновым.Темный сверху.И с верхнего левого угла в правый нижний заливаем новый слой линейным градиентом.

Открываем маску,

помещаем,растягиваем по размеру документа.Идем в каналы,щелкаем синий,делаем дубликат синего.Закрываем все глазки кроме глазка синего дубликата жмем ctrl+иконку дубликата синего-появилось выделение ,возвращаемся в слои,встаем на слой под маской,жмем Delete.Поднимаемся на слой с маской удаляем ее.

Жмем fx- тень с теми же настройками.Фильтры-Усиление резкости-усиление резкости.Усиление резкости-усиление резкости еще раз.

Встаем на нижний слой прямоуголыным выделением создаем квадрат как на скрине,

Фильтры-Penta.com-color dot(густые точки)снимаем выделение.Выделяем вертикальный прямоугольник слева,создаем для него новый слой звливаем градиентом с верхнего угла.Идем Фильтры-Шум-добавить шум.Овальным выделением делаем кнопку, создаем  для нее слой, заливаем коричневым fx-тень по умолчанию,Фильтры-Alien Skin Eye Candy5 Impact-glass.Ctrl+J делаем два дубликата кнопки и распределяем по прямоугольнику.Объединяем слои кнопки+прямоугольник.Свободное трансформирование уменьшаем в размере и перемещаем на задний план как на картинке(подстраивая его размеры под линии фона.)

Выделяем квадрат,создаем для него слой и заливаем узором.

(У кого нет подобного узора копируем картинку,идем в ФШ открыть картинку,Редактирование-определить как узор)Делаем дубликат квадрата с узором спускаем вниз,делаем еще дубликат уменьшаем свободным трансформированием на 50% и ставим его между двумя первыми.Дублируем его и перемещаем дубликат на задний план к прямоугольнику с кнопками и подстраиваем размер под линии фона и так чтобы его середина совпадала со средней кнопкой на прямоугольнике.(квадратам делаем обводку как на скрине)

Под нижним квадратом выделяем прямоугольную полоску,создаем под нее новый слой и заливаем его линйным градиентом.Идем Фильтры-Шум-добавить шум.Помещаем девушку.

Подписываем работу.

Рамка:

Выполняем сведение слоев.Два клика мышью по слою.Fx-обводка-градиент настройки как на скрине

.Создаем новый слой спускаем его вниз.Идем Изображение-размер холста и прибавляем по ширине и высоте 50пикс.Вокруг холста орбразовавшуюся прозрачную рамку заливаем градиентом с верхнего левого угла в нижний правый.Фильтры-Graphics Plus-Cross Shadow.Меняем цвета местами жмем стрелочку,обводка,градиент,внутри 3 пикс.

Анимация:

По желанию анимируем.Делаем 3 дубликата нашего коллажа.Закрываем глазки у всех кроме оригинала.Окно-анимация.

Жмем инструмент осветлитель и в верхней панели рабочего окна настраиваем экспонир15-20%Диапозоп-Подсветка.Берем небольшой размер (кисти)осветлителя,цвет беж (верхний квадратик).

Закрашиваем первую кнопку и часть фона прямоугольника под ней,верхний квадрат,нижнюю кнопку(часть фона под ней) и нижний квадрат,щелкаем на листик с загнутым уголком в окне анимации создаем новый кадр.Идем Слои закрываем глазик у основной картинки.Открываем у дубликата и выделяем синим дубликат.Осветлителем закрашиваем среднюю кнопку,средний квадратик один и на дальнем плане,полоску внизу коллажа,можно сережки у девушки(по желанию).Жмем листик с уголком создаем новый кадр.Закрываем глазик у этого дубликата,открываем у следующего перемещаем выделение соответственно.Осветляем верхнюю кнопку на дальнем прямоугольнике и нижнюю, и часть верха прямоугольника.Жмем листик создаем новый кадр.Закрываем глазик у дубликата открываем у последнего, осветляем верхнюю и нижнюю кнопки и низ большого прямоугольника, среднюю кнопку и низ дальнего прямоугольника.Жмем листик создаем последний кадр.Выставляем время 0,5 сек, жмем пуск и любуемся.Можно в первом кадре и предпоследнем, уменьшив размер кисти, осветлить дальние грани фона через одну а в других кадрах соответственно следующие через одну и т.д.Идем Файлы,сохраняем для Web-устройств,gif.Все.