004 블렌더 입문(4) Procedural Displacement, 도넛 마무리

Daily Study/3D 2021.01.28

지난 번에 도넛을 단색에서 둥글게 감싸는 부분이 좀 더 밝게 흰색처럼 보여지는 부분하고 더 익혀져서 진한 부분이 있는 것들을 Texture Paint로 그려줬는데 이번엔 실제로 울퉁불퉁하게 표면을 만드는 Displacement 기능을 써봤다. 워크스페이스 중에서 Shading 워크스페이스를 눌러서 밑에 노드 창에서 Shift + A를 눌러서 Noise Texture 노드를 추가해준다. 그리고 Preference에서 Add-on에 들어가서 Node Wrangler를 켜주면 노드를 단축키들로 더 쉽게 편집할 수 있다. 이번에 쓴건 Control + Shift + 좌클릭으로 노드를 클릭하면 해당 노드가 Material Output으로 바로 연결된 모습을 볼 수 있다. 밑에 에디터 창에서 Input - Tex..

012 CSS공부(8) 박스모델 수직가운데정렬, 버튼 예제 실습

Daily Study/Web Dev 2021.01.28

컨텐츠의 수직정렬이 가능한 div 박스 입니다. 텍스트와 이미지 모두 가능합니다. 동일한 크기의 박스안에 높이가 다른 사이즈의 컨텐츠를 담을때 쓰이면 안성맞춤입니다. class=“wrap”의 높이값이 있어야 합니다. 박스모델 안에서 수직가운데 정렬을 맞춰보는 예제 CSS 코드 제일 앞쪽에 rest style 코드들은 여러 변수들을 초기화시켜주는 단계 div로 나뉘어있지만 table인것처럼 속성을 바꿔서 가운데 정렬을 할 수 있음 display : table; display : table-row; display : table-cell; 순서대로 table, tr, td인 것처럼 만들어 줌 그리고 마지막으로 셀 부분인 inner 클래스에만 vertical-align : middle;을 걸어주면 수직 가운데 ..