작성일 댓글 남기기

어도비xMS 출판 이벤트 카드뉴스 만들기

Aodbe Express + MS Clipchamp 로 컨텐츠 생성하기

포토샵이나 일러스트레이터, 인디자인으로 작업하는 출판사 직원들에게는 아무래도 늘 쓰던게 편하기는 합니다. 그런데 이걸 다시 카드뉴스로 만들거나 동영상으로 제작하려면 애프터이펙트, 프리미어 같은 편집프로그램으로 작업을 생각하거나 아니면 다른 저렴한 캡컷이나 앱으로 편집하는 프로그램을 생각하게 됩니다.

물론 할수는 있지만 디자인요소들을 자유자재로 편집하기에는 쉽지 않습니다. 그래서 그동안 저도 이 문제를 해결하기 위해서 데이터베이스 기반의 영상을 만드는 프로그램을 만들어왔고 3D로 책을 요소로 만들어주거나 실시간 판매데이터를 붙여서 순위가 나오는 구조를 만들었습니다.

다 좋은 아이디어인데 이걸 새로운 요소의 영상으로 제작하기에는 한계가 있어서 Canva, Adobe Express를 사용해서 처리하는 방식으로 전환했습니다.

그러니까 데이터기반의 영상자동화를 만들면서 다시 애드온으로 제작하고 일부는 개발버전으로 저만 쓰기로 했습니다. (?) 하여간 어제 Canva가 죽어서 그 사이에 Adobe Express 를 자세히 보고 아 이렇게 쓰면 되겠네 라는 결론을 얻어서 공개합니다.

일단 어도비 제품은 하나로 통합할 목적으로 만든 스마트 라이브러리 라는게 있는데 이제 이 부분의 기능이 웹으로 연결된 것이 어도비 익스프레스 입니다. 왜 어도비가 XD를 버렸을까? 라는 생각을 하신 분은 Figma 인수 실패로 발생한 개발팀 정리 그리고 Canva의 도전에 대한 응전까지 어도비의 재미있는 이야기는 뒤로 하고 간단하게 말씀드리면 어도비왕국은 웹으로 옮겼습니다. 피그마나 캔바처럼…

다만 전문가 영역은 유지하면서 말이죠 그래서 레이어 그대로 어도비익스프레스로 가져올 수 있습니다.

스크린샷 2025-05-27 오전 9.58.57.png

똑같은 디자인을 포토샵에서 했다면 (포토샵 데이터를 저장할 수 있는 모든 호환프로그램도 지원)

스크린샷 2025-05-27 오전 9.53.27.png

그대로 어도비익스프레스로 가져올 수 있습니다. 가져오면 2가지 모드가 있습니다. 업데이트를 할 수 있는 문서로 제작할 것인지 아니면 연결을 끊고 독립적인 작업으로 할 것인지…

기능에 대해서 설명하는 것이 아니기 때문에 편집을 하고 애니메이션 효과를 넣고 이미지를 연장하고 AI로 확장하고 등등은 프로그램을 한 번 보면 아실 수 있어요. 프로그램이 메뉴얼을 보고 해야한다면? 그건 프로그램 개발회사 잘못입니다.

스크린샷 2025-05-27 오전 9.56.25.png

소셜미디어 사이즈로 변경해서 편집

내보내기하면 영상을 출력할 수 있게 됩니다. 그리고 저는 여기에 마이크로소프트사의 클립챔프를 사용해서 다양한 음성을 넣을 수 있는 기능으로 각 영상을 제작하는 것으로 마무리 했습니다.

스크린샷 2025-05-27 오전 9.55.49.png

미디어에 텍스트 음성 변환이 다양해졌고 몇달 아무것도 안하고 있다가 보면 기능이 확실히 좋아진 것이 느껴질 정도로 리소스가 추가되긴 했습니다. 이 전에 오픈소스 TTS 프로그램이나 아마존 TTS를 사용하기 위해 했던 노력이 그냥 사라졌습니다.

그냥 약간의 사용료를 내고 쓰는게 속편합니다.

