2009년 8월 26일 수요일

포토샵 전문가 되기! 강좌 모음

★TIP 각각의 그림을 클릭하시면 각 테마로 이동합니다.
디카사진 보정효과
디카사진 보정효과 시리즈에 대해서 배워봅니다.
주리홈 따라하기
주리의 두번째 이야기에 사용된 몇가지 효과들에 대해 배워봅니다.
꼭 하고 싶은 효과 1
방문자들의 건의사항을 바탕으로 꼭 배우고 싶은 효과들에 대해서 배워봅니다. (십자수 효과, 타일효과...)
꼭 하고 싶은 효과 2
방문자들의 건의사항을 바탕으로 꼭 배우고 싶은 효과들에 대해서 배워봅니다. (눈물 효과, 오래된 사진효과)
성형 수술하기
눈을 크게 한다거나 머리를 염색한다거나..
포샵으로 배워봅니다.
사람 합성 하기
사람 사진 합성을 통해서 까다롭다는 합성에 관해서 재미있게 배워봅니다.
뽀사시 효과
Image의 Adjust를 이용한 일명 뽀사시 효과에 대해서 배워봅니다.
GIF 애니메이션
이미지 레디를 이용한 간단한 GIF 애니메이션 제작에 관해 배워봅니다.
흔적 지우기
사진에 새겨진 글자나 로고 등을 지우는 몇가지 방법에 관해서 배워봅니다.
말풍선 만들기
말풍선을 3가지의 각각 다른 방식으로 만들어 봅니다.
패턴 만들기
포토샵에서 패턴을 제작하는 방법과 패턴을 활용한 고급 예제를 배워봅니다.
월페이퍼 만들기
주리홈 갤러리방에 있는 월페이퍼 만들기의 과정을 직접 배워봅니다.
색상보정 효과
Image의 Adjust를 이용하여 이미지에 새로운 컬러를 입히는 방법을 배워봅니다.
페이드 효과
자연스럽게 이미지가 사라지는 페이드 효과의 몇가지 방법을 배워봅니다.
흑백사진 만들기
Image의 Adjust와 Mode 를 이용하여 다양한 방법으로 흑백사진을 만들어봅니다.
듀오톤 만들기
듀오톤을 이용하여 흑백사진에 컬러를 입히는 방법을 배워봅니다.
합성 하기
몇가지 합성방법을 응용하여 많은 분들이 관심을 가지는 합성에 관해 배워봅니다.
블렌딩 모드 예제
고급합성방법인 블렌딩 모드를 이용한 합성에제를 배워봅니다.
배너 만들기
이미지 레디의 GIF 애니메이션기능을 이용한 배너만들기를 배워봅니다.
문자디자인
3D 문자, 깨진 문자, 전자파 문자, 네온 문자, 실버 문자 등 11가지의 문자 디자인 제작과정이 있습니다.
기본 예제
포토샵에서 가장 기본적인 예제들을 배워봅니다. (테두리만들기, 깔끔한 문자 만들기, 등등)


원본출처 :

엠파스 블로그 [웹마녀는 그래픽 따라쟁이]

2009년 8월 24일 월요일

플래시에 사운드 재생하기.

플래시 만들면서 클릭 사운드를 넣고 싶었습니다.

 

프레임이나 버튼등에 넣는 방법이 있지만 용량을 위해 스크립트를 사용하기로 했습니다.

 

클릭소리를 추가하고 싶은 분들에게 좋은 참고가 되길 바랄게요~

 

 

////

 

배경은 대충 만들고요 -_-;

 

 

 

 

 

 

 

 

 

 

 

 

그리고 라이브러리에 mp3파일을 Import 하겠습니다.

(File - Import - Import to Library)

 

라이브러리에 불러온 mp3파일을 우클릭하여 properties 옵션을 봅니다.

 

 

 

 

 

 

 

 

 

 

 

 

Advanced 클릭해서 Export for ActionScript 에다가 체크해서 OK

 

 

 

 

 

 

 

 

 

 

그리고 레이어에 스크립트를 입력합니다.

 

onMouseUp = function() {

S=new Sound(); //사운드 변수 생성

S.attachSound("ck.mp3"); //생성된 변수에 사운드이름이나 URL을 입력합니다.

S.setVolume(100); //볼륨설정 0~100

S.start(); //재생합니다.

S.setPan(0);} // 소리를 양 스피커에서 냅니다.

 

잘 되는지 확인해볼까요? (아래 플래시에 클릭해보세요)

 

 

 

 

 

 

 

수고하셨습니다^^

 

펼쳐두기..

Sound.fla

소스 다운로드

 

 

 

 

 

윈도우 XP 용 시스템 트윅 레지스트리 파일

 

 

 

 

DisablePagingExecute.reg
커널에 필요한 파일을 스왑 파일로 페이징 하지 않도록 지정합니다. 커널이란 윈도우의 핵심 기능인데, 메모리가 모자랄 경우 커널에 관련된 파일도 스왑 파일로 스왑 될 수 있는데 그것을 막는 기능입니다.

메모리가 넉넉할 경우에는 쓸 대 없는 페이징을 방지하여 속도를 향상시킵니다. (2기가 이상 메모리 보유자만 권장)

 

PMTU.reg
이 값은 네트워크 설정에 관련된 것으로 최적의 MTU 값을 찾도록 윈도우에 지시합니다.

MTU는 버스라고 생각하면 됩니다. 우리가 데이터를 보내면 그 데이터는 버스(=패킷)에 담겨서 이동하게 되는데, 이 버스의 크기가 네트워크마다 약간씩 차이가 있습니다.

예를 들어 50명이 타는 버스가 있고 25명이 타는 버스가 있는 식인데, 만약 50명을 한꺼번에 보내면 50명 버스에는 한번에 이동이 가능하지만, 25명 버스에는 두번을 나눠서 이동을 시켜야 합니다.

문제는 여기서 발생합니다. 나눴다가 다시 합쳐야 하는데, 인터넷에 전송되는 데이터는 순서가 보장되지 않고 중간에 버스가 길을 잃어서 사라지는 경우도 있습니다. 만약 50명을 25 버스로 2대로 나눴다가 도착을 1대 밖에 안 하면 도착한 1대 마저도 데이터를 무시해 버리는 구조이기 때문에 비효율적이 됩니다.

되도록이면 버스가 나뉘지 않도록 데이터를 전송해야 손실이 적게 데이터를 보낼 수 있습니다.

이 레지스트리를 설정하면 내가 데이터를 보낼 장소까지 한꺼번에 몇 명씩 보내야 나뉘지 않고 최적의 전송을 할 수 있는지 검사하게 합니다. 그래서 네트워크 연결에는 약간의 과정이 더 필요하지만 연결이 끝난 후의 전송 속도는 향상됩니다.


MaxConnectionPerServer.reg
인터넷 익스플로러는 HTTP 표준화 문서의 동시 다운로드 권고값인 2개를 준수하도록 설계되어 있습니다. 이는 HTTP 표준화가 진행될 당시 서버들의 성능이 그다지 좋지 않아 한꺼번에 많은 커넥션을 열어 서버에서 파일을 받아와서 서버의 과부하를 방지하려는 목적이었으나, 요즘은 서버의 성능이 좋아져서 한꺼번에 많은 커넥션을 열어도 크게 과부하 문제가 생기지 않습니다.

이 값을 32 로 바꿔주어서 한꺼번에 32개의 파일을 동시에 내려 받을 수 있게 만들어 줍니다.

파코즈 왼쪽에 수많은 스폰서 그림들이 보이는데, 저것들이 스폰서 배너 마다 1개의 그림 파일로 이루어져 있으며, 파일 1개를 받아오는데 1개의 연결이 필요합니다. 만약 2개로 제한되어 있다면, 2개 받고 다 받으면 새로운 배너를 받으려고 시도하고를 반복하게 되므로 시간이 엄청 오래 걸리게 됩니다.


