기본 콘텐츠로 건너뛰기

배너 이미지 만들기 - Flux 와 Compyui 로 쉽게 만들어보기

 배너 이미지는 홈 페이지의 얼굴이라고 보면 된다.

    웹사이트, 블로그, 소셜 미디어 페이지 또는 마케팅 캠페인에서 주목을 끌기 위한 시각적 요소로 사용되는 큰 직사각형(보통 1440x240) 이미지들 이다. 보통 페이지 상단에 위치하며, 특정 메시지나 브랜드를 강조하는 데 사용된다.  배너 이미지는 시각적으로 매력적이어야 하고, 간결하면서도 강력한 메시지를 전달해야 한다.
나의 블로그 배너 이미지

1. 배너 이미지의 특징

  • 크기와 형식: 배너 이미지는 사용되는 플랫폼에 따라 크기와 비율이 달라질 수 있다. 일반적으로 웹사이트용 배너는 가로가 넓고 세로가 짧은 직사각형 형태로 되어 있다. 
  • 메시지: 배너 이미지는 사용자가 한눈에 파악할 수 있는 간결한 메시지를 포함해야 한다. 주로 제품 홍보, 이벤트 공지, 웹사이트의 주요 기능 등을 강조해야 한다.
  • 시각적 요소: 이미지는 주의 깊게 선택되어야 하며, 텍스트와 잘 어울리게 배치되어야 한다. 색상, 폰트, 레이아웃 등이 브랜드의 정체성과 일치해야 한다.
  • 링크 삽입 : 배너 이미지에는 버튼이나 링크 같은 행동 유도 요소가 포함되어 있어 사용자가 클릭해 추가 정보를 얻거나, 특정 페이지로 이동하도록 유도하는 역할을 한다.   홈페이지 상단 배너인 경우 보통 홈페이지를 호출하게 링크를 삽입한다.

2. Flux 와 Comfyui 를 이용하여 쉽고 멋있는 배너 만들기

  • Flux 모델은 flux1-dev-fp8 을 사용하였다.
  • prompt :   
    Beauty u_girl,Beauty, realism, cinematic quality, chiaroscuro, rays of light, play of shadow and light, cinematic style, ((banner adv. neon display text" www.ai-softwind.kr":1.5)), gradetion background, pastel tone, korean female teacher with glasses introduce, star light, bold double line at outline, she is the right side on image,
  • Lora : 자체제작 캐릭터 Lora 사용
  • 이미지 크기는 1440x240 으로 만들었다. 

3. 배너 이미지용 Workflow

배너이미지 workflow
  • Flux 모델을 ksampler 노드에서 사용 할 때에는 cfg 값은 1.0 으로 해 주어야 한다. 
  • Clip Text Encode (Prompt) 노드는 Flux Guidence 노드를 거쳐서 ksampler로 입력해야 정상 작동한다.
  • 여기서 HiresFix 노드는 이미지를 확대할 목적보다는 사이즈는 그대로 하고 이미지 품질을 높이기 위한 목적으로 사용되었다. rescale 을 "to width/height" 로 선택하고 width 와 height 를 입력단자로 변환하여 latent image 사이즈와 동일하게 맞추어 주면 된다.
  • 다른 노드는 Flux basic workflow 와 같다고 보면 된다.

4. Workflow 결과  완성된 배너 이미지

여선생님의 이미지

고양이로 변경

AI robot 캐릭터 이미지

5. 여러가지 Promt 에 따른 배너이미지

  • Beauty,realism, cinematic quality, chiaroscuro, rays of light, play of shadow and light, cinematic style, ((banner adv. laser beam display text"Beauty Shop":1.3)), gradetion background, pastel tone, butterfly and random flower, star light, bold double line at outline

Beauty Shop
  • Beauty u_girl,Beauty, water color ink drawing , realism, cinematic quality, chiaroscuro, rays of light, play of shadow and light, cinematic style, ((text"Music Festival" on center:1.5)), gradetion background, (music scores:1.3),



