gif

3 개의 포스트

discord

디스코드에서 커스텀 이 (새 탭에서 열림)

Discord의 커스텀 이모지는 서버 구성원이 직접 업로드해 메시지, 리액션, 사용자 지정 상태에 활용하는 이미지다. 서버별로 저장되며, 다른 서버에서 사용하려면 해당 서버에 다시 업로드하거나 Nitro가 필요하다. 현재 Discord가 이미지 크기와 형식을 자동 조정하므로 업로드가 간편하지만, 서버별 이모지 한도와 커뮤니티 가이드라인은 지켜야 한다. ## 커스텀 이모지란? - Discord의 기본 이모지와 달리 서버 커뮤니티가 직접 만들고 업로드하는 작은 이미지다. - 메시지에 삽입하거나 메시지 리액션으로 사용하고, 사용자 지정 상태에도 활용할 수 있다. - 특정 밈, 내부 농담, 친구의 사진 등 커뮤니티만의 개성을 표현하는 용도로 적합하다. - 커스텀 이모지는 업로드된 서버에 귀속된다. ## 커스텀 이모지 추가 방법 - 이모지 업로드 권한이 있는 서버에서 다음 메뉴로 이동한다. - **Server Settings > Emoji** - 권한이 있다면 데스크톱의 이모지 선택기에서 바로 업로드할 수도 있다. - 업로드한 이모지는 해당 서버 구성원이 사용할 수 있다. - 다른 서버에서 사용하려면: - 사용하려는 서버마다 직접 업로드하거나 - Discord Nitro를 구독해야 한다. ## 파일 형식과 권장 규격 Discord는 업로드 과정에서 이미지 크기 조정과 자르기를 지원하므로 과거처럼 규격을 정확히 맞출 필요는 줄었다. - 지원 파일 형식: **JPEG, PNG, GIF, WEBP, AVIF** - 권장 파일 크기: **256KB** - 초과해도 Discord가 압축한다. - 권장 이미지 크기: **128×128픽셀** - 더 크거나 작아도 업로드 가능하며, Discord가 조정한다. - 이모지 이름: - 최소 2자 이상 - 메시지에서 `:이모지이름:` 형태로 입력해 사용한다. - 예: `:joy:`, `:GiantHead:` ## 애니메이션 이모지 - 정적 이모지와 동일한 방식으로 업로드한다. - 업로드 후에는 일반 이모지와 별도로 **Animated Emoji** 영역에 표시된다. - 새로 업로드한 애니메이션 이모지를 사용하려면 Nitro가 필요하다. ## 제작 시 지켜야 할 제한 - 기술적으로는 다양한 이미지를 만들 수 있지만 Discord의 다음 정책을 따라야 한다. - Community Guidelines - Terms of Service - 저작권 및 지식재산권 정책 - 이모지는 연령 제한 콘텐츠로 지정할 수 없다. - 따라서 다음과 같은 이미지는 이모지로 허용되지 않는다. - 노골적인 성인 콘텐츠 - 그래픽한 폭력 묘사 - 연령 제한이 필요한 콘텐츠 - 직접 제작하지 않은 이미지라면 업로드 권리를 보유하고 있는지 확인해야 한다. ## 이모지를 크게 표시하는 방법 - 메시지에 일반 텍스트 없이 이모지만 입력하면 이모지가 크게 표시된다. - 한 메시지에 최대 **27개**까지 이모지를 넣을 수 있다. - 이 조건을 충족하면 모든 이모지가 큰 크기로 표시된다. - 28개 이상을 넣거나 일반 텍스트를 함께 입력하면 일반 크기로 표시된다. ## 서버별 이모지 한도 일반 서버의 기본 한도는 다음과 같다. - 일반 커스텀 이모지: **50개** - 애니메이션 커스텀 이모지: **50개** - 이 한도는 서버 전체에 적용되므로, 한 사람이 대부분을 업로드하면 다른 구성원이 추가할 공간이 줄어든다. 서버 부스트 레벨이 올라가면 한도가 증가한다. - **레벨 1**: 일반 100개, 애니메이션 100개 - **레벨 2**: 일반 150개, 애니메이션 150개 - **레벨 3**: 일반 250개, 애니메이션 250개 ## 실용적인 추천 업로드 전에는 128×128픽셀에 가깝게 이미지를 준비하고, 작은 화면에서도 표정이나 형태가 잘 보이는 단순한 디자인을 선택하는 것이 좋다. 또한 서버의 이모지 한도를 고려해 이름 규칙을 통일하고, 저작권 및 연령 제한 콘텐츠가 포함되지 않았는지 확인해야 한다.

