움직이는 닉 아이콘 만들기

가정육아 · #129257

← 가정육아

근시수술 · 2007-05-17 10:59:34 · 조회 360
.

쉼터에 새로운 글 쓰기는 금지되었습니다. 하지만 과거의 소중한 기록 중에 꼭 다른 분들에게도 읽었으면 하는 좋은 글들은 「추천하기」를 눌러주세요.

일부 글들은 악성광고나 의미없는 스팸들일 수 있습니다. 읽는 분들에게 피해가 되거나 삭제를 희망하는 글에는 신고를 클릭해주세요. 로봇을 통하여 정기적으로 확인 및 정리를 합니다.

코멘트 (6)

근시수술 · 2007-05-17 11:01:25
..
2005/10/30 오후 5:13 | 무지랭이 공부방 | 무지랭이

 

 

1. 먼저 포토샵을 실행하시고 file - new 하셔서 새창을 열어줍니다.

닉아이콘 크기는 76 x 22 정도가 적당해요.  단위는 pixels로 맞춰주시구요.

 

 

 

 

2. 그러면 새창이 만들어집니다.  창이 작아서 작업하기 불편하니까 옆의 도구툴에서 빨갛게 체크한

돋보기를 클릭하셔서 창을 확대해서 작업하시면 편하실거에요.

 

 

 

 

3. 원하는 문구나 그림 등을 넣어주시면 됩니다.

    참고로 포토샵에서는 새로운 작업을 추가하실 때마다 '레이어'를

    추가해주시는게 나중에 마음에 들지 않을때 수정하기 편해요.

 

 

 

4. 예를 들어 클래식무비란 글자를 빨간글씨로 변하게 만들고 싶다라고 하면

    오른쪽 아래에 보면 위 그림처럼 레이어 팔레트가 보이실겁니다.

    빨갛게 체크한 아이콘이 레이어를 추가하는 버튼이에요.

    레이어를 하나 추가한 다음 까만색으로 '클래식무비'라고 써주신 다음

    다시 레이어를 하나 추가하고 빨간색으로 '클래식무비'라고 또 써주시면 됩니다.

    이해 되시죠?   이거 설명하기가 어렵네요.

    이런식으로 모양이나 글자를 변하게 하고 싶다면 각각 새로운 레이어를 만들어서

    효과를 적용시켜 주셔야 해요.

 

 

 

 

6. 레이어를 다 꾸며주셨으면 왼쪽 도구툴바 제일 밑에 보면 '이미지레디'로 넘어가는 아이콘이 있어요.

빨갛게 체크한 부분을 누르시면 이미지레디로 이동합니다.

 

 

 

 

 

7. 이미지레디로 이동하셨으면 오른쪽 아래를 보시면 역시 레이어 팔레트가 보이실거에요.

   거기서 까만색으로 썼던 클래식무비 글씨만 레이어 눈을 켜두시고 나중에 빨갛게 썼던

   클래식 무비의 눈은 꺼주세요.   눈을 끄는 방법은 앞쪽 눈 모양을 한번 클릭하시면

   빨갛게 체크된 위 캡쳐화면처럼 눈이 꺼질거에요.

 

 

 

 

8. 이제 효과적용을 할 차례인데요.  아래쪽에 보시면 위 그림과 같은 애니메이션 창이 보이실겁니다.

    빨갛게 체크한 모양의 레이어 추가 버튼을 한번 눌러서 레이어를 추가해주세요.

 

 

 

 

9. 레이어를 추가하셨다면 이번엔 빨갛게 체크한 트윈에니메이션프레임 버튼을 누르세요.

   그러면 창이 열리고 체크한 부분에 수치를 3-5정도로 써주시고 ok 하시면 창이 여러게

    주르륵 생길겁니다.

 

 

 

 

10. 여기까지 되셨으면 8번의 과정처럼 레이어 추가 버튼을 눌러서 레이어를 새로 하나 추가해주세요.

    그런 다음에 이번에는 까만색으로 썼던 글씨의 눈을 꺼주시고 이번엔 빨간색으로 썼던 글자의 눈만 켜주세요.

    그럼 위 그림과 같이 빨간색 글씨가 나타날거에요.

    여기서 9번의 과정을 한번더 해주세요. 

    트윈에니메이션프레임 버튼을 눌러서 수치를 아까와 같이 써주시고

    ok 하시면 또 창이 주르륵 생긴답니다.  

 

 

 

 

 

