달력

032010  이전 다음

  •  
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  
  •  
  •  

[Expression Media] 5. Expression Media로 미디어 파일 버전관리

Silverlight(Tools, Tech.) 2009/07/20 06:00
Expression Media는 미디어 파일 변경에 대한 버전관리 기능을 제공합니다.
버전관리 기능을 통해 변경된 이미지와 원본 이미지를 선택해서 사용할 수 있습니다.
원본 이미지를 실수로 변경해서 원본 손실에 대한 후회를 조금은 덜 수 있게 되었습니다.

먼저 Expression Media를 실행합니다.
[파일] 에서 [항목 가져오기]로 이동하고 [파일/폴더에서(F)]를 클릭합니다.

사용할 미디어 파일을 선택합니다.

아래 이미지에서 빨간 네모 아이콘은 [라이트 테이블] 이라고 하는 기능입니다.

라이트 테이블은 선택한 이미지를 보거나 비교할 때 매우 유용합니다.
이것을 통해 간단하게 이미지를 변경하거나 회전을 시킬 수 있고, 또한 이미지의 색 레이블이나, 파일 이름, 크기, 크기 조정 백분율 등이 표시 됩니다.

아래의 이미지 처럼 [이미지 편집기]를 클릭합니다.
이미지 편집기는 이미지의 색이나 밝기, 선명도, 이미지 보정등에 사용되는 도구 입니다.
이미지 편집기에서 지원되는 다양한 기능을 적용해 보세요.

아래는 이미지 편집기로 변경한 이미지 입니다.

이렇게 변경된 이미지는 버전관리를 해줌으로써 여러가지 미디어 버전을 확보할 수 있습니다.
변경한 이미지가 마음에 들지 않을 경우 버전 폴더에서 이전 이미지를 가져오기만 하면 됩니다.
그러기 위해선 먼저 버전 폴더를 생성해야 합니다.
버전 폴더는 [이미지 편집기]에서 [설정]을 클릭함으로써 생성합니다.

버전 폴더를 생성한 후 이미지를 변경해 보세요.
그러면 아래 그림 처럼 미디어 버전이 만들어 지게 됩니다.

변경한 이미지를 다시 변경하게 되면 이미지 버전이 새롭게 추가 됩니다.

이렇게 생성된 이미지는 버전 폴더에 차곡차곡 쌓이게 됩니다.

이미지를 다시 돌리는 방법은 생성된 미디어 버전을 선택함으로써 편리하게 변경할 수 있습니다.

[참고]
1. OMSS, http://silverlight.net/Learn/videocat.aspx?cat=6
2. Expression Media Help Guide
저작자 표시 비영리 변경 금지
크리에이티브 커먼즈 라이선스
Creative Commons License

'Silverlight(Tools, Tech.)' 카테고리의 다른 글

Expression Blend 3를 만나는 곳  (0) 2009/07/27
[Expression Media] 5. Expression Media로 미디어 파일 버전관리  (2) 2009/07/20
[Expression Media] 4. Expression Media로 슬라이드 쇼 만들기  (0) 2009/07/17
[Expression Media] 3. 카탈로그 다루기.  (0) 2009/07/06
[Expression Media] 2. EM을 이용한 HTML 갤러리 생성  (0) 2009/07/05
[Expression Media] 1. Expression Media란?  (0) 2009/07/04
Posted by -세티-
TAG Expression Media, 미디어 버전관리
트랙백0 | 댓글2

[Expression Media] 4. Expression Media로 슬라이드 쇼 만들기

Silverlight(Tools, Tech.) 2009/07/17 01:18
오늘 정리한 내용은 Expression 미디어로 슬라이드 쇼 만들기 입니다.
정리해논 자료가 좀 되는데 시간이 부족해서 올리질 못하네요.^^:

슬라이드 쇼를 만들기 위해 필요한 이미지를 몇 장 선택하고 EM에 추가합니다.

다음엔 메뉴바에서 [만들기]를 클릭합니다.

[슬라이드 쇼 옵션]에는 다양한 슬라이드 속성을 설정할 수 있도록 되어 있습니다.
지속시간은 슬라이드 전환 시간이고, 색은 배경색이며, 전환은 전환되면서 슬라이드가 표현하는 양식 입니다. 미디어 크기 조정은 슬라이드 쇼 완성 후 보여지는 이미지의 크기 이며, 스테이지 모눈은 전체화면에서 이미지를 몇개로 보여줄 것인가 하는 부분입니다.

