프로세싱_픽셀 좌표 구해서 쉽게 그림을 그려보자

/프로세싱_Processing

프로세싱_픽셀 좌표 구해서 쉽게 그림을 그려보자

a_004 2019. 3. 31. 22:35

프로세싱 공부하면서, 좌표를 머릿속에서만 어림짐작해서 그려야 하는 문제 때문에 많은 불편함을 느꼈다.

이번 과제는 안 그래도 좌표 생각하는 것 때문에 짜증 나 죽겠는데, 기하학 도형을 자유롭게 사용해서 그림을 그리는 과제.

그냥 그림판으로 도형 몇개 그리고 프로세싱으로 했다고 뻥칠려했는데, 코드를 같이 첨부하라자너~ ㅠㅠ

픽셀 좌표를 쉽게 구하는방법이 없을까?? 픽셀 좌표만 구하면 그냥 그림 그려서 좌표만 따와서 금방 그릴 수 있는데 라는 생각이 확 들었다.

그래서 알아낸 묘~수~

그래픽 툴을 활용한 픽셀좌표 구하기!

1.활용툴은 그림판/포토샵/일러스트

접근성 순서대로 나열함

참고로 저는 일러스트레이터 사용해서 과제함

대부분 내용은 마지막세션에서 적을거임

//그림판으로 이미지 픽셀좌표 구하기

최고의 캡쳐 프로그램

그림판을 키도록 하자

역시 개쩌는 그림판 아니랄까봐 그냥 마우스만 올려도 좌표가 출력된다

왼쪽하단 블록이 전체이미지사이즈기준 내 마우스가 올려져 있는 픽셀좌표계인데,

138, 357은 x축138, y축 357에 위치했다는것을 의미함.

그 옆에 블록은 전체 이미지 사이즈를 말하는데, 지금 대충만들어서 해상도가 저따구임 과제에선 800 x 600px 으로 하라했으니 주의 ㅋㅋ

//포토샵으로 이미지 픽셀좌표 구하기

미콘학생이든 아니든 이젠 기본적으론 깔려있어야 하는 포토샵.

대부분이 cs6을 사용중일거라고 예상이 되는데,

일단 나는 cc2017으로 작업했는데 cs6도 상관없음

포토샵에선 F8을 누르거나

window(창) - info를 클릭하면 픽셀 좌표계가 나오게 된다

//일러스트레이터로 이미지 픽셀좌표 구하기

이번에 내가 사용한 프로그램!

방금 소개한 두 프로그램과는 다르게 '벡터기반' 으로 작성된 그래픽툴이다!

덕분에 앞서 소개한 두 소프트웨어보다 '더 정확한 위치계산' 이 가능하다!

이유로는 대부분의 벡터기반의 그래픽툴에서 지원되는 강력하고 정밀한 컨트롤이 가능한 Snap 기능 덕분인데,

쉽게말하면 모서리나 면의중앙, 선의 정중앙을 정확히 계산해서 마우스를 탁! 달라붙게 만드는

세밀하고 정확한 작업을 위한 기능이다.

-3dmax

-Adobe Illustrator

-AutoCAD

-그외 수많은 3D,CAD프로그램들..

끝. 그냥 내가 그린 도형 꼭짓점에 마우스를 올려두면, 정확한 벡터위치가 바로 출력된다

거기다가 스냅기능으로 꼭짓점에 마우스가 바로 달라붙으니까 손가락 떨려서 위치 바뀔일도 없음

지금당장 일러스트 까쉴??

https://www.adobe.com/kr/products/illustrator.html

Adobe Illustrator (어도비 일러스트 레이터) 무료 다운로드 | 그래픽 디자인 소프트웨어 시험버전

파워풀한 성능 반응 속도가 빠른 성능과 정밀한 툴은 프로세스가 아니라 디자인에 집중할 수 있도록 해줍니다. 문서 전체에서 벡터 그래픽의 재사용이 가능하며 Photoshop, InDesign, XD, Premiere Pro와 같은 다른 Creative Cloud 앱과 원활하게 연동됩니다. Illustrator를 사용하면 아트웍을 디자인, 비디오 등에 손쉽게 추가할 수 있습니다.

www.adobe.com