11. 이제 다하신거에요.  체크한 재생버튼을 눌러보세요.

     그럼 서서히 빨갛게 변하는 글씨가 완성이 될거에요.

 

 

예제)

 

 

 

 

 

쉽게 설명한다고 했는데 어떤지 모르겠네요.

알고보면 굉장히 간단한 작업인데 풀어서 설명하려니 괜히 길어지네요.

이 작업을 응용하시면 여러가지 움직이는 모양을 만드실 수 있답니다.

도움이 되었으면 좋겠네요~  ^^;

 

.
근시수술 · 2007-05-17 11:05:26
포토샵으로 움직이는gif 파일 만드는 법


⊙ 여러 장의  사진을 연속적으로 보여 주어 움직이는 그림의 효과를 나타낸다.

 

<1> PhotoShop에서의 작업

 

1. 사용할 이미지를 불러온다. (예 1번부터 9번까지)

2. 1을 전체 선택(Ctrl + A)하여 복사(Ctrl + C)한다.

3. 새 작업 도큐먼트를 연다. ☞ Name을 0번(설명을 위한 이름이므로 실제 작업에서는 원하는 대로)으로 정한다.

4. 붙여 넣기(Ctrl + V)를 한다.

5. 2를 전체 선택(Ctrl + A)하여 복사(Ctrl + C)한다.

6. 0번 도큐먼트에 붙여 넣기(Ctrl + V)를 한다.

7. 이런 방법으로 순서대로 9까지의 이미지를 모두 0 도큐먼트에 붙여 넣는다.

그러면 0번 이미지의 맨아래에 백그라운드레이어가 그 위에 Layer1이 그 위에 Latey2가... 이렇게 Layer9까지가 생성된다.

8. 작업 도구 툴 맨 아래에 있는 Jump to ImageReady 아이콘을 눌러 Image Ready를 실행시킨다.

 

<2> Image Ready에서의 작업

 

1. Image Ready가 열리면서 자동으로 Photoshop에서 작업한 File이 열린다.

(1) Image Ready 우측 상단에 Optimize Palette, 우측 하단에 Layer Palette, 중앙 하단에 Animation Palette가 열려있는가를 확인한다.

☞ 없을 경우 Window 메뉴에서 선택하여 나타낸다.

(2) Optimize의 Settings를 GIF 형식으로 지정한다.

☞ GIF 옆의 숫자는 사용할 색상의 수를 나타낸다. 높을수록 화질은 좋으나 용량이 커진다.

2. Animation Palette의 첫 Frame에 불러온 이미지의 전체 합성이 표현된다.

(1) 1 Frame을 선택하고 Layer Palette에서 1 Frame에 들어갈 Layer만 선택하여 눈 아이콘을 켜고 나머지 Layer의 눈 아이콘은 닫는다.

(2) Animation Palette의 하단에 있는 Duplicates Current Frame을 눌러 Frame을 추가한다.

☞ 첫 번째 Frame을 복제한 Frame이 생성됨

(3) 2 Frame을 선택하고 Layer Palette에서 2 Frame에 들어갈 Layer만 선택하여 눈 아이콘을 켜고 나머지 Layer의 눈 아이콘은 닫는다.

(4) 같은 방법으로 필요한 만큼의 Frame을 추가한다.

(5) 각 Frame간의 대기시간을 조정한다.(권장 0.2초 정도)

☞ 특별히 강조할 부분의 Frame은 별도로 시간을 더 주어도 됨

(6) 하단의 실행 단추를 눌러 결과를 확인한다.

3. 저장하기

(1) Save나 Save As를 사용하여 저장할 경우 포토샵 파일로 저장되어 인터넷이나 일반 환경에서 볼 수가 없다.

(2) 꼭 Save Optimized를 이용해 GIF파일로 저장한다.




트위닝 효과
 
 
1. File-New를 이용하여 Width : 200, Height : 285, Resolution : 72dpi 크기의 새 작업창을 만듭니다.
2. 그리고 File-Open을 이용하여 photo_4. jpg를 불러오기합니다.
3. 그런 다음 이동툴을 선택하여 photo_4.jpg 를 드래그하여 새로 만든 작업창으로 옮겨줍니다. 그러면 다음과 같이 Layer 1이라는 새 레이어가 생성됩니다.
 
 