하여간 클립챔프는 메타 빼고 다른 곳에 아주 빨리 영상을 내보낼 수 있고 내보내자마자 유튜브 쇼츠 조회수가 늘어나는 알람이 바로 와서 신기하다 싶었는데 해시태그가 영향이 있는거 같기도 합니다.

앤드류 루미스 드로잉, 예술, 만화의 기초, 스도쿠, 퍼즐도서 등을 할인합니다. 봄봄스쿨 https://www.yes24.com/product/search?domain=ALL&query=%25EB%25B4%2584%25EB%25B4%2584%25EC%258A%25A4%25EC%25BF%25A8

작성일 댓글 남기기

폴리곤 지구 도서관 UI

three.js 를 사용해서 폴리곤 안에 점을 찍어서 새로운 책을 등록할 수 있는 프로그램을 만들고 있습니다. 제가 만드는 것이라기 보다는 AI가 만들겠지만 러프한 정도만 만들거지만 일단 새로운 책을 추가해서 등록하면 저기 빨간점을 클릭하면 등록한 도서 페이지로 이동하게 됩니다.

그런데 메시 부분이 점점 더 늘어나고 자세하게 만들어진다면 더 재미있겠지만 우선은 이정도로 테스트 해보고 있습니다. 사실 흔드는 기능이랑 이것저것 인터페이스를 만들어 보고 싶지만 한계가 있습니다.

 

 

작성일 댓글 남기기

웹 프록시 Nginx에서 Certbot 인증서 관리

웹 프록시 Nginx에서 Certbot 인증서 관리 허브

아마 AI의 도움을 받아 개발을 마쳐도 배포하려면 서버를 운영해야 합니다. 물론 github 나 vercel 등 무료로 제공하는 공간도 있지만 실제 서비스를 하려면 도메인, 메일, 기타등등 서버의 기능을 활용해야합니다. 그리고 가장 중요한게 DNS, SSL 그리고 비싸서 그렇지 최소 비용으로 동작할 수 있게 하려면 월 1만원 정도는 사용해야 합니다.

여기서 가장 중요한 것은 고정된 IP가 필요하고 인증서를 받으려면 서비스를 받을 수도 있지만 이것저것 합쳐보면 싸게 운영할 수 있습니다. 내 시간은 싸지 않다고 생각하시면 그냥 유료서비스를 받는게 속편합니다.

그런데 홈서버도 쓰고 NAS도 쓰고 내부망에 있는 성능좋은 GPU를 이용해서 LLM을 돌리거나 뭔가 특별한 장비를 운용하면서 외부에서도 접근하게 만들고 싶다면 이쪽이 더 나을수도 있습니다.

PHP, Go, Python, Nodejs 사용해서 만든 다양한 어플리케이션을 누군가에게 보여주고 싶다면 나만의 서버가 있으면 좋습니다. 요즘 AI 개발환경도 많이 좋아졌고 몇일만에 새로운 게임이나 업무용 작은 유틸리티 같은걸 금방금방 만들어 낼 수 있습니다.

e6c480007f710f8320a49fff5db88bcc.jpeg

사실 요 몇일 Paypal 이나 외국에서 운용하는 결제 플랫폼들을 열심히 보고 있습니다. 국내 서비스외에도 다양한 결제가 달리고 사용할 수 있다면 조그마한 서비스도 소액이라도 아르바이트 정도가 되지 않을까 합니다. (안될수도 있지만)

하여간 만든 서비스의 주요 이점을 요약하면

중앙 집중식 SSL 관리: 모든 Certbot 갱신이 하나의 서버에서 이루어져 관리 부담이 줄어듭니다.

보안 강화: 백엔드 서버들이 인터넷에 직접 노출되지 않아 공격 표면이 줄어듭니다.

유연한 배포: 각 서비스는 독립적인 서버에서 운영되므로, 특정 서비스의 리소스 요구사항에 따라 유연하게 확장할 수 있습니다.

단일 진입점: 모든 도메인을 통해 접근되므로 트래픽 관리 및 모니터링이 용이합니다.

AI 총서를 3900원에 준비중(전자책아님) 각 분야에 AI 사용법을 모으면 사용자별 경험을 판매하는 실무 북웨어시리즈

작성일 댓글 남기기

Canva 캔바 미로글자 Addon 만들기

드로잉으로 만드는 미로찾기

Canva 캔바 미로글자 Addon 만들기 유명해지려면 유명한 곳에서 무언가를 해야 하더라구요… 그런데 저는 춤도 못추고 응?!? 하여간 캔바에 애드온으로 미로글자를 만들 수 있는 프로그램을 하고 있습니다. 생각보다 쉽지는 않습니다. 1억5천명이 만일 동시접속할 일은 없겠지만 리소스를 감당하지 않으면서 프로그램 아이디어에 제한이 생깁니다.

스크린샷 2025-05-22 오후 3.20.26.png

클라이언트 사이드 처리 최대화

미로 생성 알고리즘을 JavaScript로 브라우저에서 직접 실행

서버는 최소한의 설정 데이터만 주고받도록 설계

WebAssembly 활용해서 복잡한 미로 생성도 빠르게 처리

효율적인 미로 생성 알고리즘

재귀적 백트래킹보다는 Kruskal이나 Prim 알고리즘 활용

글자 형태에 맞는 제약 조건을 미리 계산해서 캐싱

자주 사용되는 글자 패턴은 템플릿으로 저장

리소스 절약 전략

CDN으로 정적 자원 분산

글자별 미로 패턴을 미리 생성해서 데이터베이스에 저장

사용자별 세션 대신 상태 없는(stateless) 설계

대충 이렇게 만들 것이라 생각하고 만든건데 진행된 것은

496922275_30209760131941548_1029397333385532527_n.jpg?_nc_cat=103&ccb=1-7&_nc_sid=127cfc&_nc_ohc=D3tmQFb3yPgQ7kNvwE7WOwz&_nc_oc=AdnBSmtbuOI7c9ZIc6EEMkJKSEilu34FpJvrVZgf87dupVGNLYywNeR1z_P1P8tSBgI&_nc_zt=23&_nc_ht=scontent-ssn1-1.xx&_nc_gid=iswHprboVhyutmq5d67noA&oh=00_AfLlNvW0lRVCr2rEgrNjN2ktP58yjLn91ooObg5Duv9icw&oe=6834A2DC

이렇게 미로찾기가 글자로 생성되는 프로그램이 됩니다. 물론 픽셀 크기가 조금 작게 될거예요. 입구, 출구 그리고 시작, 종료 정답도 함께 나오게 됩니다.

하여간 만들기는 했지만 검토는 제가 하는게 아니라서~ 등록되면 알려드릴께요

작성일 댓글 남기기

Zoetrope 조에트로프 회전 애니메이션 만들기

Zoetrope 조트로프 다중 클립 편집기는 국내에 없습니다. 아무도 안만들어요 그러니까 이 회전하는 애니메이션은 드로잉 방식이 다릅니다. 3D나 다른 영상이랑 결합되게 하려고 하는데 인터페이스가 다른 형태로 만들어지는 구조라 머리가 복잡합니다. 못한다는게 아니라 그냥 복잡한 그 자체예요. 

요즘 흥미로운 쇼츠영상 만드는 것도 쉽지 않기 때문에 회전하는 툴을 제공하는게 낫겠다 싶었습니다.

가끔 이런거 광고영상이나 희안한 동작영상으로 보신적이 있을거예요

그 옛날 회전하는 통에 저 세로 틈새에 눈을 가져다 대면 동작하는 애니메이션이…

저는 앞으로 인공지능이 재미있는 것을 만들어주는 영상을 만든다면 사람은 손으로 그리고 거기에 텍스쳐를 입혀서 무언가를 만들 수 있는 현실세계의 무언가를 만들려고 에디터를 만들었습니다. 애니메이션 프레임 속도를 높여서 아주 다양한 만화영화의 효과를 만드는 조트로프 애니메이션용 회전 드로잉 툴을…

물론 만화 효과음 에디터를 만드는데 도움이 될거라는 막연한 상상과 함께 말이죠.

툴이 있어야 결과물을 만들어 낼 수 있으니까 일단 제작은 했습니다.

