'IT.인터넷.생활 관련/그래픽' 카테고리의 글 목록::백.전.백.승.

IT.인터넷.생활 관련/그래픽에 해당되는 글96건

흩날리거나 흐르는 사진 애니메이션

예전에 포토디렉터라는 그래픽 프로그램을 리뷰하다가 정적인 사진을 동영상으로 만드는 법을 알았다. 예로 아래 여성 사진에서 머리카락이 흩날리게 하는 애니메이션이다. 이 프로그램인 경우 윈도우와 맥용은 있지만 리눅스 용이 없다는 것이 아쉬웠다. 왜냐하면 내가 리눅스를 사용하므로... 참고로 포토디렉터에 아래 애니메이션 외에 다양한 애니메이션이 있다. 한동안 사용하지 않아 잊었는데 포토디렉터의 애니메이션은 라이브를 클릭하면 있다. 라이브에서 애니메이션이 있어서 다양한 애니메이션을 구현할 수 있다. 아래 예는 내가 시간을 들이지 않아서 정교하지 않다. 유료 프로그램인 포토샵을 사용하면 간단하게 구현할 수 있지만 포토샵은 유료이면서 리눅스 버전은 없다. 하는 수없이 포토디렉터 모바일 앱처럼 모바일 앱에서 찾아야만..

2023.11.28

사진을 만화스타일로 만들기

AI 애니메이션이라 하니 대단한 것인 것처럼 보인다. 문구에 AI가 들어가면 대단한 기능처럼 느껴진다. 직접 해보니 별 것 아니라는 것을 알았다. 거기 설명으로 AI 애니메이션 제작기로 독특하면서 놀라운 애니메이션 아트워크 제작할 수 있고 다양한 용도의 애니메이션 캐릭터와 일러스트를 손쉽게 만들 수 있다고 한다. 여기에서 사용할 온라인 에디터는 https://myedit.online/kr/photo-editor 나는 애니메이션이라고 하니 움직이는 이미지인 GIF 애니메이션 등을 생각했다. 하지만 그것이 아니라 출력을 JPG로 하는 것을 보고 만화 스타일로 변경하는 것이었다. 그래픽 필터에서 인물 사진 등을 만화 스타일로 변경하는 것을 생각하면 될 것이다. 아래 그림을 보듯이 사진이 다양한 만화 스타일로 ..

2023.11.21

김프,사각형,원,별 등 도형그리기

도형 작업을 별로 하지 않는지라 도형을 쉽게 그릴 수 있다고 생각한 그래픽 프로그램은 잉크스케이프였다. 왜냐하면 벡터 그래픽 프로그램인 잉크스케이프는 그럴 것이다 추측했다. 레스터 그래픽 프로그램은 어떨까 하고 살펴봤다. 먼저 크롬 등 웹브라우저로 사용할 수 있는 온라인 그래픽 편집기이면서 레스터 그래픽 편집기인 Pixlr를 다루면서 거기에서도 쉽게 도형을 만들 수 있었다. Pixlr를 다루면서 내가 리눅스 민트에서 가장 많이 사용하는 김프도 간단히 도형을 만들 수 있는 도구가 있을 것 같았다. 그리고 가장 궁금해 알고 싶어 김프를 실행한 후 찾았지만 도형을 만드는 기능을 바로 찾을 수 없었다. 없다는 생각으로 혹시나 하여 다른 방식으로 도형을 만들 수 있을까 하는 기대로 접근했더니 가능했다. 아래 두 ..

2023.09.26

XCF 템플릿이 없구나!

아래 그림은 무료로 다운로드할 수 있는 텍스트 효과 PSD 템플릿으로 이것을 이용하면 쉽게 포토샵 전문가의 손을 거친 것 같은 텍스트를 만들 수 있다. 알고 있듯이 PSD 파일 형식은 포토샵의 레이어, 효과 등 포함하는 파일이다. PSD 파일을 이용하면 멋진 그래픽을 쉽게 만들 수 있다는 생각이 들어 리눅스의 포토샵이라고 할 수 있는 김프(Gimp)를 생각했다. 크롬 등 브라우저만 필요한 온라인으로 Photopea라는 그래픽 에디터를 이용하여 PSD 템플릿을 편집할 수 있다. 그런데 문제는 인터넷을 이용하는 웹 그래픽 프로그램이라서 파일 크기가 크면 속도 등에 문제가 있었다. 그래서 속도 등에 영향이 없어야 했다. 여담으로 freepik에는 무료와 유료로 제공하는 PSD를 포함하여 다양한 아이콘, 사진,..