취향대로 속성을 설정하고, 마지막으로 재생옵션과 일반옵션을 선택하는데 음성 주석 재생은 체크를 하지 않습니다. 마지막으로 슬라이드 쇼 [실행]을 클릭합니다.

전 전환시 아무 효과가 없도록 했습니다.

메뉴바에도 [Run] 버튼이 있습니다.

아래의 그림처럼 슬라이드 쇼가 진행되면서 현재 보여지고 있는 이미지를 빨간 글씨로 표시해 줍니다.

또한 [텍스트]에서 미디어 파일의 정보를 체크를 통해 볼 수 있습니다.

[정보] 에서는 미디어 파일의 디테일한 메타정보를 확인할 수 있습니다.

이제 슬라이드 쇼를 저장합니다.
굳이 설명하지 않아도 다 아실겁니다. 굉장히 옵션 자체가 굉장히 직관적 입니다.
적절하게 선택하고, [만들기]를 클릭하면 하나의 MOV 파일이 생성됩니다.


생성된 MOV 파일을 클릭하면 아래의 그림처럼 슬라이드 쇼가 완성됩니다.
이미지 뿐만이 아니라 동영상도 이와 같은 방법으로 슬라이드 쇼처럼 만들수 있습니다. 


[참고]
1. OMSS, http://silverlight.net/Learn/videocat.aspx?cat=6
2. Expression Media Help Guide
저작자 표시 비영리 변경 금지
크리에이티브 커먼즈 라이선스
Creative Commons License

'Silverlight(Tools, Tech.)' 카테고리의 다른 글

Expression Blend 3를 만나는 곳  (0) 2009/07/27
[Expression Media] 5. Expression Media로 미디어 파일 버전관리  (2) 2009/07/20
[Expression Media] 4. Expression Media로 슬라이드 쇼 만들기  (0) 2009/07/17
[Expression Media] 3. 카탈로그 다루기.  (0) 2009/07/06
[Expression Media] 2. EM을 이용한 HTML 갤러리 생성  (0) 2009/07/05
[Expression Media] 1. Expression Media란?  (0) 2009/07/04
Posted by -세티-
TAG Expression Media, 슬라이드 쇼
트랙백0 | 댓글0

[Expression Media] 3. 카탈로그 다루기.

Silverlight(Tools, Tech.) 2009/07/06 16:55

이번엔 Expression Media을 실행했을 때 오른쪽에 보이는 카탈로그 폴더라는 것을 살펴보겠습니다.
먼저 설치한 Expression Media을 가볍게 실행해 줍니다.
그리고 아래의 그림처럼 메뉴 > 항목 가져오기 > 파일/폴더에서... 를 선택합니다.


미디어 파일 또는 폴더 선택 팝업이 활성화되면 원하는 이미지를 선택하고 가져오기를 클릭합니다.
저는 4장의 이미지를 선택했고, 작업영역에 선택한 4장의 이미지가 들어와 있는 것을 확인할 수 있습니다.
그리고 왼쪽 카탈로그 폴더가 하나 생성되어 있는 것을 볼 수 있습니다.


이 카탈로그가 어떤 것인지 간단하게 설명하겠습니다.
카탈로그에는 내가 선택한 파일에 대한 메타정보가 들어옵니다. 파일의 메타정보라 함은 가져온 파일의 하드디스크 위치나 이동식 저장장치에서의 파일 위치등이 될 수 있고, 또한 축소판에 나타난 그림의 버전 정보가 될 수 있습니다. 따라서 카탈로그가 가지는 미디어 파일의 정보를 이용해서 원본 없이 카탈로그를 검색할 수 있습니다.
이 카탈로그는 원본에 대한 축소이미지와 파일 정보만 가지기 때문에 원본이 삭제되었을 경우 카탈로그로 복구할 수 없다는 점을 알아주셨으면 합니다.


위의 사실을 아주 간단한 작업을 통해 증명해 보겠습니다.
생성된 카탈로그에 마우스로 선택하고 우클릭을 하고 지금폴더 업데이트를 선택합니다.


그러면 이미지를 선택한 폴더에 있는 나머지 사진 데이터들이 모두 카탈로그에 추가됩니다.
(카탈로그는 이미지에 대한 드라이브 정보를 가지고 있다는 것이 증명됩니다.)
아래의 그림 처럼 말입니다.



