강의 컨설팅 트레이닝 무료진단 무료책자 마케팅편지 마케팅정보공유 다이어리 서비스제휴 고객센터

Danamic Text / embed
작성자 : 99 단국강토
등록날짜 : 2009.02.03 10:10
1,488

임베디드폰트란?

Embed 뜻 자체가 무엇 무엇을 포함 시킨다 인것처음, 즉 모든걸 포함되어진 폰트라 생각하면 된다. 쉽게 풀어서 설명한다면 소위 Css에서 사용하는 웹폰트의 개념하고 똑같다.
 
 플래쉬에서 텍스트 필드는 세가지로 나뉘어진다. Static Dynamic, Input 이중에서 Static의 경우는 퍼블리싱할 때 입력된 텍스트를 쉐이프로 변환되서 들어갑니다. 즉 폰트의 정보 를 받아서 백터와 시킨다고 생각하면 된다.
 
 그렇기 때문에 한번 퍼블리싱된후에는 해당 폰트가 없는 피씨에서 Swf를 열어 보더라도 폰트정보를 읽어와서 텍스트를 보여주는것이 아니기 때문에 정상적으로 내가 선택했던 폰 트로 나온다.
 
 물론 원본 Fla소스에서는 없는 해당 폰트가 없는걸로 나오게 된다. 또한 Dynamic과 Input 텍스트 필드의 경우는 액션스크입트 또는 직접입력에 의해서 변수값을 받아 뿌려지는  형태이다. 이것은 Static과는 달리 퍼블리싱할 때 백터화 시키지 않고 폰트정보만 기억하고 있다가 Swf가 실행될때 User 컴퓨터의 폰트박스를 검사해서 해당 폰트가 있으면, 그폰 트 정보를 받아와서 동적으로 화면에 보여주게 된다,  그렇기 때문에 사용되었던 폰트가 없는 다른 PC에서는 정상적으로 나오지 않게 되며 시스템 기본 폰트로 대치되어 나온다.
 
 이렇게 Dynamic / Input 텍스트 경우에 Static 텍스트 처럼 사용할려면 기본 폰트정보뿐만 아니라 폰트의 정보를 받아서 백터화 시켜야 하는데 이런 기능을 하게 하는게 바로 임 베디드이다
 
 임베디드를 하게되면 폰트가 웹상에서 User가 가지고 있는 않은 폰트여도 제작자가 의도한 폰트 스타일대로 나오게 됩니다.

 

 Macromedia Flash 에서는 Dynamic/input 텍스트 를 임베디드 시키는 방법은 크게 2가지방법으로 나뉘어 진다. 첫 번재 방법은 플래쉬상에서 클릭&클릭 방식으로 초보다가 좀더 쉽게 사용할수 있는 방법과, 액션스크입트를 통해서 직접 제어하는 방법이다. 본 강좌에서는 이 두가지 방법에 대해서 설명한다.
 
 본문 내용에 소개되는 방식은 플래쉬무비, 메뉴등 다양한 효과에서 사용되는 가장 기초적인 방법이므로 꼭 숙지하여, 작업시 유용하게 사용한다.

 

 

가장먼저 알아두어야 할점은 본 강좌는 Macromedia Flash 8.0 를 기반으로 설명하고 있습니다.


일단, 플래쉬를 실행시킨후 플래쉬 메인창에서, 그림1처럼 본인이 쓰고 싶은 아무글이나 작성을 한다,.

 

2000765716_b3e06210_1.jpg
위의 그림에서처럼 작업을 하였다면 Swf 용량을 체크하도록 한다.

 

 

 

 

 

2000765716_52479ec4_2.jpg
위에 그림에서처럼 Bandwidth Profiler 를 클릭하게 되면 아래의 그림에서처럼 새로운 영역이 나타나면서 해당 무비에 대한 정보가 나오게 되는대, 붉은색 박스표시해놓은 영역을 보게되면 해당부비에 대한 Size 값이 1Kb 인것을 확인할수 있다.
 
 
 
 
2000765716_c18f74d2_3.jpg
이제 본론으로 다시 넘어와 이제 저렇게 해당 텍스트에 대해서 Dynamic Text를 임베디드를 시켜 보겠습니다.