Music Festival
  • realism, cinematic quality, chiaroscuro, rays of light,vibrant colors, play of shadow and light, cinematic style,a vase filled with beautiful colorful flowers,Various flowers, background features soft pastel colors and light reflections, creating a dreamy atmosphere, in the style of Konstantin Razumov,((neon text"Flower Garden" on center:1.5)), 

Flower Garden
글자에 맞는 배경을 입력하고 여러장 생성시키면 멋진 배너를 얻을 수있다.
물론 글자위치나 모양이 마음에 안들면 글자없이 만든 후 포토샵으로 보정하면 된다.

Flux 와 Comfyui 로 workflow 를 만들어 두면 , 여러가지 배너들을 크기에 맞추어 쉽고 빠르게 만들수 있다.   

Photoshop 을 잘 하는 사람들은 배너 만들기가 쉽겠지만 그렇치 못한 사람들은 이런 식으로 다양한 배너를 만들어 입맞대로 사용하면 된다. 
10월 2번재 주말도 멋지게 잘 보냅시다.

Labels:

댓글

댓글 쓰기

이 블로그의 인기 게시물

Comfyui Wildcard 사용법 - Stable Diffusion , Flux 에서 쉽게 Random Prompt 로 이미지 만들기

 Comfyui Wildcard 사용법에 대하여 알아본다. Comfyui 로 Stable Diffusion 또는 Flux 로 이미지를 만들 때 Prompt 가 이미지를 결정하는데 매우 중요한 역할을 한다.  영어가 모국어가 아닌 이상 영어로 prompt 를 만드는 것이 참 어려운 일이다. 물론 처음에는 많은 다른 사람들이 사용한 prompt 들을 모방하여 수정하고 사용하는데 이런 일을 하나하나 해 보기가 시간이 많이 걸리고 어렵다.   그래서 Random 으로 prompt 가 만들어 져서 이미지가 생성되고 그 이미지 중에서 마음에 드는 이미지들을 골라 그 이미지의 Prompt들 만을 가지고 보완하고 개선하면 더 편리하고 좋지 않을까 생각이 든다.  그런 식의 Random Prompt 생성이 가능하게 해주는 것이 wildcard 사용이다. Joker는 card game에서 wildcard 이다. 1. Wildcard 의 의미      와일드 카드(Wildcard)란 카드 게임에서 유래되었다.  이런 카드 게임에서 모든 카드의 대용으로 쓸 수 있는 비장의 카드를 와일드 카드라고 한다. 포커나 훌라를 할 때 조커가 이런 역할을 하는데 ,  이 의미가 컴퓨터와 스포츠로 확장되어 사용되는 것이다. 컴퓨터 용어로 쓰일 때는 한 디렉터리 내에 여러 파일이 존재하거나, 파일 이름의 뒷부분을 정확히 알지 못하는 경우에도 사용할 수 있는 명령어를 말합니다. '*'을 넣으면 빠진 것에 어떤 문자열이 있든지 대신할 수 있고,  '?'는 임의의 한 문자에만  대응한다. Comfyui 에서 wildcard 사용은 "--문자열--"  이런 식으로 wildcard 사용 가능한 노드에 prompt 를 입력해 주면 그 노드는 "문자열" 에  해당되는 파일을 찾아 그 파일 내용 중에서 임의의 일부분을 prompt 로 대체해 준다. 2. Wildcard 사...
댓글 쓰기
Read more »

Flux Controlnet 적용 방법 - Comfyui 에서 사용

