[공부기록] 2021-05-13

[포토샵]

사각 선택 영역 툴:M 응용하여 테트리스 배경 만들기

일단 캔버스를 만든다. 사각선택 영역툴로 정사각형 만들어주기 ctrl+d로 선택영역 해제 

레이어 늘려가며 모양 만들어주고 ctrl+e를 눌러서 레이어 합쳐주기, 레이어를 합친 뒤 위치를 잡아주면 완성

 

다른 캔버스에 있는 이미지 합쳐주기 (싸이 이미지 합치기)/레이어 상단 하단 옮기는 것도 같이 배움

매직봉으로 흰부분선택하여 색 채워주기 (신데렐라)

 

 

[코딩]

아래의 코드 이용하여 홈 화면 만들기

 

html

<section class="section section-0">
  <div class="con">
    <div class="img-box">
      <img src="https://picsum.photos/id/181/1200/500" alt="">
    </div>
  </div>
</section>

 

 

css

.section-0 {
  margin-top:20px;
}

/* work-list-box 시작 */
.work-list-box > ul {
  margin-left:-10px;
  margin-right:-10px;
}

.work-list-box > ul > li {
  margin-top:20px;
  width:20%;
  padding: 0 10px;