잉크스케이프에 해당되는 글18

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

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

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

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

잉크스케이프에서 레이어가 떠올랐다

가벼우면서 기능이 다양한 포토스케이프 X를 주로 티스토리, 유튜브 썸네일을 만드는 데 사용했다. 그러다 예전에 포토스케이프 3.7을 사용하다 포토스케이프 X의 모양이 달라 무엇이 다른가 하고 살펴보다가 많은 유용한 기능이 있다는 것을 알았다. 참고로 포토스케이프 3.7은 윈도우XP에서 사용했고 윈도우10에서 포토스케이프 X를 사용 중이다. 윈도우 98, Me 등 사용자는 포토스케이프 3.4 버전, 윈도우 10, 애플 맥(Mac) 사용자는 포토스케이프 X를 사용 - 포토스케이프 홈페이지 레이어가 없는 듯 사용했다 포토스케이프 3.7에서 사용하지 않아 모르지만 포토스케이프 X에 레이어까지 있는지 몰랐다. 포토스케이프 X에 큰 관심이 없었다. 레이어 기능을 사용해보니 어도비의 일러스트레이터와 비슷한 잉크스케이..

잉크스케이프에서 그레이디언트 만들기

잉크스케이프에서 채움/윤곽선을 공부하면서 그레이디언트를 대강 알았었다. 잉크스케이프를 사용할 때 지금이나 예전이나 평면 색상만을 사용해서 그레디언트는 관심이 없었다. 얼마 전에 포토스케이프X를 사용해서 그레이디언트를 만들면서 잉크스케이프로도 만들고 싶었다. 그래서 이 글을 쓰면서 자세히 알고 싶어 졌다. 내가 알고 있는 사항을 기초로 잉크스케이프에서 그레이디언트 만드는 것을 적고자 한다. 1. 아래 그림처럼 텍스트를 넣는다. 나는 선택 및 이동 도구를 사용해서 텍스트 크기를 크게 한 후 페이지 중앙에 위치시켰다. 텍스트 색은 나중에 적용된 그레이디언트에 없어지기 때문에 현재 텍스트 색은 중요하지 않다. 2. 위 그림 1번 아이콘으로 텍스트에 그레이디언트를 적용하고 편집할 것이다. 1번을 클릭한 후 아래 ..

잉크스케이프로 3D 텍스트 만들기

유튜브에서 잉크스케이프를 통해서 아래와 같은 3D 텍스트 만드는 강좌를 봤다. 3D 텍스트는 텍스트 두 개를 만든 후 베지어 도구로 텍스트 두 개를 이어 주어 3D 같은 느낌을 주었다. 참고로 아래에 사용한 글꼴은 빙그레 메로나체고 메로나체가 곡선이 없어서 나에게 편했다. 참고로 빙그레체는 여기에서 다운로드 등 정보를 여기를 클릭하면 얻을 수 있다. 그러면 아래에서 만드는 것에 대해 설명해보려 한다. 1. 빙그레 메로나체로 텍스트를 입력한 후 경로 > 개체를 경로를 선택한다. 그리고 경로 > 분리를 선택하고 경로 > 합을 선택하여 합친다. 그런 후 텍스트를 마우스 오른쪽 버튼을 누른 후 부본을 선택하여 복제한다. 그리고 선택 및 이동 도구로 복제한 텍스트를 선택한 후 텍스트를 위쪽으로 이동한 후 색을 준..

잉크스케이프 네온 텍스트 세번째

아래는 유튜브에서 찾은 잉크스케이프를 사용해서 네온 텍스트를 만드는 강좌이다. 강좌는 비록 영어라도 한글 자막으로 보면 문제없이 볼 수 있을 것이라 생각한다. 강좌가 모달에 나타나게 불편하다면 모달에 나타나는 강좌 제목을 클릭하면 된다. 그러면 유튜브로 이동하여 볼 수 있다. 유튜브에서 네온 텍스트라는 검색어로 찾으니 한글 강좌가 없어서 부득이 하게 영어로 된 강좌를 소개하게 됐다. 14:57 04:37 06:30 위와 같이 유튜브가 모달에 나오는 것은 아래 글에서 적었다. 부트스트랩 3과 4를 사용하면 할 수 있으나 5는 jQuery를 사용하지 않으므로 사용할 수 없다. fancybox가 골치거리였는데 이젠 미련이 없다 이 글은 2016년 12월에 적은 글이라 이 블로그에 모달에 동영상에 나오는 것과 ..

잉크스케이프, 네온텍스트 만들기 2

