무료 포토샵 포토피아#2. 멋진 템플릿 수정하기

"무료 포토샵 포토피아 #1 소개 & 시작 & 한글 설정" 을 시작으로 연재하는 게시글입니다

https://itadventure.tistory.com/448

무료 포토샵 포토피아#1. 소개 & 시작 & 한글 설정

 

1. 템플릿이 뭔가요?

 

온라인 포토샵이라 불리는 포토피아에는 많은 템플릿들이 있는데요.
포토피아에서 템플릿이란 어느정도 그림과 글씨 등이 어울어져 완성된 디자인(Design)을 의미합니다.

백지에서부터 시작하여 디자인을 시작하는 방법도 있지만,
어느정도 완성된 템플릿을 편집하여 첫걸음을 내디딘다면 포토피아의 사용이 한결 수월해지실 거예요.

 

2. 템플릿 열어 보기

 

먼저 포토피아 웹페이지에 접속합니다.
URL은 아래와 같으며 영문 메뉴를 한글 메뉴로 변경하는 방법은 첫번째 이야기를 참조해 주세요.

https://www.photopea.com/

 

파일 - 새로 만들기 메뉴를 선택합니다.

 

많은 템플릿들이 보여지실 텐데요. 왼쪽 화면에서 템플릿의 크기를 먼저 선택하세요.
이를테면 Youtube Profile 크기인 경우 정사각형 모양의 디자인 결과물이 나옵니다.

 

그리고 우측화면에서 마음에 드는 템플릿을 선택해주시면 됩니다.

오늘 보시는 이 템플릿은 내일이면 저 멀리 밀려 보이지 않으니 마음에 드시는 것으로 골라 주시되,
실습을 위해 문구가 2가지 이상 들어 있는 걸로 선택해 주세요,

 

화면에 아래와 같은 결과 화면이 보여지실 겁니다.
이제 이 템플릿을 내가 원하는 대로 편집해주시면 됩니다.

 

2. 템플릿 본문 변경

 

먼저 중앙에 큰 글씨 부분의 내용을 변경해 볼까요?
마우스로 텍스트를 더블클릭해주시면 되는데요..

해당 부분 본문 전체가 아래와 같이 흰색과 검은 색이 반전되어 표시될 겁니다.

 

그 상태에서 문구를 변경해 봅니다.
크레이는 요새 해외에 한류붐이 일고 있는 놀이중 한 문구를 써보도록 하겠습니다 :)

편집이 끝났다면 화면 상단의 체크 상자( √ ) 를 마우스로 선택해 주시면 됩니다.

 

아울러 글꼴도 예쁜 걸로 변경해보도록 할까요?
글꼴을 변경하실 때는 왼쪽의 텍스트 편집 아이콘을 선택해주신 다음에, 

화면 상단에 표시된 굵은 T 글자 모양의 우측의 Noto Sans KR 폰트를 다른 걸로 변경해 주시면 됩니다.

영어 폰트가 너무 많군요. 만일 한글 폰트만 목록에서 보고 싶다면,
오른쪽 언어 선택상자에서 스크롤바를 약간만 내려서,
Hangul 체크 상자를 선택하시면 되는데요. ( 어떤 폰트는 한글임에도 체크하면 안 나오는 경우가 있습니다. 요주의! )

그 아래 노출된 폰트중 마음에 드시는 걸로 선택해주시면 폰트가 변경됩니다.
( 이 때 폰트를 불러오는 시간이 약간 소요됩니다. )

위와 같은 방법으로 2번째 문구도 변경해볼까요?

2번째 문구를 더블클릭, ( 모두 선택이 안되면 3번 연달아 클릭하세요 )

그리고 문구를 변경,

 

화면 상단의 체크 상자를 클릭합니다.

 

이어서 한글폰트까지 변경하면 끝!

 

3. 본문 위치 이동하기

 

이제 글자 위치를 화면의 적당한 위치로 옮겨볼까요?
글자 위치를 옮길 때는 왼쪽의 이동 도구 아이콘 선택 후 진행해 주셔야 하는데요..

이 아이콘을 선택 후, 무궁화 꽃이 피었습니다 글씨를 클릭해서 다른 곳으로 드래그해봅시다.
엇! 그러자, 이상하게도 움직이면 술래~ 라는 글자가 따라옵니다.
분명 "무궁화 꽃이 피었습니다" 글자를 드래그했는데 말이지요.

 