2023.09.01

분산을 위한 효과 만들기

이 글에서 웹 그래픽 편집기를 사용하여 분산 효과를 만드는 방법을 적으려고 한다. 예전에 아래 그림과 같은 분산 효과를 위한 사진을 만들기 위해서 사이버링크의 포토디렉터 앱이 가능하다고 적었다. 그리고 어렵게 김프로도 가능하다고 적었다. 그런데 크롬, 웨일 등 브라우저를 사용하여 이용할 수 있는 온라인 그래픽 편집기인 Pixlr에서 분산 효과를 위한 기능을 제공한다는 것을 알았다. 사용 방법이 포토디렉터 앱처럼 쉽다. 아쉬운 것이 저장을 하루에 3번만에 할 수 있다는 것이다. 그러면 아래에서 분산 효과에 대해 설명하려고 한다. 1. https://pixlr.com/kr/ 홈페이지에 접속하여 간편하게 Pixlr X를 클릭한다. 참고로 옆에 보이는 편집기 Pixlr E는 기능이 많은 Pixlr보다 복잡한 에..

2023.07.19

Pixlr에서 애니메이션

이 글에서 Pixlr를 사용해서 애니메이션 만드는 것에 대해 적어보려 한다. 무료이면서 브라우저로 사용할 수 있는 온라인 그래픽 에디터에 Pixlr이라는 것이 있다. 그 에디터에 대해 이 블로그에서 여러 번 언급했고 다른 곳에서도 많이 들었을 것이다. 거기에서 제공하는 애니메이션을 사용하면 서서히 나타나거나 사라지게 하는 페이드인과 아웃, 아래에서 위로 나타나거나 사라지게 하는 효과 등 다양한 애니메이션(GIF, MP4)을 만들 수 있다. 참고로 아래는 Pixlr에서 만든 애니메이션이다. 아래에서 애니메이션 만들기에 대해 적어보려 한다. 1. Pixlr 홈페이지인 https://pixlr.com/kr/ 에 접속한 후 아래 그림을 보듯이 업그레이드된 에디터인 Pixlr E를 선택한다. 간편한 에디터인 Pi..

2023.06.21

웹에서 PSD 다루기, 템플릿

이 글에서 웹 그래픽 에디터로 포토샵 파일인 PSD 편집에 대해 적고자 한다. Photoshop Document의 약자인 PSD는 포토샵 파일 형식이라는 것을 알 것이다. 그리고 윈도우나 맥이 아닌 리눅스 용 포토샵이 없다는 것도 알 것이다. 그러면 어떤 사람은 리눅스에서 포토샵을 이용할 수 없다고 낙담할 것이다. 하지만 나는 아니다. 리눅스에서도 충분히 온라인으로 PSD를 편집할 수 있다. 리눅스에서 크롬 등 브라우저로 인터넷에서 그래픽 편집기를 이용할 수 있다면 된다. 그 인터넷 그래픽 편집기는 Photopea라는 것이다. 내가 인터넷에서 무료로 다운로드한 PSD 파일을 3가지 프로그램으로 열었다. 리눅스에서 다운로드할 수 있는 김프(Gimp)와 브라우저로 접속해 사용할 수 있는 온라인 그래픽 편집기..

2023.05.11

webp 애니메이션을 사용하는 이유

이 글에서 내가 왜 WebP 애니메이션을 사용하는 이유에 대해 적으려 한다. 내가 GIF 애니메이션도 알고 있지만 WebP 애니메이션를 자주 다루는 이유가 파일 크기때문이다. 아래 그림과 같이 티스토리에서 이미지 파일은 20MB 크기 제한있다. 제한으로 GIF 애니메이션을 업로드할 수 없는 경우 WebP 애니메이션을 사용한다. 참고로 아래 그림에서 왼쪽은 티스토리고 오른쪽은 네이버 블로그이다. 모두 20MB가 최대치라는 것을 알 수 있다. 화장실에서 생각나 적는데 작년 1월 네이버 블로그 및 아래에서 설명할 워드프레스에서 WebP 파일 형식을 지원하지 않았다. 하지만 지금은 지원한다. 아래 원본 동영상인 MP4를 GIF 애니메이션으로 변환했더니 78.5MB 크기가 나왔다. 이 크기는 20MB 제한에 걸려..

