Как сделать бек для png картинки, что бы при верстке можно было использовать?

Question

[BotaniQ_Q]

Есть красный фон и png картинка айфона, но нужно сделать так что бы на экране айфона был белый фон и сделать textarea, что сделать с картинкой, что бы при верстке можно было взять сразу картинку айфона с белым фоном?

Comments

[HelpSophie]

то сделать с картинкой, что бы при верстке можно было взять сразу картинку айфона с белым фоном?

Логично, нарисовать ей белый фон

[BotaniQ_Q]

HelpSophie, честно, может это странно, я нуб в фотошопе, как сделать так, что бы белый фон и картинка были как одна картинка png например, что бы я мог при верстке сразу ее использовать

[HelpSophie]

BotaniQ_Q, Поменять красный на белый и сохранить как png | jpg

Answer 1

[Pavel Designer]

Пусть поздновато, но все же.

Я бы сделал так:

1. Взял картинку смартфона отдельно и открыл в Фш.
   
2. Добавил белый прямоугольник под смартфон по размерам экрана. Прямоугольник есть в фигурах, а цвет изменяется легко, порядок слоев тоже - если что, смотрите уроки в интернете по каждому пункту.
   
3. Для эстетической красоты можно еще добавить прямоугольники под вырезы динамика и кнопки (цвет на свое усмотрение).
   
4. После этого экспортируете всё в PNG (Меню - Файл - Сохранить для веб, выбираете формат, прозрачность и т.п. или же просто "Сохранить как" - и далее выбрать PNG).
   
5. Радуетесь изображению смартфона с белым экраном.