[디자인 TIP] 다양한 텍스트 효과주기!
2023년 1월 20일
main-image

[툴디 사용법] 다양한 텍스트 효과주기!

 

 

툴디 편집기를 이용하여 다양한 텍스트 효과를 만들 수 있습니다!.

이번 글에서는 입체감 있는 효과 / 종이가 들린 것 같은 효과 / 반사 효과 / 속도감을 주는 효과를 간단하게 만드실 수 있는 방법을 알려드립니다!

아주 간단하게 디자인에 유용한 효과를 직접 만들어 보세요!

 

 

1. 입체감 있는 효과

텍스트만 놓았을 때보다 외곽선에 그림자 효과까지 주었을 때 눈에 확 들어오고 집중이 됩니다.

입체감을 주기 위해서는 두께가 얇은 폰트보다는 두꺼운 폰트를 사용해야 효과적입니다.

 

[ 방법 ]

1) 두께가 두꺼운 폰트를 선택해 텍스트를 작성해 줍니다.

2) 외곽선을 적당한 두께로 설정해 줍니다.

3) 그림자 효과를 블러는 0으로 하고 투명도는 100%로 설정하여 위치를 조정해 줍니다.

 

 

 

 

2. 종이가 살짝 들린 것 같은 효과

아주 간단하게 만들 수 있는 효과입니다!

흰색 텍스트 종이가 떠 있는 것처럼 보이는 착시 효과를 보실 수 있으며, 고급스러운 느낌을 주며 강조할 때 사용하시면 좋습니다.

 

[ 방법 ]

1) 원하는 텍스트를 작성한 뒤 복사해 주고 그림자 역할을 하게 될 텍스트를 어두운 컬러로 변경해 줍니다.

2) 텍스트를 살짝 기울여주고, 앞 텍스트와의 위치를 조절하고 아래로 보내주면 끝!

 

 

 

 

3. 반사(거울) 효과

간단하지만 뭔가 있어 보이는 효과인 반사 효과!

자연스럽게 거울에 반사된 것 같은 효과를 줄 수 있습니다.

 

[방법]

1) 원하는 텍스트를 작성하고 복사한 뒤 반사될 텍스트를 상하반전 시키고 위치를 맞춰 줍니다.

2) 반사될 텍스트에 그라데이션 컬러를 적용해 줍니다.

(마주 보는 부분이 밝은 컬러, 멀어질수록 어두운 컬러)

3) 투명도를 적당히 낮춰 줍니다.

 

 

 

 

4. 속도감을 나타내는 효과

텍스트에 속도감을 주고 싶은 경우, 아주 간단한 방법으로 효과를 줄 수 있습니다.

(예, 퀵 배달, 새벽 배송 등)

 

[ 방법 ]

1) 원하는 텍스트를 작성하고 기울이고 텍스트를 복사해 줍니다.

2) 뒤쪽에 배치될 텍스트에 배경색과 동일한 색의 선을 그리고 여러 개를 복제한 뒤 세로 간격을 일정하게 만들어 줍니다.

3) 원본 텍스트를 위에 올려주면 속도감이 나는 텍스트 완성!

 

 

 

 

 

 

툴디를 이용하여 밋밋한 텍스트에 디자인을 더 돋보이게 만들어 주는 다양한 효과를 입혀보세요!

 


이 아티클에 관련된 태그

  • 텍스트효과
  • 거울효과
  • 반사효과
  • 입체감효과
  • 종이효과
  • 속도감효과
  • 무료텍스트효과
  • 폰트효과
  • 글자효과