preview_uninstall.bat

탐색기의 미리보기 기능을 제거하여 폴더 탐색 속도를 향상 시킵니다. 동영상이나 그림 파일이 있는 폴더를 탐색기로 접근하면 하드 디스크를 마구 읽으면서 섬네일이란 것(thumbs.db)을 생성하는데 이것이 파일을 열어보지 않고도 무슨 내용인가 미리 확인하는 순기능도 있는 반면에 탐색기를 먹통을 만들거나 폴더를 지워야 하는데 사용하고 있다면서 지워지지 않는 현상을 만듭니다.

이 파일을 실행하면 미리보기 기능을 제거하여 불편을 해소시켜 줍니다.


QoS_Zero.reg
QoS는 Quality Of Service의 약자로 하나의 어플리케이션이 모든 네트워크 대역폭을 잡아먹어서 다른 프로그램들이 정상적인 서비스가 불가능하게 되는 상황을 막기 위한 것으로 기본값으로 20%가 설정되어 있어서 이것을 0으로 바꿔서 모든 네트워크 대역폭을 100% 이용할 수 있게 만들어 줍니다.


shutdown_after_defrag.bat
모든 드라이브의 조각 모음을 실행한 후에 컴퓨터를 종료합니다.

잠자기 전에 이 배치 파일을 실행시켜 놓고 자면 아침에 일어나면 깔끔하게 정리된 컴퓨터를 만날 수 있습니다.

 

 

위 내용은 원문의 일부분입니다.

 

더 보실려면 아래 출처를 참고해주세요.

 

▶ [운영] 윈도우 XP 필수 수정 레지스트리 파일 모음
  내용보기 : http://www.parkoz.com/zboard/view.php?id=my_tips&no=11802

The All-American Rejects - Real World (Transformers OST)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

트랜스포머2 OST 9번 트랙 Real World입니다.

 

시원시원하고 강렬한 음색이 끌리는 노래입니다  :)

 

뮤비가 없어서 아쉽네요.

2009년 8월 23일 일요일

사운드파장 축전 만들기

인터넷속도 아주 빠르게 하기 (Revolution)

▶ [통신] 인터넷속도 아주 빠르게 하기 (Revolution)
  내용보기 : http://www.parkoz.com/zboard/view.php?id=my_tips&no=13140

 

파코즈 하드웨어에서 조회수5만에 추천수800을 기록한 팁입니다.

 

첨부된 설치파일을 실행하시면 인터넷 속도가 빨라지는 레지가 적용됩니다.

 

설치했다가 만약 역효과가 있으면 제거파일을 받으면 됩니다.

 

자세한 점은 원문링크를 참조해주세요.

 

 

Revolution.cmd

설치파일

Delete.cmd

제거파일

 

 

 

 

 

 

 

플래시 대문


옆으로 넘치는군요 (먹히는 것보단 낫습니다 -_-b!)

 

이 플래시는 많은 분들이 사용할 수 있도록 제작했습니다.

 

마우스 우클릭을 하면 퍼가기가 나오며 간단한 설명이 첨부되었습니다.

 

이미지 psd파일은 여기에서 받아가실 수 있습니다.

 

또한 플래시대문에 들어간 스크립트들을 하나하나 풀어나갈 생각입니다.

 

원하는 강좌나 궁금한 점이 있으면 덧글 바랍니다.

 

swf 다운로드는 여기서 받아가시면 됩니다.

2009년 8월 22일 토요일

지금 만드는 대문.

플래시로 만드는 대문이다.

 

이미지 불러오는 스크립트만 추가하면 거의 완성일듯 하다.

 

따라하는 원작은 http://www.avrilbandaids.com/

 

2009년 8월 19일 수요일

이미지 로딩(FlashMX2004)

[시작하기 전에]

이번에는 image로딩에 관해서입니다.

MovieClipLoader 클래스는 FlashMX2004버전때부터 지원하고 있습니다.
이미지나(jpeg) 또다른 플래시(swf)를 로딩하기 위해서 로딩 과정을 표시하는 것과, 로딩 완료후 그것을 어떻게 조정하느냐가 중요하죠.
예를 들어 img.jpg를 특정 무비클립내에 로딩한다고 하면, img.jpg가 얼마나 로드되고 있는지 알려줘야 하고, 다 로드 된 것을 알아차려, 그 크기와 위치를 조정해줘야 합니다.
2004버전이전에는  MovieClip.getBytesLoaded() 메소드를 통해서 로드과정을 표시하고, onClipEvent(data)MovieClip.onData를 통해서 로드가 다 되었다는 것을 알아냈습니다. 하지만, 쓰는 데 있어서 불편함이 많았고,
자주 쓰는 것임에도 불구하고, 새로운 플래시를 만들 때마다 로딩 과정 표시함수, 로딩 후 처리함수를 일일이 만들고, 그것들을 연결시켜줘야 했죠.
메크로미디어사 측에서도 이런 고충을 알았는지, MovieClipLoader 클래스를 제시해서 손쉽게 이미지와 swf 로딩을 할 수 있도록 하게 되었습니다.
사용한 소스는 액션스크립트에서 발췌해서 수정을 가한 것입니다.
따라서 변수 기명법이 지금까지 제가 해왔던 방식과는 약간의 차이가 있습니다.
하지만 이 방식이 메크로미디어사 측에서 추천하는 방식이니 제 방식으로는 고치지 않았습니다.
별로 다르지 않으니 보는데 무리는 없을 것입니다.

[활용방법]

이번 강좌 역시 어떠한 저작물을 만들기 위한 준비과정입니다.

[접두어]

무비클립 인스턴스명 : i+이름(사운드용 무비클립은 s+이름)
매개변수명 : v+이름
배열객체 : a+이름
클래스명 : c+이름
함수명 : f+이름
버튼인스턴스명 : b+이름
임시변수명 : temp+이름
링크에지명 : l+이름
어태치된 무비클립명 : place+이름
동적으로 생성된 무비클립명 : d+이름
외부파일에는 쓰는 변수명 : p+이름
LoadVars 객체의 인스턴스 명 : for+이름
텍스트 필드 계열 인스턴스명 : t+이름

[전체적인 구성]

모두 4개의 레이어로 구성되어 있습니다.
○ 제일 위의 레이어는 항상 그렇듯이 액션스크립트 전용 레이어입니다.
○ 그 다음에 보이는 '위배경' 레이어는 말그대로 위배경입니다. 그래픽요소만 있기 때문에 신경 쓸 것 없습니다.
○ 그다음이 'MnBnT' 레이어인데 여섯 개의 버튼과 한 개의 텍스트 필드, 한 개의 무비클립이 위치하고 있습니다.
○ 그 아래 '배경' 레이어입니다.

정리 해보면

순서

레이어이름

배치된 무비클립 & 콤포넌트 & 버튼

1

액션

없음

2

윗배경

없음

3

MnBnT

b0(Button),b1(Button),b2(Button),b3(Button),
b4(Button),b5(Button),tBoard(텍스트필드)
iLoadPlace(로드장소)

4

배경

 없음

 

[액션스크립트 설명]

모든스크립트는 메인프레임의 2프레임에 위치하고 있습니다.

[선수학습]
MovieClipLoader 클래스다음은 액션스크립트 사전의 내용입니다.

클래스를 사용하면 SWF 또는 JPEG 파일이 무비 클립으로 로드(다운로드)되는 동안 상태 정보를 제공하는 리스너 콜백을 구현할 수 있습니다.
MovieClipLoader 기능을 사용하려면 loadMovie()나 MovieClip.loadMovie() 대신 MovieClipLoader.loadClip()을 사용해 SWF 파일을 로드합니다.