위의 이미지를 보면 빨간 네모상자 안에 있는 카탈로그의 오른쪽 숫자가 4에서 33으로 변경되어 있는 것을 확인할 수  있습니다.
이제 다시 축소판 그림에서 선택한 이미지들을 삭제해 보겠습니다.
몇 가지를 선택해서 삭제하면 카탈로그에서 제거 라는 버튼이 보입니다. 그것을 클릭해서 삭제하면 카탈로그에서 이미지가 사라진 것을 확인할 수 있습니다.


해당 이미지가 존재하는 폴더 위치로 가서 이미지를 확인해 보면 원본 이미지는 그대로 있는 것을 확인할 수 있습니다.

그 다음에 카탈로그의 드라이브 위치를 변경해 보겠습니다.
역시 마찬가지로 카탈로그 목록에서 마우스 우클릭하고 이번엔 폴더 경로 다시 설정을 클릭합니다.


저는 글쓰는데 사용되었던 이미지를 모아놓은 폴더를 선택했습니다.


폴더를 선택하면 아래의 이미지 처럼 카탈로그가 새롭게 생성됩니다.
카탈로그 목록에 표시되는 public의 위치는 공용 사진 폴더가 되고, 그 바로 아래에 있는 Images 카탈로그는 위에서 선택했던 폴더의 위치가 됩니다.
그것을 확인하기 위해 아래 그림처럼 마우스 우클릭하고 탐색기에서 폴더 열기를 선택하면 탐색기가 활성화 되면서 해당 폴더를 보여줍니다.


이제 선택한 폴더에 있는 이미지를 모두 가져와야 겠죠. 그러기 위해 위에서 해봤던 지금 폴더 업데이트를 선택합니다. 그러면 폴더에 있는 이미지들이 모두 자동으로 가져오게 되는 것을 확인할 수 있습니다.

참고로 이 카탈로그의 최대 용량은 1.8GB이고요, 최대 128,000개의 파일 까지 저장할 수 있습니다.
또한 참고로 축소판 이미지에 대한 옵션은 Expression Media의 메뉴바에서 편집 > 축소판 그림 및 미리보기 부분에서 옵션 설정으로 최적화 할 수 있습니다.

[참고]
1. OMSS, http://silverlight.net/Learn/videocat.aspx?cat=6
2. Expression Media Help Guide
저작자 표시 비영리 변경 금지
크리에이티브 커먼즈 라이선스
Creative Commons License

'Silverlight(Tools, Tech.)' 카테고리의 다른 글

[Expression Media] 5. Expression Media로 미디어 파일 버전관리  (2) 2009/07/20
[Expression Media] 4. Expression Media로 슬라이드 쇼 만들기  (0) 2009/07/17
[Expression Media] 3. 카탈로그 다루기.  (0) 2009/07/06
[Expression Media] 2. EM을 이용한 HTML 갤러리 생성  (0) 2009/07/05
[Expression Media] 1. Expression Media란?  (0) 2009/07/04
[엘리의 실버라이트 2.0] Silverlight 시계 만들기 (1)  (2) 2008/10/21
Posted by -세티-
TAG Catalogue, Expression Media, Siverlight
트랙백0 | 댓글0

[Expression Media] 2. EM을 이용한 HTML 갤러리 생성

Silverlight(Tools, Tech.) 2009/07/05 02:48
앞에서 언급했듯이 Expression Media를 이용하면 전문가가 아니어도 매우 간단한 작업만으로 원하는 형태의 문서를 만들어 낼 수 있습니다.

