반응형

분류 전체보기 31

Kling AI로 모델 이미지 생성하기

우선 Kling AI 사이트에 갑니당~(:Kling AI: Next-Generation AI Creative StudioCreative Studio에서 Image Generation을 선택합니당~Image Generation 메뉴를 KOLORS 1.5 버전으로 바꿉니당~ 요게 공짜~ 먼저 모델을 만들 때 참고하는 이미지를 업로드 합니당~ 올릴 때 Face Reference를 낮춰야 참고하는 사진과 다른 이미지를 생성해 줍니당~(:그리고 만들고 싶은 모델의 이미지에 대해 영어로 프롬프트를 작성합니당~ 프롬프트는 Explore ChatGPTs에 가서 Kling Video Prompt Generator를 사용해서 사진을 올린 후 영어 프롬프트 작성을 요청하면 만들어 줍니당~ 아래에 있는 Generate 버튼을..

생성형 AI 2025.05.03

Whisk로 광고모델 이미지 생성

모델 이미지를 생성하려고 할 때 유용한 사이트가 또 있습니당~ labs google fx에 있는 Whisk라는 이미지 생성 도구인데요~(: labs.google/fx Whisk - labs.google/fxSubject와 Scence을 설정하고 프롬프트를 작성하면 모델이미지가 특정 장소에 있는 모습을 생성할 수 있습니당~만들어진 이미지는 다음과 같습니당~장소와 사람을 합치는 작업을 할 수도 있고, 사람과 물건을 합칠 수도 있습니당~Subject를 두개를 넣고 프롬프트를 작성하면 모델이 상품을 들고 있는 이미지도 생성할 수 있습니당~(:위 이미지 두개를 합쳐서 만든 모델 이미지는 다음과 같습니당~ (:모델이 들고 있는 상품 이미지가 다르게 나오면 이미지를 저장해서 포토샾에서 작업을 할 수 있지욤~ (:

생성형 AI 2025.05.03

캔버스 그리기 및 스타일링

다양한 도형 그리기const canvas = document.getElementById('myCanvas'); const ctx = canvas.getContext('2d'); // 원 그리기 ctx.beginPath(); ctx.arc(100, 100, 50, 0, 2 * Math.PI); ctx.fillStyle = 'blue'; ctx.fill(); // 사각형 그리기 ctx.beginPath(); ctx.rect(200, 50, 100, 100); ctx.strokeStyle = 'red'; ctx.lineWidth = 2; ctx.stroke(); // 삼각형 그리기 ctx.beginPath(); ctx.moveTo(300, 200); ctx.lineTo(350, 250); ctx.lineTo(..

HTML 캔버스 기본

는 HTML5에서 추가된 요소로, 그래픽을 렌더링하기 위한 영역을 제공합니다. 캔버스는 JavaScript를 사용하여 동적으로 그림을 그리고 상호작용할 수 있는 강력한 도구입니다. 의 주요 속성width: 캔버스의 가로 크기를 지정합니다.height: 캔버스의 세로 크기를 지정합니다.id: 캔버스 요소의 고유한 식별자를 설정합니다.class: CSS 스타일링을 위한 클래스를 설정합니다.style: 인라인 스타일을 적용할 수 있습니다. 의 사용법위의 코드는 가로 너비가 800 픽셀이고 세로 높이가 600 픽셀인 캔버스를 생성합니다. id 속성을 사용하여 캔버스를 JavaScript에서 참조할 수 있습니다.JavaScript에서 캔버스 사용하기캔버스를 사용하여 그래픽을 그리려면 JavaScript를 사용하..

WebGL 프로그래밍 기초

WebGL을 사용하여 그래픽을 렌더링하기 위해서는 먼저 WebGL 컨텍스트를 생성해야 합니다. 그 후에는 셰이더(Shader)를 작성하고 로드하여 그래픽을 렌더링하는 데 사용합니다. WebGL 컨텍스트 생성WebGL 컨텍스트를 생성하기 위해서는 요소를 사용합니다. 이 요소에 대한 WebGL 컨텍스트를 가져올 수 있습니다.const canvas = document.getElementById('glCanvas'); const gl = canvas.getContext('webgl'); if (!gl) {     console.error('WebGL을 초기화하는 데 문제가 발생했습니다.'); }셰이더(Shader) 작성과 로드셰이더는 GPU에서 실행되는 작은 프로그램으로, 렌더링 파이프라인의 각 단계를 정의합..

그래픽스 기본개념

좌표 시스템과 벡터, 행렬좌표 시스템: 2D 또는 3D 공간에서 위치를 나타내는 체계. 보통은 2D에서는 (x, y), 3D에서는 (x, y, z)로 표현됩니다.벡터: 크기와 방향을 가진 양. 2D 공간에서는 2개의 요소(x, y)로, 3D 공간에서는 3개의 요소(x, y, z)로 표현됩니다. 벡터는 점에서 점으로의 이동을 표현할 수 있습니다.행렬: 숫자들을 사각형으로 배열한 것으로, 벡터의 변환 및 다양한 수학적 연산을 수행하는 데 사용됩니다.삼각형 렌더링의 기본 원리그래픽스에서 가장 기본적인 도형은 삼각형입니다. 이는 임의의 다른 도형으로 변환할 수 있기 때문에 중요합니다.삼각형의 렌더링은 그 삼각형을 화면에 표시하는 과정입니다. 이는 3D 공간의 삼각형을 2D 화면에 투영하는 과정을 포함합니다.색상..

WebGL 소개

WebGL은 웹 브라우저에서 2D 및 3D 그래픽을 렌더링하기 위한 JavaScript API입니다. WebGL은 웹 플랫폼에서 고성능의 그래픽을 제공하며, OpenGL ES(Open Graphics Library for Embedded Systems)의 웹 버전으로 볼 수 있습니다. 이를 통해 웹 개발자들은 브라우저에서 직접 하드웨어 가속을 사용하여 다양한 시각적 효과와 상호작용을 구현할 수 있습니다.WebGL은 HTML5의 일부로써, 웹 브라우저에서 그래픽을 생성하고 제어하기 위한 표준이 되었습니다. 이를 통해 웹 개발자들은 웹 페이지에 실시간 3D 그래픽과 인터랙티브한 비주얼 효과를 추가할 수 있습니다. WebGL은 다양한 장점을 제공합니다.하드웨어 가속: WebGL은 GPU를 사용하여 그래픽 처리..

반응형