[포토샵] 배경 채워서 저장하기

안녕하세요. 플입니다. 오늘은 배경이 없는 이미지에 배경색을 넣어서 저장해보려고 합니다. 1. 배경이 없는 이미지 준비 우선 배경이 없는 이미지를 준비합니다. 배경이 없는 것은 클릭을 해보면 알 수 있습니다. 뒤에 여백이 투명하게 보이죠. 배경이 없는 이미지는 보통 png확장자일 경우가 많습니다. 2. 레이어 추가 포토샵에서 이미지를 불러온 뒤 레이어를 하나 추가해줍니다. 그리고 레이어를 드래그해서 이미지 아래로 옮겨줍니다. 3. 배경색 넣기 배경색을 선택해줍니다. Alt + Delete를 눌러서 선택한 색상으로 배경을 채워줍니다. 4. 배경 사이즈 조절 하지만 저는 왼쪽 부분은 배경이 없는 채로 두고 싶기 때문에 배경색 영역을 조절해줍니다. 조절점을 잡고 원하는 사이즈로 변경해줍니다. 이미지에 맞춰서 ..

Design/포토샵 · 2019. 11. 13. 07:30

[css] 배경이미지 넣기

안녕하세요. 플입니다. 오늘은 css로 배경 이미지를 넣어보겠습니다. 1. 배경 이미지 우선 배경으로 사용할 이미지를 저장해줍니다. 저는 키캡 모양을 배경으로 사용할 것입니다. 이때 이미지에 배경 부분을 투명하게 하려면 png로 저장해주셔야 합니다. 2. background p{ background:url('../images/sub1_0.png') no-repeat center center; } background를 이용해 이미지를 배경으로 넣어줍니다. 먼저 url을 입력해 이미지를 불러옵니다. 맨 앞의 ..은 웹에 올렸을 때 해당 도메인이 써질 자리입니다. 뒤쪽 부분은 평소 이미지 주소를 적는 것처럼 입력해주시면 됩니다. 그리고 no-repeat를 이용해 반복이 없는 배경 이미지를 만듭니다. 마지막으로..

coding/html + css · 2019. 11. 6. 18:30