4. 다시 File-Open을 이용하여 photo_3. jpg 를 불러오기합니다.

5. 그런 다음 photo_3.jpg를 드래그하여 작업창으로 옮겨줍니다. 그러면 다음과 같이 Layer 2라는 새 레이어가 생성됩니다.
 
 
6. 다시 File-Open을 이용하여 photo_2. jpg 를 불러오기합니다. 7. 그런 다음 photo_2.jpg를 드래그하여 작업창으로 옮겨줍니다. 그러면 다음과 같이 Layer 3이라는 새 레이어가 생성됩니다.
 
 
8. 마지막으로 File-Open을 이용하여 photo _1.jpg 를 불러오기합니다. 9. 그런 다음 photo_1.jpg를 드래그하여 작업창으로 옮겨줍니다. 그러면 다음과 같이 Layer 4라는 새 레이어가 생성됩니다.
 
 
10. 이렇게 이미지소스를 하나의 작업창에 모은 다음 File-Save를 이용하여 저장을 한 다음 툴박스의 점프버튼을 이용하여 이미지레디로 이동합니다. 11. 이미지레디를 실행시킨 다음 애니메이션 팔레트를 띄웁니다. (만약 화면상에 팔레트가 없다면 Window-Show Animation)
 
 
12. 첫번째 프레임에선 Layer 4를 제외한 나머지 레이어들의 눈아이콘을 꺼줍니다. 13. 그런 다음 프레임 생성버튼을 이용하여 두번째 프레임을 만듭니다.
 
 
14. 두번째 프레임에선 Layer 4의 Opacity값을 100%에서 20%로 낮춰줍니다. 15. 그러면 그림과 같이 Layer 4가 투명해지는 것을 확인할 수 있습니다.
 
 
16. 자~! 지금부터 트위닝효과를 적용할 차례입니다. 애니케이션 팔레트의 우측상단 버튼을 클릭하면 메뉴가 뜨는데 Tween을 선택합니다. 17. 대화상자에서 옵션을 그림과 같이 정해주고 Frames to Add는 3으로 맞추고 OK합니다.
 
 
18. 애니메이션 팔레트에 다음과 같이 자동으로 중간단계의 프레임들이 생성된 것을 확인할 수 있습니다. (노가다 생략해주는 단계;;) 19. 다시 생성버튼을 이용하여 다음 프레임 (6)을 만들어줍니다.
 
 
20. 이번에는 Layer 4의 눈아이콘은 끄고 Layer 3의 눈아이콘을 켜줍니다. 21. 다시 생성버튼을 이용하여 7프레임을 만든 다음 Layer 3의 Opacity를 20%로 맞춰줍니다.
 
 
22. 그러면 그림과 같이 Layer 3이 투명해지는 것을 확인할 수 있습니다. 23. 아까와 동일한 방법으로 트위닝효과를 적용합니다. (16, 17번 참조) 애니메이션 팔레트에 다음과 같이 자동으로 중간단계의 프레임들이 생성된 것을 확인할 수 있습니다.
 
 
24. 그런 다음 다시 프레임을 추가합니다. (11번째) 25. 이번에는 Layer 3의 눈아이콘은 끄고 Layer 2의 눈아이콘을 켜줍니다.
 
 
 
 
26. 다시 생성버튼을 이용하여 12프레임을 만든 다음 Layer 2의 Opacity를 20%로 맞춰줍니다. 26. 그러면 그림과 같이 Layer 2가 투명해지는 것을 확인할 수 있습니다.
 
 
27. 아까와 동일한 방법으로 트위닝효과를 적용합니다. (16, 17번 참조) 애니메이션 팔레트에 다음과 같이 자동으로 중간단계의 프레임들이 생성된 것을 확인할 수 있습니다. 28. 그런 다음 다시 16번째 프레임을 추가합니다.
 
 
29. 이번에는 Layer 2의 눈아이콘은 끄고 Layer 1의 눈아이콘을 켜줍니다. 30. 다시 생성버튼을 이용하여 17번쨰 프레임을 만든 다음 Layer 1의 Opacity를 20%로 맞춰줍니다.
 
 
31. 아까와 동일한 방법으로 트위닝효과를 적용합니다. (16, 17번 참조) 애니메이션 팔레트에 다음과 같이 자동으로 중간단계의 프레임들이 생성된 것을 확인할 수 있습니다. 32. 그러면 그림과 같이 Layer 1이 투명해지는 것을 확인할 수 있습니다.
 
 
33. 모든 프레임이 선택된 상태에서 타임을 클릭하여 0.2 seconds로 맞춥니다. 34. 마지막으로 File-Save Optimized를 이용하여 저장하면 완성됩니다

