PSD Layers to NGUI(PSD2NGUI)
Unity3D/NGUI / 2014. 12. 31. 12:20
링크 : http://www.magicnreal.com/psd2ngui/
유니티에셋 링크 : https://www.assetstore.unity3d.com/kr/#!/content/11220
요약
PSD2NGUI 를 이용해주셔서 감사합니다.
PSD2NGUI 는 NGUI 를 위한 자동화 툴입니다. PSD2NGUI 는 PSD Layer 들을 NGUI Widget 들로 바꾸어 줍니다. 예를 들어 label, editbox, button, checkbox, scrollview, 등을 PSD Layer 에 간단한 명령어를 삽입하는 것만으로 만들 수 있습니다. 그리고 작업자가 PSD 파일을 수정했을 때, Unity3D 에서도 수정한 결과가 그대로 반영됩니다. PSD2NGUI 를 사용한다면, 더이상 Atlas Maker, Widget, Font 툴을 이용하지 않고 편리하게 GUI 를 만들 수 있습니다. 또한 이미지를 자르기 위해 Sprite 를 세팅할 필요도 없습니다. PSD Layer 에 Slice 명령어만 붙여주면 됩니다. PSD2NGUI 를 이용하면 GUI 를 개발하는데 걸리는 시간을 굉장히 절약하실 수 있게 될겁니다.
중요: PSD2NGUI 는 NGUI(2.2.7 ~ 3.0.2) 가 있어야 작동합니다.
노트: PSD2NGUI 는 PhotoShop 없이도 사용 가능합니다.
노트: PSD2NGUI 는 PhotoShop 의 ’스마트 오브젝트 레이어’, ’라스터 이미지 레이어’, ’텍스트 레이어’ 만 지원합니다.
중요: PSD2NGUI 는 NGUI(2.2.7 ~ 3.0.2) 가 있어야 작동합니다.
노트: PSD2NGUI 는 PhotoShop 없이도 사용 가능합니다.
노트: PSD2NGUI 는 PhotoShop 의 ’스마트 오브젝트 레이어’, ’라스터 이미지 레이어’, ’텍스트 레이어’ 만 지원합니다.
사용법
1. 열기
a. PSD 파일위에서 마우스 오른쪽 버튼을 클릭하면 PSD2NGUI 를 열 수 있습니다.
b. NGUI 메뉴에서 마우스 오른쪽 버튼을 클릭하면 PSD2NGUI 를 열 수 있습니다.
2. PSD 파일 추가
a. PSD Layer 에 명령어를 추가 합니다.
3. 작업 실행
a. RUN 버튼 실행.
4. 메뉴 설명
비디오
a. 기본 사용법.
명령어
* Sub commands : 컨트롤 들을 추가 적으로 꾸미기 위한 용도로 사용하며, Label, Button, ComboBox 는 추가 하지 않아도 상관 없다.
Sprite
ex) layerName
만약 커맨드명이 없다면 PSD2NGUI 는 Sprite 로 가정합니다.Slice
ex) layerName@slice=(LeftTop)x(RightTop)x(LeftBottom)x(RightBottom)
Layer 이름을 layerName@slice=2x2x2x2 와 같이 설정하면, PSD2NGUI 는 Layer 의 가장자리를 2픽셀의 정사각형으로 잘라낼 것입니다. 결과적으로 이미지 크기는 4x4 가 됩니다.Layer 이름을 layerName@slice=50%x50%x10%x10% 와 같이 설정하면. PSD2NGUI 는 백분율을 픽셀로 치환하고, 잘라낼 것입니다.만약 잘라낼 크기가 모두 같다면 layerName@slice=2 와 같이 한곳만 설정해줘도 됩니다.Panel
ex) groupName@panel
PSD2NGUI 는 UIPanel 을 만들 것입니다. 명령어를 Group(Folder)에 해야합니다.Label
ex) layerName@label(혹은 명령어 없이 Text Layer)
PSD2NGUI 는 UILabel 을 만들 것입니다.Sub commands.sameLayerName@label@color=black, layerName@label@color=ff00ff : 컬러설정sameLayerName@label@bold=true : 폰트를 굵게sameLayerName@label@shadow=true : 폰트에 그림자 추가sameLayerName@label@text=Hello PSD2NGUI : 보여질 문장sameLayerName@label@align=[topleft, top, topright, left, center, right, bottomleft, bottom, bottomright] : 텍스트 align(pivot)sameLayerName@label@fontsize=14 : 픽셀단위 폰트 크기Button
ex) layerName@button
PSD2NGUI 는 UIButton 을 만들 것입니다.만일 button.hover 혹은 button.pressed 와 같은 sub-commands 가 있다면 PSD2NGUI 는 UIImageButton 을 만들 것입니다.Sub commands.sameLayerName@button.hover : 마우스오버 상태일때의 이미지sameLayerName@button.pressed : 마우스가 눌려졌을때의 이미지sameLayerName@button.label : 버튼의 제목LabelButton
ex) textLayer@button
PSD2NGUI 는 글자만 있는 UIButton 을 만들 것입니다.Toggle(Checkbox)
ex) layerName@toggle, layerName@checkbox
PSD2NGUI 는 UIToggle(UICheckBox) 를 만들 것입니다.Sub commands.sameLayerName@toggle(checkbox).checked : 체크되었을 때의 이미지Input(EditBox)
ex) layerName@input, layerName@editbox
PSD2NGUI 는 UIEditBox 를 만들 것입니다.Password
ex) layerName@password
PSD2NGUI 는 UIEditBox 를 만들고 Password 옵션을 켜둘 것입니다.ComboBox
ex) layerName@combobox
PSD2NGUI 는 UIComboBox 를 만들 것입니다.Sub commands.sameLayerName@combobox.bar : 콤보박스 아이템 선택 이미지sameLayerName@combobox.listbg : 콤보박스 배경 이미지Slider
ex) layerName@hslider or layerName@vslider
PSD2NGUI 는 UISlider 를 만들 것입니다.(Slider).Sub commands.sameLayerName@h(or v)slider.fg : Slider 의 Bar 이미지 입니다.ProgressBar
ex) layerName@hprogressbar or layerName@vprogressbar
PSD2NGUI will make UISlider(Progress Bar).Sub commands.sameLayerName@h(or v)progressbar.fg : ProgressBar 의 foreground(bar) 이미지 입니다.ScrollBar
ex) layerName@hscrollbar or layerName@vscrollbar
PSD2NGUI will make UIScrollBar.Sub commands.sameLayerName@h(or v)scrollbar.fg : ScrollBar 의 foreground(bar) 이미지 입니다.ScrollView
ex) layerName@scrollview
PSD2NGUI 는 UIDraggablePanel 과 UIDragPanelContents 를 만들 것입니다.Sub commands.sameLayerName@scrollview.item : ScrollView 아이템. 안에는 다른 Widget 들이 들어갈 수 있습니다.sameLayerName@h(or v)scrollbar.bg : ScrollBar 의 background(bar) 이미지 입니다.sameLayerName@h(or v)scrollbar.fg : ScrollBar 의 foreground(bar) 이미지 입니다.VirtualView
ex) layerName@virtualview
PSD2NGUI 는 PsdLayerVirtualView 를 만들 것입니다. ScrollView 와 다른 점은 UI 와 Data 가 분리 되었기 때문에, 방대한 데이터도 사용 가능합니다.Sub commands.sameLayerName@virtualview.item : ScrollView 아이템. 안에는 다른 Widget 들이 들어갈 수 있습니다.sameLayerName@h(or v)scrollbar.bg : ScrollBar 의 background(bar) 이미지 입니다.sameLayerName@h(or v)scrollbar.fg : ScrollBar 의 foreground(bar) 이미지 입니다.SpriteFont
ex) groupName@spritefont
PSD2NGUI 는 PsdLayerSpriteFont 를 만들 것입니다. Sprite 가 간단한 폰트처럼 사용될 것입니다.Animation
ex) gropuName@animation@fps=30 or groupName@ani@fps=15
PSD2NGUI 는 PsdLayerSpriteAnimation 를 만들 것입니다. 매우 단순한 애니메이션 클래스 입니다.Collider
ex) layerName@collider=box
PSD2NGUI 는 BoxCollider 를 만들 것입니다. Sprite 혹은 Label 에만 적용됩니다.Script
ex) textLayer@script
PSD2NGUI 는 PsdLayerUserScript 를 만들 것입니다. 멤버 변수로 data 가 있고, data 의 값은 PSD Text Layer 에서 입력했던 문자열이 들어가게 됩니다.Ignore
ex) layerName@ignore
만약 Layer 에 Ignore 명령어가 붙게되면 레이어를 로드하지 않을 것입니다.
반응형
'Unity3D > NGUI' 카테고리의 다른 글
PSD Layers to PNG Files(PSD2PNGs) (0) | 2014.12.31 |
---|---|
PSD Layers to 2D Tool Kit(PSD2TK2D) (0) | 2014.12.31 |
NGUI - scroll view 재사용 객체 (0) | 2014.12.16 |
NGUI용 Virtual Joystick Script「UIJoystick」 (0) | 2014.08.04 |
NGUI 라벨 줄바꿈 버그 수정하기 TIP "\n" (0) | 2014.03.29 |