'Design'에 해당되는 글 4건

  1. 2012.06.21 디자인 참고사이트
  2. 2011.06.29 저작권 없는 무료 이미지 사이트 모음.
  3. 2011.06.24 png의 용량을 줄여주는 프로그램
  4. 2011.06.10 나인패치 포토샵 수정

디자인 참고사이트

Design 2012. 6. 21. 14:27

'Design' 카테고리의 다른 글

저작권 없는 무료 이미지 사이트 모음.  (0) 2011.06.29
png의 용량을 줄여주는 프로그램  (0) 2011.06.24
나인패치 포토샵 수정  (0) 2011.06.10
:

저작권 없는 무료 이미지 사이트 모음.

Design 2011. 6. 29. 14:51
정말 퀄리티 좋은 외국사이트도 알았는데....여기선 보안때문에 열리는게 없네 -_-;ㅋ


http://www.image0u.com/

'Design' 카테고리의 다른 글

디자인 참고사이트  (0) 2012.06.21
png의 용량을 줄여주는 프로그램  (0) 2011.06.24
나인패치 포토샵 수정  (0) 2011.06.10
:

png의 용량을 줄여주는 프로그램

Design 2011. 6. 24. 10:35

png의 용량을 가볍게 줄여주는 프로그램. png건틀렛.

포토샵에서 png를 저장할 경우 파일에 포토샵등등의 시리얼? 등이 붙어 파일이 무거워 지는데 그런것들을 모두 지워 가볍게 줄여주는 프로그램이라고 한다. 즉 파일을 어떻게 저장했는지 추적이 불가능하게끔 만들어 어둠의 경로(?)로 포토샵을 쓰는 사람들에게 아주 유용한..-ㅅ-;ㅋ 프로그램이라고.

방법은 드래그앤 드랍으로 파일을 올리고 Main Option에서 저장될 브라우저를 지정해준 후 (드래그앤드랍한 폴더..즉 같은경로에 저장하려먼 Overwrite 을 체크해주면 된다.) Optimize!를 눌러주면 된다.




'Design' 카테고리의 다른 글

디자인 참고사이트  (0) 2012.06.21
저작권 없는 무료 이미지 사이트 모음.  (0) 2011.06.29
나인패치 포토샵 수정  (0) 2011.06.10
:

나인패치 포토샵 수정

Design 2011. 6. 10. 16:19

나인패치 되어 있는 이미지를 포토샵에서 수정해보았다. 결과는 만족.
간혹 .9.png로 끝나는 이미지인데 컴파일이 안되는 이미지가 있다고 해서 포토샵에서 생성은 불가능한가 생각했는데 그건 아닌듯하다.

일단 포토샵에서의 수정법을 올려본다.

아래와 같은 이미지가 있다. 이 이미지를 상하 좌우로 늘리고 가운데에 텍스트를 넣는다고 가정해보자.










이미지 늘어남

  1. 왼쪽 가로의 1px 을 기준으로 초록색 1px 라인이 위아래로 넓어지며 이미지가 늘어나게 된다.
  2. 위쪽 라인을 기준으로 파란색 공간이 옆으로 넓어지며 이미지가 늘어나게 된다.


 

텍스트의 위치

  1. 오른쪽 라인아래 라인교집합 부분(회색박스공간)이 텍스트가 위치하는 공간이다.
  2. 텍스트는 왼쪽 라인과 위쪽 라인을 기준으로 위치하기 때문에 라인이 한쪽으로 치우치면 회색박스 안에서 한쪽으로 치우칠수 있다. 그 부분도 고려해주자.



위의 개념을 이해하면 수정이 쉽다. 이미지를 기준으로 위아래 좌우 여백1px 안에 검은선을 넣어주고 xxx.9.png로 저장한다.

'Design' 카테고리의 다른 글

디자인 참고사이트  (0) 2012.06.21
저작권 없는 무료 이미지 사이트 모음.  (0) 2011.06.29
png의 용량을 줄여주는 프로그램  (0) 2011.06.24
: