Share
Sign In
Home
💬 채팅방
🗣️ 직접 말할래요!
🎨 크리에이터
📌 서비스 약관 및 정책
Subscribe
툴디 사용법
디자인의 기본, 툴디 배경 사용법
Esperanza_툴디
😍
1
안녕하세요!
우주 최고의 디자인 플랫폼, 툴디(tooldi) 입니다!
​
​
오늘 툴디 사용법에서는
디자인의 기본이 되는 배경을 쉽고 빠르게 완성할 수 있도록
툴디 배경 사용법을 알려드릴게요!
​
​
​
​
디자인에서 배경은 단순히 빈 공간을 채우는 것이 아닌,
전체 디자인의 분위기와 메시지를 결정짓는 핵심적인 역할을 합니다.
​
툴디에서는 단색, 그라데이션, 패턴, 사진 등 다양한 형태의 배경을 선택하여 캔버스에 적용할 수 있습니다.
각 배경을 선택하면 우측에 속성 창이 나타나며, 이를 통해 배경을 쉽고 간편하게 편집하고 꾸밀 수 있습니다.
​
​
​
​
​
디자인의 기본, 툴디 배경 사용법
​
​
​
​1. 색상 배경
1) 단색 배경
먼저 빈 캔버스를 클릭하면 우측 속성 창에 배경 색상을 변경할 수 있는 옵션이 나타납니다.
여기서 색상 선택 창을 통해 원하는 색상을 선택하면 그 색상이 배경에 적용됩니다.
특정 색상을 사용하고 싶다면 색상 코드를 복사하여 붙여넣기 하면 끝!
​
​
단색 배경을 적용한 크리에이터 템플릿
썸네일을 클릭하면 해당 템플릿 페이지로 이동해요!
1번 템플릿 @happylulu / 기여자 @쩜다
2번 템플릿 @노단 / 기여자 @yenaburger, @맹
3번 템플릿 @choee / 기여자 @yenaburge, @정디, @youwha, @ZENIA, @삼이, @peacock, @올디0304
4번 템플릿 @yenaburger / 기여자 @yenaburger
​
​
​
​2) 그라데이션 배경
우측 속성 창에서 그라데이션 배경을 선택하면 선형 또는 방사형 그라데이션을 적용할 수 있어요.
컬러 포인트를 추가하여 여러 색상을 넣을 수 있고, 각도 조정도 가능해요.
툴디가 제공하는 추천 그라데이션 색상도 활용해 보세요!
​
​
​
그라데이션 배경을 적용한 크리에이터 템플릿
썸네일을 클릭하면 해당 템플릿 페이지로 이동해요!
1번 템플릿 @이고바바잼 / 기여자 @이고바바잼
2번 템플릿 @futurish / 기여자 @멍뭉이, @AppleCat, @맹
3번 템플릿 @미짠 / 기여자 @디자인웨이, @한량
4번 템플릿 @융융 / 기여자 @융융
​
​
​
​
​2. 패턴 배경
편집기 좌측 메뉴에서 배경 - 패턴 배경을 선택하면 다양한 패턴 배경 목록이 보여집니다.
원하는 패턴을 선택하면 캔버스 배경에 적용되고, 태그로 특정 패턴을 검색할 수 있습니다.
​
​
우측 속성 창에서 색상, 패턴 크기(1~20), 투명도를 조절이 가능합니다.
패턴 배경을 제거하려면 우측 속성 창의 패턴 배경 삭제 버튼이나 마우스 우클릭 메뉴를 통해 제거할 수 있습니다.
​
​
패턴 배경을 적용한 크리에이터 템플릿
썸네일을 클릭하면 해당 템플릿 페이지로 이동해요!
1번 템플릿 @노단 / 기여자 @맹, @모아온, @halony, @choee, @muko, @김제이
2번 템플릿 @크리스탈리 / 기여자 @맹
3번 템플릿 @Heymin / 기여자 @Anyum, @맹, @LG트윈스, @Baehermes, @쩜다
4번 템플릿 @키츠 디자인 스튜디오 / 기여자 @AndyGuy, @쩜다
​
​
​
​3. 사진 배경
좌측 메뉴에서 배경- 사진 배경을 선택하면 다양한 사진 배경 목록이 보여집니다.
원하는 사진을 선택하면 캔버스 배경에 적용되며, 태그로 특정 사진을 검색할 수 있습니다.
​
​
우측 속성 창에서 사진 배경의 필터 보정 및 투명도를 조절할 수 있습니다
배경 사진 편집 버튼 / 배경을 더블 클릭 / 우클릭 메뉴의 배경사진 자르기 세 가지 방법을 통해 사진을 확대, 축소, 위치 이동을 할 수 있어요.
※ 마우스 휠로 확대, 축소가 가능해요!
​
​
사진 배경을 제거하려면 우측 속성 창의 배경에서 분리 버튼을 클릭하거나, 마우스 우클릭 후 배경 사진 삭제를 선택하세요.
​
​
사진 배경을 적용한 크리에이터 템플릿
썸네일을 클릭하면 해당 템플릿 페이지로 이동해요!
1번 템플릿 @키츠 디자인 스튜디오 / 기여자 @맹, @히다캘리ㅣ캘리에 꽂히다
2번 템플릿 @basic
3번 템플릿 @happylulu / 기여자 @happylulu, @빨간공, @최당당
4번 템플릿 @노단 / 기여자 @gromit, @맹, @LG트윈스
​
​​
​
​
​4. 원하는 사진/비트맵 요소를 배경으로 만들기
원하는 사진/비트맵 요소도 배경으로 설정할 수 있어요!
사진 탭/요소 중 비트맵 요소를 선택하여 캔버스에 올리면 우측 속성 창에 배경으로 만들기 버튼이 나타납니다.
버튼을 클릭하면 아주 간단하게 배경으로 삽입됩니다.
​
​
보관함-파일 보관함을 통해 내 컴퓨터에 있는 사진을 업로드하여 배경으로 만드는 것도 가능해요!
(단, 보관함을 통해 업로드 된 사진을 사용할 경우 템플릿 업로드는 불가합니다)
​
사진에 필터보정 효과를 주면 배경에도 동일하게 적용됩니다.
(단, 그림자나 투명그라데이션 효과의 경우 배경으로 만들 때 적용되지 않는 걸 유의해주세요!)
​
​
​
​
​
배경의 선택과 활용에 따라 디자인의 분위기가 달라지기 때문에
단색 배경, 그라데이션 배경, 패턴 배경, 사진 배경 등을 적절히 선택하는 것이 중요합니다.
​
툴디 배경 기능으로 원하는 분위기의 디자인을 간편하게 완성하세요!
즐거운 디자인 되세요!🌟
Subscribe to 'tooldi-community'
Welcome to 'tooldi-community'!
By subscribing to my site, you'll be the first to receive notifications and emails about the latest updates, including new posts.
Join SlashPage and subscribe to 'tooldi-community'!
Subscribe
😍
1
Other posts in '툴디 사용법'See all
tooldi
간단하게 그라데이션 색상 넣기!
사용 가능한 그라데이션 종류 선형 : 직선의 한 점에서 다른 점으로 색상을 혼합 방사형 : 원형 패턴의 한 점에서 다른 점으로 색상을 혼합 간단하게 그라데이션 색상 넣는 방법! 1. 그라데이션 색상 선택하기 편집기에서 색상변경을 원하는 텍스트/선/도형/단색배경을 선택해줍니다. 선택 후 우측 속성창을 보시면 색상선택을 할 수 있는 단색/그라데이션 탭이 노출됩니다! 그라데이션 선택시 회색, 검은색이 기본으로 설정되어 있고, 해당 컬러포인트 더블클릭시 색상변경을 할 수 있는 컬러선택창이 나옵니다. 컬러선택창으로 원하시는 색상을 선택하실 수 있어요! 선형일 경우 원하시는 각도를 마우스 or 직접 입력으로 변경할 수 있습니다! 2. 그라데이션 색상 추가 그라데이션 주석자의 원하시는 곳을 클릭하면 색상이 추가됩니다. 색상은 랜덤으로 생성이 되며, 해당 컬러포인트 더블클릭 후 컬러를 변경하실 수 있습니다. 컬러포인트를 좌우로 이동시켜 원하시는 그라데이션을 설정해보세요!
tooldi
단축키로 작업을 편리하게!
툴디 사용법, 첫번째! 단축키 정보 입니다! 단축키를 이용해 작업을 더욱 편리하게 하실 수 있어요! 단축키 정보는 편집기 좌측 하단의 [다양한 기능] - [단축키 정보]에서 바로 확인하실 수 있어요! 파일 단축키 저장 : Ctrl + S 실행취소 : Ctrl + Z, Ctrl + Shift + Z 재실행 : Ctrl + Y 편집 단축키 선택 해제 : Esc 요소 삭제 : Delete, Backspace 다중 선택 : Ctrl + click 전체 선택 : Ctrl + A 복사 : Ctrl + C 붙여넣기 : Ctrl + V 잘라내기 : Ctrl + X 서식 복사 : Ctrl + Shift + C 서식 붙여넣기 : Ctrl + Shift + V 45도 회전 : Shift + 회전 크기 비율 해제 : Shift + 크기조절 수직/수평 이동 : Shift + 이동 그룹화 : Ctrl + G 그룹화 해제 : Ctrl + Shift + G 요소 이동 : ⇐ , ⇑ , ⇓ , ⇒ 요소 크게 이동 : Shift + ⇐ , ⇑ , ⇓ , ⇒ 요소 잠금 : Ctrl + L 요소 잠금 해제 : Ctrl + Shift + L 텍스트 추가 : T 프레임 만들기 : Ctrl + F 정렬 단축키 왼쪽 정렬 : Ctrl + ⇐ 오른쪽 정렬 : Ctrl + ⇒ 위로 정렬 : Ctrl + ⇑ 아래로 정렬 : Ctrl + ⇓ 한단계 아래로 : Ctrl + [ 한단계 위로 : Ctrl + ] 맨 아래로 : Ctrl + Shift + [ 맨 위로 : Ctrl + Shift + ] 좌우 중앙정렬 : Ctrl + Shift + ⇑ 상하 중앙정렬 : Ctrl + Shift + ⇓ 페이지 단축키 페이지 추가 : Ctrl + M 다음 페이지 이동 : PgDw 이전 페이지 이동 : PgUp 첫 페이지로 이동 : Home 마지막 페이지로 이동 : End 캔버스 영역 단축키 확대/축소 : Ctrl + 마우스휠 확대/축소(미세조정) : Ctrl + — , + 화면맞춤 : Ctrl + 1 아트보드 잡기 : Space Bar + drag 눈금자 보기 : R 가이드라인 보기 : G 가이드라인 잠금 : Alt + ; 가이드라인 추가(세로) : Alt + < 가이드라인 추가(가로) : Alt + >