기본 콘텐츠로 건너뛰기

그림으로 부수입, 미리캔버스 [2편] 컨텐츠 만들기: 승인되는 PNG 요소 만들기 가이드!

    요즘 미리캔버스 디자인허브에 콘텐츠를 제출하는 분들 정말 많으시죠? 저는 그림을 그려서 제출해보려고 해서 PNG 요소 타입 준비에 대해서 정리해보려고 합니다! 자세한 내용은 아래에 적을게요!

    PNG 요소 타입이란?

    • 색상이 변경되지 않는 객체 단위의 콘텐츠
    • SVG 파일이 150KB 이상일 경우, PNG로 변환해서 제출 가능
    • 미리캔버스 내 [요소] 탭에서 서비스되는 콘텐츠입니다.
    • 객체의 사이즈에 맞게 아트보드를 크롭하는 것이 중요!
    • 명예 훼손, 폭력적, 불법, 음란물 등은 제출이 거부될 수 있으니 꼭 주의하세요!

    실전! PNG 요소 제작 세팅 방법

    • 원하는 그림 프로그램을 엽니다.
    • 새 캔버스를 3,000 x 3,000px 에 120dpi로 세팅합니다.
      • 저는 Autodesk Sketchbook이라는 앱을 쓰는데 dpi 설정은 없더라구요? 그래서 그냥 3000x3000 픽셀로 캔버스를 생성했습니다. 심사에서 승인 나는지 확인하고 글에 내용 추가할게요!
    • 작업 후, 반드시 배경이 투명한 PNG로 저장해 주세요.

    심사 합격률 높이는 꿀팁!

    1. PNG 요소 파일 사양 체크하기!

    • PNG / 최소 120dpi
    • 아이콘, 이모티콘, 캐릭터 사이즈 : 700 ~ 9800px
    • 그 외 일러스트 사이즈 : 1500 ~ 9800px
    • 최대 파일 크기 : 50MB
    • 벡터 파일의 용량이 150KB를 초과하는 경우 PNG 포맷으로 제출해주세요
    • 그라데이션이 포함된 콘텐츠나, 3D 콘텐츠는 PNG로 제출해주세요.

    2. 승인 잘 나는 PNG 요소의 특징 확인하기!

    • 아트보드 크롭 정확히 하기 : 그림의 크기에 맞춰 아트보드를 딱 맞게 잘라주는 게 중요해요. 여백이 많으면 보기에도 어색하고, 심사에서도 감점 요인이라고 하네요!
    • 배경 완벽 제거 : 배경을 완전히 지우고, 투명 PNG로 저장하는 습관을 들여야 합니다. 미세하게 남은 부분이 없는지 확대해서 꼭 확인해요.
    • 디테일 살리기 : 단순한 그림보다는 그라데이션이나 다양한 색상을 활용해서 디테일을 살리면 심사에서 좋은 평가를 받는 것 같았어요.
    • 요소는 작게, 다양하게 : 한 번에 여러 요소를 모아서 올리기보다는, 작은 단위로 쪼개서 각각 등록하기!
    • 트렌드 반영하기 : 시즌별로 많이 쓰일 것 같은 요소를 미리 준비해서 올립니다. 예를 들어 5월엔 어린이날 관련, 12월엔 크리스마스 관련 이미지를 미리 등록해두는 식이에요. 단, 심사 기간이 최대 20일에서 30일까지 걸릴 수 있다고 하니, 미리 미리 준비하는 게 좋겠습니다!

    3. 거절 사유 참고하기

    기술적 문제

    • 불완전한 형태(실선, 불필요한 그림자, 명암, 클리핑 마스크 효과)
    • 면과 면 사이에 크랙(실선)이 있을 경우
    • 특정 부분이 누락되었거나 명확한 형태가 아닐 경우
    • #353840, #FFFFFF 컬러를 사용했을 경우

    퀄리티 문제

    • 지나치게 효과나 이펙트를 적용하였을 경우
    • 트렌드에서 벗어난 이미지일 경우
    • 변형된 단색 혹은 패턴의 이미지일 경우
    • 미리캔버스 서비스 정책에 부합하지 않을 경우

    기타

    • 색상만 변경된 PNG 요소를 대량으로 제출하는 경우 거부될 수 있음. 이런 경우 SVG 요소 제출 권장!
    • 요소 크롭이 되어있지 않은 콘텐츠 (이미지 영역에 요소가 가득 차게 크롭해주세요!)
    • 상업적으로 서비스하기에 부족한 저품질 콘텐츠

    결론, 심사 기준에 맞춰 그리기!

    어쨌든 심사를 통과해야 미리캔버스에서 제가 그린 그림이 사용되고, 정산도 받을 수 있는거니까요. 위와 같은 미리캔버스 심사 기준을 숙지한 후 PNG 요소를 만들어야겠습니다. 너무 간단한 그림보다 디테일이 있는 그림을 그려야겠고, 캔버스에 꽉 차도록 그리는 것, 배경은 투명하게 저장하기 정도만 신경쓰면 될 것 같은데, 앞으로 PNG 요소 심사를 올려보며 알게 되는 내용들도 포스팅 해볼게요. 스톡 이미지 판매로 한 달에 100만원을 버는 분들도 계시다는데, 저도 그렇게 되도록 노력해봐야겠습니다!

    댓글

    댓글 쓰기

    이 블로그의 인기 게시물

    구글 블로그 수익화 [1편] Blogspot(Blogger) 개설 따라하기

    구글 블로그 개설, 누구나 쉽게 시작하는 방법 안녕하세요. 오늘은  구글 블로그(Blogger) 개설 방법 을 단계별로 자세히 정리해보려고 합니다. 블로그를 처음 시작하시려는 분들께 도움이 되길 바랍니다! 구글 블로그란 무엇인가요? 구글 블로그(Blogger)는 구글에서 제공하는 무료 블로그 플랫폼입니다. 별도의 서버나 복잡한 설치 과정 없이, 구글 계정만 있으면 누구나 손쉽게 자신의 블로그를 만들고 운영할 수 있습니다. 애드센스를 통해 광고 수익까지 기대할 수 있어 많은 분들이 이용하고 있습니다. 특히 티스토리에서 블로그를 운영하던 분들이 티스토리의 횡포(?)를 피해 도망오는 곳이기도 하죠! 구글 블로그 개설을 위한 준비물 구글 계정(gmail 주소) 인터넷이 연결된 컴퓨터 또는 스마트폰 🤣🤣 구글 블로그 개설 6단계 아래의 6단계를 차례대로 따라 하시면 누구나 쉽게 블로그를 개설하실 수 있습니다. 1. 블로거 사이트 접속 먼저 블로거 공식 사이트 에 접속합니다. 구글에서 ‘블로거’라고 검색하셔도 쉽게 찾으실 수 있습니다. 2. '블로그 만들기' 클릭 홈페이지에서 ‘블로그 만들기’ 버튼을 클릭합니다. 이 버튼을 누르면 본격적으로 블로그 개설이 시작됩니다. 🚀 3. 구글 계정으로 로그인 구글 계정이 있으시다면 로그인만 하시면 됩니다. 만약 계정이 없다면, ‘계정 만들기’를 눌러 새로운 구글 계정을 생성하실 수 있습니다. 4. 블로그 이름 선택 이제 블로그의 이름을 정해야 합니다. 예를 들어, ‘워킹맘의 개발 일상’, ‘비전공자의 IT 도전기’ 등 본인이 다루고자 하는 주제를 반영하여 이름을 정해보시기 바랍니다. TIP: 블로그 이름은 너무 길지 않게, 주제가 잘 드러나도록 정하는 것이 좋습니다. 5. 블로그 주소(URL) 선택 블로그의 주소(URL)도 함께 정해야 합니다. 원하는 영문 주소를 입력해보세요. 이미 사용 중인 주소는 등록이 불가능하니, 다른 주소로 시도하시면 됩니다. ...
    댓글 쓰기
    자세한 내용 보기

    구글 블로그 수익화 [2편] Blogspot SEO 최적화 초기 설정 따라하기 with 체크리스트

    왜 구글 블로그(Blogger) 초기 설정이 중요할까요? 구글 블로그(Blogger)는 무료이면서도 강력한 블로그 플랫폼입니다. 하지만 초기 설정 을 제대로 해두지 않으면 검색엔진 노출이 어렵고, 애드센스 수익화에도 불리할 수 있는데요! 오늘은 SEO(검색엔진최적화)에 꼭 필요한 구글 블로거 초기 설정법 을 하나하나 정리해 볼게요! 😊 기본적인 초기 설정 1. 기본 / 개인정보 보호 블로그 제목 : 워킹맘 개발자의 컨닝페이퍼 처럼, 내 블로그의 주제와 키워드가 들어가면 좋습니다. 설명(Description) : 비전공자 출신 워킹맘 개발자의 개발 공부 + 애드센스 블로그 수익화 기록 처럼, 핵심 키워드(개발, 워킹맘, 애드센스, 수익화 등)를 자연스럽게 녹여주세요. 블로그 언어 : Korean - 한국어 로 설정하면 한국 검색엔진에 더 잘 노출됩니다. 성인용 콘텐츠 : 해당 사항이 없다면 블로그 독자에게 경고 표시 는 꺼두세요. 불필요한 경고는 방문자 이탈을 유발할 수 있어요. Google 애널리틱스 측정 ID : 구글 애널리틱스를 연동하면 방문자 통계, 유입 키워드, 인기 포스팅 등 다양한 데이터를 분석할 수 있어요. 파비콘 : 내 블로그만의 작은 아이콘(파비콘)을 등록하면, 브라우저 탭에서 더 눈에 띄고 브랜드 인식에도 도움이 됩니다. 개인정보 보호 : 검색엔진에 표시됨 을 꼭 체크! 수익화를 위해서는 내 글을 다른 사람들이 많이 검색해서 봐주어야겠죠! 반드시 ON 으로 설정하세요! 2. 게시 / HTTPS 블로그 주소 : momveloper.blogspot.com (기본 주소) 맞춤 도메인 : momveloper.dokidugi.com 처럼 나만의 도메인을 연결하면 더 신뢰감 있고, SEO에도 유리합니다. 대체 하위 도메인/도메인 리디렉션 : dokidugi.com → momveloper.dokidugi.com 처럼, 도메인 리디렉션을 원한다면 ON으로 설정해주세요. 저는 OFF로 해두었어요. HTTPS 사용 여부 : 사용 가능 으로 꼭...
    댓글 쓰기
    자세한 내용 보기

    구글 블로그 수익화 [5편] 복붙으로 쉽게 끝내는 구글 블로그스팟 목차 자동 생성(TOC)

    구글 블로그스팟(Blogger) 자동 생성 목차 만들기! 블로그 스팟(Blogger) 기본 설정에서 빼놓을 수 없는 부분이 자동 생성 목차인데요. 오늘은 구글 블로그스팟(Blogger)에서 자동으로 목차를 생성하는 방법을 정리해보려고 합니다. 자동 목차가 필요한 이유 방문자들이 원하는 정보를 빠르게 찾을 수 있어 체류 시간이 늘어남 글의 구조가 한눈에 들어와 가독성이 좋아짐 SEO(검색 최적화)에도 긍정적인 영향을 미침 자동 목차 설치 준비: 블로그스팟 HTML 편집 먼저 블로그 관리자 페이지에서 테마 > 맞춤설정 > HTML 편집 메뉴로 들어갑니다. 이 작업은 블로그의 디자인을 바꾸는 중요한 과정이니, 혹시 모를 실수에 대비해 테마 백업을 꼭 해두세요. 1단계: 자동 목차 스크립트 삽입 Ctrl+F로 </head>를 검색해 바로 위에 아래 스크립트를 붙여넣습니다. 이 스크립트는 글 본문 내의 h2, h3 태그를 읽어 자동으로 목차를 생성해주는 역할을 해요. <!-- custom setting 자동목차 --> <script type='text/javascript'> //<![CDATA[ //*************Table of Content (TOC) plugin by anantvijaysoni.in function avsTOC() { var avsTOC = i = headlength = gethead = 0; var currentH2 = null; // 현재 처리 중인 h2 요소를 저장하기 위한 변수 // h2와 h3 요소 처리 var headings = document.querySelectorAll("#post-toc h2, #post-toc h3"); // h2와 h3 요소 선택 var tocHTML = "...
    댓글 쓰기
    자세한 내용 보기