m (Admin8 moved page Select area(check) to Select area without leaving a redirect) |
|||
| Line 1: | Line 1: | ||
| + | {{#css: | ||
| + | #mw-content-text h3 span { | ||
| + | font-weight: 600; | ||
| + | padding-left: 0px; | ||
| + | } | ||
| + | |||
| + | .mw-headline { | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | |||
| + | span.mw-editsection { | ||
| + | font-weight: 200; | ||
| + | position: relative; | ||
| + | float:right; | ||
| + | margin-right: 25px | ||
| + | } | ||
| + | |||
| + | span.mw-editsection a { | ||
| + | font-weight: 200; | ||
| + | } | ||
| + | |||
| + | .art-subpage { | ||
| + | background: #F7F7F7; | ||
| + | } | ||
| + | |||
| + | #mw-content-text p { | ||
| + | padding-top: 0px; | ||
| + | padding-bottom: 6px; | ||
| + | } | ||
| + | |||
| + | .mw-content-ltr ul { | ||
| + | margin: 0.3em 0 0 42px; | ||
| + | } | ||
| + | |||
| + | |||
| + | hr { | ||
| + | margin-top: 0px; | ||
| + | margin-bottom: 0px; | ||
| + | margin-left: -31px; | ||
| + | width: 720px; | ||
| + | border-bottom: 1px solid #E0E0DD; | ||
| + | border-left: 0px; | ||
| + | border-right: 0px; | ||
| + | border-top: 30px solid #F7F7F7; | ||
| + | } | ||
| + | <!-- | ||
| + | #sun-col { | ||
| + | -webkit-column-count:2; /* Chrome, Safari, Opera */ | ||
| + | -moz-column-count:2; /* Firefox */ | ||
| + | column-count:2; | ||
| + | } | ||
| + | |||
| + | #sun-col p { | ||
| + | padding-left: 0px; | ||
| + | |||
| + | } | ||
| + | --> | ||
| + | |||
| + | .thumb { | ||
| + | margin: 0px 25px 5px 25px; | ||
| + | } | ||
| + | |||
| + | }} | ||
| + | |||
Select area는 사진이나 이미지를 편집하기 위해 영역을 선택하기 위한 패턴이다. 주로 편집 화면에서 영역선택 툴을 활성화환 상태에서 활용 가능하다. | Select area는 사진이나 이미지를 편집하기 위해 영역을 선택하기 위한 패턴이다. 주로 편집 화면에서 영역선택 툴을 활성화환 상태에서 활용 가능하다. | ||
용도나 활용성에 따라 선택할 수 있는 방법은 다양하나, Rectangular marquee tool 방식과 이미 활성화된 영역이 있는 상태에서 활성화된 영역에 대한 control pointer를 조절하는 방식이 주로 사용된다. | 용도나 활용성에 따라 선택할 수 있는 방법은 다양하나, Rectangular marquee tool 방식과 이미 활성화된 영역이 있는 상태에서 활성화된 영역에 대한 control pointer를 조절하는 방식이 주로 사용된다. | ||
| − | === | + | === With this pattern, we can solve... === |
* Select area를 구현하지 않은 상태에서는 사진이나 이미지를 편집할 때, 각각의 이미지 전체를 일괄적으로 편집하게 된다. 전문 사진 편집 어플리케이션이나 메모 어플리케이션 등에서 사진이나 이미지의 부분만을 편집하거나 부분으로 저장하기 위해서 영역을 선택하는 기능이 필요해졌다. | * Select area를 구현하지 않은 상태에서는 사진이나 이미지를 편집할 때, 각각의 이미지 전체를 일괄적으로 편집하게 된다. 전문 사진 편집 어플리케이션이나 메모 어플리케이션 등에서 사진이나 이미지의 부분만을 편집하거나 부분으로 저장하기 위해서 영역을 선택하는 기능이 필요해졌다. | ||
| Line 10: | Line 74: | ||
== Rectangular Marquee Tool == | == Rectangular Marquee Tool == | ||
| − | + | *한 지점에서 다른 지점으로 drag하여 두 점이 이루는 직선을 대각선으로 하는 직사각형의 영역을 선택한다. | |
| − | * 한 | + | <div id="sun-col"> |
| − | < | + | === iOS_UPAD === |
| + | {{#Widget:Vimeo|id=93374684|width=300|height=405}} | ||
| + | </div> | ||
---- | ---- | ||
== Lasso Tool == | == Lasso Tool == | ||
| − | + | *닫힌 도형을 자유롭게 그려 특정 영역을 선택한다. | |
| − | * 닫힌 도형을 자유롭게 그려 특정 영역을 선택한다 | + | <div id="sun-col"> |
| − | < | + | === iOS_UPAD === |
| − | + | {{#Widget:Vimeo|id=93374685|width=300|height=405}} | |
| − | === | + | |
| − | + | ||
| − | + | ||
| + | === iOS_PopAGraph === | ||
| + | {{#Widget:Vimeo|id=94743505|width=300|height=533}} | ||
| + | </div> | ||
---- | ---- | ||
==Control Pointers== | ==Control Pointers== | ||
| − | === | + | <div id="sun-col"> |
| − | + | === iOS_Picsplay === | |
| + | {{#Widget:Vimeo|id=96224801|width=300|height=405}} | ||
| + | |||
| + | === iOS_Adobe Photoshop Express === | ||
| + | {{#Widget:Vimeo|id=96224802|width=300|height=405}} | ||
| + | </div> | ||
| − | |||
| − | |||
[[Category:Edit object]] | [[Category:Edit object]] | ||
Select area는 사진이나 이미지를 편집하기 위해 영역을 선택하기 위한 패턴이다. 주로 편집 화면에서 영역선택 툴을 활성화환 상태에서 활용 가능하다.
용도나 활용성에 따라 선택할 수 있는 방법은 다양하나, Rectangular marquee tool 방식과 이미 활성화된 영역이 있는 상태에서 활성화된 영역에 대한 control pointer를 조절하는 방식이 주로 사용된다.