조반짝의 도전일지

margin: 50px auto; 위쪽에서 50픽셀 띄워주고 auto는 좌우 자동으로 맞춰줌 01 float float: 띄워서 오른쪽이나 왼쪽으로 위치시킴 float을 하게 되면 2층으로 보내지기 때문에 가상요소로 넣어줌으로써 테두리선이 위로오게됨 가상요소 명령어 #wrap::after{ content:""; display: block; clear:both; } 반응형으로 인해 부모에 기준점을 잡아서 위치를 시켜줘야함 기준점은 부모자리에 position: realative; 으로 잡아준다. 임의지점은 자식자리에 position: absolute; 0,0의 자리를 먼저 알아두면 객체 위치시킬 때 편리하다. 02 영역의 레이어 층을 바꿔주는 명령어 z-index : 레이어 층을 바꿔준다. position:..

01 그라디언트 그라디언트 투명값 주기 그라디언트 더블클릭 윗쪽 화살표 선택 > opacity 값 설정 02 사진합성하기 _벽 합성하기 이동툴로 빨간벽을 회색벽 파일로 옮겨주기 빨간벽 레이어 선택하고 add vector mask 생성 하얀색 섬네일 생성되면 섬네일 레이어에서 그라디언트 적용하여 수평으로 끌어주면된다 검정색 부분은 투명도로 들어감 벽합성 완료 _ 바다, 하늘 합성하기 각각의 바다사진과 하늘 사진 합성하기 위해 바다사진에 하늘사진을 합성할 위치에 이동툴로 놓기 빨간벽 레이어 선택하고 add vector mask 생성 마스크 생성되면 그라디언트 생성 그라디언트 블랙>화이트 로 만들어주기 아래에서 위로 드래그해서 그라디언트 만들어주기 하늘+바다사진 합성완료!