figma

6가지 뛰어난 Figma 제작 사례 (새 탭에서 열림)

Figma Make-a-thon에는 1만 명이 넘는 창작자가 참여해, 아이디어를 빠르게 인터랙티브 프로토타입으로 구현했다. 수상작들은 단순히 작업을 지시하는 데 그치지 않고 제품 구조와 상태 관리, 컴포넌트 상호작용까지 명확히 정의하며 AI와 반복적으로 협업했다. 특히 실험과 되돌리기를 적극 활용하면 코딩 경험이 부족해도 복잡한 도구를 발전시킬 수 있다는 점을 보여준다. ## Figma Make-a-thon의 목적과 규모 - Figma Make는 콘셉트와 실제 제작 사이의 간극을 줄이고, 아이디어를 빠르게 탐색·수정할 수 있도록 설계된 도구다. - Contra와 함께 글로벌 Make-a-thon을 개최했다. - 1만 명 이상의 창작자가 참여했으며, 총상금은 10만 달러, 그중 대상 상금 규모는 5만 달러였다. - 출품작에는 디자이너를 위한 *Severance* 테마 가상 방 탈출 게임, “Figma-Kart” 레이싱 게임 등이 포함됐다. - 심사 기준은 다음과 같았다. - 아이디어의 창의성과 실행력 - Figma Make를 활용한 프로토타입 제작의 혁신성 - AI 프롬프트를 설계하고 활용한 방식의 영리함 ## 작업 단위가 아니라 제품 구조를 정의하기 세바스찬 룸비의 **Frame by frame SVG animator**는 손으로 만든 애니메이션 제작 방식을 디지털 환경으로 옮긴 도구다. - Figma에서 SVG를 복사해 앱에 붙여넣으면 프레임 애니메이션을 만들 수 있다. - 완성한 애니메이션은 GIF로 내보낼 수 있다. - 화면 구조는 크게 나뉜다. - 상단: 프레임을 그리는 캔버스 - 하단: 프레임을 확인하고 새 프레임을 추가하는 영역 - 제작자는 구현 전에 다음과 같은 기술적 요소를 조사했다. - Figma Make에서 상태를 관리하는 방법 - 여러 컴포넌트가 서로 상호작용하는 방식 - 앱 구조를 어떻게 나누어야 디버깅하기 쉬운지 - 단순히 “애니메이션 앱을 만들어라”라고 요청하는 대신, 캔버스와 프레임 목록이라는 핵심 구조를 프롬프트에 포함했다. ## AI와의 반복적인 대화 및 실험 - 처음에는 구체적인 프롬프트 전략 없이 AI와 대화하듯 기능을 추가했다. - 초기 프롬프트는 두 개 정도였지만, 이후 약 80개의 프롬프트를 사용하며 계속 실험했다. - 완성된 계획을 한 번에 전달하기보다 결과를 확인하고 다음 아이디어를 추가하는 방식으로 발전시켰다. - 이런 방식은 빠른 프로토타이핑에는 유리하지만, 앱 구조를 이해하지 못하면 이후 버그 수정이 어려워질 수 있다. ## 되돌리기 기능을 안전망으로 활용하기 - Figma Make의 revert 기능은 새로운 아이디어를 부담 없이 시도하게 해준다. - 실험 결과가 좋지 않거나 앱이 충돌하면 현재 상태를 억지로 수정하기보다 이전 시점으로 돌아갈 수 있다. - 복잡한 버그를 해결할 때는 기존 코드를 계속 고치는 것보다, 문제가 발생하기 전 상태에서 다른 접근을 시도하는 편이 효과적일 수 있다. ## 비개발자에게도 필요한 기술적 이해 - 직접 코딩하지 않더라도 앱에 필요한 기본 개념을 이해하면 AI 결과를 더 잘 통제할 수 있다. - 상태 관리, 컴포넌트 간 상호작용, 화면 구조 같은 개념을 알고 있으면 프롬프트를 구체적으로 작성할 수 있다. - Figma Make가 코드를 생성하므로, 원하는 코드 구조와 동작 방식을 명확히 설명할수록 이후 디버깅이 쉬워진다. - 기술적인 판단이 어렵다면 다른 AI에게 상태 관리나 아키텍처에 대한 추천을 먼저 받아볼 수도 있다. ## 실용적인 적용 방법 - 처음부터 모든 기능을 설명하기보다 핵심 화면 구조와 사용자 흐름부터 정의한다. - AI가 생성한 결과를 실행해 본 뒤 작은 단위로 기능을 추가한다. - 상태와 컴포넌트의 관계를 프롬프트에 명시한다. - 큰 변경 전에는 되돌릴 수 있는 상태를 확보한다. - 오류가 반복되면 현재 결과를 계속 수정하기보다 이전 버전으로 돌아가 다른 구현 방향을 시도한다.

