블로그/블로거를 위한 디자인 (14)
Paper Block - 이야기가 있는 공간
[포토스케이프 X] 투명한 글씨 만드는 방법
투명한 글씨가 필요하신가요? 배경 이미지 위에 텍스트를 넣을 때, 투명한 글씨를 이용하면 꽤 특이한 느낌의 이미지를 만들어 볼 수 있습니다. 이전 글에서 포토스케이프 X의 "문자마스크" 기능을 이용해서 글씨 안에 이미지를 넣는 방법에 대해서 알아보았는데요... [포토스케이프 X] 글씨에 이미지 넣는 방법 멋진 글씨를 만들어 보고 싶으신가요? 가끔, 독특한 글씨를 만들기 위해서 단순히 색상이나 그림자를 입히는 것을 넘어서, 이미지의 느낌을 주고 싶은 경우가 있습니다. 포토샵을 사용하면 되겠 paperblock.tistory.com 비슷한 방법을 이용하면 글씨 부분만 투명한 이미지를 생성할 수 있습니다. 이번 글에서는 포토스케이프 X에서 투명한 글씨를 만드는 방법을 알아보고 다른 이미지 위에 텍스트 이미지를..
[포토스케이프 X] 글씨에 이미지 넣는 방법
멋진 글씨를 만들어 보고 싶으신가요? 가끔, 독특한 글씨를 만들기 위해서 단순히 색상이나 그림자를 입히는 것을 넘어서, 이미지의 느낌을 주고 싶은 경우가 있습니다. 포토샵을 사용하면 되겠지만, 포토스케이프 X를 사용하더라도 꽤나 괜찮은 품질의 "이미지가 들어간 글씨"를 만들어 볼 수 있습니다. 이번 글에서는 포토스케이프 X의 문자마스크 기능을 이용하여 글씨에 배경을 넣는 방법에 대해서 알아보겠습니다. 대략 아래와 같은 결과를 만들어 볼 수 있습니다. 1. 글씨에 배경 이미지를 넣는 방법 대리석 질감을 주기 위해서 배경으로 대리석 질감의 이미지를 사용해 보겠습니다. 아래의 이미지를 사용한 글자를 만들어보도록 할게요. 그럼 가장 먼저 포토스케이프를 열고 사진 편집에서 글씨에 넣을 이미지를 불러옵니다. 이미지..
[포토스케이프 X] 배경이 투명한 이미지를 새로 만드는 방법
이미지의 배경을 제거하는 것이 아닌, 처음부터 투명한 이미지를 생성하고 싶을 땐 어떻게 해야 할까요? 바로~~~ 포토스케이프 X가 해결해줍니다. 포토스케이프 X를 이용하면 매우 간단하게 투명한 이미지를 생성할 수 있습니다. 이번 글에서는 기존 이미지의 배경 제거가 아닌, 처음부터 투명한 이미지를 만드는 방법에 대해서 알아보겠습니다. 만약 기존의 이미지에서 배경을 제거하고 싶은 경우에는 아래 글을 참조하세요! [포토스케이프 X] 투명 이미지 만들기 누끼 따는 사이트 - 이미지 배경제거: remove.bg 1. 투명한 이미지 생성하기 투명한 이미지를 생성하는 방법은 매우 간단합니다. 우선 포토스케이프 X를 실행하고 사진 편집에 들어갑니다. 여기서 "새로 만들기"를 클릭합니다. 그러면 아래와 같은 팝업창이 나..
[포토스케이프 X] 이미지에 워터마크 일괄 적용하기
블로그에 포스팅을 하면서 내가 정성 들여 찍은 사진을 무단으로 가져가 버리면, 심지어 나보다 상위권으로 글이 올라온다면! 그만큼 속상한 일도 없겠죠. 그래서 사진을 직접 촬영하고 포스팅하는 분들은 워터마크를 넣는 경우가 많습니다. 그런데 한두 장도 아니고 여러 장의 이미지에 매번 워터마크를 넣어주는 것도 꽤나 귀찮은 일이 아닐 수 없습니다. 이 귀찮은 작업을 포토스케이프 X를 사용하면 한 번에 해결할 수 있습니다. 이번 글에서는 포토스케이프 X로 워터마크를 모든 이미지에 일괄 삽입하는 방법에 대해서 알아보겠습니다. 1. 일괄 편집 기능 포토스케이프 X를 실행한 후 "일괄 편집" 메뉴를 선택합니다. 그리고 상단에 워터마크를 추가할 이미지를 드래그해서 넣어줍니다. 다양한 이미지 비율을 테스트하기 위해서 세로..
누끼 따는 사이트 - 이미지 배경제거: remove.bg
누끼 따는 사이트 - remove.bg 누끼 따는 사이트를 이용해 보셨나요? 웹 작업을 하다 보면 여러 이미지를 합성하기 위해서 사진의 배경 부분을 제거하고 투명하게 변경해야 하는 경우가 있습니다. 보통 이러한 작업을 "누끼 따기"라고 부릅니다. 일본어에서 온 말이라서 공식용어는 아니지만 이쪽 업계에서는 널리 통용되는 것 같습니다. 예전에 작성한 글에서 포토스케이프 X를 이용하는 투명화 방법을 알아보았습니다. [포토스케이프 X] 투명 이미지 만들기 웹페이지에서 이미지나 로고를 사용하다 보면, 투명한 이미지가 필요할 때가 있습니다. 예를 들어 배경 위에 로고나 아이콘 등을 올리고 싶은 경우가 있는데요, 만약 로고 (혹은 아이콘)의 배경� paperblock.tistory.com 포토스케이프 X를 이용하면 ..
[포토스케이프 X] 썸네일 쉽게 만들기
요즘은 유튜브나 광고 배너 등 썸네일이 필요한 곳이 점점 늘어나고 있습니다. 이에, 미리캔버스, 망고보드, Canva 등과 같이 비 전문가도 고품질의 썸네일을 제작할 수 있는 사이트가 늘어나고 있습니다. 디자이너가 붙은 샘플을 기반으로 할 테니 아무래도 직접 하는 것보다는 퀄리티가 훨씬 좋겠죠? 하지만, 블로그와 같이 썸네일을 자주 만들어야 하는 경우라면, 매번 위 사이트에서 작업하는 것은 은근히 번거로운 일입니다. 썸네일의 중요도도 상대적으로 크지는 않으니까요. 만약, 블로그에서 사용할 비교적 단순한 형태의 썸네일을 만들려고 한다면 포토스케이프 X를 이용해서 빠른 시간 안에 괜찮은 품질의 썸네일을 생성할 수 있습니다. 이번 글에서 포토스케이프 X와 관련하여 다룰 내용은 다음과 같습니다. * 이번 편에서..
[포토스케이프] 여러 이미지 크기 한번에 조절하기
블로그와 같이 꾸준히 여러 장의 이미지를 올려야 하는 상황에서는 사진 크기를 한꺼번에 조절하고 싶은 경우가 있습니다. 몇 메가 되는 이미지를 그냥 올리시는 분도 있긴 합니다만... 아무래도 지나치게 큰 용량의 사진은 로딩 타임이나 SEO 측면에서 그다지 좋을 건 없겠죠? 포토스케이프에서는 여러 장의 이미지를 한번에 변환하기 위해서 "일괄편집"이란 이름의 기능을 지원합니다. 이번 글에서는 "일괄 편집" 기능을 이용하여 이미지의 크기를 조절하는 방법에 대해서 살펴보겠습니다. 1. 이미지 샘플 기능을 살펴보는 데 있어서 우선 변환할 이미지 샘플이 필요하겠죠? 이미지 변환 옵션에 따른 다양한 결과를 살펴보기 위해서 아래와 같은 4가지 샘플을 사용합니다. Images from Unsplash & Pexels 2개..
[포토스케이프, X] 여러장의 이미지 (사진) 한장으로 합치기
웹 페이지, 혹은 블로그를 만들다 보면 가끔 여러 장의 사진을 조합하여 한 장의 사진으로 통합하는 게 필요한 경우들이 있습니다. (합성을 하는 것이 아니라 여러 사진을 특정 모양으로 분할해서 보여주는 것을 의미합니다) 이러한 상황에서, 포토샵 같은 건 없이(!) 오로지 포토스케이프 만으로도 원하는 결과물을 얻을 수 있습니다. 포토스케이프 내에서 이 기능을 위한 명칭은 다음과 같습니다. 포토스케이프 : 페이지 포토스케이프 X : 콜라주 이번 글에서는 포토스케이프와 포토스케이프 X에서 위 기능을 사용하여 여러 사진을 통합하여 하나의 이미지를 생성하는 방법에 대해서 살펴보겠습니다. 단순히 가로, 세로, 또는 바둑판 형태로 구성하려는 경우에는 "이어붙이기" 기능을 이용하는게 더 좋습니다. 무엇을 합쳐 볼까? 아..