자 이제 마지막입니다. 물론 항상 말했던 것이지만 이내용과 소스는 http://www.microsoft.com/design/toolbox/tutorials/using-sketchflow/part5/default.aspx 에서 받을 수 있으며 영어를 동반한 동영상 데모도 있으니 참고하시기 바랍니다. 이번 시간에 할 내용은 ListBox를 형성하고 그에 대한 애니메이션과 트리거를 설계하는 겁니다. 말은 어렵게 했지만 실제 원문에서도 볼 수 있는 것처럼 3페이지만에 끝나는 내용입니다. 지금 디자인뷰에 떠 있는 TopPicks 부분을 펼치면 알겠지만 안의 내용물들이 ListBox로 되어 있습니다. 이제 이 ListBox에 대한 State를 형성해보도록 하겠습니다. 우선 State창에서 새로운 State를 형성합..
역시 예제 파일은 있습니다. 지난 시간에는 결과물도 포함되어 있었지만 이번에는 실습 준비물만 있습니다. 이번 시간에 할 내용은 일러스트레이트에서 파일을 importing하고 transition을 사용해서 애니메이션 생성하는 것을 주로 다뤄보고자 합니다. 우선 프로젝트를 연 후 기존에 Sketchflow map에 형성해 두었던 것중 안썼던 AdvSearch를 선택합니다.그리고 Assets에서 Pivot control을 찾아서 거기에 삽입합니다. 아마 예제 파일은 여기까지 되어 있는 것 같습니다. 그 Pivot을 열면 여러가지 PivotItem들이 들어있는데 그중에 우리는 RecipePivotItem에 추가를 시켜야 합니다. 그런데 일전에 Panorama를 할때도 이야기 했었지만 앞의 개체가 보여지는 한 다..
지난 시간에 이어서 이번에도 예제파일이 있습니다. 물론 원문은 http://www.microsoft.com/design/toolbox/tutorials/using-sketchflow/part3/ 이고 역시 첨부 파일을 다운로드 받을 수 있습니다. 이번 시간에 할 건 이미지를 삽입하는 방법, Transform을 사용한 개체 변형, 데이터를 삽입하는 곳의 디자인을 변경하는 일을 해보고자 합니다. 우선 압축을 푸시고 Lesson3_Start 관련 프로젝트를 블랜드로 열어주시기 바랍니다. 지난 시간에 TopPicksPanoItem까지 했으니 이번에는 세번째 페이지인 FavoritePanoItem을 채울 차례입니다. 이제 Data창을 여시면 전에는 삽입하지 않았던 샘플 데이터들이 들어가 있습니다. 여기서 우리가 ..
파워포인트 보면 다이어그램이라는 기능이 있습니다. 그런데 이거 갖고는 의 밑에 있는 도넛 모양 차트는 못 만들거 같네요. 딱 보니까 입체감을 줄 수 있는 깊이 항목이 비활성화 되어 있습니다. 그럼 어떻게 만들까요? 전 전에 한번 다뤘던 셰이프 병합 기능을 사용해서 만들어 보고자 합니다. 우선 보기와 같이 원형 도형 1개가 필요합니다. 정방형 개체를 만들기 위해서는 개체생성을 shift를 누르면서 생성하면 됩니다. 확실하게 하려면 눈금선을 그어서 하는게 낫겠지요? 한개를 만들었으면 복사후 겹쳐놓습니다. 이제 셰이프 병합을 이용해서 1/4원을 만들어줍니다. 하려면 위처럼 겹쳐놓은 후 셰이프 빼기를 하면 되겠지요. 결과물은 다음과 같이 나옵니다. 이제 3차원 서식과 회전을 적절하게 사용하면 됩니다. 위와 같은..
지난 시간에 언급한대로 예제 파일을 가지고 실습하겠습니다. http://www.microsoft.com/design/toolbox/tutorials/using-sketchflow/part2/ 에서는 완성본도 포함되어 있으니 참고하실 분은 참고하셔도 됩니다. 우선 이 파일을 블랜드를 통해서 블러오면 전에 했던 파일에 배경 이미지만 삽입되어 있는 것을 확인할 수 있을겁니다. 배경이미지는 Edit Template에서 Edit current를 통해서 이미지를 삽입하면 됩니다. 이번 시간에 할 것은 이 프로젝트에 샘플 데이터를 넣고 실제처럼 보여주자는 겁니다. 우선 Main 스크린을 더블클릭한 후 우측 창을 보시면 데이터라고 하는게 있습니다. 그중에 Create sample data를 선택하면 무슨 창이 뜨는데 ..
하이퍼링크 기능 많이 쓰시나요? 모르시는 분을 위해서 간단히 언급하자면 페이지와 페이지사이의 연결 고리입니다. 일반적으로 슬라이드 쇼를 진행하면 1부터 차례대로 페이지가 넘어가지만 하이퍼링크를 잘 활용한다면 다른 페이지에 있는 자료를 보고 다시 돌아오는 것도 가능합니다. 하이퍼링크 사용법은 다음과 같습니다. 1페이지는 이와같이 버튼을 여러개 만듭니다. 그리고 가고자 하는 동영상 페이지는 4페이지라고 가정합시다. 그럼 원하는 버튼 위를 우클릭하면 하이퍼링크라는 버튼이 있습니다. 이걸 누르게 되면 아래와 같은 창이 뜹니다. 이제 여기서 자기가 링크를 걸고 싶은 창을 선택해주면 됩니다. 그 대상은 웹페이지도 될 수 있고, 해당 ppt내의 다른 페이지도 가능합니다. 앞의 예시에서는 4페이지에 동영상을 삽입했으므..
이번에 언급할 이야기는 마이크로소프트 툴박스에서 WP7 앱을 sketchflow를 통해서 다루는 내용을 한글로 정리한 내용입니다. 원본은 http://www.microsoft.com/design/toolbox/tutorials/에서 확인할 수 있습니다. 우선 전 포스팅을 따라서 준비가 완료되신 분이라면 일단 다음 페이지로 가셔서 윈도우폰용 실버라이트 툴킷을 설치하셔야 합니다. http://silverlight.codeplex.com/releases/view/75888 sketchflow가 전반적으로 실버라이트를 기반으로 동작하기 때문에 위 툴킷을 깔아야 됩니다.. 깐다고 마무리되는게 아니라 add reference라는 항목을 통해서 .dll파일을 추가시켜야 합니다. 보통 dll 파일은 다음 위치에서 찾을..
회사 pt를 진행하다보면 회사의 로고를 삽입해야 합니다. 그런데 보면 회사의 로고는 보통 하얀 바탕에 있습니다. 만약 작성해야할 pt의 바탕이 흰색이 아니라면 어떨까요? 예시로 들겠습니다. 이런 경우라면 분명 주변과의 색상이 안어울립니다. 이럴때는 분명히 로고 뒤에 깔린 배경을 날려야 합니다. 이때 쓰는 기능은 마우스로 가리키고 있는 아이콘을 누르면 할 수 있습니다. 투명한 색 설정이라고 되어 있는데 이 메뉴는 리본 메뉴상에 없습니다. 즉 사용자가 메뉴로 등록해야 사용가능합니다. 저같은 경우는 빠른 실행 모음으로 설정했습니다. 아 여기 있네요. 이 버튼을 누르고 딱 흰바탕을 누르시면 매직이 일어납니다. 분명히 자세히 보시면 픽셀이 조금씩 깨져 있는 것을 확인할 수 있는데 그래도 간단하게, 요긴하게 쓰기에..
여러분은 글자속에 이런 효과가 들어가 있는 것을 많이 보셨을 겁니다. 뭔가 바닥에 비쳐보이면서도 글자에 은은한 기운이 남아 있는 것.. 물론 저런거 왜 쓰냐 하는 사람도 있겠지만 분명 안 쓴것과 쓴것과의 차이는 존재한다고 보니다. 원래 원본은 이렇기 때문이지요. 이는 이전에 잠깐 다뤘던 문자 그라데이션과 더불어서 도형 그라데이션과 반사효과를 줌으로써 구현할 수 있습니다. 우선 텍스트 박스에 맞는 사각형을 만들어서 끼워넣습니다. 그리고 마우스 오른쪽 버튼을 눌러서 도형 서식으로 들어가게 됩니다. 여기서 신경써야 할 부분은 그라데이션 채워넣기와 투명도입니다. 분명 지난 포스팅에서 이에 대한 내용을 다뤘으므로 다들 아실줄로 믿습니다. 이제 그라데이션을 집어넣습니다. 분명 이전에 했었던 그라데이션 설정이 그대로..
지난번에 이어서 이번에는 버튼을 달아줍시다! LED는 지난 포스팅처럼 연결하면 되고 이제 연결은 스위치를 잘 배치하면 됩니다. 이번 동작원리는 이렇습니다. 스위치에도 양극과 음극에 전원의 High와 Low를 연결합니다. 그래서 스위치를 누를때는 양극에 연결되어 있는 high가 아두이노상의 7번 포트로 들어가게 됩니다. 반대로 스위치가 안눌러질때는 막바로 gnd에 연결되어있게끔 되어 있는 것이지요. 위에서 보면 다음과 같이 구성하면 됩니다. 반드시 스위치의 한쪽은 POWER의 5V라고 표시되어 있는쪽에 다른 한쪽은 10k옴 저항을 거친 후의 노드에서 gnd로 나가게끔 하면 됩니다. 저항을 달아주는 이유는 조금 생각해볼까요? 만약 저항이 안달리고 바로 gnd로 연결되어 있다면 과연 스위치를 눌렀을 때 불이 ..
이전 내용을 계속 가지고 활용하겠습니다. 분명 위의 것보다는 밑의 것이 입체감도 있고 보기가 좋을겁니다. 이효과를 주기 위해서는 3차원 서식을 활용해야 합니다. 아까와 같이 텍스트 효과 서식메뉴의 3차원 서식으로 선택합니다. 물론 여러가지 메뉴가 있는데 저희가 다뤄야 하는 항목은 입체효과와 표면입니다. 정말로 많은 항목이 있는데 가장 많이 쓰이는 건 맨상단의 둥글게와 그다음 밑에 있는 각지게 입니다. 일단 예제를 위해서 각지게를 선택합니다. 너비는 글자를 둘러싸고 있는 테두리선의 너비를 말합니다. 너비에 따라서 결과도 달리지는 것이 보이실겁니다. 일단 여기의 값은 1로 정의합니다. 다음은 높이입니다. 높이도 역시 수치가 변화함에 따라서 약간 변화가 있다는 걸 느끼실 수 있을겁니다. 여기도 1로 둡니다. ..
한가지 물어봅시다. 어느 것이 더 시각적으로 확 들어오나요? 확실히 위에 있는 텍스트가 조금더 멋있을겁니다. 사람들의 생각은 보통 저런 폰트는 포토샵을 이용해야 만들 수 있다는 것으로 압니다만 위의 텍스트는 모두 파워포인트에서 만들어진 효과입니다. 혹자는 워드 아트를 쓰면 얼추 비슷하게 만들 수 있지 않느냐고 말할 수도 있겠지만.. 한번 밑의 글자를 위의 글자로 바꿔봅시다. 우선 여기에 사용되는 기능은 텍스트 그라데이션입니다. 글자를 선택하고 우클릭을 해서 텍스트 효과 서식이란 메뉴로 들어갑니다. 그럼 메뉴창이 뜰겁니다. 여기서 그라데이션 채우기를 선택합니다. 그라데이션이란 사물에 질감을 표현하는 기능입니다. 이걸 이용하면 요소의 색상에 관한 속성을 자신이 원하는대로 수정할 수 있습니다. 우선 맨처음 그..
무슨 일이든 하는 것에 있어서 아주 쉬운 것부터 따라가보라고 하지요. 그래서 제어중 가장 쉬운 LED 제어부터 해보고자 합니다. 준비물은 위와 같이 아두이노와 LED 하나입니다. 지금 사진상으로 보면 LED의 다리 모양이 다른 것을 확인할 수 있습니다. 긴쪽에 애노드라 하여 아두이노 상의 13이라고 표시되어 있는 구멍에 넣습니다. 짧은 쪽은 캐소드이며 이 부분을 GND에 꽂습니다. 그럼 전류는 +에서 -로 흐르기 때문에 전류가 흐르면서 불이 켜지게 됩니다. 일단 꽂은 결과는 다음과 같습니다. 이제는 지난 시간에 설치한 아두이노 컴파일러를 활용할 차례입니다. 프로그램을 켜고 다음과 같이 칩니다. 프로그램 특성상 한글이 타이핑이 안되므로 하나씩 설명하겠습니다. 우선 맨처음 줄은 LED를 13포트에 연결한 것..
PT 상에서 위 그림은 과연 하나의 개체일까요? 그런데 사실은 이렇게 겹쳐져 있을거라는 의심을 해보셔야 합니다. 사람들은 보통 한창에 애니메이션을 많이 해놓습니다. 그런데 만약! 중간에 있는 것을 고쳐야 할 필요성이 생길겁니다. 아무리 PT의 천재, 기획의 천재가 아닌 이상, 중간에 있는 내요을 고쳐야 할겁니다. 그런데 고민이 많으실 겁니다 만약위처럼 5개가 겹쳐져 있는데 두번째것처럼 개차2라고 되어 있는 것을 고치기 위해서 많은 분들은 다음과 같이 할겁니다. 지금 이렇게 5개만 있을 때는 상관없다고 하지만 만약 개체가 그 이상이면 어떨까요? 2010에서는 이런 것을 따로 메뉴화 해놨습니다. 바로 개체 선택창이라는 거지요. 이를 클릭하게 되면 화면 우측에 창이 하나 활성화 됩니다. 지금은 이걸로 뭐하나 ..
- 이 포스팅은 PT클럽의 강의 내용을 바탕으로 만들었습니다 - 저도 요즘에 프레젠테이션에 관심이 많아서 조금씩 공부를 하고 있습니다. 그래서 그 배운 내용을 복습하는 차원에서 3분에 끝낼 수 있는 PT 기능에 대해서 언급해보고자 합니다. 우선 기본적으로 전제가 되어야 할 점은 오피스 2010을 기반으로 한다는 겁니다. 오피스 2010을 안 쓰시는 분이라면.. 이글에 뽐뿌를 받아서 지르시기 바랍니다. 끝으로 강의를 진행해주신 김지훈 MVP님! 그리고 뒤를 항상 지켜주시는 김봉정 MVP님께 감사하다는 인사를 드립니다. 자 우선 2010을 쓰시는 분이라면 혹시 셰이프 결합을 아셨나요? 일상적으로 리본형식의 메뉴를 쓰시는 분이라면 이 기능을 잘 모르실 겁니다. 왜냐? 리본타일에는 바로 이 기능이 없기 때문이지..
- Total
- Today
- Yesterday
- reward
- Pipeline
- RL
- Policy Gradient
- Windows Phone 7
- 강화학습
- windows 8
- DepthStream
- dynamic programming
- Off-policy
- Distribution
- Expression Blend 4
- SketchFlow
- Kinect for windows
- Kinect SDK
- Offline RL
- Kinect
- processing
- Variance
- Gan
- TensorFlow Lite
- arduino
- 딥러닝
- 한빛미디어
- 파이썬
- Python
- ColorStream
- bias
- PowerPoint
- End-To-End
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |