• 강좌 목록
  • 매거진
    • 디자인터뷰
    • 디자인스낵
  • 디자인 사전
  • 북마크
  • 무료 소스
  • 소개
문의하기 멤버십
캔버스2색상보정1재실행1Gold Text Effect1웹디자인20Text Style1포토샵 필터2XD9플러그인7자동 애니메이트1웹퍼블리싱1방구석클래스2
  • 강좌 목록
    • 멤버십 전용
    • 포토샵
    • 일러스트레이터
    • 웹 디자인
    • 웹 코딩
    • 스케치
    • 피그마
    • XD
    • 프로토파이
    • 프린서플
    • 인비전
    • Lottie
    • Three.js
    • 제플린
    • 방구석클래스
  • 매거진
  • 디자인 사전
  • 북마크
  • 무료 소스
  • 소개
멤버십
  • 포토샵
  • 일러스트레이터
  • 웹 디자인
  • 웹 코딩
  • 피그마
  • 스케치
  • XD
  • 프로토파이
  • 프린서플
  • 제플린
  • Lottie
  • Three.js
  • 인비전
  • 방구석클래스

#4 반응형 웹디자인을 위한 최적화된 그리드 시스템 – 스케치 강좌

스케치 강좌 네 번째입니다. 이번에는 반응형 웹디자인을 위한 최적화된 그리드 만들기를 해보겠습니다.레이아웃을 만들 때는 크게 4가지가…

스케치
순차적으로 움직이는 이모티콘 이미지

07. GIF로 움직이는 이모티콘 만들기(1편) – 일러스트레이터 강좌

이번에는 GIF로 움직이는 이모티콘 만들기를 해보는 시간입니다. 움직이는 이모티콘을 만들기 위해 포토샵과 일러스트레이터 두 가지의 툴이…

일러스트레이터 실전 일러스트레이터
포토샵 이모티콘 최종이미지

#8 GIF로 움직이는 이모티콘 만들기(2편) – 포토샵 실전 강좌

1편에 이어서 GIF로 움직이는 이모티콘 만들기 마무리 강좌입니다. 움직이는 이모티콘을 만들기 위해 일러스트레이터로 만든 이미지를 포토샵으로…

포토샵 실전

포토샵58

더보기
포토샵 기초 강좌 - 폰트 및 타이포그래피예시

07. 타이포그래피 지식을 바탕으로 텍스트 레이어 사용하기 – 포토샵 강좌 입문 2022

포토샵 일러스트레이터 불러오는 방법

#19 일러스트 고퀄리티로 쉽게 만드는 방법(feat. illustrator) – 포토샵 강좌 실전

포토샵 배경에 맞게 합성 방법

#18 Displace를 활용해서 배경에 맞춰 자연스럽게 합성하는 방법 – 포토샵 강좌 실전

포토샵 기본 도형 예제 예시

#06 기본 도형 이 영상 하나로 끝내기 – 포토샵 강좌 입문 2022

일러스트레이터43

더보기
일러스트레이터 꿀벌 일러스트 예제

27. 귀여운 꿀벌 일러스트 쉽게 만드는 방법 – 일러스트레이터 기초 강좌

freeform 그라데이션

26. 프리폼 그라디언트로 5초 만에 부드러운 그라데이션 배경 만드는 방법 – 일러스트레이터 기초 강좌

일러스트레이터 반복작업 예시

25. 반복 작업을 효과적으로 하는 방법 – 일러스트레이터 기초 강좌

일러스트레이터 롱쉐도우 효과

24. 1분 만에 롱쉐도우 만드는 방법 – 일러스트레이터 기초 강좌

피그마16

더보기
피그마 구글 시트 싱크 사용 예시 이미지

16. 구글 시트 데이터를 피그마 UI에 맞춰서 불러오는 극강의 효율 플러그인(google sheets sync) – 피그마 강좌

figma 오토레이아웃 예시 이미지

15. 99%가 모르는 Auto layout 좋은 기능(Advanced layout) – 피그마 강좌(멤버십 전용)

figma 오토레이아웃 예시 이미지

14. 새로워진 Auto layout 완전 정복하기 – 피그마 강좌(멤버십 전용)

figma 글 잘 안써질 때 예시

13. 한글 잘 안 써질 때 한 번에 고치는 방법 – 피그마 강좌

스케치29

더보기
스케치 클론 UI 예제 완성

#12 유튜브 UI 클론 디자인 실습 예제 2 – 스케치 강좌(멤버십 전용)

스케치 ui 클론디자인 예제 실습 1

#11 유튜브 UI 클론 디자인 실습 예제 1 – 스케치 강좌(멤버십 전용)

스케치 플러그인 3가지 - 애니마, rename it, distributor

#10 스케치 플러그인 추천 – 스케치 강좌(멤버십 전용)

스케치 내보내기

#09 스케치 에셋 내보내기 – 스케치 강좌(멤버십 전용)