저번에 이어서 네온 텍스트 만들기를 할 것이다. 이 글에서 아래 결과처럼 도려낸 네온 텍스트 만들기를 할 것이다. 파낸 텍스트에 네온 효과를 주려고 한다. 항상 네온 텍스트가 오픈된 텍스트에만 적용되라는 법이 없다. 필터 사용 가장 간단한 방법으로 필터 > 그림자와 빛남 > 도려내기 발광을 사용하면 간단히 아래처럼 텍스트에 네온 효과를 줄 수 있다. 단지 잉크스케이프에 텍스트만 입력할 수 있으면 된다. 그런데 필터를 사용할 때 네온으로 빛나는 색인 발광하는 색은 텍스트와 동일한 색이 적용된다. 만약 텍스트 색이 빨간색이면 발광으로 빛나는 색도 빨간색이다. 하지만 색이 퍼지는 범위가 적어서 그런지 그 색을 파악할 수 없다. 위 그림에서 빛나는 색이 빨강과 핑크인지 바로 알 수 없을 것 같다. 아래에서 적을..

잉크스케이프, 네온텍스트 만들기 12

이 글에서 잉크스케이프에서 아래 그림과 같은 네온 텍스트를 만드는 것에 대해 적으려 한다. 아래 그림이 잉크스케이프에 있는 어둠과 빛남 필터를 사용하여 간단히 만든 네온 텍스트다. 유튜브 강좌를 보니 어렵게 하는 것을 봤는데 나는 간단히 어둠과 빛남 필터로 만들고 싶다. 그렇다고 텍스트를 하나 달랑 입력 후 어둠과 빛남 필터만 적용할 예정이 아니다. 따라 하기 1. 텍스트를 넣는다. 나는 글꼴은 빙그레체2를 사용했고 색은 연두색으로 했다. 그런 후 선택 및 이동 도구로 텍스트를 선택해 중앙에 위치시켰다. 참고로 빙그레체2를 포함하여 빙그레 메로나체, 빙그레 싸만코체 등 5개 다운로드 및 저작권 등은 여기를 클릭하면 된다. 잉크스케이프에서는 아래 그림을 보듯이 한글 글꼴 이름이 영문으로 나와 불편하다. 2..

노드편집으로 글에 입힌 텍스처 이동

텍스트에서 패턴으로 텍스트에 색을 입히면 원하는 부분을 정확히 위치시키기 어렵다. 아래에서 적었던 방법으로 색을 입히는 것이 나름 좋다. 왜냐하면 해보면 알겠지만 텍스트를 이동하여 텍스트에 색을 입히기 때문에 정확히 입힐 수 있다. 텍스트에 사진 오버레이 포토샵과 비슷한 김프에서 했던 그림자, 오려내기, 테두리 등 효과를 일러스트레이터와 비슷한 잉크스케이프에서도 그런 효과를 하는 법에 대해 알고 싶어진다. 이번에는 아래와 같이 텍스트에 min-blog.tistory.com 패턴으로 텍스트에 색 입히는 것도 불가능한 것은 아니다. 잉크스케이프의 노드를 사용하면 텍스트에 입힐 사진(텍스처 등)을 회전, 크기, 이동을 조정하여 할 수 있다. 우선 텍스트를 선택한 후 경로 > 개체를 경로로를 클릭하여 경로를 변..

잉크스케이프로 도려내기 두 번째

예전에 잉크스케이프로 텍스트에 사진 그대로 입힐 수 있다고 적었다. 텍스트에 사진 오버레이 포토샵과 비슷한 김프에서 했던 그림자, 오려내기, 테두리 등 효과를 일러스트레이터와 비슷한 잉크스케이프에서도 그런 효과를 하는 법에 대해 알고 싶어진다. 이번에는 아래와 같이 텍스트에 min-blog.tistory.com 그리고 아랫글에서 텍스트에 파 낸 것 같은 효과를 물방울 그림자(Drop Shadow) 필터를 이용하면 쉽게 구현할 수 있다고 했다. 잉크스케이프에서 파내기 즉, 도려내기 효과 잉크스케이프에서 필터로 파내는 효과를 만드는 방법은 두 가지 방법이 있다. 첫 번째는 물방울 그림자를 이용할 수도 있고 두 번째는 도려내기 발광이라는 필터를 이용할 수 있다. 아래 그림처 min-blog.tistory.co..

잉크스케이프에서 파내기, 도려내기 첫번째