discord

디스코드에서 나만의 (새 탭에서 열림)

Discord 스티커는 큰 이모지처럼 메시지에 감정과 강조를 더하는 기능이다. 서버에서 제공하는 스티커를 사용할 수 있으며, 서버 소유자나 `Manage Expressions` 권한이 있는 관리자는 직접 스티커를 업로드할 수 있다. 스티커는 320×320 해상도와 파일 형식·용량 제한을 지켜야 하며, 서버 부스트 수준에 따라 보유 가능한 개수가 달라진다. ## Discord에서 스티커 사용하기 - 채팅 입력창의 스티커 아이콘을 클릭하면 사용할 수 있는 스티커 목록이 열린다. - 참여 중인 서버의 스티커와 Discord가 제공하는 기본 스티커 약 300개를 확인할 수 있다. - 스티커를 클릭하면 즉시 전송된다. - `Shift` 키를 누른 채 클릭하면 현재 작성 중인 메시지에 스티커를 첨부할 수 있다. - 서버 스티커는 해당 서버 안에서 사용할 수 있다. - Nitro 회원은 자신이 속한 서버의 스티커를 다른 서버, DM, 그룹 DM에서도 사용할 수 있다. ## 스티커 업로드 권한과 경로 - 커스텀 스티커는 서버에 저장된다. - 업로드하려면 다음 중 하나가 필요하다. - Discord 서버 소유자 - `Manage Expressions` 권한을 가진 관리자 - 업로드 경로는 `Server Settings > Stickers`이다. - 이 메뉴에서 사용 가능한 슬롯, 등록된 스티커, 업로드한 관리자를 확인할 수 있다. ## 스티커 파일 요구사항 - 이미지 크기: 정확히 `320×320` 픽셀 - 정적 스티커: `PNG` - 애니메이션 스티커: `APNG` 또는 `GIF` - 최대 파일 크기: `512KB` - 관련 이모지: 스티커와 가장 유사한 이모지를 지정해야 한다. - 스티커 추천이나 검색 결과에 노출되는 데 도움을 준다. - 텍스트 설명: 선택 사항이지만 스크린 리더 사용자의 접근성을 높일 수 있다. - 모든 조건을 입력한 뒤 `Upload`를 누르면 서버 구성원이 사용할 수 있다. ## 서버 부스트와 스티커 슬롯 - 기본적으로 서버는 스티커를 최대 5개까지 등록할 수 있다. - 서버 부스트 수준에 따라 총 슬롯이 다음처럼 늘어난다. - 기본: 5개 - 부스트 단계에 따라 15개, 30개, 60개 - Nitro 회원은 서버에 사용할 수 있는 부스트 2개를 제공받는다. - 부스트가 줄어 서버 등급이 낮아지면 새 한도를 초과해 업로드한 스티커는 사용할 수 없게 된다. - 스티커를 다시 사용하려면 서버를 재부스트하거나, 현재 한도에 맞게 일부 스티커를 삭제해야 한다. ## 이미지로 스티커 만들기 - 기존 이미지를 요구사항에 맞게 편집하면 누구나 스티커를 만들 수 있다. - 단순히 이미지를 자르는 작업은 다음과 같은 기본 도구로도 가능하다. - Windows: Microsoft Paint - macOS: Preview - Discord 앱 중에는 이미지 배경을 자동으로 제거해 주는 도구도 있다. - 예시로 Picsart 앱을 이용하면 배경 제거 후 스티커를 만들 수 있다. - 모바일에서는 `320×320`으로 저장할 수 있는 사진 편집 앱이 필요할 수 있다. - 업로드 전 이미지 크기가 정확히 320×320인지 반드시 확인해야 한다. - 제작한 스티커는 Discord 커뮤니티 가이드라인을 준수해야 한다. ## 실용적인 추천 처음에는 투명 배경의 PNG 이미지를 320×320으로 맞추고, 파일 크기를 512KB 이하로 줄이는 방식이 가장 간단하다. 또한 검색과 접근성을 고려해 관련 이모지와 설명을 함께 등록하고, 여러 개를 업로드할 계획이라면 서버 부스트로 확보할 수 있는 슬롯을 먼저 확인하는 것이 좋다.