![(500x7)](//s001.radikal.ru/i194/1112/d5/cb20cbdd2a66.gif)
Вставляем плейлист в фотошопную рамку
Добрый день дорогие друзья!
Сегодня я хочу вам рассказать, как сделать рамочку в фотошоп и вставить в нее плейлист - альбом с мелодиями.
1. Выберем картинку, соответствующую теме песен в плейлисте и загрузим ее в фотошоп:
![](//img-fotki.yandex.ru/get/6444/136834661.aa/0_b031e_9974db81_XL.jpeg)
2. Создаем новый документ размером 700х900. Активируем инструмент ПРОИЗВОЛЬНАЯ ФИГУРА и рисуем прямоугольник со скругленными углами, с радиусом 40 пк.:
![](//img-fotki.yandex.ru/get/5647/136834661.aa/0_b0324_71dda640_L.jpeg)
![](//img-fotki.yandex.ru/get/5640/136834661.aa/0_b0325_1796f83b_XL.jpeg)
![](//img-fotki.yandex.ru/get/4138/136834661.aa/0_b0326_5ba30697_L.jpeg)
3. Для дальнейшей работы нам нужно РАСТРИРОВАТЬ слой с фигурой. Щелкаем правой кнопкой по слою с фигурой и выбираем операцию РАСТРИРОВАТЬ СЛОЙ:
4. Нанесем на нашу фигуру градиент - идем СТИЛЬ СЛОЯ и выбираем опцию НАЛОЖЕНИЕ ГРАДИЕНТА:
В окне СТИЛЬ СЛОЯ выбираем такие параметры:
![](//img-fotki.yandex.ru/get/4135/136834661.aa/0_b03dd_50106029_XL.jpeg)
В Редакторе градиентов делаем градиент с учетом цветов на вашей картинке:
![](//img-fotki.yandex.ru/get/6433/136834661.aa/0_b03de_c86bf17c_XL.jpeg)
Наша фигура приобрела вид:
![](//img-fotki.yandex.ru/get/6427/136834661.aa/0_b03df_77b9b70b_L.jpeg)
5. С помощью инструмента ПЕРЕМЕЩЕНИЕ перетаскиваем картинку на градиентный фон. Набираем комбинацию клавиш Ctrl + T, по периметру картинки появилась трансформирующая сетка, удерживая клавишу Shift, сдвигаем внутрь уголки сетки, пока ширина картинки не станет такой же, как у фона:
![](//img-fotki.yandex.ru/get/5629/136834661.aa/0_b03e0_7733bcf_L.jpeg)
6. Создадим дубликат картинки - Ctrl + j, опустим слой копии под оригинал:
Стоим на копии картинки, набираем комбинацию клавиш Ctrl + T, по периметру картинки появилась трансформирующая сетка, удерживая клавишу Shift тянем вниз картинку по вашему усмотрению:
![](//img-fotki.yandex.ru/get/5637/136834661.aa/0_b0446_b46f42e3_L.jpeg)
Идем ФИЛЬТР/РАЗМЫТИЕ/РАЗМЫТИЕ ПО ГАУССУ и выбираем такое значение радиуса:
![](//img-fotki.yandex.ru/get/4130/136834661.aa/0_b0447_fb1636f2_L.jpeg)
![](//img-fotki.yandex.ru/get/5645/136834661.aa/0_b0445_b2fb0957_L.jpeg)
Вот что у нас вышло:
![](//img-fotki.yandex.ru/get/4137/136834661.aa/0_b0477_e90b612e_L.jpeg)
7. Берем мягкий ластик и аккуратно подтираем границы картинки на копии и на оригинале ( не забыв, перейти на нужный слой):
![](//img-fotki.yandex.ru/get/5632/136834661.aa/0_b0478_1f8fcaee_L.jpeg)
Объединяем слой оригинала и копии картинки.
8. Обрежем на картинке полукруглые углы, как на фоне - переходим на слой фона, зажав клавишу Ctrl, щелкнем по ИКОНКЕ слоя, фон выделится:
![](//img-fotki.yandex.ru/get/4135/136834661.aa/0_b04ad_cfe034a2_L.jpeg)
![](//img-fotki.yandex.ru/get/5647/136834661.aa/0_b04af_1ea8bf8e_L.jpeg)
Идем ВЫДЕЛЕНИЕ/ИНВЕРСИЯ, переходим на слой с картинкой и нажимаем Delete - уголки аккуратно обрезались:
![](//img-fotki.yandex.ru/get/5627/136834661.aa/0_b04d4_6a083a35_L.jpeg)
![](//img-fotki.yandex.ru/get/5636/136834661.aa/0_b04d6_5c5d4edb_L.jpeg)
Снимаем выделение - Ctrl + D.
9. Вот как будет смотреться наша рамка с плейлистом:
![](//img-fotki.yandex.ru/get/6437/136834661.aa/0_b0597_6b666f97_L.jpeg)
Мы можем внизу поставить любой клипарт - цветущую веточку, нотки, музыкальные инструменты, вообщем все, что представит ваша фантазия:
![](//img-fotki.yandex.ru/get/4127/136834661.aa/0_b0596_daf35130_L.jpeg)
Все рамочка почти готова, объединяем слои и добавляем Стиль слоя - ТИСНЕНИЕ:
![](//img-fotki.yandex.ru/get/6428/136834661.aa/0_b05dc_bc08c3f9_XL.jpeg)
![](//img-fotki.yandex.ru/get/6442/136834661.aa/0_b05dd_e937c65_L.jpeg)
Сохраняем ее для Web и устройств, не забывая поставить PNG формат:
![](//img-fotki.yandex.ru/get/4130/136834661.aa/0_b05df_d219985a_L.jpeg)
СОБИРАЕМ РАМКУ С ПЛЕЙЛИСТОМ
1. Загружаем рамку на ваш любимый хостинг, я ее загрузила себе в альбом на Яндексе.
2. Открываем Новое сообщение в простом редакторе и вставляем формулу ФОНА С КАРТИНКИ :
Рассмотрим саму формулу, что в ней нужно поменять:
![](//img-fotki.yandex.ru/get/6434/136834661.aa/0_b0693_87c73412_XL.jpeg)
Красная рамка - сюда вставляем адрес загруженной рамки, клик правой кнопкой по рамке, щелкаем по словам КОПИРОВАТЬ URL КАРТИНКИ:
![](//img-fotki.yandex.ru/get/4123/136834661.aa/0_b06a1_2f7aab8b_L.jpeg)
Все адрес скопировался, выделяем в формуле слова URL-адрес фона и вставляем, скопированный адрес рамки.
Синяя рамочка - вставляем ширину и высоту рамки:
![](//img-fotki.yandex.ru/get/4128/136834661.aa/0_b06ac_59ceb173_L.jpeg)
Первая цифра ширина - 700 пк., вторая высота - 855 пк.
Вот эти размеры и вставляем: width="700" , height="855".
НО из опыта я знаю, что рамка будет искажаться, поэтому я подобрала такие размеры, которые рамку не искажают: нужно и ширину и высоту УМЕНЬШИТЬ НА 15 пк., т.е. поставить размеры: width="684" , height="840"
Зеленая рамочка - вместо слов ВАШ ТЕКСТ, вставляется КОД ПЛЕЙЛИСТА.
Я в одном из своих уроков http://www.liveinternet.ru/users/novichok56/post204106624/ писала, для того чтобы получить код плейлиста, любого пользователя с сайта ПРИВЕТ.РУ, нужно быть ЗАРЕГИСТРИРОВАННЫМ на этом сайте и желательно иметь свою страничку.
Вот ссылка на сайт ПРИВЕТ.РУ: http://privet.ru/
Итак, я нашла нужный плейлист или собрала свой, беру его код:
![](//img-fotki.yandex.ru/get/6446/136834661.ab/0_b06b5_6799302f_XL.jpeg)
Скопировала его код и вставила вместо слов ВАШ ТЕКСТ (желтым выделен скопированный код плейлиста):
![](//img-fotki.yandex.ru/get/4122/136834661.ab/0_b06bc_e53a5e90_XL.jpeg)
ОПУБЛИКОВЫВАЮ В ЧЕРНОВИК!!!!:
![](//img-fotki.yandex.ru/get/6445/136834661.ab/0_b06df_90db735_L.jpeg)
Видите плейлист находится высоко, поэтому нужно его опустить, а также цвет плейлиста нам не подходит, нужно поставить в код плейлиста код цвета, под цвет рамки.Возвращаемся в РЕДАКТИРОВАТЬ(под сообщением):
![](//img-fotki.yandex.ru/get/6702/136834661.ab/0_b06fb_c2c296b0_L.jpeg)
Формула сообщения слегка видоизменилась, код плейлиста уменьшился. Ставим курсор перед квадратной скобкой(начало кода плейлиста) и нажимаем клавишу Enter - 10 раз.
Т.е. опускаем плеер вниз рамочки. Также меняем код цвета плейлиста на нужный вам оттенок.
![](//img-fotki.yandex.ru/get/6435/136834661.ab/0_b06fc_d1d2aef0_XL.jpeg)
В результате этого довольно сложного урока мы получаем:
Удачи вам в вашем творчестве!
![](//img-fotki.yandex.ru/get/6623/136834661.95/0_9ca2a_fccbaa41_S)
![](//img-fotki.yandex.ru/get/6421/136834661.95/0_9ca2b_bedecb89_L)
Nella solneshko |
|
|
|
|
|
|
|