잉크스케이프에서 필터로 파내는 효과를 만드는 방법은 두 가지 방법이 있다. 첫 번째는 물방울 그림자를 이용할 수도 있고 두 번째는 도려내기 발광이라는 필터를 이용할 수 있다. 아래 그림처럼 물방울 그림자 필터를 사용하면 도려내기만 할 뿐 그림자까지 추가하지 않는다. 만약 그림자까지 추가하고자 한다면 물방울 그림자를 한번 더 사용해야 한다. 하지만 도려내기 발광을 하면 도려내기를 하면서 텍스트와 동일한 색으로 그림자까지 추가한다. 내 생각에 그림자를 추가함으로써 발광 효과를 주는 것 같다. 아래 두 번째 그림처럼 그림자 부분을 확대해 보면 알겠지만 텍스트 색과 일치한다. 텍스트 색을 변경하면 그림자 색도 변경된다. 그림자 색을 수정하려고 해도 수정할 수가 없다. 그림자 색은 정해져 있다. 그림자 색은 텍스..

필터로 그림자 만들기

아래 글에서 필터를 이용하지 않고 그림자를 만들었다. 하지만 필터를 그림자 만드는 법을 몰라 그런 것이지 알았다면 그림자를 고생해서 다른 방법으로 만들지 않았을 것이다. 잉크스케이프로 그림자 만들기 잉크스케이프로 필터를 사용하지 않고 아래 그림처럼 텍스트에 그림자를 만드는 것이다. 필터를 사용하지 ... blog.naver.com 처음 나는 잉크스케이프에 그림자 만들기 필터가 없는 줄 알았다. 왜냐하면 아래에서 적지만 Drop Shadow를 물방울 그림자라 했기 때문에 아닌 것으로 알았다. 영문 동영상 강좌를 보면서 물방울 그림자가 그림자 넣기라는 사실을 알았다. 그래서 이 글에서 필터로 그림자 넣기에 대해서 적으려 한다. 내 생각에 필터로 그림자 넣기가 윗글에서 다룬 것보다 쉽다. 윗글의 방식도 쉽지만..

잉크스케이프로 자르기

이 글은 아래와 같이 잉크스케이프에 텍스트를 자르는 것에 대한 것이다. 아래와 같은 이미지를 만드는 것은 강좌를 이해하면 강좌를 보지 않고도 만들 수 있으나 이해하지 못하면 굉장히 어렵다. 아래와 같이 만드는 것은 아래 글에서 적었으니 참조했으면 한다. 이미지를 만드는 것은 이해하면 쉬우니 먼저 이해하고 강좌를 보기 바란다. 잉크스케이프로 텍스트 잘라 분리 잉크스케이프로 텍스트 분리는 경로의 차와 교차를 이용할 것이다. 이것은 유튜브 강좌에서 배웠는데 강좌... blog.naver.com 강좌 이해에 대해 설명하면 아래와 같다. 1. 위 텍스트로 설명하면 텍스트에 베지어를 사용하여 만든 도형을 사용하여 텍스트를 자른다. 2. 위 아래로 자르는 것이니 똑같은 텍스트 두 개가 필요하다. 즉, 위로 잘리는 텍..

텍스트에 사진 오버레이

포토샵과 비슷한 김프에서 했던 그림자, 오려내기, 테두리 등 효과를 일러스트레이터와 비슷한 잉크스케이프에서도 그런 효과를 하는 법에 대해 알고 싶어진다. 이번에는 아래와 같이 텍스트에 텍스처를 오버레이하는 것이다. 텍스트에 아래 사진을 오버레이해서 위 텍스트 색으로 하고 싶었다. 즉, 텍스트 위에 아래 사진을 깔고 싶었다. 김프에서 했던 방식을 잉크스케이프에서 따라 하고 싶었으나 하지 못했다. 왜냐하면 레이어 고정 등 방식이 달랐기 때문이다. 여러 잉크스케이프 강좌를 보니 잉크스케이프에서 레이어를 거의 사용하지 않는 것 같다. 그건 그렇고 잉크스케이프에서 텍스트 오버레이에 대한 강좌를 유튜브에서 찾아 알 수 있었다. 비록 영어로 된 강좌였지만 한글 자막을 통하면 100% 아니라도 어느 정도 이해할 수 있..

잉크스케이프로 원으로 배치

