Как да се направи mp3 плейър
В подготовката си за този урок е бил използван GIMP 2.4.5. В други варианти на името и мястото на инструмента може да се различава леко.
1. Да започнем. Създаване на нов документ (фоновия цвят - черен) размера 700h400 пиксела.
![Как да се направи mp3-плеър (нов слой, запълнете го) Как да се направи mp3 плейър](https://webp.images-on-off.com/28/31/434x248_xneu6h5odwz0n9a7uvu6.webp)
2. Създайте нов слой 420h270 правоъгълна селекция. ъглов радиус 20. и запълнете с бял цвят.
![Как да се направи mp3 плейър (уеб дизайн) Как да се направи mp3 плейър](https://webp.images-on-off.com/28/31/434x248_sevv8i6qfuuh1ok77pzg.webp)
3. все още избран, създаде нов прозрачен слой и го напълни с градиент билинейна от основния за прозрачен по същество светло сив цвят.
![Как да се направи mp3-плеър (нов прозрачен слой) Как да се направи mp3 плейър](https://webp.images-on-off.com/28/31/434x248_wkf48yittjk7jl8vkn3g.webp)
4. все още избран, включете бял слой и леко намаляване на яркостта. След това намаляване на избора (избор - намалява) с 10 пиксела. И веднага - разпределение-засенчване. 10. След яркостта на увеличение радиус. И ние ще бъдем от тъмната кант по периметъра.
![Как да се направи mp3-плеър (нов прозрачен слой) Как да се направи mp3 плейър](https://webp.images-on-off.com/28/31/434x248_5vfmuarhbodchju1coo9.webp)
5. Създайте нов слой от прозрачен, вземете мека четка и висока прозрачност равенства в долния десен ъгъл (в бяло).
![Как да се направи mp3-плеър (създаване на нов прозрачен слой) Как да се направи mp3 плейър](https://webp.images-on-off.com/28/31/434x248_v1arsjiz8ckfa21tgjg0.webp)
6. Създаване на нов прозрачен слой и го кръгова избор 95h95 направи. Запълнете го с тъмно сиво.
![Как да се направи mp3-плеър (създаване на нов прозрачен слой) Как да се направи mp3 плейър](https://webp.images-on-off.com/28/31/434x248_jk7y2bgdvv83e0zvnd70.webp)
7. Създаване на нов прозрачен слой за намаляване на разпределението на пиксела 3 и я напълнете с градиента на билинеарно от основни до бяло.
![Как да се направи mp3-плеър (създаване на нов прозрачен) Как да се направи mp3 плейър](https://webp.images-on-off.com/28/31/434x248_5mqae0c4u78g3r8yetqp.webp)
8. Намаляване на избора за още 2 пиксела и го попълните по същия тъмно сив цвят.
![Как да се направи mp3 плейър (уеб дизайн) Как да се направи mp3 плейър](https://webp.images-on-off.com/28/31/434x248_neba6e4s4owc3rxoa5hr.webp)
9. нов слой запълни текстурата на селекция (избор, взех 3d зелен и избелени), отново нов слой и запълване на същия избор радиална градиент от бяло до прозрачен при висока прозрачност.
![Как да се направи mp3 плейър (уеб дизайн) Как да се направи mp3 плейър](https://webp.images-on-off.com/28/31/434x248_sz1odws9yisagxu29604.webp)
10. Създаване на друг прозрачен слой вземане 27x27 елипсовидна селекция. запълнете с черно намалява с 2 пиксела и премахване (бутон изтриване).
![Как да се направи mp3-плеър (нов слой, запълнете го) Как да се направи mp3 плейър](https://webp.images-on-off.com/28/31/434x248_55e09d6zi3f8ihzd7sxp.webp)
11. В нов стрелки за контрол слой равенство: белите триъгълници за използване на ориентири за поставяне прецизност (изглед - покажи водачи показват линия), вземете железопътен по линията и плъзнете на правилното място. Blend Mode със стрелки, които поставих се припокриват.
![Как да се направи mp3-плеър (билинеарно запълване градиент) Как да се направи mp3 плейър](https://webp.images-on-off.com/28/31/434x248_q8aztgezv41gbolqtcte.webp)
12. В нов слой да правоъгълни избор 260h195 заоблени ъгли с радиус 2 пиксела. И го напълни с сиво. Намаляване на пиксела, това запълнете с бял цвят отново намали пиксела и напълнете със същото сиво.
![Как да се направи mp3-плеър (нов прозрачен слой) Как да се направи mp3 плейър](https://webp.images-on-off.com/28/31/434x248_k1h672y1ln3ac2oktppo.webp)
13. все още избран, нов слой и го напълни с градиент билинейна от бяло до ядрото.
![Как да се направи mp3-плеър (MP3-плейър) Как да се направи mp3 плейър](https://webp.images-on-off.com/28/31/434x248_rfpi7uqcaxrz9civn8x2.webp)
14. Намаляване на избора от 10 пиксела и го напълни с нов слой на тъмно сиво.
![Как да се направи mp3-плеър (нов слой, запълнете го) Как да се направи mp3 плейър](https://webp.images-on-off.com/28/31/434x248_j64amlg62yi8tfy28bxh.webp)
15. Създайте нов слой, отидете в менюто - Разширяване - бутон - кръг бутон. Задава цвета на бутоните и текста, оставете полето - неактивни (ние се нуждаем само ключ в същото положение), щракнете върху OK. Получаваме отделно изображение с един бутон, да го копирате и да го поставите върху слой с играча.
![Как да се направи mp3 плейър (уеб дизайн) Как да се направи mp3 плейър](https://webp.images-on-off.com/28/31/434x248_ehox9tztrs5cek16g2e4.webp)
16. По същия начин добавите бутон - както ни харесва. Лично аз съм натъпкани панел. А жълт бутон реши да се промени.
![Как да се направи mp3-плеър (създаване на нов прозрачен) Как да се направи mp3 плейър](https://webp.images-on-off.com/28/31/434x248_vjexzanzp8xnhsi9hdkw.webp)
17. Слоеве толкова много, че да се съберат от време на време тези, които няма да се промени. Някои запазват всички слоеве на последно място - толкова надеждни. Ние правим още един прозорец върху останалите място. И си дял за двама. Горната половина място Каку снимка, и в долната част на всеки списък. Все още можете да добавите на електромера.
![Как да се направи mp3-плеър (дизайн) Как да се направи mp3 плейър](https://webp.images-on-off.com/28/31/434x248_27tnaa61611ubwkpwyl6.webp)
![Как да се направи mp3-плеър (билинеарно запълване градиент) Как да се направи mp3 плейър](https://webp.images-on-off.com/28/31/434x248_ahsu00mvzn47z26cnanv.webp)
19. Начертайте mikrofonchik. Направете квадрат 12х12. бяло запълване, намаляване на подбор 1 пиксел, попълнете и черно на нов слой запълнен градиент.
![Как да се направи mp3-плеър (MP3-плейър) Как да се направи mp3 плейър](https://webp.images-on-off.com/28/31/434x248_v6usl1p77jm0f2vnut3r.webp)
20. Необходимо е да се сложи логото. Кой ще PR? А любим човек. Аз отдавна мислех отишли в експанзия-лого-заглавната част на уеб страницата. Можете да експериментирате.
![Как да се направи mp3 плейър (уеб дизайн) Как да се направи mp3 плейър](https://webp.images-on-off.com/28/31/434x248_taiqo298k8enmi3gpi3a.webp)
21. Дубликат на образа на играч на нов слой, флип, попълнете градиент от черно към прозрачно "екран" режим, намаляване на прозрачността и намаляване на изображението. вместо можа да се създаде слой маска градиент, а след това на градиента, но ми харесва и толкова.
![Как да се направи mp3-плеър (нов прозрачен слой) Как да се направи mp3 плейър](https://webp.images-on-off.com/28/31/434x248_z7d88htr56co61kn7zvd.webp)
Какво играч без слушалки, нека да ги добавите. Аз не съм започнал съставянето им, аз добавя към снимките. Тапата е прекалено мързеливи, за да се направи, ако желаете - Дорис себе си.
Това е всичко, работата е завършена. Ето и крайните резултати:
![Как да се направи mp3-плеър (дизайн) Как да се направи mp3 плейър](https://webp.images-on-off.com/28/31/434x248_cyljt7bf3foaf5uqdy6k.webp)