XD24

더보기
XD클론예제-02

#14 유튜브 UI 클론 디자인 실습 예제 2 – 어도비 XD 강좌 (멤버십 전용)

XD클론예제-01

#13 유튜브 UI 클론 디자인 실습 예제 1 – 어도비 XD 강좌 (멤버십 전용)

XD 작업물 공유

#12 작업물 공유하기 – 어도비 XD 강좌 (멤버십 전용)

어도비XD 프로토타입 예제

#11 XD 프로토타입 & 디바이스 미리보기 – 어도비 XD 강좌 (멤버십 전용)

프로토파이24

더보기
프로토파이 스티키 오브젝트 예시

24. 스크롤 시 특정 위치에 고정되는 스티키 메뉴 만들기 – 프로토파이 강좌

프로토파이 무한루프 슬라이더 만들기

#23 무한 루프 슬라이더를 만드는 방법 – 프로토파이 강좌

프로토파이 uxui 클론 예제 02

#22 프로토타이핑 실습 예제 02 – 프로토파이 강좌

프로토파이 uxui 클론 예제 01

#21 프로토타이핑 실습 예제 01 – 프로토파이 강좌

웹 디자인15

더보기

#14 레이어와 에셋 정리하는 법 (Feat. Zeplin) – 웹디자인 입문 강좌

웹디자인 모바일 예제

#13 웹디자인 실습 모바일 서브 페이지(Feat. 스케치 심볼의 힘) – 웹디자인 입문 강좌

#12 웹디자인 실습 모바일 메인 페이지 – 웹디자인 입문 강좌

#11 시선강탈 웹 메인 배너 만드는 방법(feat. 포토샵) – 웹디자인 입문 강좌

웹 코딩33

더보기
구글애널리틱스 화면

#32 구글 애널리틱스 웹사이트에 연결하는 방법 – 웹 코딩 강좌

디자인베이스 - 웹코딩 강좌 웹서버에 파일 올리기

#31 완성된 코드 웹 서버에 올리기 – 웹 코딩 강좌

디자인베이스 - 웹코딩 강좌 슬라이드 만들기

#30 3분 만에 웹 슬라이더 만들기 – 웹 코딩 강좌

디자인베이스 - 웹코딩 강좌 반응형 헤더 만들기

#29 쉽게 반응형 헤더 만들기 – 웹 코딩 강좌

Lottie13

더보기
로티파일즈 완성 예제

04. Lottie interactivity로 애플 웹사이트 따라하기 – LottieFiles 강좌

로티파일즈-피그마 UI 활용

03. Figma에 LottieFiles 사용하는 방법 – LottieFiles 강좌

로티파일즈 - 에텍에서 출력하는 방법

02. 에프터이펙트에서 작업한 모션을 로티로 적용하는 방법 – LottieFiles 강좌

로티파일즈

01. UI 내 모션은 이미 대세, 로티 파일즈를 소개해드릴게요! – LottieFiles 강좌

Three.js12

더보기
three.js 3차원 공간 사용 예제

12. 3차원 하늘 공간 만드는 방법 – Three.js 강좌

three.js 안개 사용 예제

11. 3D 공간에 안개 효과 적용하는 방법 – Three.js 강좌

threejs orbitcontrols 예시 이미지

10. 자유롭게 화면 조절하는 방법 OrbitControls – Three.js 강좌

three.js 그림자 적용한 3d 예시

09. 3d 물체에 그림자 적용하는 방법 – Three.js 강좌

제플린3

제플린 강좌 예제 - 은근 모르는 기능 소개

#03 결과문 보기 및 공유하기(Feat. 은근 모르는 기능들 소개) – 제플린 강좌 (멤버십 전용)

제플린 강좌 예제 - 스케치,피그마,xd 임포트

#02 스케치, 피그마, XD 각각에 맞는 제플린 사용법 – 제플린 강좌 (멤버십 전용)

제플린 강좌 예제

#01 제플린 플러그인 설치 방법 – 제플린 강좌 (멤버십 전용)

프린서플1

프린서플 강좌 오픈

인비전3

#2 스케치에서 인비전을?! Craft 플러그인 – 인비전 프로토타이핑 툴 강좌

#1 인비전의 장점과 사용법 5분으로 끝내자 – 인비전 프로토타이핑 툴 강좌

인비전 강좌 오픈 메인 이미지

인비전 강좌 오픈

편하게
문의주세요

designbasekorea@gmail.com

Youtube Instagram Pinterest Naver Blog

강좌 바로가기

포토샵 일러스트레이터 피그마 스케치 XD 프로토파이

강좌 바로가기

웹디자인 웹코딩 인비전 프린서플 Lottie Three.js

페이지 바로가기

소개 매거진 디자인 사전 북마크 무료 소스 문의하기 멤버십

© 2023 Designbase. All rights reserved.