.
만남 · 2007-05-17 13:13:45
좋은자료이네요.

표토샵을 하나도 몰라서요...한번 도전해봐야 겠어용....
mimosa · 2007-05-17 16:08:20
ㅎㅎㅎㅎㅎㅎㅎㅎ
 이렇게 많이 수고를 하다니  염치없지만 부탁해두될까?
내이름 아이콘 만들어 줬으면 하는디 mimosa 루 ,,,,,,,,,
  멋있게 어덯게 수고해줍소
똥돌이 · 2007-05-17 17:44:58
먼저 포토샵을 실행하시고 file - new 하셔서 새창을 열어줍니다????

창구를 어떻게 여는지요???그 창구를 열려면 어디가서 무엇을 다운로드 해야 합니까???

창을 뜨게 해야 어떻게든지 해보지,ㅠㅠ 창을 뜨게할수 있는 방법부터 부탁합니다,,,

감사하꼬마,
☞역시만티♬ · 2007-05-19 01:58:43
참으로 상세하게 잘 가르쳐주셔서 감사함다. 근데 나 워낙 이런거 설명을 봐두 머리가 잘 돌아가지 않아서...
시간이 있으면 내 아이콘두 만들어주셨으면 더 감사하겠슴다..렴치없이 이렇게 부탁해서 미안함다...ㅎㅎㅎ....복 받으세요~~~ ^^

가정육아 · 리스트 (73,309 건)

제목투고자날짜조회코멘트
▶ 움직이는 닉 아이콘 만들기근시수술2007-05-17 10:593606
언제면 넷이서 가족사진 찍을련지 ...참대곰2007-05-17 10:5166734
대체 엄마가 뭘 잘못햇는가?RELAX2007-05-17 10:273848
여성분들의 조언을 구함다 ~ ~ ~기 쁨2007-05-17 10:2442212
다리 다이엇트?봄날2007-05-17 10:0837011
허뽀단.....유나아2007-05-17 09:4844411
息子の&#20889;&#30495;毛&#34411;2007-05-17 08:434418
중국으로 갈때 술을 몇병 갖고 갈수 있씀까?천사의유혹2007-05-17 06:306835
속옷도 혈액형별로 골라 입는다!바보토마토2007-05-17 03:144789
치즈メロン2007-05-17 02:453477
청바지가 잘 어울리는 여자이고 싶다바보토마토2007-05-17 02:033833
엿이 먹고 싶은데...나츄럴2007-05-16 23:443769
탕추파이구 했습다신쥬2007-05-16 23:2062616
벌써 물놀이할 계절이 왔네요오누이마미2007-05-16 22:5061521
임신10주랍니다순용2007-05-16 22:463625
애기 이름..2007년2007-05-16 21:5434811
3월30일 환율 좀 알려주세요수학은 밥이다2007-05-16 21:543565
남친이 만든 김밥~ㅋㅋξ.유나이♂ξ2007-05-16 21:2056613
오랜만에......수학은 밥이다2007-05-16 20:1843232
이전에는 암탉이목단2007-05-16 20:083697
변또영환맘2007-05-16 19:4537210
불법체류자 임신에 관하여裕美2007-05-16 19:269688
불법체류자 임신에 관하여裕美2007-05-16 19:2364310
지금 가족비자넣었는데 임신이 확인됐네요겨울의 꽃2007-05-16 19:124689
예방주사 ポリオ 에 관하여메롱소다2007-05-16 19:053483
만약 애를 주었다면잘난 여자2007-05-16 18:5452013
아들 교육문제 후편sandy2007-05-16 18:2952642
영환맘님..글구..아시는 분들.알려주세요...꿀꿀이2007-05-16 17:4036513
애기가 놀라는것에 대해서하얀 눈2007-05-16 17:403675
울딸 많이 컸죠?행복한여자2007-05-16 16:4781648
← 이전2043 / 2444다음 →