김프를 사용해서 아래 그림 첫번째처럼 영문으로 원으로 텍스트를 배치하는 것을 했었다. 잉크스케이프를 사용해서도 하고 싶었다. 잉크스케이프를 사용해서 아래 그림 두 번째처럼 만들었고 잉크스케이프를 사용하면 김프보다 더 쉽다는 것을 알았다. 잉크스케이프에서 원을 그릴 줄 알면 되고 메뉴에서 텍스트를 원에 놓는 명령만 클릭하면 되는 것이었다. 아래는 김프(Gimp)에서 텍스트를 원으로 배열하는 것에 대한 글이다. 참고로 김프는 개인, 공공기관, 기업 등 무료로 사용할 수 있는 그래픽 프로그램이고 어도비 포토샵과 유사하다고 생각하면 된다. 김프 원형태로 텍스트 배치 아래 그림과 같이 김프를 사용해서 원형태로 텍스트 배치하는 것을 만드는 것이다. 아래와 같이 하는 것을 유튜브 강좌를 보면서 배웠다. 김프의 경로 ..

잉크스케이프 입문

개인과 기업 등에 무료인 일러스트 프로그램인 잉크스케이프를 접했다. 포토샵, 김프 등 래스터 프로그램을 사용할 때 항상 인터넷에서 사용할 새 이미지를 만들 경우 픽셀 단위로 크기를 만든 후 시작했다. 그런데 벡터 프로그램인 잉크스케이프는 그렇게 하지 않아 낯설었다. 잉크스케이프를 설치하고 실행했더니 크기나 단위 등을 지정하지 않고 시작하는 것이었다. 참고로 아래 그림은 포토샵과 비슷한 래스터 프로그램인 김프에서 새 이미지 만들기다. 시작 시 크기와 단위를 지정한다. 포토샵, 김프 등 래스터 프로그램을 사용해서 그런지 몰라도 크기와 단위를 지정하지 않고 시작하니 낯설었다. 벡터 프로그램은 알기로 이미지를 확대해도 계단 모양의 픽셀이 보이지 않는다고 알고 있다. 그래서 크기와 단위를 지정하지 않고 작업하는 ..

무료 일러스트 프로그램,잉크스케이프

어도비에 일러스트 프로그램으로 일러스트레이터(Illustrator)가 있다. 일러스트레이터와 비교되는 개인 및 기업 등에서 무료로 사용할 수 있는 프로그램으로 잉크스케이프가 있다. 내가 잉크스케이프를 사용하지 않았지만 짐작하기에 무료로 사용할 수 있으니 현재까지 최고 장점은 무료라는 점일 것 같다. 래스터와 벡터 그래픽 프로그램 내가 알기로 포토샵, 김프 등과 같은 레스터 그래픽 프로그램은 확대하면 바둑판 모양의 사각형이 나타난다. 일러스트레이트, 잉크스케이프 등 벡터 그래픽 프로그램을 사용하면 1000배 이상을 확대해도 화면에 바둑판 모양이 사각형이 나타나지 않고 깨지지 않는다고 알고 있다. 벡터 그래픽 프로그램은 위키백과를 정의를 보면 점단위가 아닌 수학계산을 통해 그림을 구성하는 방식의 그래픽 소프..

확대할 때 SVG이미지는 변화가 없다.

텍스트, 앱(프로그램) 등 크기설정을 100%가 아닌 150%로 설정하면서 텍스트 및 프로그램 등이 희미하게 보이는 경우가 많다. 50% 확대했으니 희미하게 보이는 것은 이상한 것이 아니다. 확대해도 이미지가 희미하지 않고 원본으로 보이는 이미지 파일형식은 SVG라 알고 있다. SVG 파일에 대해 위키백과에서 아래와 같이 정의하고 있다. 스케일러블 벡터 그래픽스(Scalable Vector Graphics, SVG)는 2차원 벡터 그래픽을 표현하기 위한 XML 기반의 파일 형식으로, 1999년 W3C(World Wide eb Consortium)의 주도하에 개발된 오픈 표준의 벡터 그래픽 파일 형식이다. - 출처 : 위키백과 위키백과 SVG 설명에 이미지를 확대나 축소하면 변하지 않는다는 부분을 찾고 싶..

About. 티스토리를 포함하여 다양한 블로그, 모바일 앱, 웹, 웹 앱, 프로그램, 브라우저 등 도움이 될만한 유용한 정보를 적고 있다. 그런데 티스토리를 오래 해서 이제는 쓸 것이 마땅하지 않다. 중복되는 내용도 많아 짜증 날 것이며 나도 그 글을 볼 때 짜증 난다.
Today : / Yesterday : / Total :
전체 방문자 수 명은 2010.02.17.부터 누적된 방문자 수입니다.