본 강좌에 들어가기전에 Windows상에서 기본적으로 제공하는 (굴림, 돋음, 궁서, System...등) 같은 폰트는 임베디드를 할필요가 없으며, 이런 폰트를 임베디드 할 경우 오히려 해당 무비에 대한 용량만 늘어날 뿐만 아니라, User가 이미 해당 폰트에 대해 가지고 있기 때문에 임베디드를 하실 필요가 없습니다.

임베디드를 해야되는 폰트는 유료폰트등에만 사용하시는게 적당하며, 본문 강좌에서는 "산돌시리즈중 산돌고딕M" 를 을 이용하여 강좌하고 있습니다.

 
만약 지금 Static Text로 되어 있다면 Dynamic Text로 수정하시고 속성창 오른쪽에 보시면 "Embed" 버튼을 클릭하십시오
 
 
 
 
2000765716_1a144572_4.jpg
Embed 버튼을 누루시면 다음과 같은 창이 뜹니다.
 


 

2000765716_91f78021_5.jpg
위 그림에서처럼 Charcter Embedding 박스가 나왔다면 폰트의 전체 부터해서 영서 대소문자 한글기본/전체 특수기호 등등을 선택할수 있으며 다음그림에서처럼 원하는 목록을 선택해서 OK 를 눌러봅니다.
본강좌에서는 영어 대문자 한글 기본/전체 특수기호를 선택해서 OK를 눌렀습니다.
 
 
2000765716_556255aa_6.jpg
위의 그림처럼 선택하고 눌러봅니다.
그리고 나서 다시 Ctrl + Enter를 눌러, 용량체크를 해보도록 하겠습니다.
 
2000765716_51dacf47_7.jpg
저렇게 하면 Dynamic Text를 임베디드 화 시킨게 끝나게 됩니다.
자연적으로 기본폰트 뿐만 아니라 위에 설명 했듯이 세이프기능등 전부 가져가서 저장되기 때문에 웹에 올려져 다른 사람이 보아도 똑같은 형태로 보이게 됩니다.
클릭클릭 임베디드화 시키면 생각보다 많은 용량이 차지합니다.
왜냐하면 본 강좌에서 쓴것은 산돌폰트이지만 그거 하나만 임베디드를 못하기 때문에 한글 기본이나 전체를 임베디드를 시켰기 때문에 용량이 많이 나가게 됩니다.
그럼 이번에는 Action Script를 이용한 임베디를 알아보겠습니다.


 
2000765716_2d8da833_8.jpg
이번에는 다른창을 열어서 Dynamic Text를 선택한후에 화면위에 올려놓고 속성창에 가서 Dynamic Text의 인스턴스 네임에다가 My_txt라는 이름을 부여합니다. 
 
 
 
 
 

2000765716_4f7015c1_9.jpg

그런 다음에 이창의 라이브러리 을 가서 빈 여백에 대놓고 오른쪽 마우스 클릭후, 그곳에서 New Font 라는 것을 클릭해 보십시오

 

 

 


 

2000765716_3bcea1ba_10.jpg
일단 Ok를 누룹니다 그럼 라이브러리 창에 보시면 Font1 라는 이름을 가진 심볼이 등록이 되어 있습니다.
이제 그 심볼을 클릭후에 오른쪽 마우스를 클릭후 Linkage 것을 선택합니다.
액션을 사용할 때 이 실볼의 네임을 등록해 액션으로 제어를 하기 위해 제공하는것인데, 이건 나중에 더욱더 자세히 설명 드리겠습니다.
위 그럼처럼 모든 부분을 체크하시면 다음과 같은 화면이 나오게 됩니다.
 
 
2000765716_6d86f74b_11.jpg
화면에서 제일 윗 목록을 클릭하면 자동으로 이름을 적을수 있는 곳이 활설화 됩니다.
그곳에다가 Mc_txt라고 이름을 적고 Ok를 누룹니다.
그런다음 본화면 첫 프레임을 선택후에 F9를 눌러서 스크립트 창을 열고, 그런 다음과 같은 액션을 적용해봅니다.
 
 
2000765716_2fde1eb9_12.jpg
my_txt.text = "Web Dimo";
my_txt.
embedFonts = true
;
myformat =
new TextFormat
()
myformat.
font
= "Mc_text"
my_txt.setTextFormat(myformat)

 
이렇게 적어주시면 모든 작업이 완료 됩니다.
my_txt.text = "Web Dimo";
아까 본문 내용중에 인스턴스 네임을 My_txt라고 적어주셨는대 My_txt
Web Dimo 라는 넣어준다라는 의미입니다.
my_txt.embedFonts = true;
my_txt라는 텍스트필드에 임베디드폰트화 시키라는 말입니다
myformat = new TextFormat()
myformat.
font
= "Mc_text"
my_txt.setTextFormat(myformat)
폰트 포맷을 지정하기 위해서 TextFormat() 오브젝트를 생성하고 Font 속성을 지접합니다.
TextFormat()오브젝트는 액션에서 제공하는 Text 오브젝트중 하나입니다. 쉽게 텍스트 필드를 생성한다고 생각하시면 됩니다.
설정해 놓은 텍스트 포맷(myformat)을 준비해놓은 my_txt 텍스트 필드에 적용합니다.
이렇게 해서 액션성명까지 마치고 모든 강의가 끝이 났습니다.
어떻게 보면 너무 간단하게 넘어갈수 있지만 기초가 중요한건 모든 일의 기본입니다.
너무 화면한 고급 스킬은 이런 기초들이 모여서 만든다는거 아시고 너무 쉽게 생각하지말고 한번쯤 연습을 해보았으면 좋겠습니다.

 
본강좌의 원문 작성자는 "다음카페-웹디자이너모임中, 숀팬(손영균)"의 글을 기초로 하여 작성된 글입니다.
본강좌의 저작권자는 숀팬에게 있습니다.