생각은 이런걸 만들 수 있게 하려고 만들기 시작한 것이지만 실제로는 2D로 간단한 프레임으로 어니언스킨으로 애니메이션을 직접 그려서 만드는 것이예요.

달리는 자동차 바퀴를 영상으로 보면 앞으로 가는데 바퀴는 뒤로 가는 느낌을 보실 수 있습니다. RPM이 일정 속도를 넘어가면 뒤로 돌아가는 느낌을 받으실 수 있습니다. 그리고 적정 RPM이 되면 마치 천천히 움직이는 것 같은 느낌이 들 때도 있어요. 바로 그런 시간차를 이용해서 회전 속도에 따라 앞으로 또는 뒤로 가는 듯한 애니메이션이 만들어집니다.

기계장치로 만들어야 하는게 맞지만 그렇게 하지 않아도 볼 수는 있습니다. 회전체를 종이공작으로 만들고 압정으로 고정하면 ^^

그러면 아이의 얼굴이나 동영상을 회전하는 원에 맞춰 배치하는 어플리케이션을 설계하고 있습니다.

간단하지만 재미있는 굿즈가 될 수 있을거예요~ 어린이 출판사 하기 진짜 해야할게 많아요

아르고나인

스튜디오

www.argo9.com

작성일 댓글 남기기

AI를 활용한 피시본 다이어그램 생성 편집기

몇달 전에 만다라트 다이어그램을 LLM 을 사용해서 64개의 주제와 소주제를 만드는 간단한 키워드 프로그램으로 워크샵 참석자에게 뭔가 먼저 채워줄 수 있는 기능을 구현해 본 작업을 했습니다.

간단하게 이것저것 실험을 했고 네모박스에 가까운 것이라 한계가 있어 이번에는 조금 그림같은 느낌에 편집기능을 추가한 다이어그램을 생성해보기로 했습니다.

이시카와 다이어그램(Fishbone Diagram)의 개념, 용도 및 관련 기술 개발에 대한 이해를 돕기 위해 작성되었습니다.

이시카와 다이어그램의 정의: 이시카와 다이어그램은 문제의 원인을 분석하기 위한 시각적 도구입니다. 물고기 뼈와 유사한 형태를 가지며, 문제가 중심의 “가시”를 이루고 원인 또는 영향이 “살”처럼 붙어 있는 구조입니다. 카오루 이시카와 박사가 발명했습니다.

먼저 테슬라 관련 뉴스를 하나 복사해서 입력하고 -> 생성 -> 편집 과정을 끝내면 하나의 다이어그램이 완성되며 편집 수정이 가능해서 정리된 글과 그림을 보시는 분에게 도움이 될 거예요

Ollama Gemma3:4b LLM을 사용해서 뉴스기사, 블로그 글 등 각종 프레임워크로 디자인 편집할 수 있는 기능을 만들었습니다.

인포그래픽이나 어떤 그래픽 작업도 가능하게 기본 출력물을 svg, json, 상용 LLM 및 Canva, AdobeExpress 에 보내서 다시 기계가 그리기 쉽게 바꾸고 있습니다.

옵시디언 플러그인으로도 생각은 하고 있으며 디자인 편집이 화면 상에서 가능합니다. (결론은 인디자인이나 편집프로그램으로 보내기 위한 레이아웃 데이터 생성이 목적입니다.) 하루에 하나씩 이런거 만들고 어디에 올려야 하나 지금 고민중입니다. 회사 서버를 줄이고 AI가 빨리 돌아가는 서버로 바꿀까 했는데 비용이 만만치 않네요

작성일 댓글 2개

인디자인 캘린더 자동화 프로그램

웹과 종이가 대화형으로 만들 수 있는 프로그램

원래 공개 안하려고 했는데 인디자인 그리드 관련된 솔루션을 캘린더, 가계부, 다이어리 디자인을 자동화하고 있고 그걸 다시 웹에서 기록하고 편집하는 솔루션, 즉 종이랑 데이터가 결합되는 작업(이건 그냥 자동생성 + 데이터를 손으로 넣었지만 자동화 처리하는 중 반대로 디자인을 한 것을 학습해서 디자인을 만들 수 있습니다.)