Flux에서도 이제 Controlnet 기능을 사용할 수있다. Comfyui 에서 Stable Diffusion 과 같은 방식으로 사용 할 수 있는  controlnet 모델들이 출시 되었다. 1. Controlnet 이란 ?      ControlNet은 Stable Diffusion 과 같은 이미지 생성 모델에서 조건부 입력 을 추가하여 결과 이미지를 더 세밀하게 제어할 수 있게 한다. 예를 들어, 포즈 , 스케치 , 엣지 지도(edge map) 등을 입력으로 받아 생성된 이미지를 밑그림으로 이미지에 반영할 수 있다.  2. Flux용 Controlnet 모델     Stable Diffusion 용 Controlnet 모델들은 Canny, Depth, Hed, Scribble, Open Pose, Sketch 등 여러가지 모델들이 있는데 Flux 용 모델들은 그 중에서 Canny, Depth, Hed 3가지 종류의 모델들만 출시되었다. 각각의 적용하는 대상은 어떤 이미지를 생성 하는가에 따라 적합한 것을 사용하면 되는데 3가지 모델들이 서로 다른 듯 비슷한 기능들이 섞여 있어서 많은 시행을 해 본 후 더 적합한 모델들을 사용하기를 권한다. 3. Controlnet 적용 기본     Controlnet 의 적용은 먼저 원본 이미지가 필요하고 그것을 Controlnet 모델들이 인식할 수 있도록 바꾸어 주는 전처리기를 통과한 후 Controlnet 모델들을 선택하여 이  이미지를 적용하여 Sampler에 입력한다. 이를 간단하게 workflow 를 구성하면 다음과 같다. 기본 Controlnet Workflow 전처리기는 Controlnet 모델별로 각각 다른 전처리기를 사용하기 때문에 항상 모델에 맞는 전처리기를 사용하여야 올바른 이미지를 얻을 수 있다. 4. Controlnet 모델 과 필수Nod 다운로드 및 설치     다운로드는 huggingf...
댓글 쓰기
Read more »

Pinokio 앱 설치 - 오픈 소스 AI 플랫폼

  Pinokio 는 오픈 소스 AI 플랫폼이다. 로컬에서 AI 애플리케이션을 쉽게 설치하고 실행할 수 있게 도와주는 오픈 소스 AI 플랫폼이다. 이 플랫폼은 사용자가 복잡한 설치 과정 없이 클릭 한 번으로 AI 도구들을 설치할 수 있도록 설계되어 있다. 이를 통해 기술적인 배경 지식이 없는 초보자나 비전문가들도 쉽게 AI 애플리케이션을 사용할 수 있다.   이미 설치되어 있는 애플리케이션이 있어도 별도의 독립된 공간에서 문제없이 사용할 수 있게 해준다.   우리가 stable diffusion 을 comfyui 에서 사용하기 위해서는 "Python", "git ....", "conda"  뭔지 모르지만 설치해야 하는데 pinokio 브라우저에서 원 클릭으로 알아서 설치를 해주기 때문에  컴맹인 일반인도 쉽게 설치하고 사용 할 수 있다. pinokio.computer 1. Pinokio 주요 기능 원클릭 설치 : 복잡한 환경 설정이나 명령어 입력 없이도 다양한 AI 모델을 한 번의 클릭으로 설치할 수 있다. 예를 들어, Comfyui 나 Flux 같은 AI 도구들을 손쉽게 설치할 수 있다. 다양한 AI 애플리케이션 제공 : Pinokio는 다양한 오픈 소스 AI 애플리케이션을 제공하는 허브 역할을 하며, Pinokio 브라우저 나 홈페이지에서 쉽게 찾아 설치할 수 있다. 브라우저 기반 인터페이스 : 모든 설치된 애플리케이션은 Pinokio 웹 브라우저에서 관리할 수 있어, 친숙한 인터페이스로 쉽게 사용이 가능하다. 독립적인 가상 컴퓨터 : Pinokio는 백엔드 작업을 자동으로 처리하여, 애플리케이션이 로컬에서 실행되는 동안 인터넷에 연결되어 있지 않아도 된다. 2. Pinokio 설치 구글에서 pinokio 를 검색하여 " pinokio.computer " 를 클릭 Download 클릭 다운로드 된 pinokio 압축 파일을  푼다. pinokio 설치파일을 실행하여 설치 설치과정은 복...
댓글 쓰기
Read more »