[ 포토샵 ] 사진에 인스타그램 프레임 입히기

| 인스타그램 프레임 적용법

 

요즘 사진찍고 인스타그램 프레임을 장식한 사진들을 많이들 보실텐데요.

최근 아이유 '팔레트' 뮤비에도 나왔었죠. 뮤비를 보시면 약 1분쯤에 나오는 장면!!

 

 

(아이유 팔레트 뮤비중 캡쳐)

 

바로 요 장면입니다! 저도 이 프레임을 만들려고 하였으나,

어랏? 다른 블로거님에게서 좋은 자료를 받아 저 역시도 공유하려합니다.

받아온 자료에서 약간의 수정을 통해 조금 더 쉽게 사용하실 수 있도록 하였습니다.

 

instagram.psd

다운로드

 

우선 위 자료를 다운 받아서 

아래 내용을 순차적으로 따라해주시면 되겠습니다!

 

 

| 결과물 미리보기

 

 

 

위에 이미지를 보면 바탕에 원하는 사진을 두고, 

(저는 저희 반려견 라떼를 쓸 예정이에용 ㅎㅎ)

본인의 인스타그램 계정명과 아래 텍스트까지 수정할 수 있도록 되어 있습니다!

그리고 더 나아가 gif파일로 하트가 뿅뿅뿅 나오게 할 수 있는 파일입니다.

 

 

| 따라하기

 

일단 처음으로 첨부된 psd파일을 포토샵으로 열어주세요.

그러면 위 이미지와 같은 녀석이 오픈이 되실꺼에요~

 

일단 제 블로그에 있는 파일은 다른데서 사용중이 파일과는 다르게

폰트부분은 무료 시스템 폰트를 사용하였습니다.

(솔직히 폰트를 못구해서 ㅋㅋ 다른 비슷한 폰트로 바꿨습니다)

 

파일을 여셨다면 이제 사용할 이미지를 하나 불러와 주세요.

그냥 화면에 사진을 드레그해다가 넣어도 됩니다!

 

※ 여기서 중요한 점,

오른쪽 레이어 창을 보시면 아시겠지만 제일 밑에 있는 빨간색 레이어를 선택하고 넣어주시면 편합니다.

다른 위치로 이미지가 들어갔다면, 불러올 사진의 위치는 저 빨간 레이어 바로 위 입니다.

 

 

사진이 불러와서 넣어졌다면 사진의 사이즈와 위치를 적절하게 조절해 주세요!

사진을 몇개 만들어보니 전체로 꽉 채우고 나머지는 오히려 짤려나가는게 제일 이쁘더라고요~

원하는 사이즈로 조절 후 엔터를 뙇 때려 주시면 되겠습니다.

 

물론 다른 사진에다가 해당 파일의 프레임을 가져다가 사용도 가능하지만,

초보자 분들을 위해 쉬운 방법으로 설명드리겠습니다.

 

 

저는 이렇게 저희 모델인 '라떼' 사진을 꽉 채워서 넣어주었습니다.

왼쪽에 있던 사진 부분은 자연스래 가려지니 따로 잘라 주실 필요 없습니다.

 

 

그다음,

인스타 그램 계정처럼 만들어야 하잖아요??

 

우선 저 동그라미의 레이어를 선택하고

원하는 사진을 하나 가져오셔서 적절한 사이즈로 조절해 주세요.

 

 

여기서도 마찬가지로 사이즈 조절 후 엔터를 뙇 때려주시면 됩니다.

그 다음 저 동그라미 안에 저 사진을 넣어야 하는데 어떻게 넣을까요?

 

오른쪽 레이어 창을 보시면 동그라미 레이어 바로 위에 사진 레이어가 생성된게 보이실꺼에요.

그럼 레이어와 레이어 사이에 Alt키를 누른 상태에서 마우스를 가져다 대보시면

┌□ < 약간 요런 느낌으로 마우스가 바뀌는게 보이실꺼에요 ( 마우스 캡쳐가 안되서 ㅠㅠ )

그럼 그상태로 클릭! 위에 있는 레이어에 화살표시로 밑에 있는 레이어 속에 쏙 하고 들어가게 됩니다!

 

 

그 다음 그 옆에 계정명을 변경해주세요~

 

 

프레임 아랫 부분에도 보시면

좋아요 수와 아이디, 텍스트 부분까지 원하는데로 바꾸시면 되겠습니다~

 

 

또 하나, 이건 제가 하다보니 재밌을꺼같아서 하나 더 넣어놔 봤어요~

'틀' 이라는 레이어 옆에 보시면 작은 하얀 네모가 있을텐데 해당 레이어에 '마스크'를 씌워놓은 상태입니다.

 

이 마스크부분을 선택하고 브러쉬 툴을 이용해

검은색을 칠해주면 해당 레이어부분이 감추어 지고 흰색 부분만 보여지게 되어 있습니다.

현재는 흰색으로 전체 칠이 되어 있으니 전체 창이 잘보이는 상태지만

저 위 이미지처럼 사진에 따라 원하는 부분을 살짝 검은색 브러쉬로 칠해주면 틀이 안보이는 효과가 나타납니다.

물론 지우개 툴을 이용해 날려버릴수도 있겠지만 다시 되돌릴수가 없으니

마스크를 이용해 감춰두는 방법을 추천해드립니다.

 

 

그다음, 하트 뿅뿅뿅 을 해야겠지요~

이 애니메이션 효과는 타임라인을 가지고 만들수있어요.

 

처음 타임라인을 열면 저처럼 저렇게 많은게 없으실꺼에요.

하나하나 추가를 하셔야합니다.

추가된 이미지들이 하나씩 켜지면서 애니메이션이 되는거지요.

 

그 하트가 움직이는건 벌써 오른쪽 레이어에 보시면 '하트' 라는 폴더가 있을꺼에요~

이 안에 50개의 하트 이미지가 있는데 이걸 하나씩 하나씩 타임라인에서

눈을 켜주면서 타임라인을 만들어주면 자연스러운 애니메이션이 되겠습니다!

※ 타임라인 시간은 0.1초로 맞추어 주었고 애니메이션 루핑옵션은 계속인 상태입니다.

 

 

위에서 보시는것과 같이 

1) 타임라인에서 새로운창 하나를 만들고

2) 하트레이어를 하나 눈을 켜주고 이전껀 닫아주고

3) 쭉쭉쭉 반복

 

50개를 전부 다 해줘도 되는데

저는 귀찮아서 그냥 30개 까지만 했어요

 

 

그다음 이젠 저장을 합시다!

파일 > 웹용으로 저장 을 눌러주시고

일명 움짤, 움직이는 이미지, 애니메이션 이미지를 만드시려면

GIF로 저장을 하셔야합니다!

 

 

형태를 GIF로 선택을 하시고 저장 하시면 되겠습니다.

미리 애니메이션을 보시고 싶으시다면 저장 전에 타임라인에서 실행해보셔도 되고

여기 웹용으로 저장 창에 오른쪽 하단, 완료버튼 위에 보면 재생 버튼이 있어요.

이걸로 확인해 보셔도 되겠습니다.

 

 

그렇게 해서 완성된 이미지, 움짤 입니다!

그냥 jpg로 저장하시면 이미지로도 사용 가능하니 

원하시는대로 저장하여 사용하시면 됩니다~

 

이쁜 사진, 좋은 추억들 

예쁘게 꾸며서 간직해 보세요!

 

그럼 오늘도 즐거운 포토샵 생활하세요!