목록디자인 (24)
세이박스
안녕하세요! 오랜만에 앱디자인 2기 모집을 진행 합니다. 앱디자인 모임이란? 앱 개발 프로젝트중 디자인 비중이 높아 지면서 최근에는 기획,개발,디자인 등으로 분야가 세분화 되고 있습니다. 그렇다고 앱디자이너라는 명칭도 생겨난지 얼마 되지 않았기에 해당 분야에 종사하는 분들이 자주 하는 말이 다른분들은 어떻게 디자인 하고 있는지 등에 대한 정보 공유를 필요로 하는 분들이 많더군요. 그래서, 앱디자인이라는 모임을 개설하게 되었습니다. 1기는 기존 개발자 분들이 디자인 까지 병행하고자 참석하셔서 툴을 배우실려고 하셨는데, 저희 스터디에서는 툴 다루는 것은 가르쳐 드리지 않습니다. 툴(포토샵, 일러스터)은 학원 등에서 더욱더 잘 가르쳐 주고 있지요. 최근 앱센터에서 무료 교육으로도 디자인 교육 하고 있구요. (..
플래시 CS5 에서 FLV 동영상 작업을 동작시 이상없이 잘되었으나 버튼 기능을 추가 한 뒤 부터 아래와 같은 오류가 발생하더군요. WARNING: Actions on button or MovieClip instances are not supported in Actionscript 3.0. All scripts on object instances will be ignored. 원인은 버튼 함수 버전 문제 이더군요. flv 동영상 플레이어는 Action script 3.0에서만 동작해서 3.0으로 제작했는데 문제는 버튼 action script가 3.0에서는 동작하지 않다는 것입니다. 그래서 버튼 영역을 별도의 플래시로 분리해서 FLV 동영상 플래시는 Actionscript3.0으로 제작하고 버튼 플래시는..
평소 Adobe사의 기술인 Flex 라던가 Air 에 관해서 솔직히 별반 관심이 없었던 것은 사실이다. 그렇지만 Air 란 놈은 상당한 물건인것 같다. 우선 Air를 이용하여 개발할 경우 Client 프로그램으로 웹 페이지를 내려 앉힐수 있다. 물론 DB연결 및 네트워크 통신은 모두 자바 스크립트에서 지원 해주고 있으며 총 3가지의 방법을 제시 한다. 1. Flash 를 이용한 Air 2. Flex 를 이용한 Air 3. JavaScript(Ajax)를 이용한 Air 총 위의 3가지 방법을 이용하여 개발 할수 있으며 메인 페이지의 구성은 Flash 나 Flex는 자체에서 제공하는 swf 상에서 구성 하여도 되고 Ajax를 이용한 경우에는 html 로 구성시킬수 있다. 특히 좋은 점은 eclipse 변형 ..
구글에서 차트 API가 나왔습니다. 언제 나왔는지는 잘 모르겠지만 -_-; 새벽에 심심해서 open api들을 뒤지다가 이게 있다는걸 알게 됐습니다;; 근대 이 구글 차트 API 정말 물건이군요;; 아주 깔끔하게 차트를 그려 줍니다. 이게 Chart API로 방금 그린 Hello World chart 입니다. 정말 깔끔하지 않나요 -.,-;; 이 Chart를 그리는 방식은 다음과 같습니다. http://chart.apis.google.com/chart?&& 즉 GET 방식으로 파라메터들을 묶어서 날리면 알맞은 이미지가 날아오는 것입니다. 위의 헬로우 월드를 그린 URL은 다음과 같습니다. http://chart.apis.google.com/chart?cht=p3&chd=s:hW&chs=250x100&ch..
Adobe Air는 HTML, AJAX, FLASH, FLEX 를 만들줄 아는 사람을 상대로 비교적 간단하게 Desktop에서 돌아가는 RIA(Rich Internet Application) 을 만들 수 있게 해주는 프로그램 입니다. 여기선 FlexBuilder 3와 Flex를 이용해서 HelloWorld 프로그램을 Air로 만들어 보겠습니다. Adobe Air는 무료로 배포하는 SDK가 존재 합니다. 그러나 이걸로 Air를 만들려면 SWF를 만들 수 있는 다른 flex sdk 혹은 flash 혹은 flexbuilder가 필요 합니다. 또한 이래저래 설정에도 손이 많이 갑니다. 그래서 그냥 한방에 모두 해결되는 flexbuilder3를 씁니다. flex sdk + air sdk로 쓰시려는 분들은 이런 글..
포토샵으로 사진을 스케치 효과 내기 원본사진 스케치효과 적용 사진 1. [image] - [adjustiments - desaturate] 2. Background - layer copy 3. Ctrl + I 4. [Filter] - [Blur - gaussian blur] radius - 10 5. [레이어] 에서 블렌딩 모드 - Color dodge 6. [레이어] 에서 - [Flatten image] 7. Background layer copy 8. [Filter] - [noise - add noise] 9. [filter] - [Blur - motion blur] 10. [레이어]에서 블랜딩모드 - Multiply, opacity - 40% [출처] 세이박스 - http://www.saybox.c..
일러스트 이용중에 설정이 문제가 생겨 다시 재설치 해도 이전 설정되로 설치가 되는경우가 있죠. 일러스트를 다시 설치하면서 기본 환경 설정 파일이 제대로 안지워 져서 그렇습니다. 환경설정파일은 내문서에 숨겨져 있습니다. 따라서, 환경설정 파일을 지우면 됩니다. 파일위치는 C:\Documents and Settings\로그인아이디\application data\adobe\illustrator 10 안에 있습니다. 문제는 해당 폴더들이 숨겨져 있는데 숨겨져 있는 폴더나 파일을 볼려면 탐색기 메뉴에서 설정을 변경 하셔야 합니다. 도구 > 폴더 옵션 > 보기 > 고급설정 > 숨김 파일 및 폴더 > 숨김 파일 및 폴더 표시 에 체크를 하시면 보입니다. AIPrefs 파일을 지우면 처음 설치 했을때와 같이 되돌아갑니..
div 레이어가 플래시가 겹칠때 가려지는 경우 z-index 와 플래시 옵션 추가로 높이 순서를 바꿀 수 있습니다. 1. 플래시 소스도 div로 감싸주고 z-index 값을 다른 div의 z-index 값보다 높게 입력한다. (높은 숫자가 아래로 내려감) 플래시에 가려졌던 내용 2. 플래시 옵션에 vmode 값을 추가 그럼, 잘 처리 해결 하시길 바라며, 세이박스에 즐겨찾기 추가하셔서 자주 방문 해 주세요! [출처] 세이박스 - http://www.saybox.co.kr/bbs/board.php?bo_table=flash&wr_id=16
8.5G DVD용량을 4.7G DVD 시디에 복사 하고자 할때 다음과 같은 과정으로 설치 하시면 됩니다. 위 이미지 처럼 OpenDisk 를 클릭합니다. 읽고자하는 DVD 드라이버를 선택합니다. 그럼, 한참동안 DVD내용을 읽고 있는 창이 보일겁니다. 잠시 기다리시면 다음과 같이 DVD 정보가 나타납니다. 선택된 DVD 정보가 쭉 나타 났습니다. Compression Settings 에서 Video에 Automatic 셀렉터 박스를 선택하시면 우측에 용량이 표시되는데 자신의 DVD용량에 맞게 선택을 하시면 됩니다. 보통 Automatic 상태에 두시면 4.7기가 이내로 선택해줍니다. 자막이나 사운드를 좀더 수동으로 조절 가능하기도 합니다. 다음 Backup 을 클릭하세요! DVD롬이 두개인 분은 Sele..
일반적으로 구입한 DVD는 DVD-9 방식으로써 8.5GB 의 듀얼레이어 방식의 용량을 사용하고 있습니다. 듀얼레이어 방식의 DVD시디가 보통 몇배정도 비쌉니다. 그리고, DVD-5방식인 4.7G용량의 시디를 좀더 쉽게 구입하실거구요. 따라서 8.5G 용량의 내용을 shrink 프로그램을 이용해 용량을 줄여서 백업하거나 복사하실 수 있습니다. shrink 프로그램은 http://www.dvdshrink.info/ 홈페이지에서 만든것으로 프리웨어로 제공 되고 있습니다. 즉, 공짜 프로그램이란 말이죠 ㅋㅋ 설치과정은 아주 간단합니다. 그냥 다음 다음...쭉 설치 하시면됩니다. [출처] 유포유 - http://www.uforu.net/bbs/board.php?bo_table=multi&wr_id=4
플래시 차트를 홈페이지에 적용해보고자 찾아서 올립니다. ㅇ http://www.fusioncharts.com 퓨전챠트에서 제공하는 무료 버전은 차트에 로고가 뜹니다. 참고하시고 이용하시길 ^^ 폰트 사이즈 조정 가능 합니다. 사용방법은 xml 생성 또는 직접 플래쉬에 데이터를 전달하여 사용 합니다. 다운로드 : http://www.fusioncharts.com/free/Download.asp?gMenuItemId=5 설명서 : http://www.fusioncharts.com/free/docs/ ---------------------------------------------------------------------- 이외에 찾은 차트 제공 사이트 Open Flash Chart http://teethg..
2007년 12월 adobe의 flash player 9가 115버전으로 upgrade되었다. upgrade가 되면서 족족 들어나는 버그 및 오류들... 그중 한가지인 getURL이 먹통(?)이 되는 오류에 대해서 알아보자. adobe사에서 의도적이진 않았겠지만 보안정책이 바뀌게 되면서 flash player 115버전을 사용하는 컴퓨터에서의 getURL의 사용이 제한되었다. 이로인한 해결책은..... ============================================================================== The easiest fix is to specify AllowScript-xAccess="always" in the HTML page, as in this exam..
_root.createEmptyMovieClip("mm",1); mm.loadMovie("./flash/nav_5mBar.swf"); mm._x = 285; mm._y = 30
1. Flash 저작 도구의 라이브러리 패널에서 문서를 연 다음, 라이브러리 옵션 메뉴에서 새 비디오를 선택하여 비디오 객체를 작성합니다. 2. 비디오 객체를 라이브러리 패널에서 스테이지로 드래그합니다. 이와 같이 하면, 비디오 객체 인스턴스가 만들어 집니다. 3. 스테이지에서 비디오 객체의 인스턴스 이름을 my_Video로 합니다. 4. 타임라인에서 프레임 1을 선택하고 액션 패널에 다음 코드를 추가합니다. // Create a NetConnection object: var netConn:NetConnection = new NetConnection(); // Create a local streaming connection: netConn.connect(null) // Create a NetStream ..
1) 컴포넌트에서 FLV_Playback 꺼내놓고 인스턴스네임을 my_FLVPlybk라고 줍니다. 2) 1번 프레임에 다음과 같은 액션을 넣어줍니다. import mx.video.*; // 플래시 무비에 같은 폴더에 configuration폴더안에 있는 skin폴더에서 자신이 원하는 스킨을 선택복사하여 //같은 폴더에 넣어줍니다. my_FLVPlybk.skin = "MojaveExternalAll.swf"; my_FLVPlybk.contentPath = "http://자신의 도메인주소/jang.flv"; var listenerObject:Object = new Object(); listenerObject.ready = function(eventObject:Object) { var cuePt:Object ..
유튜브 사이트에서 Adobe Flash Player 9를 다시설치해야 한다고 해서 설치를 했는데도 동영상이 안보이는 에러가 발생했을 경우 예전버전을 삭제한 다음 새로 설치해준다. 인터넷 익스플로러 > 도구 > 인터넷 옵션 > 임시 인터넷 파일의 '설정' > 개체 보기 > 전부 삭제 혹은 flash가 포함된것 삭제 구버젼 player uninstall : http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_14157 Flash Player 9 : http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash&promoid=BIOW 출처: http://kin.naver..
질문: 플래시 loadmovie 에 관해서 wlsdnd211 / 2006-08-17 22:35 안녕하세요. 제가 버튼에 로드무비를 넣으려고 하는데요.. 어떻게 해야될지 모르겠어요., 로드 무비 사용법을 몰라서,, 로드무비 할 파일은 main.swf 에요 on(press){ loadMovie(name,main.swf) }
html 에 자바스크립트를 써주고.. 플래시에서는 자바스크립트만 호출하는 방법이 더 좋기는 하다. 하지만.. 가끔 이런 소스가 필요할 때가 있을 것 같다. getURL() 를 써서 새창 띄우는 방법이다. 새창띄우기 on (press) { getURL("javascript-x:window.open('http://www.naver.com','nwindow','width=510,height=500,marginwidth=0,marginheight=0,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no');void(0);"); } 또는 전체화면으로 띄우기 on (press) { getURL("javascript..
< 출처 : http://namooya.com/zboard/zboard.php?id=f4f&no=24 > [시작하기 전에] 이번에는 image로딩에 관해서입니다. MovieClipLoader 클래스는 FlashMX2004버전때부터 지원하고 있습니다. 이미지나(jpeg) 또다른 플래시(swf)를 로딩하기 위해서 로딩 과정을 표시하는 것과, 로딩 완료후 그것을 어떻게 조정하느냐가 중요하죠. 예를 들어 img.jpg를 특정 무비클립내에 로딩한다고 하면, img.jpg가 얼마나 로드되고 있는지 알려줘야 하고, 다 로드 된 것을 알아차려, 그 크기와 위치를 조정해줘야 합니다. 2004버전이전에는 MovieClip.getBytesLoaded() 메소드를 통해서 로드과정을 표시하고, onClipEvent(data)나..
장면(Scene)이 여러 개인 플래시 무비에서 gotoAndPlay(), gotoAndStop()을 사용해서 특정 장면의 프레임으로 이동한 후 재생 또는 정지하게 만들려면 다음과 같은 형식으로 코드를 작성합니다. gotoAndPlay("main","1"); //main 장면 1번 프레임으로 이동한 후 재생 gotoAndStop("main","1"); //main 장면 1번 프레임으로 이동한 후 정지 두 개 이상의 장면(Scene)으로 이루어진 플래시 무비에서 gotoAndPlay(), gotoAndStop()을 사용하는 경우 액션 스크립트로 장면(Scene)을 제어할수 없기 때문에, 'A'란 장면에 맞는 'ClipA' 무비클립 안에 버튼을 만들고 버튼 액션을 다음과 같이 작성하면 버튼에 적용된 액션스크립..
참고 : http://www.adobe.com/devnet/flashplayer/articles/full_screen_mode.html 본 코드는 Flash Player9 이상에서 작동하며 Html단의 object태그에 다음 붉은 글씨가 추가로 삽입된다. -------------------------------------------------------------------------------------------- ----------------------------------------------------------------------- 다음의 예제 코드는 플래시영역에서 마우스 오른쪽 버튼을 눌렀을경우 풀스크린 메뉴를 추가. 기능을작동시키는 펑션으로 구성되어 있다. AS3.0에서 중요한 문장 --..
loadMovie 를 하게 되면..단순히 불러오는 정도 밖에 하지 못하지만. MovieClipLoader 를 이용하게 되면, swf, jpg 등을 불러올 때에 좀더 디테일한 제어가 가능해진다. _root.createEmptyMovieClip("mv", 15); //로드되는 과정을 지켜볼 리스너객체를 생성한다. var mclListener:Object = new Object(); mclListener.onLoadStart = function(target_mc:MovieClip) { //로딩을 시작할 때에 처리할 일을 작성한다. } mclListener.onLoadProgress = function(target:MovieClip, bytesLoaded:Number, bytesTotal:Number):Void..
두가지 방식.. 모두 가능하다.. 이를테면.. ##경우1## loadMovie("sub.swf",_root); ##경우2## _root.loadMovie("sub.swf"); 경우1과 경우2 같은 결과가 나온다. 위의 예제는 문제가 있다. (다 알고 있는 부분이겠지만....) _root.loadMovie("sub.swf"); 이렇게 쓸 경우에.. sub.swf가... _root에 로딩 되는게 아니라 _root가 sub로... 바뀐다.. 때문에... _root에 있던.. 기존 오브젝트들은 사라지게 된다. 그래서.. _root.createEmptyMovieClip("mm",1); mm.loadMovie("sub.swf"); 이렇게 써줘야... 기존 _root는 그대로 있고.. sub.swf만..Depth....
SilverLight 2.0 Beta 1 개발환경 구축 Visual Studio 2008 (필수) : SilverLight는 기본적으로 .Net Framework 3.5에서 돌아갑니다. 따라서, .Net Framework 3.0까지만 지원이 되는 Visual Studio 2005에서는 개발을 할 수 없습니다. 그래서, VS 2008이 필요한데, 현재는 Professional Ver.이 90일 한정판으로 나와있습니다. 자유롭게 다운로드 가능합니다. http://www.microsoft.com/downloads/details.aspx?FamilyID=83C3A1EC-ED72-4A79-8961-25635DB0192B&displaylang=en Microsoft Silverlight Tools Beta 1 fo..