Вставляем плейлист в фотошопную рамку
Добрый день дорогие друзья!
Сегодня я хочу вам рассказать, как сделать рамочку в фотошоп и вставить в нее плейлист - альбом с мелодиями.
1. Выберем картинку, соответствующую теме песен в плейлисте и загрузим ее в фотошоп:
2. Создаем новый документ размером 700х900. Активируем инструмент ПРОИЗВОЛЬНАЯ ФИГУРА и рисуем прямоугольник со скругленными углами, с радиусом 40 пк.:
3. Для дальнейшей работы нам нужно РАСТРИРОВАТЬ слой с фигурой. Щелкаем правой кнопкой по слою с фигурой и выбираем операцию РАСТРИРОВАТЬ СЛОЙ:
4. Нанесем на нашу фигуру градиент - идем СТИЛЬ СЛОЯ и выбираем опцию НАЛОЖЕНИЕ ГРАДИЕНТА:
В окне СТИЛЬ СЛОЯ выбираем такие параметры:
В Редакторе градиентов делаем градиент с учетом цветов на вашей картинке:
Наша фигура приобрела вид:
5. С помощью инструмента ПЕРЕМЕЩЕНИЕ перетаскиваем картинку на градиентный фон. Набираем комбинацию клавиш Ctrl + T, по периметру картинки появилась трансформирующая сетка, удерживая клавишу Shift, сдвигаем внутрь уголки сетки, пока ширина картинки не станет такой же, как у фона:
6. Создадим дубликат картинки - Ctrl + j, опустим слой копии под оригинал:
Стоим на копии картинки, набираем комбинацию клавиш Ctrl + T, по периметру картинки появилась трансформирующая сетка, удерживая клавишу Shift тянем вниз картинку по вашему усмотрению:
Идем ФИЛЬТР/РАЗМЫТИЕ/РАЗМЫТИЕ ПО ГАУССУ и выбираем такое значение радиуса:
Вот что у нас вышло:
7. Берем мягкий ластик и аккуратно подтираем границы картинки на копии и на оригинале ( не забыв, перейти на нужный слой):
Объединяем слой оригинала и копии картинки.
8. Обрежем на картинке полукруглые углы, как на фоне - переходим на слой фона, зажав клавишу Ctrl, щелкнем по ИКОНКЕ слоя, фон выделится:
Идем ВЫДЕЛЕНИЕ/ИНВЕРСИЯ, переходим на слой с картинкой и нажимаем Delete - уголки аккуратно обрезались:
Снимаем выделение - Ctrl + D.
9. Вот как будет смотреться наша рамка с плейлистом:
Мы можем внизу поставить любой клипарт - цветущую веточку, нотки, музыкальные инструменты, вообщем все, что представит ваша фантазия:
Все рамочка почти готова, объединяем слои и добавляем Стиль слоя - ТИСНЕНИЕ:
Сохраняем ее для Web и устройств, не забывая поставить PNG формат:
СОБИРАЕМ РАМКУ С ПЛЕЙЛИСТОМ
1. Загружаем рамку на ваш любимый хостинг, я ее загрузила себе в альбом на Яндексе.
2. Открываем Новое сообщение в простом редакторе и вставляем формулу ФОНА С КАРТИНКИ :
Рассмотрим саму формулу, что в ней нужно поменять:
Красная рамка - сюда вставляем адрес загруженной рамки, клик правой кнопкой по рамке, щелкаем по словам КОПИРОВАТЬ URL КАРТИНКИ:
Все адрес скопировался, выделяем в формуле слова URL-адрес фона и вставляем, скопированный адрес рамки.
Синяя рамочка - вставляем ширину и высоту рамки:
Первая цифра ширина - 700 пк., вторая высота - 855 пк.
Вот эти размеры и вставляем: width="700" , height="855".
НО из опыта я знаю, что рамка будет искажаться, поэтому я подобрала такие размеры, которые рамку не искажают: нужно и ширину и высоту УМЕНЬШИТЬ НА 15 пк., т.е. поставить размеры: width="684" , height="840"
Зеленая рамочка - вместо слов ВАШ ТЕКСТ, вставляется КОД ПЛЕЙЛИСТА.
Я в одном из своих уроков http://www.liveinternet.ru/users/novichok56/post204106624/ писала, для того чтобы получить код плейлиста, любого пользователя с сайта ПРИВЕТ.РУ, нужно быть ЗАРЕГИСТРИРОВАННЫМ на этом сайте и желательно иметь свою страничку.
Вот ссылка на сайт ПРИВЕТ.РУ: http://privet.ru/
Итак, я нашла нужный плейлист или собрала свой, беру его код:
Скопировала его код и вставила вместо слов ВАШ ТЕКСТ (желтым выделен скопированный код плейлиста):
ОПУБЛИКОВЫВАЮ В ЧЕРНОВИК!!!!:
Видите плейлист находится высоко, поэтому нужно его опустить, а также цвет плейлиста нам не подходит, нужно поставить в код плейлиста код цвета, под цвет рамки.Возвращаемся в РЕДАКТИРОВАТЬ(под сообщением):
Формула сообщения слегка видоизменилась, код плейлиста уменьшился. Ставим курсор перед квадратной скобкой(начало кода плейлиста) и нажимаем клавишу Enter - 10 раз.
Т.е. опускаем плеер вниз рамочки. Также меняем код цвета плейлиста на нужный вам оттенок.
В результате этого довольно сложного урока мы получаем:
Удачи вам в вашем творчестве!
Nella solneshko |
|
|
|
|
|
|
|