2023.03.24

온라인, 래스터 및 벡터 그래픽 편집기

이 글에서 인터넷으로 접속해 사용할 수 있는 그래픽 편집 프로그램에 대해 적으려고 한다. 그래픽 편집기에 래스터 그래픽 편집기와 벡터 그래픽 편집기로 나눈다. 래스터나 벡터라는 말은 어려우니 윈도우에서 익숙한 그래픽 편집기로 설명하면 래스터 그래픽 편집기는 포토샵이고 벡터 그래픽 편집기는 일러스트레이터다. 즉, 그림을 전문적으로 그리는 프로그램을 벡터 그래픽 프로그램이다. 많은 사람들이 사용하는 간단한 포토스케이트 등 그래픽 편집기는 래스터 그래픽 편집기라 보면 된다. 간단히 사용할 수 있는 벡터 그래픽 편집기를 다른 사람은 모르겠지만 나는 보지 못했다. 내가 윈도우가 아닌 리눅스 민트를 사용하니 거기에서 사용하는 대표적인 래스터 및 벡터 그래픽 편집기는 각각 김프와 잉크스케이프가 있다. 김프와 잉크스케..

2023.01.21

글꼴을 변경할 수 없어 나에겐 별로였다.

무료로 제공하는 온라인 그래픽 에디터인 Pixlr를 살펴보다가 아래 그림을 보듯 Photomash Studio라는 것을 제공한다는 것을 알게 됐다. 시간을 내서 Photomash Studio를 살펴봤는데 별 것 없었다. 참고로 온라인에서 사용할 그래픽 에디터가 필요하다면 Pixlr에 접속해서 아래 그림에 나온 Pixlr X나 Pixlr E를 무료로 사용할 수 있다. 사람들은 이 에디터를 보통 온라인 포토샵이라고 한다. 거기 설명에 클릭 한 번으로 고품질의 시각적 자산을 무료로 만드십시오! 원클릭 비주얼 생성기 Photomash Studio는 사진에서 배경을 즉시 제거하여 놀라운 프로필 사진, 제품 이미지, Youtube 썸네일 등을 만듭니다.라고 한다. 잠깐 살펴봤고 사용법은 간단했다. 그냥 아래 첫 번..

2022.10.06

잉크스케이프에서 다양한 파일형식으로 저장