만일 캘린더가 있다면 매년 바꿔야 할 것들에 맞춰서 작업해야 합니다. 그리고 미국이나 일본 각기 달력의 시작이 다른 나라마다 맞춰야 하고 전세계 대상으로 행사일이나 다양한 정보를 담은 캘린더를 만든다면 거기에 맞게 데이터를 바인딩할 수 있습니다.

인디자인에서 원하는 형태로 매칭시켜서 작성한 ical 데이터를 가져올 수 있습니다. 그러면 반대로 웹에서 그 내용을 수정하거나 본인 고유의 모든 데이터를 수집해서 캘린더로 넣어줄 수 있어요. 가계부가 될수도 영수증모음이 될수도 모든 것을 가져와서 실제화 할 수 있습니다.

그걸 인스타그램이라고 하는데 인스타는 자랑용이고 이건 온라인의 남겨놓은 모든 템플릿을 연결하는 구조의 책이라고 보시면 됩니다. 노션이 되었건 다이어트 앱이 되었건 자꾸 돈달라고 하니까 그런걸 없애볼 생각입니다. ^^ DuckDB 오픈소스 넘치는데 그걸 어떻게 쓰는지 모르잖아요 


그러니까 뭐 문구쪽으로 포커싱해서 내년에 엄청나게 다양하고 복잡한 디자인을 다 수용할 수 있는 시리즈를 프로그램 중입니다.

제가 몇번 달력을 검수못하고 출판해 엄청 욕을 먹은적이 있어서 개발했습니다. 죄송합니다. 독자님들 ㅠㅠ 

아르고나인

스튜디오

www.argo9.com

작성일 댓글 남기기

8방향으로 움직이는 초성연결 퍼즐

이제 본격적으로 외국인들 대상의 퍼즐을 만들고 있습니다. 이 전에도 만든다고 했지만… 일단 초등1~2학년 필수단어를 초성으로만 연결하는 게임인데 8방향으로 움직입니다.

찾을 단어 목록도 나오고 그 단어를 기준으로 8방향으로 움직여서 주변의 글자를 매칭하는 게임입니다. 그러니까 생각보다 장치를 많이 마련해야하고 데이터를 엄청나게 정리하고는 있지만 일단 종이랑 연필로도 풀 수 있게 만들고는 있는데 약간의 시간은 걸릴거 같습니다.

기존 사이트를 버리고 이런거나 다 모아보겠습니다.

작성일 댓글 남기기

미로찾기 다음 단계 기능형 게임

계속 만들고 있던 미로찾기의 다음 단계가 한 선 다음은 페어 미로찾기입니다. 보통 미로찾기는 입구와 출구를 찾는 게임인데.

약간 다른 생각을 해봤습니다.

미로로 컬러링을 하는 새로운 컬러링 미로찾기 2페어 컬러링을 생각합니다. 많은 미로의 색상 미로가 되게 만들면 길이 컬러링의 결과가 됩니다. 모두 채워야만 가능하다면?

미로의 빈 공간이 없는 다른 장르가 됩니다. 

미로찾기의 빈 공간을 다 채우는 미로찾기가 될테니까 아주 복잡하고 큰 그림도 그릴 수 있게 됩니다.미로찾기의 빈 공간을 다 채우는 미로찾기가 될테니까 아주 복잡하고 큰 그림도 그릴 수 있게 됩니다.

네모네모로직 같은 것도 가능은 하겠지만 일단 10가지 색상으로 진행할 수 있게 공간이 하나도 비워지지 않도록 작업하는데 머리 터지겠네요.

새로운 퍼즐, 미로 등등은 새로운 변형이 가능합니다. 대신 만드는 사람 머리를 많이 혹사해야 합니다. 정답이 무조건 하나가 되게 만들어야 하니까 가끔 아닌 문제를 만들면 많이 괴롭습니다.

슬슬 문제를 뽑아내기는 할텐데 이제 서브스크립션 같은걸 해볼까 합니다. 머리쓰는 과정과 문제도 아이들이 풀어보면 어떨까요? 새로운 퍼즐 제작에도 참여하고…

아~ 어른도 됩니다. ^^

어른템풀이니까…