void_sky.log https://velog.io/ indie maker Tue, 26 Aug 2025 08:25:28 GMT https://validator.w3.org/feed/docs/rss2.html https://github.com/jpmonette/feed void_sky.log https://velog.velcdn.com/images/void_sky/profile/db296d22-da97-47ef-a614-75a25bd13a86/social_profile.jpeg https://velog.io/ Copyright (C) 2019. void_sky.log. All rights reserved. <![CDATA[Qwen Image Edit 모델로 사진을 그림으로 변환하는 사이트를 만들어봤습니다]]> https://velog.io/@void_sky/Qwen-Image-Edit-%EB%AA%A8%EB%8D%B8%EB%A1%9C-%EC%82%AC%EC%A7%84%EC%9D%84-%EA%B7%B8%EB%A6%BC%EC%9C%BC%EB%A1%9C-%EB%B3%80%ED%99%98%ED%95%98%EB%8A%94-%EC%82%AC%EC%9D%B4%ED%8A%B8%EB%A5%BC-%EB%A7%8C%EB%93%A4%EC%96%B4%EB%B4%A4%EC%8A%B5%EB%8B%88%EB%8B%A4 https://velog.io/@void_sky/Qwen-Image-Edit-%EB%AA%A8%EB%8D%B8%EB%A1%9C-%EC%82%AC%EC%A7%84%EC%9D%84-%EA%B7%B8%EB%A6%BC%EC%9C%BC%EB%A1%9C-%EB%B3%80%ED%99%98%ED%95%98%EB%8A%94-%EC%82%AC%EC%9D%B4%ED%8A%B8%EB%A5%BC-%EB%A7%8C%EB%93%A4%EC%96%B4%EB%B4%A4%EC%8A%B5%EB%8B%88%EB%8B%A4 Tue, 26 Aug 2025 08:25:28 GMT 안녕하세요! 오늘은 최근 제가 만든 웹사이트 "Picture to Drawing"에 대해 여러분께 소개해드리고 싶습니다.

시작하게 된 계기

얼마 전, Alibaba Cloud에서 새로운 Qwen Image Edit 모델이 출시되었다는 소식을 접하게 되었습니다. 이미지 편집 분야의 AI 기술 발전에 관심이 많았던 저는 바로 테스트해보기로 했습니다.

실제로 제 사진을 사용해서 실험해본 결과, 그 퀄리티에 정말 놀랐습니다. 사진을 다양한 아트 스타일의 그림으로 변환하는 능력이 너무 뛰어났고, 마치 전문 아티스트가 그린 것 같은 완성도였습니다.

사이트를 만든 이유

"이렇게 좋은 기술이 있다면, 더 많은 사람들이 쉽게 사용할 수 있게 해보자"

이런 생각이 들어서 누구나 간편하게 사용할 수 있는 웹사이트를 만들기로 결정했습니다. 기술적 지식이 없는 분들도 브라우저 하나만으로 사진을 그림으로 변환할 수 있도록 설계했습니다.

사이트 특징

Picture to Drawing (https://picturetodrawing.ai)의 주요 특징은 다음과 같습니다:

🎨 다양한 아트 스타일

  • 연필 스케치
  • 라인 드로잉
  • 목탄화
  • 색연필화
  • 수채화
  • 잉크 아트
  • 크로스해칭
  • 파스텔화

💫 사용자 친화적

  • 완전 무료 - 비용이 전혀 들지 않습니다
  • 회원가입 불필요 - 이메일 입력도 필요 없습니다
  • 간단한 사용법 - 사진 업로드 후 스타일만 선택하면 완료
  • 고품질 결과물 - 전문가 수준의 퀄리티

개인적인 생각

이 사이트를 만들면서 AI 기술의 대중화에 대해 많이 생각해봤습니다. 아무리 좋은 기술이 있어도 일부 전문가들만 사용할 수 있다면 그 의미가 반감된다고 생각합니다. 누구나 쉽게 접근해서 창의성을 발휘할 수 있는 공간을 제공하고 싶었습니다.

또한 한국 사용자분들도 편리하게 사용하실 수 있도록 한국어 지원도 추가했습니다. UI 전체를 한국어로 번역하고, 한국 문화에 맞는 표현을 사용하도록 신경 썼습니다.

여러분께 부탁드립니다

아직 완벽하지 않은 사이트이지만, 한 번 사용해보시면 정말 감사하겠습니다. 그리고 가능하시다면:

  • 사용 후기나 의견을 알려주세요
  • 개선점이 있다면 제안해주세요
  • 지인분들께도 공유해주시면 감사하겠습니다
  • SNS에 작품을 공유해주시면 다른 사용자분들께도 도움이 됩니다

기술적 세부사항

관심 있으신 분들을 위해 간단히 기술 스택도 소개해드립니다:

  • 프론트엔드: Next.js 15 + TypeScript
  • UI: Tailwind CSS + Shadcn UI
  • 다국어 지원: next-intl (한국어, 영어, 중국어, 일본어 지원)
  • AI 모델: Qwen Image Edit (Alibaba Cloud)
  • 호스팅: Vercel

향후 계획

사용자분들의 피드백을 바탕으로 지속적으로 개선해나갈 예정입니다:

  • 더 많은 아트 스타일 추가
  • 처리 속도 최적화
  • 모바일 사용성 개선
  • 고해상도 결과물 지원

마무리

기술은 사람들의 삶을 풍요롭게 만들기 위해 존재한다고 믿습니다. 이 작은 프로젝트가 여러분의 창의성에 조금이라도 도움이 된다면, 만든 보람이 있을 것 같습니다.

사진을 그림으로 변환해서 새로운 표현의 가능성을 함께 탐험해보시지 않겠어요?

Picture to Drawing: https://picturetodrawing.ai

여러분의 멋진 작품들을 기대하고 있겠습니다!

피드백이나 궁금한 점이 있으시면 언제든지 편하게 연락주세요. 감사합니다!

연락처

이 글은 2025년 1월에 작성되었습니다. 사이트는 지속적으로 개선되고 있어 현재 기능과 다소 차이가 있을 수 있습니다.

]]> <![CDATA[AI로 아름다운 UI 디자인하는 방법]]> https://velog.io/@void_sky/AI%EB%A1%9C-%EC%95%84%EB%A6%84%EB%8B%A4%EC%9A%B4-UI-%EB%94%94%EC%9E%90%EC%9D%B8%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95 https://velog.io/@void_sky/AI%EB%A1%9C-%EC%95%84%EB%A6%84%EB%8B%A4%EC%9A%B4-UI-%EB%94%94%EC%9E%90%EC%9D%B8%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95 Tue, 15 Apr 2025 07:00:36 GMT 최근 AI를 활용해 프로젝트를 개발하면서 재미있는 경험을 했습니다. 기능적인 요구사항은 AI에게 명확하게 전달할 수 있었지만, UI 디자인을 설명할 때마다 어려움을 겪었어요. "예쁘게 만들어줘", "디자인스러운 느낌으로" 같은 모호한 표현만 사용하다 보니 결과물도 그다지 만족스럽지 않았습니다.