오랜만에 잉크스케이프에 대한 글을 발행하는 것 같다. 관리를 보니 잉크스케이프에 대해 적은 글을 지난 3월에 적었었다. 윈도우에서 어도비의 일러스트레이터와 비슷한 잉크스케이프가 기능 등이 많은데 내가 사용할 일이 없어 아쉽다. 그건 그렇고 이 글을 쓰는 시점을 기준으로 잉크스케이프 버전 1.2를 사용하고 있다. 전에 잉크스케이프 0.9~1.1 버전까지 설치했었다. 전에 비트맵(JPG, PNG 등)으로 내보내기 할 때 내가 알기로 PNG 파일 형식만 지원했는데 버전 1.2에서 보니 PNG를 포함 JPG, TIFF, WebP도 지원한다는 것을 알았다. 비트맵은 컴퓨터 분야에서 디지털 이미지를 저장하는 데 쓰이는 이미지 파일 포맷 또는 메모리 저장 방식의 한 형태이다. 보다 일반적으로는 래스터 그래픽스(점방식..

2022.09.22

3가지 웹 그래픽 편집기

웹에 그래픽 편집기에 shutterstock editor라는 온라인 에디터가 있다. 이 에디터를 이용하면 크롬, 웨일 등 브라우저를 사용하여 png, jpg 등 이미지(사진)를 편집할 수 있다. 아래 그림에 나온 것은 shutterstock editor로 shutterstock 홈페이지 도구에 있다. 그리고 무료 온라인 그래픽 편집기이므로 회원가입 없이 무료로 이용할 수 있다. 하지만 이미지(사진)를 업로드 및 다운로드하려면 shutterstock에 회원가입을 해야 한다. 회원가입 없이 shutterstock editor를 이용한다면 업로드할 수 없으므로 shutterstock editor를 하드디스크 등에서 업로드할 수 없다. 아래 그림은 로그인했더니 업로드 버튼이 나왔다. 참고로 shutterstoc..

2022.07.30

김프에서 고급기능을 익힐 수 없어 안타까웠다.

리눅스에 포토샵을 설치할 수 없어 포토샵처럼 기능이 많다고 하는 김프를 설치한다. 리눅스에서 김프 설치는 필수라고 볼 수 있다. 김프의 기능을 알고 싶다면 리눅스만 아니라 윈도 버전도 있으니 윈도에서 무료로 설치해 사용할 수 있다. 그래픽 전문가의 글을 읽으니 김프의 기능은 포토샵과 비슷하다는 글을 읽었다. 포토샵이 약간 뛰어나지만 김프보다 월등하지는 않다는 글이었다. 김프를 사랑하는 사람은 리눅스의 김프를 윈도우나 맥에서 접할 수 있는 어도비의 포토샵과 비교한다. 내가 이런 김프(Gimp)를 리눅스 민트에서 설치해 사용한다. 기능이 많다고 하지만 사용법은 썸네일, 아주 간단한 캡처 등 간단한 작업을 위해 사용한다. 윈도우에서도 김프를 사용했는데 그때는 썸네일이나 캡처를 위해 사용한 경험은 없다. 윈도우..

2022.07.08

김프에서 몰핑 애니메이션

그래픽 프로그램인 김프에서 몰핑 효과를 만드는 것에 대해 적으려고 한다. 여기에 설치한 김프는 리눅스 민트에 설치한 프로그램이다. 아래 그림을 보듯 김프(Gimp)는 윈도우에도 무료로 설치할 수 있다. 그리고 윈도우와 리눅스 버전을 사용할 때 기능 등 차이가 없다. 그러니 윈도우 운영체제 사용자가 이 글을 봐도 문제가 없다. 플러그인 다운로드 몰핑에 사용되는 플러그인을 https://www.gap-system.org/Releases/4.11.1.html에서 다운로드할 수 있다. 거기에서 지원하는 운영체제는 리눅스, 맥, 윈도우가 있는데 나는 민트에 기본적으로 설치되는 소프트웨어 매니저가 편해 거기에서 설치했다. 만약 윈도우라면 다운로드 페이지의 Windows 부분 아래쪽에 있는 gap-4.11.1.exe..

2022.05.18

SVG 만들기

이 글에서 SVG를 만들 수 있는 그래픽 프로그램에 대해 적고자 한다. SVG는 GIF, JPG, PNG 등과 같은 이미지 파일이다. 아래를 보듯 SVG는 그래픽 프로그램으로도 만들 수 있지만 HTML을 사용해서도 만들 수 있다. HTML 태그에 SVG가 있는데 어려워서 개인적으로 만들지 못했고 다른 사람이 만든 것을 퍼왔다. 참고로 아래는 온라인 코드 편집기인 코드펜(CodePen)이라는 것이다. See the Pen SVG Loading icons by Aurer (@aurer) on CodePen. 삼각형, 사각형 등 간단한 모양은 코딩으로 SGV를 만드는 것을 봤는데 일러스트레이트 등 복잡한 것은 일러스트레이터, 잉크스케이프 등 벡터 그래픽 프로그램으로 만드는 것을 봤다. 사진을 텍스트 프로그램으..

2022.03.16

웹에서 배경 삭제

사람 등의 포함된 사진에 배경을 삭제하기 위한 웹사이트로 https://www.remove.bg/ko를 알았었다. 알고 있듯이 거기에서 배경을 제거하면 아주 뛰어난 결과물을 얻을 수 있다. 하지만 원본을 받으려면 유료라는 것을 알 것이다. 50번 다운로드가 무료인 경우 낮은 해상도를 다운로드해야 한다. 원본을 다운로드하는 것은 무료가 아니라 유료다. 1. 무료와 유료 서비스 만약 1280 × 797 해상도의 사진 배경을 투명으로 한다면 무료로 다운로드할 수 있는 파일은 오른쪽 633 × 394 해상도가 된다. 배경은 흰색이 아니라 투명이다. 아래를 보면 같은 크기인 것 같은데 다운로드하면 다르다는 것을 알 수 있다. 아래 그림은 가격이고 원본을 다운로드하는 가격이다. 원본은 일반적으로 거기에서 통용하는 ..

2022.03.03

포토디렉터의 사진 및 분산

포토디렉터 모바일 앱에서 사진을 제공한다. 만약 유료로 사용한다면 shutterstock과 iStock의 사진도 이용할 수 있다. 포토디렉터 앱에서 무료로 사진을 사용하고 싶다면 아래 그림의 이미지 소스에서 Unsplash에 나타나는 사진을 사용해야 한다. 알고 있듯이 Unsplash는 질 좋은 무료 사진을 많이 구할 수 있다. 참고로 나는 Unsplash보다 한글을 지원하는 Pixabay를 이용하는 파워디렉터 앱에서 Pixabay를 지원한다. 앱에서 이미지 소스를 제공하는 것이 별 것 아닐 수 있다. 하지만 앱에서 모든 작업을 할 수 있다는 것을 생각한다면 장점이다. 아래에서 설명할 포토디렉터에서 지원하는 분산 효과를 만들기 위한 이미지를 구하기 위해 Pixabay 등의 사이트를 방문하지 않았다. 포토..

2022.02.17

김프에서 WebP로 저장

WebP는 구글이 개발했으며 GIF, JPG, PNG 등처럼 이미지 파일이라고 여러 글에서 적었다. 또한 티스토리에서 지원하여 사진이므로 사진으로 업로드 가능하다. 그리고 프레임을 지원하므로 GIF 애니메이션이 가능하다. 아래 애니메이션은 GIF이 아닌 애니메이션 WebP다. 동영상을 애니메이션 GIF이 아닌 애니메이션 WebP로 변환했을 때 화질도 좋고 무엇보다도 크기가 아주 적게 나와 내가 자주 사용하는 그래픽 프로그램에서 WebP를 지원한다면 기본으로 하고 싶었다. 참고로 https://developers.google.com/speed/webp/gallery1에서 나온 것을 보면 JPG와 WebP 사진의 화질 차이 비교를 보면 크기에 비해 화질이 좋다는 것을 알 수 있다. 아래 그림처럼 무료 2D ..

2022.02.04

WebP 파일에 대해 알았으면 하는 점

이 글에서 WebP 파일에 대해 알았으면 하는 점을 적고자 한다. 애니메이션 지원 위키백과에서는 WebP는 손실/비손실 압축 이미지 파일을 위한 이미지 포맷이다. On2 테크놀러지스의 기술을 구매하여, 그것을 기반으로 구글이 개발하여, 2010년 9월 30일 공개했다. 영상 포맷인 VP8의 파생으로, 멀티미디어를 담는 포맷인 WebM의 자매 프로젝트라 정의한다. 그건 그렇고 내가 알기로 WebP는 GIF, PNG, JPG 등과 같이 이미지 파일이라고 알고 있다. 그리고 WebP 파일은 GIF처럼 애니메이션을 만들 수 있다. 만약 파일 크기가 크면 애니메이션 GIF을 대체할 수 있다. 아래에 두 개 애니메이션이 있는데 두 번째는 샷컷으로 동영상을 WebP 애니메이션으로 만든 것이다. 애니메이션을 크기를 보..

2022.01.20

리눅스, 잉크스케이프 한글 글꼴

처음 이 글을 작성한 설치한 리눅스 배포판은 우분투(Ubuntu)다. 하지만 현재 우분투를 제거하고 민트(Mint)를 설치해 사용 중이다. 몇 개 월 전에 작성한 글을 오늘 발행한다. 참고로 리눅스 배포판에 우분투, 민트, 레드햇, 하모니카 등 다양하다. 잉크스케이프란? 윈도 운영체제가 아닌 우분투에서 벡터 그래픽 프로그램으로 대표적으로 잉크스케이프가 있다. 리눅스에서 여러 프로그램을 사용하면서 한글이 윈도를 사용할 때와 같지 않다는 것을 알았다. 우분투에 동영상 편집 프로그램인 샷컷을 설치했지만 아직까지 자주 사용한 것은 아니지만 윈도에서 정말 자주 사용했다. 샷컷의 경우 윈도 사용할 때와 큰 차이를 느끼지 못했다. 자주 사용하면 문제점이 보일지 모른다. 하여튼 이 글에서 벡터 프로그램인 잉크스케이프에..

2022.01.10