MovieClipLoader.loadClip() 명령을 실행하면 다음과 같은 이벤트가 나열된 순서대로 발생합니다.

1. 다운로드되는 파일의 첫 번째 바이트가 디스크에 기록되었을 때
MovieClipLoader.onLoadStart() 리스너가 호출됩니다.

2. MovieClipLoader.onLoadProgress() 리스너를 구현한 경우, 이 함수는 로드 과정 동안 호출됩니다.
중요: 로드 과정 중에 아무 때나 MovieClipLoader.getProgress()를 호출할 수 있습니다.
3. 다운로드되는 파일이 모두 디스크에 기록되었을 때 MovieClipLoader.onLoadComplete() 리스너가 호출됩니다.

4. 다운로드된 파일의 첫 번째 프레임 액션이 실행된 후, MovieClipLoader.onLoadInit() 리스너가 호출됩니다.
MovieClipLoader.onLoadInit()가 호출된 후에는 속성을 설정하거나 메서드를 사용할 수 있으며 로드된 무비와 상호 작용할 수 있습니다.

파일을 완전하게 로드하지 못하면 MovieClipLoader.onLoadError() 리스너가 호출됩니다.

뭐.... 읽어보면 알 수 있는내용입니다.
사용법은 실제 소스를 보면서 설명합니다.

[메인스테이지 : 2frame]//MovieClipLoader 클래스를 사용하기 위한 인스턴스를 생성합니다.var my_mcl = new MovieClipLoader();

//리스너를 만들기 위해 새로운 객체를 만들어줍니다.
//이 객체에 중요함수 들이 들어갑니다.
//결론부터 말하면, 새로운 객체를 만들고, MovieClipLoader의 여러 가지 리스너 함수를 새로 정의한다음,
//MovieClipLoader의 인스턴스에 연결해주는 구조입니다.
//다소 복잡한 구성으로 보일 수 있으나 리스너의 구현은 보통 이런식으로 하니 이 방식을 잘 알아둘 필요가 있습니다.
//마우스 리스너, 키보드 리스너도 모두 이런 방식으로 구현합니다.

myListener = new Object();

//파일을 로드할 때], 가장 먼저 실행되는 리스너입니다. 이때 로딩이 시작된다는 메시지를 표시해주면 됩니다.
myListener.onLoadStart = function(
vTarget_mc) {
        _root.tInfo.text =
vTarget_mc+"에 이미지 로딩을 시작합니다.\n";

       //위에서 굵은 글씨로 중요라고 해서 getProgress()함수를 언제든지 실행할 수 있다고 되어있습니다.
       //이함수는 현재 로딩된 bytes를 구하는 데 씁니다.
       //사용법은 아래와 같이 변수를 하나 만들어 리턴값을 받고,
       //그 변수의
bytesTotal 속성을 참고하면 전체 크기를 알 수 있고,
       //
bytesLoaded 속성을 참고하면 현재 로드된 크기를 알 수 있습니다.
        var loadProgress = my_mcl.
getProgress(vTarget_mc);
        _root.tInfo.text += "전체크기 : "+loadProgress.
bytesTotal+"\n";
};

//로드가 진행되는 동안 계속적으로 호출되는 함수입니다.
//주의 할 것은 하드에 쓰기가 일어날 때 호출된다는 것입니다.
//따라서 플래시 자체의 다운로드 시물레이션에서는 호출되지 않습니다.
//
에 올려봐야 작동하는 것을 확인할 수 있습니다.
myListener.onLoadProgress = function(
vTarget_mc, loadedBytes, totalBytes) {
        _root.tInfo.text =
vTarget_mc+"에 이미지 로딩을 시작합니다.\n";
        _root.tInfo.text += "전체크기 : "+
totalBytes+"\n";
        _root.tInfo.text += "현재 : "+
loadedBytes+"\n";
};

//로드가 끝나면 호출되는 함수입니다.
myListener.onLoadComplete = function(vTarget_mc) {
        _root.tInfo.text += "로딩 완료!!\n";
};

