[23] 디자인탭에 클립보드로 이미지 붙여넣기

<글에 앞서 사족...>

안녕하세요. 오랫만에 매거진에 글을 작성합니다. 

개인 사정으로 연재를 쉬었습니다. 기다리신 분들께 죄송합니다.

앞으로는 짧은 내용이라도 꾸준히 올릴수 있도록 노력해보겠습니다! 

클립보드를 이용해 디자인탭에 이미지 붙여넣기 

이번 시간엔 간단한 내용입니다. 한마디로 포토샵에서 프레이머로 복사해서 붙여넣기가 가능합니다. (스케치도 가능합니다.)

1. 클립보드란? 

보통 Ctrl+C -> Ctrl+V라고 부르는 '복사해서 붙여넣기'를 할때 컴퓨터 메모리 어딘가에 저장되는 임시저장소를 클립보드라고 합니다. (맥의 경우 Command+C -> Command+V) 

포토샵이나 스케치에도 이런 클립보드가 존재하고 프레이머에서는 이 클립보드의 내용을 디자인 탭에서 붙여넣기 할 수 있습니다. 

오늘은 포토샵과 클립보드를 이용해서 이미지를 디자인 탭에 바로 붙여넣고 코드에서 활용할 수 있도록 타겟을 만드는것까지 배워보겠습니다. 

2. 준비물 

- 프레이머, 포토샵

- 아무 이미지 파일

- 예제에서 사용한 파일 출처: https://dribbble.com/Sevolfo

3. 프레이머에서 새 파일을 열고 디자인탭을 열어 둡니다. 

4. Artboard를 하나 만듭니다. (예제에서는 iPhone 7)

새 파일을 만들고 디자인탭을 선택합니다. 

5. 이미지를 준비하셨으면 포토샵에서 열어주세요. 

6. 포토샵에서 선택툴(M)로 드래그해서 붙여넣기 원하는 영역을 선택하고 Command + C 를 누릅니다. 만약 포토샵에 레이어가 여러개라면 Command + shift + C 를 눌러 보이는 모든 이미지를 클립보드에 담을 수 있습니다. 

원하는 영역을 선택하고 Command + C!

7. 프레이머의 디자인탭에서 Command+ V키를 누릅니다. 그러면 아래처럼 이미지가 레이어로 생성됩니다.

8. 다른 이미지들도 같은 방법으로 붙여넣고 화면에 배치합니다. 이런식으로 클립보드를 사용해서 프레이머에 이미지를 가져올 수 있습니다.