분류 전체보기 (78) 썸네일형 리스트형 웹 _ 055일차 [Learn Git Branching] https://learngitbranching.js.org/?locale=ko Learn Git BranchingAn interactive Git visualization tool to educate and challenge!learngitbranching.js.org #할일1 - 프로세스 페이지를 페이지 별로 파일로 나누고 - 01.PNG, 02.PNG ... - 압축 후 TMS 능력단위평가(디자인 구성요소 제작)에 업로드 후 시험 종료 - 조장이 압축파일 만들어서 조원들에게 전파해주세요 #할일2 - 노트폴리오 가입 후 본인 작업물 업로드(1장) - 필요하면 나중에 삭제 후 재 업로드 #할일3 - VS CODE 프로젝트 폴더 생성 후 프로세스 페이지 코딩 - src/common.css.. 피그마 컴포넌트 해제는 좌측 패널? 상단에 링크 아이콘 누르면 되는 듯(25.04.22)-------------------------------------------------------------------------------------------------------ctrl + Alt + G = 프레임 여러개 선택하고 누르면 한 페이지 처럼 볼 수 있음------------------------------------------------------------------------------------------------------- https://nicecarrot2.tistory.com/202 [figma] 피그마 작업 전에 해야할 필수 과정! 레이아웃 그리드 세팅하는 방법![figma] 피그마 작업 .. 공부위키(2) 2024-09-11 (40일차)09-12(목): 부분모작(반응형 + JS)https://www.slog.gg/p/11982#f64강 ~ 68강목요일 17:00 ~ 18:50 시험좌측에 로고 우측에 메뉴 4개색깔이나 모양은 상관 없는데 사이즈에 맞게 줄어들어야됨68까지 하는건 전부 다 해야하고 69까지 할 수 있어야 됨transition animation 이런건 안해도 됨(69강은 가성비가 엄청나게 좋음, 이거 하나 할 줄 알면 웬만한거 다 할 수 있음) 펑션 소중 (펑션은 소중하다)Function 함수명 () {}.a.b → a와 b를 모두 가지고 있는 걸 찾음.a .b → a안에 있는 후손선택자인 b태그를 찾음(띄어쓰기 = 후손선택자)----------------- ↓ 21일차 블로그 인용 ↓ ----.. 모션에펙 _ 18일차 [17강 CINEMA 4D 연동, 플스로고 글] 시네마4D연동하는건 오류같은거 나서 제대로 못배웠지만 그래도 일단 기록..레이어 다 선택하고 2D레이어 있다고 어쩌구 뜨는거 무시하고 뜨는창에서 두개중에 선택하는거 밑에꺼 선택 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------.. 모션에펙 _ 17일차 [19강 3D Camera Layer] 2D이미지를 3D로 보이게 만드는 수업 진행 총 5개의 벽을 만든다 (천장과 바닥, 좌우 벽, 프론트 솔리드 하나)Camera와 Spot Light 레이어를 만들고 빛 방향을 원하는 각으로 설정한다이후에 여러가지 조정하고 돌고래 이미지 레이어 퍼펫 만져서 배경이랑 컴포지션 합치고 움직이는 애니메이션 만들었음 ↓ 밑으로 강사님 강의 메모 ↓ 프로젝션 맵핑 예제 1. 빛 그림자의 영향과 원리 2. 프로젝션의 맵핑의 원리 *무대의 형태를 정확한 비율과 형태로 작업해야 맵의 비율이 동일한 형식으로 작업이 됨 3. 3D layer 1. 스크린무대만들기 - 래퍼런스 되는 레이어를 Composition에 두고 새로운 Solid를 만들어(화면사이즈에 맞게) 중심점은 하단중앙배치 후 바닥레이어 지정 - 바닥레이어는 .. 모션에펙 _ 16일차 [19강 3D Camera Layer] 교재 250p 카메라를 조작하기 어렵다면 카메라를 Null에 Parents&Link 시켜서 조절하면 비교적 수월하게 진행할 수 있다.(이 때, Null도 3D 오브젝트로 설정해야함) 모션에펙 _ 15일차 [18강 Light Layer(+Fake 3D)] 뷰에 가서 락가이드 누르면 가이드라인 잠금됨익스프레션과 3Dlayer를 응용한 fake 3D 모션 작업하기 1. 화면 스크롤 -스마트폰이미지를 컴포지션에 드래그드랍하여 화면사이즈를 매치시킨다. -스마트폰 화면을 마스크를 적용하여(inverte) 화면만 투명하게 만든다. -상세페이지 소스 레이어를 스마트폰 화면 밑으로 배치한다. -상세페이지가 스마트폰 밖으로 나오지 않도록 스마트폰 화면 사이즈에 맞는 마스크를 적용한다. -상세페이지의 포지션을 이용해 키프레임 적용하되 마스크는 화면의 위치에 고정이 되도록 키프레임을 적용하기 *마스크의 위치 고정을 위해 가이드선적용 후 잠그기! -키프레임에 텐션을 주기 위해 ease 값 적용 (F9)-적용된 ease 키프레임을 그래프에디터에서 속도 조절하기(처음에 스피디하.. 모션에펙 _ 14일차 [16강 Expression _ loop] 텍스트(EX)만들고Transform열어서 나오는 속성 중 원하는 요소의 타이머 아이콘을 Alt를 누르고 클릭해 Expression을 열어주고 우측부분 키프레임 하단에 생긴 입력란에 원하는 효과를 쓰고 값을 입력해준다예시로 [ wiggle() ]이라고 쓰고 [ wiggle(10,100) ] 이렇게 숫자를 입력. (10과 100을 입력한것) 그 후 Effects&Presets에 Slider Control을 추가한다 (값이 2개(10과 100)니까 두개를 추가하는게 좋음) 이 다음에 키프레임 넣고 뭐 해야하는데 제대로 못들음 Position에 loop를 주고싶을 때: *loop 반복하는 익스프레션 > 키프레임을 기인하여 구간을 반복함 (반복되는 키프레임을 복붙하지 않아도 됨)loopIn() : 시작하는 .. 이전 1 2 3 4 5 6 ··· 10 다음