//
다운로드된 파일의 첫 번째 프레임 액션이 실행된 후 호출되는 함수입니다.
//따라서 이곳에서 초기화를 해주면 됩니다.
//첫 번째 프레임 액션이 실행된 후 라는 것을 주의깊게 봐야 합니다.
myListener.onLoadInit = function(
vTarget_mc) {
        _root.tInfo.text += "크기와 위치를 조정합니다.\n";
       
 vTarget_mc._width = 300;
       
vTarget_mc._height = 160;
       
vTarget_mc._x = 25;
       
vTarget_mc._y = 25;
};

//로딩에 실패하면 호출되는 함수입니다. 실패원인은 errorCode를 통해 얻을 수 있습니다.
myListener.onLoadError = function(vTarget_mc,
errorCode) {
        _root.tInfo.text = "로딩 실패\n";
        _root.tInfo.text += "실패원인 : "+
errorCode+"\n";
};

//MovieClipLoader 의 인스턴에 연결시켜줍니다.
my_mcl.addListener(myListener);

//버튼 액션들입니다.
//누르면, 해당 버튼의 번호와 동일한 이미지를
iLoadPlace 무비클립에 로드합니다.
b0.onRelease = function() {
        my_mcl.
loadClip("img0.jpg", "_root.iLoadPlace");
};
b1.onRelease = function() {
        my_mcl.
loadClip("img1.jpg", "_root.iLoadPlace");
};
b2.onRelease = function() {
        my_mcl.
loadClip("img2.jpg", "_root.iLoadPlace");
};
b3.onRelease = function() {
        my_mcl.
loadClip("img3.jpg", "_root.iLoadPlace");
};
b4.onRelease = function() {
        my_mcl.
loadClip("img4.jpg", "_root.iLoadPlace");
};
b5.onRelease = function() {
        my_mcl.
loadClip("img5.jpg", "_root.iLoadPlace");
};


 

 

출처 http://namooya.com/zboard/zboard.php?id=f4f&no=24

로딩바 만들기.

플래시에 로딩을 추가하는 방법입니다.

 

로딩바를 어떻게 만들까 하던 참에 마침 좋은 자료가 있길래 올려봅니다^^

 

2009년 8월 16일 일요일

5초만에 끝내는 뽀샤시

 

강조효과(소위 말하는 뽀샵^^;)에는 매우 다양한 방법이 있습니다만...

 

저 같은 초보에게는 화려한 결과보다 간단한 과정이 더 중요한 것 같습니다.

 

다들 알고 계신거 같아서 괜히 올리기가 망설여지네요.

 

주저리 그만하고 시작해볼게요^^;;

 

1. 불러온 이미지에 Ctrl+J눌러서 레이어를 복사해줍니다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2. Ctrl+Shift+U눌러서 흑백으로 바꿔줍니다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3. 블렌딩 모드를 Overlay로 바꿔주면 완성^^

 

(이미지가 어두우면 Opacity를 낮춰주세요)

 

 

 

 

 

 

4. 그리고 블렌딩을 Screen으로 바꿔줍니다.

 

너무 밝은 것 같아 저는 Opacity를 75%로 바꿔주겠습니다.

 

완성^^

 

 

인물 사진뿐 아니라 다른 이미지에도 아주 좋습니다 :)

2009년 8월 15일 토요일

주소 복사하기

참고) 이거슨 자바스크립트 입니다.

 

원하는 문구를 복사할 수 있습니다.

 

아래 복사하기를 클릭하면 http://elkha.textcube.com/ 주소가 복사됩니다.

 

ex) 복사하기

 

아래 소스에서 'http://elkha.textcube.com/' 에다가 자신이 원하는 텍스트를 넣으면 됩니다.

 

소스보기..


 ^^

2009년 8월 13일 목요일

무비클립 액션스크립트 - 기초

펼쳐두기..


[출처] 플래시 무비클립 액션스크립트|작성자 레드