이런 고민을 하던 중 우연히 대기업에서 일하는 시니어 UX 디자이너분께 조언을 구할 기회가 있었는데요. 그분의 이야기를 듣고 놀라운 사실을 알게 되었습니다. 현대 UI 디자인에는 각각의 특징적인 스타일과 디자인 시스템이 있어서, 이러한 전문 용어들을 프롬프트에 정확하게 활용하면 AI가 만드는 UI의 품질이 크게 향상된다는 것이었죠.

핵심 발견

디자이너분의 조언을 따라 구체적인 디자인 스타일 키워드를 활용해보니 정말 놀라운 변화가 있었습니다. 예를 들면 다음과 같은 키워드들이에요:

  • Microsoft Fluent Design: 마이크로소프트의 현대적 디자인 언어로, 빛과 깊이감, 모션을 강조
  • 미니멀리스트 스타일: 여백과 계층 구조를 중시하는 미니멀한 디자인
  • Material Design: 구글의 디자인 언어로, 실제 재료의 특성과 자연스러운 애니메이션을 강조
  • 뉴모피즘: 부드러운 그림자와 입체감이 특징인 새로운 디자인 트렌드

이러한 전문적인 디자인 용어를 활용하니 AI가 만드는 UI가 훨씬 더 세련되고 아름다워졌습니다.

실전 팁

경험을 통해 알게 된 AI로 멋진 UI를 만드는 핵심 포인트를 공유드립니다:

  1. 디자인 스타일 명확히 하기: 구체적인 디자인 시스템이나 스타일 선택하기
  2. 세부 요소 설명하기: 컬러 스킴, 여백, 그림자 효과 등 구체적으로 명시
  3. 참고 사례 활용하기: 잘 알려진 서비스의 디자인 특징을 레퍼런스로 활용

새로운 프로젝트 소개

이러한 경험을 바탕으로 UI Prompt Explorer라는 도구를 개발하게 되었습니다. AI가 생성한 우수한 UI 작품들과 그에 해당하는 프롬프트를 한눈에 볼 수 있는 플랫폼인데요.

  • UI Prompt Gallery에서 다양한 스타일의 AI 생성 인터페이스를 둘러보실 수 있습니다
  • 상세한 생성 프롬프트를 확인하실 수 있어요
  • 원하는 스타일의 프롬프트를 바로 가져다 쓸 수 있습니다
  • 이 웹사이트에서 직접 UI를 생성하거나, 프롬프트를 수정해서 Claude, Cursor, DeepSeek, Bolt 등 다양한 AI 도구에서 활용하실 수 있습니다

이 도구가 많은 개발자분들께 도움이 되었으면 좋겠습니다. 좋은 디자인이 기술 혁신의 걸림돌이 되어서는 안 되니까요. AI 기술은 빠르게 발전하고 있지만, 좋은 결과물을 얻기 위해서는 우리가 AI와 "대화하는 방법"을 잘 알아야 합니다.

여러분의 AI 개발 여정에 이 경험이 조금이나마 도움이 되었기를 바랍니다.

]]>