원문작성 : 숀팬 / 원문수정 : Genocide
"쇼핑몰·홈페이지·오픈마켓
블로그·페이스북·이메일 등의 각종 마케팅 글쓰기,
각종 광고, 영업, 판매, 제안서, 전단지
반응율 3배×10배 이상 높이는 마법의 8단계 공식"
자세히보기

Comments

번호 제목 글쓴이 날짜 조회
3135 MSSQL DBA GUIDE - 테이블 관리 13 김영철 01.23 1461
3134 소스보호 99 단국강토 02.05 1464
3133 데이터베이스의 저장 프로시저를 자동으로 생성 M 최고의하루 12.24 1466
3132 점점커지는 액션 99 단국강토 01.13 1468
3131 pcre 문법, preg | 13 김영철 01.13 1469
3130 웹문서 검색엔진 기술의 핵심 II - Indexing 방법론 13 김영철 01.13 1469
3129 주화면의 최신글을 preload로 빠르게 13 김영철 01.13 1469
3128 MySQL 최적화 및 튜닝 13 김영철 01.23 1478
3127 다중그림 파일업로드 99 단국강토 02.05 1481
3126 배열 검색 13 김영철 01.14 1481
3125 자바 스크립트 정리 99 단국강토 02.16 1482
3124 $PHP_SELF .... $REQUEST_URI 13 김영철 01.13 1482
3123 startDrag() 로 무비클립 이동 99 단국강토 01.29 1483
3122 플래시로 3차원 환영은 어떻게 그리나? (1) 99 단국강토 02.09 1483
3121 removeNodes,searchUpByTagName M 최고의하루 01.15 1484
3120 class.layout을 사용한 동적인 웹페이지 13 김영철 01.13 1484
3119 Smarty QuickStart Guide 13 김영철 01.14 1484
3118 플래시에서 입력된 주민번호 오류 체크하는 방법 M 최고의하루 02.04 1486
3117 윈도우에서 PHP5와 apache2 연동 13 김영철 01.14 1487
3116 자바스크립트 활용도 높은 소스 Tip 모음 99 단국강토 02.16 1489
열람중 Danamic Text / embed 99 단국강토 02.03 1489
3114 워터마크 13 김영철 01.15 1489
3113 파일사이즈 함수 13 김영철 01.13 1494
3112 도는 10개의 샘플들 99 단국강토 02.09 1496
3111 ID attribute selector 99 단국강토 02.09 1497
3110 [php] 정규식 13 김영철 01.13 1497
3109 PHP RSS Reader [RSS 2.0] 13 김영철 01.14 1499
3108 window.open 옵션 13 김영철 01.14 1499
3107 자바 스크립트 정리 99 단국강토 02.16 1501
3106 문자열 처리하기 99 단국강토 01.16 1502
마케팅
특별 마케팅자료
다운로드 마케팅자료
창업,경영
기획,카피,상품전략
동기부여,성취