그것은 포토피아의 레이어 시스템 떄문인데요.  ( 포토샵도 마찬가지입니다 )
레이어의 자세한 것은 다음 이야기에서 다루기로 하고,
각 텍스트의 위치를 옮기는 방법만 다루도록 하겠습니다.

화면 오른쪽에 보시면 '레이어'라는 부분이 보이실 텐데요.

만약 보이지 않는다면, 화면 상단의 창 - 레이어 메뉴의 체크상자가 풀려 있을테니 메뉴를 선택해 주시면 됩니다.

 

레이어 창의 아랫 부분에 보시면 앞에 T 모양의 아이콘이 붙여 있는 것이 보이실 텐데요.
이 요소들이 바로 금방 편집했던 본문요소이며 글자 레이어라고 부릅니다.
본문 앞 부분의 일부 글자가 보이기 때문에 어느게 어느건지 추측이 가능하지요.

글자의 위치를 이동하실 때는 어떤 것을 옮길 것인지를 레이어 창에서 먼저 선택 후에,
이동해 주셔야 해요.

만일 "무궁화 꽃이 피었습니다" 본문을 이동하시려면 해당 항목을 먼저 마우스로 선택해주세요.

 

그리고 이동 도구 아이콘이 선택된 상태에서, 

 

마우스로 글자를 드래그해 옮겨주시면 되지요.

이와 같이 두번째 텍스트도 위치를 옮겨줍니다.
복습할 겸,
레이어 창에서, 위치를 옮길 텍스트 레이어를 선택,

화면에서 글자를 드래그해 옮겨주시면 됩니다.

 

결과물 완성~!

 

 

4. 작업 결과 보관하기

 

이제 하나의 작품(?)을 만들었으니 잘 보관해야겠지요?

포토피아에서는 이렇게 글자 각각의 내용이 분리되어 있어 언제든지 편집이 가능한 PSD 원본 파일과,
글자와 그림을 짬뽕해서 차후에는 편집할 수 없는 일반 그림 파일로 각각 보관할 수 있는데요.

이제 막 시작하셨다면 일명 초급 디자이너인 여러분은 PSD 원본파일을 보관해주셔야 합니다.
단순한 작업이야 아주 잠깐이지만 정밀한 디자인 작업은 몇시간씩 작업이 필요한 경우도 있거든요.
그 때마다 처음부터 새로 작업을 하는 일은 없어야 할테니끼요 :)

그렇기에 평소에 PSD 원본 파일을 보관하는 습관을 들여 주셔야 합니다.

PSD 원본파일은 일반 그림 파일이 아니기 때문에,
웹사이트나 한글, 파워포인트 등의 문서에서 사용할 수가 없습니다.
그렇기에 다른데서 사용할 경우 일반 그림 파일로도 보관해 주셔야 하는데요.

보통 사진의 경우 JPG 라는 그림 파일로 보관하는 경우가 일반적입니다.

먼저 PSD 원본 파일을 보관하는 방법은 아래와 같습니다.
파일 - PSD로 저장 메뉴를 선택하고,

 

폴더를 선택하고 파일 이름을 정해주시면 되는데요.
크레이는 '문서' 폴더를 선택, '무궁화꽃이' 라는 이름으로 지어주도록 하겠습니다.

 

작업물에 대해 이렇게 이름을 지어주는 것은 한번만 진행하면 되는데요.
이 후에는 파일 - 저장 매뉴를 선택해주시면 바로 저장되며,
메뉴를 매번 열 필요 없이 단축키 Ctrl + S 키 ( Save ) 를 눌러도 바로 저장됩니다.

 

일반 이미지 파일인 JPG 파일로 저장할 경우에는 파일 - 내보내기 형식 - JPG를 선택하신 다음에,

기본값 설정을 그대로 두고 저장 버튼을 눌러주시면 되는데요.
이 때 사진의 용량을 줄이면서 약간의 품질 저하가 일어납니다.

 

사진 품질을 높게 유지하려면 먼저 품질 드래그 막대를 100%쪽으로 드래그한 다음 저장해 주세요.

JPG 파일 저장의 경우, PSD 원본파일 저장과는 다르게 바로 파일이 다운로드되므로
해당 파일을 사용해 주시면 됩니다

 

다음 스토리에서는 PSD 원본파일을 열어보는 방법과 레이어에 대해 다루어 보도록 하겠습니다:)

도움이 되셨다면 공감 버튼을!

댓글, 구독도 환영합니다 :)

---

다음 게시글

https://itadventure.tistory.com/451

레이어가 뭔가요? 포토피아에서 레이어란?