1. 포토샵 시작 - 새로 만들기, 복사, 사각형 도구, 크기 변경
포토샵 시작
새로 만들기, 복사, 사각형 도구, 크기 변경
후 포토샵을
하게 될 줄이야..
안드로이드 개인프로젝트를
하는 도중에 코딩하는 건
아무런 어려움이 없는데..
디자인이 정말 문제다..
아무리 코딩을 잘해도
기본 디자인으로 하려니..
이건 뭐..
내가 만들었지만
슈레기 앱이다..
파워포인트로 대충
만들어서 넣어봤지만..
역시나 한계가 있다..
뭐 대단한 이미지를
만들지는 않겠지만..
안드로이드 앱에 들어갈
아주 간단한 아이콘정도는
만들어 보기 위해..
포토샵을 배워보려고 한다..
잠을 줄이고 하루에 30분정도만..
나의 저질적인 미적감각을
향상시키기 위하여..
Adobe Photoshop CC 2017
Adobe Photoshop CC 2017
이 것이 앞으로 나와 함께할
녀석이다.
다른 버전의 포토샵 프로그램들과
비교를 하고 싶어도 할 수가 없다.
포토샵을 써보는 것은 이번이 처음이니..
비교불가..
단축키는 그래도 똑같겠지..
새로 만들기
일단 무작정 만들어
보기위해서
새로 만들기를 눌러봤다.
단축키는
[Ctrl] + [N]
이다.
눌러보면 위와 같은
화면이 뜬다.
그래도
안드로이드 하면서
디자인을 받아서 써보긴 했으니
봤을때 뭐가 뭔진 이해가 간다..
내가 포토샵을 쓰는 목적이
안드로이드에 사용할 디자인을
만드는 것이므로..
내가 사용하는 안드로이드
스마트폰(S7)의 화면과 일치시키기
위해서
폭 1440
높이 2560
으로 설정을 해줬다.
단위는 픽셀이다.
나머지 해상도나
색상모드는 자세히
알아보지는 않았다.
지금은 고퀄리티로
만들것도 아니고..
해상도나 색상모드나
일단 높으면 퀄리티가
좋다는 것은 알고 있다.
대신 파일크기가 커지겠지만..
밑에 배경내용은
간단하게라도 봐야될 것 같다.
오늘은 처음이니
그냥 휴대폰에 그대로 넣을거라
흰색으로 선택할 것이다.
Background 이미지를
만들려면 원하는 색깔을
선택하면 되고,
아이콘 같은 화면전체가
아닌 일부분에 들어가는
디자인은 투명을 선택해주면
될 것 같다.
제작을 누르면 문서가 만들어진다.
사각형 도구
제작을 눌렀으면 아래와
같은 화면으로 변한다.
중앙에 하얀 도화지가
떠있다..
방금 셋팅을 할때
1440 x 2560의
크기로 만들었으므로
저 흰색이 안드로이드
모바일 화면이라 생각하면
될 것 같다.
일단 포토샵을 처음 써보고
테스트 용도이므로
간단한 사각형을 넣어보기로
한다.
사각형을 넣기 위해
사각형 도구를 선택해야 한다.
위에 빨간색을
선택하면 된다.
하지만 절대 마우스로
클릭하지 않으리라..
단축키 [U]를
누르면 사각형 도구가
선택된다.
마우스 포인터가
변하면 원하는 위치에
드래그 앤 드랍을 하면
사각형이 만들어진다.
복사
사각형을
위와 같이 만들어
봤는데
여기서 같은 사각형을
하단중앙에
좌측 중앙에
우측 중앙에도
똑같이 추가 하고 싶다.
그래서 만든 사각형을
복사해야 한다.
복사를 하기 위해서는
만든 사각형을 선택해야한다.
선택을 하기 위해서는
이동도구를 눌러야 한다.
역시나 마우스클릭은
하지 않으리라..
단축키
[V]를
누르면 된다
마우스 포인터가
이동도구로 변했으면
이번에는 복사를
하기 위해서
단축키
[Ctrl] + [Alt] + 마우스왼쪽
으로 만들었던 사각형을
선택한 후에 원하는 곳으로
드래그앤 드롭을 한다.
어렵지 않게 성공했다.
이제 만든것을 그대로 안드로이드
폰에 넣어서 똑같이 나오나
확인해봐야겠다.
저장을 하기 위해서
[Ctrl] + [S]를 누른다
파일이름과
원하는 파일형식을
선택해주면 된다.
안드로이드 이미지는
대부분 PNG를 쓴다고 보면 된다.
저장을 눌러본다.
저장을 누르니
PNG 옵션이 뜬다.
여기서 압축을
최소로 선택한 후에
확인을 누른다.
압축을 안하면 이런
간단한 이미지도
크기가 10MB가 넘는다.
저장을 한 후에
파일이 원하는 크기로
잘 만들어졌는지 확인한다.
사진 크기를 보니
처음에 설정한
1440 x 2560으로
잘 만들어졌다.
크기도 보니 33.6KB
나쁘지 않다.
이제 이 파일을
안드로이드에 그대로
넣어보자.
안드로이드 영역
이 부분은 안드로이드 부분이다.
위에서 만든 이미지를
넣기 위해 아래와 같이 코드를
넣었다.
원래 배경으로 넣기 위해
background를 쓰면 되지만,
지금은 원하는 크기대로
제대로 들어가는지
확인하기 위해
src로 넣어봤다.
결과를 확인해보면.
아주 엉망이다.
아래 위는 맞는것 같으나
좌측, 우측 사각형이
양쪽 끝에 붙지 않는다.
왜 위에서 만든대로
안들어가는지는
휴대폰 화면을 자세히
쳐다보면 알 수 있다.
바로바로
시계가 존재하는 부분인
Status Bar를 계산하지 않은 것이다.
앱 특성에 따라
Status Bar의 존재 유무가
다르겠지만,
게임앱을 제외하고는
대부분 이 시계부분은
제거하지 않는다.
이 부분을 생각하지 않고
디자인을 만들었으므로,
이미지 크기를 변경시켜줘야 한다.
변경시키기 전에
갤럭시 S7의
Status Bar Height를
알아보면
96px이라는 걸 알 수 있다.
이미지 크기 변경
위에서 크기착각을
한 관계로
이미지의 크기를
1440 x 2560에서
1440 x 2464로
변경시켜야 한다.
(2560 - 96 = 2464)
이미지크기를 변경시키기
위해서 역시나 단축키를
사용해본다.
[Ctrl] + [Alt] + [I]
를 눌러본다.
위와 같은 화면이 뜨면
폭은 그대로 유지시키고
높이만 2464로 바꿔본다.
????
높이를 바꾸니
폭까지 같이 바뀌었다.
비율을 유지한채
변경되는 것 같다.
이를 해결 하기 위하여
좌측에 있는 고리같은것을
한번 클릭한 후에
원하는 크기인
1440 x 2464로 변경한다
변경이 완료되면 확인을
누른다.
크기가 변했으면
[Ctrl]+[S]를 눌러서
저장시킨후
제대로 변경되었는지
확인한다.
원하는대로
크기변경을 완료했으니
다시 안드로이드에
넣어서 결과를 확인한다.
포토샵에서
본대로 그대로 잘 들어갔다