최신 아티클
thumbnail
[툴디 개선기] 툴디 메인 새 단장하기
안녕하세요 여러분!우주 최고의 디자인 플랫폼을 만들어 가는 툴디 팀입니다!! 툴디를 들어왔더니… 아니 이게 모지? 낯선 툴디에 메인화면! 깜짝 놀라셨나요? ㅎ_ㅎ놀라서 뒤로가기를 누르시면 안됩니다….!!! 툴디 맞습니다. 툴디가 메인화면을 새 단장 하였습니다! 여러분. 툴디가 곧 2주년이 된다는 사실을 알고 계신가요? 감사하게도 툴디는 론칭 이후 여러분들의 사랑을 꾸준히 받으며 우주 최고의 디자인 플랫폼으로 성장하고 있습니다. 여러분의 사랑에 행복한 나날이지만, 크리에이터 여러분들의 콘텐츠가 많아지고 툴디 사용자 분들이 많아질수록 툴디팀은 새로운 고민에 빠질 수 밖에 없었어요! 이런밈..아시나요? ?_? 툴디 메인 화면, 이게 맞아?!기존 툴디의 메인화면은 다양한 콘텐츠 큐레이션으로 구성되어 있었습니다. 툴디 사용자들이 원하시는 디자인을 빠르게 찾으시길 바라는 마음에 구성된 화면이었죠.서비스가 성장함에 따라 이제는 초창기 시절보다 훨씬 다양한 분들이 툴디를 이용하고 있습니다. 기존 화면에서는 다양한 직군, 성별, 나이대를 포괄하는 큐레이션을 하였는데, 이제는 오히려 이런 구조가 대다수 분들에게 공감대를 얻기 힘들지 않을까 하는 고민에 빠지게 되었죠.툴디팀은 다양한 분들이 툴디의 메인 화면을 통해 공감 되는 사용자 경험을 느끼면 좋겠다는 생각으로 메인 화면 개선 프로젝트를 시작하게 되었습니다! 기존 툴디 메인 화면 여러분과 라포 형성하기본격적으로 개선 프로젝트에 들어가기 전, 툴디 팀은 메인 화면에 대한 진솔한 이야기를 듣고 싶었습니다. 이야기를 나누고 싶은 분들은 실제 툴디를 활용하고 계신 사용자와 툴디 팀 구성원으로 결정했죠!다양한 직군의 사용자들을 직접 만나 이야기를 나누다 보니 놀랍게도, 그리고 우리가 예상한 대로 기존의 툴디 메인 화면의 사용 빈도가 매우 낮았습니다. 대다수의 인터뷰이는 툴디에 접속한 후 곧바로 [디자인 시작]으로 에디터를 실행하거나 통합 검색, 템플릿 검색 등으로 원하는 결과를 찾는 방식의 유저 플로우를 보여주었죠. 메인 페이지에 구성된 큐레이션을 활용하기보다 원하는 목적에 빨리 도달하기를 원했습니다! 인터뷰를 진행한 다양한 사용자들의 공통된 의견 여러분의 생각을 바탕으로, 툴디 팀은 새로운 메인 화면을 만들기로 결심했습니다!!!!!! 와 기쁘고 즐겁다!!!!!!! 🎉🎉🎉🎉올해 여름부터 시작된 프로젝트는 여러분의 생각을 잘 담아내기 위해 수 많은 기획과 회의를 통해 열정적으로 달려왔습니다. 메인 리뉴얼 스쿼드에 포함된 기획자, 개발자, 디자이너들은 고객과의 공감대 형성 및 치열한 아이데이션을 통해 더 새롭고 개선된 화면을 만들고자 끊임 없이 노력했죠! 이게 맞아! 툴디의 새로운 메인 화면을 소개합니다!다양한 시행착오 끝에 드디어 새롭게 탄생한 툴디의 메인 화면! 그 중 가장 새롭고 놀랍게 바뀐 세 가지를 부분을 자세히 소개해 드려요! 1. 검색 : 사용자의 목적을 빠르게 달성할 수 있도록여러분의 목적을 빠르게 달성할 수 있도록 메인 화면의 검색 기능이 추가되었어요! 메인 화면의 검색 기능은 검색 필드/인기 태그/인기 퀵스타트로 구성되었습니다. 앞으로 디자인이 필요한 어떤 순간에도 툴디를 들어오면 바로 원하는 키워드를 검색 후 빠르게 탐색하실 수 있어요!검색 필드 : 템플릿 또는 크리에이터를 빠르게 검색인기 태그 : 가장 많이 검색되고 있는 최신 키워드 목록인기 퀵스타트 : 최근 가장 많은 창작물이 만들어지고 있는 디자인 카테고리 (툴디 에디터 오픈) 2. 툴디 소개 : 툴디를 더 자세히 알려드릴게요!우린 우주 최고의 디자인플랫폼이 될 것입니다! .. … 그렇지만! 아쉽게도 아직 툴디를 잘 모르시는 분들도 계시다는 것! 툴디팀은 이를 모른 척 할 수 없어요! 툴디에 방문해 주신 여러분들이 길을 잃고 헤매지 않도록, 그리고 앞으로 툴디를 잘 활용할 수 있도록 서비스 소개가 구성되었습니다. 3. 툴디 아티클 : 여러분과 소통하는 콘텐츠툴디는 여러분과 글로 소통하는 것을 좋아해요! 툴디 아티클은 여러분이 툴디 크리에이터 생태계를 더 깊게 느낄 수 있도록 만들어 줄 흥미로운 콘텐츠로 구성될 예정입니다. 사용자와 크리에이터 간 공감대 형성은 물론, 크리에이터의 꿈을 가질 수 있는 ‘동기 부여 콘텐츠’도 업데이트 될 예정이에요. 아티클 메뉴를 통해 오픈 되는 툴디 콘텐츠를 기대해 주세요! 그리고 잊지 마세요! 여러분도 잠재적 크리에이터라는 사실을! 이제 여러분이 확인할 차례에요!어떠셨나요? 새롭게 바뀐 툴디의 메인 화면이 여러분의 마음에 딱 들어맞나요?! 툴디 팀은 여러분이 저희 서비스를 더 알차게 써주시길 바라는 마음에 두근거리는 심장을 부여잡고 릴리즈 버튼을 눌렀어요! 브라우저에 처음 열린 메인 화면을 보고 한 쪽 눈물이 그렁하기도 했답니다!!이번 프로젝트를 진행하면서 또 한번 느낀 것은, 역시 여러분의 메시지가 툴디를 더 나은 서비스로 만든다는 것이었어요. 툴디를 향한 새로운 의견이나 불편한 점이 있으시다면 주저 말고 이야기 해주세요! 여러분이 툴디를 성장시키고 있어요! 앞으로도 오직 사용자 입장에서, 여러분의 편의를 위해 서비스를 개선하고 발전시키는 툴디팀이 되겠습니다. 감사합니다~!
thumbnail
[템플릿제작 TIP] 분위기에 맞는 폰트 선택하기
[템플릿제작 TIP] 분위기에 맞는 폰트 선택하기 지난 아티클에서 폰트마다 가지고 있는 의미를 알아봤다면,이번 아티클에서는 분위기에 맞는 폰트를 선택하는 방법을 알아보겠습니다. * 분위기에 따라 사용할 수 있는 폰트의 종류입니다. 1. 모던, 간결, 깔끔한 분위기 : 고딕 폰트2. 클래식, 전통, 고급 분위기 : 명조 폰트3. 감성, 우아, 예술적인 분위기 : 명조, 손글씨, 캘리그라피 폰트4. 독특, 창의적, 기술적인 분위기 : 픽셀(도트) 폰트5. 편안, 친근, 개성적인 분위기 : 손글씨, 캘리그라피 폰트 1. 모던, 간결, 깔끔한 분위기 : 고딕 폰트모던하고 간결하며, 깔끔한 분위기를 연출하고 싶다면 직선적이고 굵은 느낌으로 시각적인 강렬함을 주는 고딕 폰트를 선택하는 것이 좋습니다. 고딕 폰트 중 사각 형태를 가진 폰트의 경우에는 시원하고 모던한 느낌을 줍니다. * 추천 폰트!나눔스퀘어, 넥슨Lv1고딕, 어그로체, 강원교육튼튼, 수트, G마켓산스, 모바일고딕, MBC1961, 민산스, 부크크고딕 등 템플릿에 사용된 폰트와 크리에이터 정보입니다.강원교육튼튼(달방이), 수트(Brilliant), G마켓산스(맹), 모바일고딕(emeene), MBC1961굴림(맹) 등 2. 클래식, 전통, 고급 분위기 : 명조 폰트클래식하고, 전통적이면서 고급스러운 분위기를 연출하고 싶다면 글자의 끝에 장식이 있는 명조 폰트를 선택하는 것이 좋습니다.가독성이 높고 고전적이며, 전문적인 느낌을 줄 수 있습니다. * 추천 폰트!경기천년바탕, 고운바탕체, 김정철명조, 김좌진장군체, 조선신명조, 송명체, 순바탕체, 덕온공주체 등 템플릿에 사용된 폰트와 크리에이터 정보입니다.조선신명조(쩜다), 마포금빛나루(Page36), 정선아리랑뿌리체(쩜다), 덕온공주체(쩜다) 3. 감성, 우아, 예술적인 분위기 : 명조, 손글씨, 캘리그라피 폰트감성적인 분위기를 연출하고 싶다면 부드러운 곡선이 많고, 획의 끝이 둥글고, 굵기의 변화가 적은 폰트가 좋습니다.이런 특징을 가진 폰트는 따뜻하고 친근한 느낌을 줍니다. * 추천 폰트!마포꽃섬, 봄바람체, 마포다카포, 부크크명조, HS봄바람체, 코트라도약체 등 템플릿에 사용된 폰트와 크리에이터 정보입니다.마포꽃섬(고객을부르는디자인), 코트라도약체(맹), 마포다카포(빨간공), 월드바탕체(빨간공) 4. 독특, 창의적, 기술적인 분위기 : 픽셀(도트) 폰트픽셀 폰트는 레트로한 느낌을 주어, 게임이나 애니메이션의 분위기를 살리는 데 효과적입니다. 또한, 웹 디자인에서 픽셀 폰트를 사용하여 웹사이트의 레이아웃을 강조하거나, 팝업 창이나 버튼과 같은 요소에 사용하기도 합니다. * 추천 폰트!비트비트체, 갈무리7 ~ 14시리즈, 네오둥근모, 도스고딕, 도스명조, 도스미래로, 도스샘물 등 템플릿에 사용된 폰트와 크리에이터 정보입니다.비트비트체(달방이), 비트비트체(달방이), 갈무리11(빨간공), 갈무리11(빨간공) 5. 편안, 친근, 개성적인 분위기 : 손글씨, 캘리그라피 폰트손글씨 폰트의 경우 손으로 쓴 글씨를 모티브로 한 폰트입니다. 손글씨 폰트는 부드럽고 자연스러우면서 편안하고, 친근한 분위기를 연출할 수 있습니다. * 추천 폰트!갈맷글체, 도넌체, 달의궤도, 다시시작해, 오뮤다예쁨, 딸에게엄마가, 미생체, 성실체, 소미체 등 템플릿에 사용된 폰트와 크리에이터 정보입니다.갈맷글체(meeing), 도넌체(mimi grim), 달의궤도(맹), 다시시작해(LG트윈스) * 분위기에 맞는 폰트를 선택하는 데에 도움이 되는 팁!1) 디자인의 목표와 의도를 파악합니다.2) 디자인의 분위기를 명확하게 정합니다.3) 폰트가 가지고 있는 의미를 생각합니다.4) 디자인의 분위기와 의미가 연결되는 폰트를 나열합니다.5) 제일 잘 어울리는 폰트를 디자인에 사용합니다. 디자인의 분위기와 취향에 따라 다양한 폰트를 조합하여 사용해 보세요!위에 나열된 폰트들은 모두 툴디 에디터에서 사용하실 수 있어요~!