태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.


2011.08.08 14:27

[for Android] 글씨에 효과 넣기_Text Shadows

[원문]http://blog.stylingandroid.com/archives/378

GUI를 하다보면 개발상황을 고려한 디자인을 해야할때가 많습니다.
포토샵에서는 되는데 개발 코드에서는 적용이 힘든 경우가 종종 있더군요.

그중 가장 많은 고민을 하게 되는것이 텍스트 이펙트 입니다.
다양한 화면 혹은 좀더 눈에 띄는 효과를 위해 디자이너는 shadow 효과를 많이 사용하게 되는데요.

포토샵처럼 텍스트에 이펙트 효과를 넣을 수 있는 자바 소스의 글을 포스팅 합니다.
정확한 이해를 위해선 원문을 읽어보시길 바랍니다.

Text shadows require four parameters:

1.The shadow colour: what colour the shadow will be
2.The X offset: where the shadow is positioned horizontally relative to the text
3.The Y offset: where the shadow is positioned vertically relative to the text
4.The radius: How much the edges of the shadow will be blurred

총 4가지 변수를 입력할 수 있습니다.

GUI 가이드 표시는


Shadow Color="#000000"
Shadow Radius="1.5"(높을 수록 shadow거리가 멀어짐)
Shadow Dx="3"(1~우,-1~좌)
Shadow Dy="3"(1~아래,-1~위)
Shadow Opacity="70%"

입니다.

[참고##프로그래밍##]
신고

팀블로그 pxd Story 구독 방법  블로그 글은 각 개인의 생각이며 피엑스디와 다를 수 있습니다.


Trackback 0 Comment 8
  1. whatthepxd 2011.08.31 10:37 신고 address edit & del reply

    디자이너가 apk의 xml도 봐야하고 가이드에 수치도 입력해야하나 봐요? 디자이너가 개발자들 시다바리 노릇하란 것과 마찬가지 같군요. 뭐 이런 개발자가 있다면 저라면 협업하지 않습니다.^^

    • 이 재용 2011.09.09 12:36 신고 address edit & del

      관심 가져 주셔서 감사합니다. ^^ 저희 회사 UI/GUI 디자이너들이 학습 능력이 좋고 적극적이다보니, 개발자들이 소극적으로 나올 때, 기술적인 부분을 직접 찾아 해결하는 경우도 많습니다. 시다바리라고 생각하기 보다는 개발자들을 리드한다고 생각하는 것 같아요. ㅎㅎ

      디자이너가 개발 지식을, 개발자가 디자인 지식을 가진 상황이라면 더 협업이 잘 될거라고 생각합니다. 상대방의 영역에 대한 지식과 이해는 나의 작업에도 영향을 주기 때문입니다. 다만, 권한을 넘어설 경우는 문제가 되겠지요. 저희도 프로이고 저희와 작업하시는 개발자분들도 프로니까 상대방 지식분야에 대해서 어느 정도 알고 서로의 분야를 존중해주면서 권한을 넘어서지 않는 것, 또 디자이너가 디자인 가능성의 폭을 넓히기 위해 개발 코드에 대해 스터디 하는 것이 필요하다고 생각합니다.

    • 지나가는무명 2013.02.12 17:33 신고 address edit & del

      이런 디자이너라면 고용할 생각 없습니다. 요즘 때가 어느땐데.

    • 흠... 2013.02.20 16:01 신고 address edit & del

      직접 다루지 않더라도 폭넓은 지식을 지녀야 커뮤니케이션 능력도 향상되고, 일정조율 및 업무분담 설정시 아주많은 도움이 되죠. 디자이너란 뜻이 뭡니까? 포토샵과 일러스트만 하면 디자이너 입니까?
      영어를 잘 모르는 사람들도 디자이너란 단어에는 설계자란 뜻이 있다란걸 압니다.
      모든걸 포괄해서 알아야죠.
      그리고 편협한 사고방식의 디자이너 많이 봐 왔습니다. 트랜드에 민감하고 잡다한 상식들도 많아야하는데... 고정관념적이고 자기중심적 사고방식의 디자이너들 오래 못갑니다.
      정말 디자이너로써 답답한 답변에 답답해져서 한마디 남기고 갑니다.

  2. 이 재용 2011.09.09 12:30 신고 address edit & del reply

    'whatthepxd님께'님께
    죄송하지만 블로그 운영 방침과 맞지 않아 삭제하였습니다. 작성하신 분께서 방명록에 연락처를 남겨 주시면 상세히 설명드리겠습니다. 죄송합니다.

  3. db 2012.02.24 15:37 신고 address edit & del reply

    영역을 확장해서 타분야의 지식을 습득하면 나쁠거야 없죠.
    그게 곧 디자인 Quality에 영향을 주니까요... 이왕이면 마케팅까지 ㅋㅋ
    whatthepxd님 글은 오해가 있네요. 디자이너가 개발 코드를 변경하여 개발에 까지 직접 관여하는 것으로 보셨나보죠.

    디자이너의 기본 자세는 다방면의 전문지식을 습득하기 이전에 디자인 영감이 좋아야 합니다.
    태생부터 개발자들의 뇌 구조와 다른 걸 강제로 범벅하려하지말고 기본에 충실한 뒤 영역을 확장하면 좋을 것 같네요.

  4. js 2014.07.14 11:26 신고 address edit & del reply

    이거 iOS 를 위한 것은 없을까요? ^^

    • pxd UX Lab. 2014.07.18 00:52 신고 address edit & del

      페이스북에 올린 최은영 팀장의 답글을 아래에 옮겨 드립니다.
      ------------------아래-------------------
      안녕하세요. pxd GUX center 최은영선임입니다. 질문주신 내용은
      http://stackoverflow.com/questions/10748924/how-to-add-text-shadows-to-a-uitextview 에서 아이폰 text 옵션을 통해서 확인하실 수 있으시고요. 입력수치와 관련해서는

      shadowColor = r : 1~255, g : 1~255, b : 1~255, a : 1~255
      shadowOffset = x좌표 1.0 ~, y좌표 1.0 ~
      shadowOpacity = 0.0 ~ 1.0
      shadowRadius = 0.0 ~ 1.0

      입니다. 감사합니다. ^^

Ad Test...