본 실습을 위해 먼저 Expression Media를 설치해야 합니다. Try 버전은 다음의 주소에서 다운로드 받을 수 있습니다. (EM 다운로드 받기 : http://www.microsoft.com/downloads/details.aspx?FamilyId=CD359E7D-FD27-4901-BAFF-6D564CFBD700&displaylang=en )

다운로드가 완료되면 설치 후 EM을 실행합니다.
평가판 이기에 계속 버튼을 클릭하고 진행합니다.

이제 몇 가지 이미지를 추가해서 웹 문서 형태의 포토 갤러리를 생성해 보겠습니다.
로컬 컴퓨터에 있는 이미지 몇 장을 선택합니다.

선택한 이미지를 Expression Media에 끌어다 놓습니다.
아래의 이미지 처럼 작업 영역에 사용할 미디어 파일이 추가되어 있는 것을 확인할 수 있습니다.

Expression Media 상단 메뉴에서 "만들기"를 선택하고 HTML 갤러리를 선택합니다.

그러면 HTML 옵션창이 활성화 됩니다.
테마탭의 사이트 제목란에 적당한 이름을 적어 줍니다.
그리고 바로 아래에 있는 테마 선택상자에서 원하는 테마를 선택합니다. 저는 '깔끔'을 선택 했습니다.
다음으로 인덱스 테이블이나 축소판 그림 그리고 미디어를 원하는대로 선택합니다.


설정 탭에서는 출력되는 문서 속성을 설정합니다.
문서의 확장명을 무엇으로 할 것인지 동영상이 포함되어 있는지 등을 선택합니다.
그 다음 왼쪽 하단에 있는 옵션 버튼을 클릭하여 저장할 이름을 결정합니다.

서버 탭에서는 FTP 설정을 통해 원격 저장을 가능하게 해줍니다.
설정이 모두 끝났으면 만들기 버튼을 선택합니다.

문서가 생성될 적절한 폴더를 선택하고 확인 버튼을 클릭합니다.

아래의 그림과 같은 웹 사이트가 생성되었습니다.

화면의 쎔네일 이미지를 클릭해 봅니다.
그러면 큰 이미지를 가지고 있는 페이지로 전환되고, 큰 이미지를 보여주는 화면에서 다른 화면으로의 이동이 쉽도록 상단에 네비게이션이 제공되는 것을 확인할 수 잇습니다.

전에 이런 간단한 형태의 문서를 만들 때는 웹 문서를 만드는데 필요한 기술을 알아야지만 원하는 결과물을 만들어 낼수 있었습니다. 그러나 Expression Media는 Rich한 웹 문서를 전문적인 기술이 없어도 너무나 쉽게 만들어 줍니다.

문서가 생성된 디렉토리를 보면1개의 HTML 파일과 3개의 폴더를 확인할 수 있습니다.
index.htm은 생성된 문서이고, assets 폴더에는 자바스크립트 파일과 네비게이션에 필요한 이미지 아이콘들이 포함되어 있습니다. preview 폴더에는 웹 갤러리가 생성될 때 메인 페이지에 노출될 썸네일 이미지가 생성되어 있습니다. Source 폴더에는 큰 이미지를 보여주는 웹 문서와 원본 이미지가 포함되어 있습니다.


사용자 입맛에 맞게 꾸밀려면 약간의 작업이 필요하겠지만 그럴 필요없이 테마만으로 충분하다면 단지 사진 몇장 드래그와 버튼 몇개 클릭만으로 웹 갤러리를 만드는 Expression Media의 기능이 매우 만족스럽습니다.

[참고]
1. OMSS, http://silverlight.net/Learn/videocat.aspx?cat=6
2. Expression Media Help Guide
저작자 표시 비영리 변경 금지
크리에이티브 커먼즈 라이선스
Creative Commons License

'Silverlight(Tools, Tech.)' 카테고리의 다른 글

[Expression Media] 4. Expression Media로 슬라이드 쇼 만들기  (0) 2009/07/17
[Expression Media] 3. 카탈로그 다루기.  (0) 2009/07/06
[Expression Media] 2. EM을 이용한 HTML 갤러리 생성  (0) 2009/07/05
[Expression Media] 1. Expression Media란?  (0) 2009/07/04
[엘리의 실버라이트 2.0] Silverlight 시계 만들기 (1)  (2) 2008/10/21
[엘리의 실버라이트 2.0] Silverlight 시작  (6) 2008/10/02
Posted by -세티-
TAG Expression Media, Silverlight
트랙백0 | 댓글0

[Expression Media] 1. Expression Media란?

Silverlight(Tools, Tech.) 2009/07/04 23:28
회사일도 바쁘고 C#과 실버라이트를 잠시 뒤로 미뤄두고 본의 아니게 현재 속한 곳에서 DBA 비슷하게 살고 있는 세티 입니다. (영원히 할 건 아니고 잠시....^^;;)

지금 몸 담고 있는 곳이 사교육 시장이어서 리치한 애플리케이션들을 참으로 많이 만들어 냅니다.(물론 제가 만든 건 아직 없고요...ㅎㅎ) 근데 이 곳에서도 실버라이트에 대한 관심은 아주 높더군요.
그래서 바쁜 시간 쪼개어 잠시 미뤄뒀던 이쪽(?)학습을 다시 시작했습니다.
뭔가를 만들려면 도구의 한계를 명확히 알아야 제가 표현하고 싶은 것들도 표현할 수 있을 테니깐요.
사실 실버라이트에 대해 깊이 있게 알지 못합니다. 프로젝트도 안해봤구요.^^
관련 도구의 성격도 아직은 잘 모르겠고요. 하지만 이렇게 정리해 가면서 들여다보게 되면 금방 제것이 될 거라는 생각이 듭니다. 단지 도구잖아요. ^^*

과거에 너무 어렵게 공부한 기억이 있어서 관련 내용에 대한 정리는 되도록이면 아주아주 쉽게쉽게 정리해 보겠습니다. 몇 가지 따라해보니깐 실제로 쉽긴 쉽더라구요. ㅡㅡ;;;
아무튼 강좌라기 보단 학습 정리에 대한 것으로 이해해 주시고, 필요한 분들은 저와 함께 포스트를 통해 공부해 보는 것도 좋을 것 같습니다.


Expression Media는 이미지나 동영상 그리고 사운드와 글꼴 등과 같은 미디어 파일 리소스를 이용해서 멀티미지어나 HTML 페이지등과 형태로 매우 빠르고 쉽게 구성할 수 있습니다. 많은 좋은 도구들이 현재도 없는 것은 아니지만 Expression Media는 직관적이고 쉬운 인터페이스 제공을 통해 전문가가 아닌 일반인들도 쉽게 원하는 결과물을 만들어 낼 수 있습니다.

이런 도구를 사용할려면 도구가 가지는 기능이나 성격을 필수적으로 알아야 하는 것은 아니지만 알아두면 원하는 작업을 보다 능률적으로 할 수 있을 것입니다.



Expression Media가 가지는 기능
  • MS Office 2007/2008의 파일 형식과 Expression Media에 필요한 여러가지 파일 형식을 지원합니다.
    • DOCX, DOTX, PPTX, POTX, XLSX, XLT(MS Office)
    • XAML, Design XEJ, CSS, JS, VBS
  • 네트워크 작업의 효율성
    • 한 사용자가 카탈로그를 열어 편집하는 동안 다른 사용자가 공유되는 위치에서 편집중인 카탈로그에 접근해서 내용을 볼 수 있도록 해주는 카탈로그 잠금 기능의 제공
  • 키워드 교집합 또는 합집합을 통해 이미지를 정렬할 수 있음.
  • 미디어 파일에 대한 계층 구조 키워드 생성이 가능(사진 파일의 모든 레이어에 설명 추가 가능)
  • 작업을 위해 필요한 미디어 파일을 쉽게 가져올 수 있고, 카탈로그, 축소판 그림 만들기 등을 더욱 빠르게 할 수 있고, 가져오는 중에 손상된 파일을 알려주는 기능이 있음.
  • 다중 모니터를 사용하는 작업 환경에서 라이트 테이블과 카탈로그, 도구를 분리해서 위치시켜 놓고 작업을 할 수 있어 작업 생산성이 향상됨.
  • 템플릿이 포함되어 있어서 플랫폼 독립적인 웹 갤러리 구성이 가능
  • Quick Time이 필요한 부분에는 "QT"라는 로고를 보여줌.
  • Quick Time이 없으면 WIC(Windows Imaging Component)를 사용하여 이미지 인코딩, 디코딩 변환을 수행해 줌.
  • 이동식 저장장치(USB, Memory Card) 등의 자료를 즉시 가져올 수 있음.

Expression Media는 Quick Time을 자동으로 설치해 주지 않습니다. 슬라이드 쇼의 실행, 동영상 파일의 변환이나 음성 파일의 변환과 같은 작업은 Quick Time이 있어야 작동시킬 수 있으므로 미리 설치해두면 좋을 것 같습니다.

Apple의 Quick Time : http://www.apple.com/quicktime/

[참고]
1. OMSS, http://silverlight.net/Learn/videocat.aspx?cat=6
2. Expression Media Help Guide

저작자 표시 비영리 변경 금지
크리에이티브 커먼즈 라이선스
Creative Commons License

'Silverlight(Tools, Tech.)' 카테고리의 다른 글

[Expression Media] 3. 카탈로그 다루기.  (0) 2009/07/06
[Expression Media] 2. EM을 이용한 HTML 갤러리 생성  (0) 2009/07/05
[Expression Media] 1. Expression Media란?  (0) 2009/07/04
[엘리의 실버라이트 2.0] Silverlight 시계 만들기 (1)  (2) 2008/10/21
[엘리의 실버라이트 2.0] Silverlight 시작  (6) 2008/10/02
[엘리의 실버라이트 2.0] 관리되는 코드에서 HTML DOM에 액세스  (3) 2008/09/21
Posted by -세티-
TAG Expression Media
트랙백0 | 댓글0