Web Design Study

[인스타그램] 여러 게시글로 한 이미지가 이어지듯이 썸네일 고정해보기

여러 게시글로 한 이미지가 이어지듯이 썸네일 고정해보기

제목처럼 인스타그램의 섬네일 3개를 이어지게 고정하여
한 이미지로 보이게끔 만들어볼것이다~!


썸네일 관련해서는 윗 링크 참고해보자.

1:1로 만들지, 4:5 비율로 만들지는 자유고 여백을 잘 지정해주면 된다.

4:5로 할시 그냥 이미지를 3개로 잘라 보이면 되겠지만,
1:1로 할시 좌우 여백 각각 135px 준채로 신경써서 잘라 제작해야한다

사진은 옛날에 찍은 하늘 사진으로 테스트!

배경사진을 총 2710px * 1080px로 만들어 놓자

이미지를 자를 때 서로 여백이 겹치게 (가운데가 바깥에 걸쳐지게끔) 놓고
비율 잘 맞는지 확인한 뒤 한장씩만 확인해서 잘 잘라보면 ok다

왼쪽은 이렇게 나와야 하고

중앙은 이렇게

맨 오른쪽은 이렇게 나와야 한다

왼쪽 이미지부터 잘라보자
왼쪽 이미지의 레이어 섬네일을 눌러 영역을 잡은 후 복사 한 뒤
1080px X 1080px 새캔버스를 만들어주자


복사했던 왼쪽 이미지를 새 캔버스에 붙여 넣고 저장하자


이걸 중앙 이미지, 오른쪽 이미지에도 한 뒤

이상태로 이름 다르게 저장!

업로드는 오른쪽 사진 , 중앙 사진, 왼쪽 사진 순서대로 하면 ok!

핸드폰으로 확인해보니 잘 적용되었다
자연스럽게 이어지는 것처럼 나와서 만족!

기본 그리드 저장하는 순서도 오른쪽사진, 중앙사진, 왼쪽사진 순으로 저장하면 된다!


섬네일로 보기엔 4:5 비율로 보이던 안의 게시물들도 1:1 비율로 잘 나오는 걸 확인 할 수 있다.

이제 한 이미지를 이어진것처럼 여러 게시글로 고정시킬 수 있으니 짱 좋다~!

latisi

Recent Posts

[일러스트레이터] 일러스트 꿀팁 (2) (모자이크화 – 전역 편집 시작)

모자이크화 - 전역 편집 시작 일러스트 꿀팁 (1) 단축키에 이어서이번엔 전역 편집 시작에 관한 꿀팁을…

2일 ago

[일러스트레이터] 일러스트 꿀팁 (1) (단축키)

일러스트 꿀팁 - 단축키 포토샵으로 꿀팁 포스팅 몇개를 작성했으니, 이제 일러스트쪽에서도 꿀팁인 단축키 몇개를 정리해보려고…

3일 ago

[포토샵] 정교한 제어 및 수정하는 퍼펫 뒤틀기에 관하여

퍼펫 뒤틀기 퍼펫 뒤틀기란, 레이어를 변형해 사람의 자세나 위치를 정교하게 수정 할 수 있는 기능이다.…

4일 ago

[유튜브] 유튜브 배너, 프로필, 워터마크 사이즈 정리 (26년도 3월 기준)

유튜브 배너, 프로필, 워터마크 사이즈 정리 저번의 카드뉴스 말고도 이번에는 유튜브의 사이즈를 정리해보았다.유튜브는 모바일 /…

5일 ago

[이모티콘] 네이버, 카카오톡 이모티콘 사이즈 정리

카카오톡, 네이버 이모티콘 사이즈 정리 요번에 이것저것 해보다가 이모티콘에도 관심이 생겨서 한번 찾아보았음!기본적으로 이모티콘을 만들려면…

5일 ago

[포토샵] 브러쉬 만들기, 내보내기, 가져오는 방법들

포토샵의 브러쉬 만들기, 내보내기, 가져오는 방법들 내 브러시를 스스로 만들어보거나 추가해보거나내보내기 하는 방법을 포스팅 해보겠다!…

5일 ago

This website uses cookies.