나만의 웹사이트
디자인부터 개발까지
-
레이어와 에셋 정리하는 법 (Feat. Zeplin) – 웹디자인 입문 강좌
웹 디자인 # 15 -
웹디자인 실습 모바일 메인 페이지 – 웹디자인 입문 강좌
웹 디자인 # 13 -
시선강탈 웹 메인 배너 만드는 방법(feat. 포토샵) – 웹디자인 입문 강좌
웹 디자인 # 12
-
구글 애널리틱스 웹사이트에 연결하는 방법 – 웹 코딩 강좌
웹 코딩 # 33 -
완성된 코드 웹 서버에 올리기 – 웹 코딩 강좌
웹 코딩 # 32 -
3분 만에 웹 슬라이더 만들기 – 웹 코딩 강좌
웹 코딩 # 31 -
쉽게 반응형 헤더 만들기 – 웹 코딩 강좌
웹 코딩 # 30
-
워드프레스 강좌 마무리 – 워드프레스 강좌
워드프레스 # 54 -
워드프레스에 구글 애드센스로 광고 넣는 방법 – 워드프레스 강좌
워드프레스 # 53 -
웹사이트 최적화하는 방법 – 워드프레스 강좌
워드프레스 # 51
UX/UI 디자이너라면
필수로 익혀야 될 툴
-
컴포넌트 인스턴스 빠르게 찾는 플러그인 소개 – 피그마 강좌
피그마 # 17
-
유튜브 UI 클론 디자인 실습 예제 2 – 스케치 강좌
스케치 # 29 -
유튜브 UI 클론 디자인 실습 예제 1 – 스케치 강좌
스케치 # 28 -
스케치 플러그인 추천 – 스케치 강좌
스케치 # 27 -
스케치 에셋 내보내기 – 스케치 강좌
스케치 # 26
-
작업물 공유하기 – 어도비 XD 강좌
XD # 22 -
XD 프로토타입 & 디바이스 미리보기 – 어도비 XD 강좌
XD # 21
최신 강좌 목록
더보기
한번 잘 배워두면
죽을 때까지 써먹는 툴
-
기본 도형 이 영상 하나로 끝내기 – 포토샵 강좌 입문 2022
포토샵 # 55
-
귀여운 꿀벌 일러스트 쉽게 만드는 방법 – 일러스트레이터 기초 강좌
일러스트레이터 # 43 -
반복 작업을 효과적으로 하는 방법 – 일러스트레이터 기초 강좌
일러스트레이터 # 41 -
1분 만에 롱쉐도우 만드는 방법 – 일러스트레이터 기초 강좌
일러스트레이터 # 40
-
꿀벌 날아다니는 효과 – 애프터이펙트 강좌 2-6
애프터 이펙트 # 12 -
움직이는 웨이브 만들기 – 애프터이펙트 강좌 2-5
애프터 이펙트 # 11 -
움직이는 그라데이션 배경 만들기 – 애프터이펙트 강좌 2-4
애프터 이펙트 # 10 -
움직이는 포스터 만들기 – 애프터이펙트 강좌 2-3
애프터 이펙트 # 9
코딩을 배워서
표현의 폭 넓히기
-
03. Figma에 LottieFiles 사용하는 방법 – LottieFiles 강좌
Lottie # 12
-
움직이는 라인에 마우스 클릭시 슬로우 모션 추가 – Three.js 강의
Three.js # 20 -
스크롤에 따른 3D 인터렉션(회전, 카메라 이동) – Three.js 강의
Three.js # 19 -
마우스 위치에 따라 회전시키기(파티클 추가) – Three.js 강의
Three.js # 18 -
마우스 위치에 따라 애니메이션 추가(Raycaster 응용) – Three.js 강의
Three.js # 17
매거진
더보기무언가에 깊게 몰두하면, 결국 이루어 진다 류현지
Q. 본인에 대한 짧은 소개 부탁드립니다. 현지 님 : 안녕하세요. 저는 현재 유니버설 스튜디오 헐리우드에서 컨셉 아티스트로 일하고 있는 류현지라고 합니다. 작년에 UCLA에서...
서체에 진심인 윤디자인 그룹, 다시 없을 만렙 폰트 캠페인까지
안녕하세요! 오늘은 폰트 디자인 분야에서 선도적인 위치를 차지하고 있는 윤디자인 그룹을 소개해드립니다. 이 회사는 여러분이 일상에서 마주하는 폰트 중 상당수를 제작하고...
더 넓게, 더 깊이 있게 바라보는 습관 한진희
Q. 본인에 대한 짧은 소개 부탁드립니다. 진희 님 : 안녕하세요. 현재 오늘의집에서 프로덕트 오너(PO)로 업무 중인 한진희입니다. 저는 16년도부터 IT업계에서 일을 시작했어요....
느슨해진 예술씬에 긴장감을 주는 인공지능 등장 – Stable Diffusion
안녕하세요. 오늘은 최근에 화두가 됐던 '그림을 아주 잘 그려주는 인공지능 Stable Diffu ion'을 주제로 가져왔습니다. 뭐길래 이렇게 야단인지.. 그 기술을 직접 써보면서 느낀점과...