웹디자인 강의

Photoshop 축전에 쓰면 좋을 하트 움직이기 &세로선 움직이기

2003.09.26 21:23

이오르

{완성작} 1. 하트가 움직이는 강좌
2. 세로선이 움직이는 강좌

하트가 움직이는 강좌

1. 이미지를 하나 준비해주세요.
아무 이미지나 괜찮아요.
전 미리 리터칭해 놓은 이미지를 불러왔습니다.

2. 새 레이어를 하나 추가해주시고,
하트모양 브러쉬를 박아주시던가,
펜툴로 패스를 따서 하트를 만들어주세요.
그리고 그 레이어에 opacity (투명도) 를 낮춰주세요.

3. 이미지레디로 넘어가주시고,
애니메이션 팔레트에서 새프레임을 하나 추가해주세요.

4. 이제, 마음속으로 하트를 어떻게 움직일지 그림을 그려두세요.
이동툴을 선택해주시고,
아까 그린 하트를 움직이려는 곳으로 이동해주세요.

5. 또 새프레임을 추가해주세요.

6. 또 하트를 이동하려는 곳으로 이동해주세요.
이렇게 계속 반복해주시면 됩니다.

7. 이제 2프레임을 선택해주시고,
트윈 버튼을 눌러주세요.

8. 트윈 상자가 뜨면, 프레임 Frame To Add 에 수치를 조정해주세요.
그 수치가 커질수록 움직임이 부드러워지는거예요.
단, 그럴수록 프레임수가 많아지기 때문에,
이미지의 용량이 확 늘어나니깐 감안해주세요.

9. 그다음 다음 프레임인 6프레임도 트윈버튼을 눌러서 트윈을 걸어주세요.

--------------------------------------------------------------------------------------------------------

세로선이 움직이는 강좌

1. 우선 작업할 이미지를 불러주시구요.
배경 레이어 위에 레이어 1, 레이어 2 를 만들어 주신 다음,
레이어 1 에 네모 선택툴로 선택을 하시고,
흰색 페인트통을 부으신 다음, Opacity (투명도) 를 낮춰주세요.
레이어 2 도 그렇게 똑같이 해주시구요.

2. 이미지 레디로 넘어가세요.
그 세로선이 어떤 방식으로 움직일지 머릿속으로 미리 그려놓으시구요.
전, 첫장면에 세로선이 왼쪽에서 등장하도록 할겁니다.
그러니까, 세로선을 왼쪽 이미지 밖으로 감추어놔야겠죠.

3. 새프레임 만들기 버튼을 눌러주시면 2번 프레임이 생기죠?

4. 이번엔 세로선을 움직일 목표지점으로 이동시켜 주세요.

5. 중간 과정을 만들기 위해서 이번에도 역시 트윈 버튼을 눌러줍니다.

6. Frame to Add 수치에다가 원하는 수치만큼 넣어주세요.
당연히 수치가 커질수록 이미지를 부드럽게 움직이지만,
용량은 엄청 늘어난다는 점, 명심하시고요.

7. 또, 새프레임을 추가해주세요.

8. 이번에도 세로선을 움직여서 이동시켜 주세요.

9. 또 수치 조정하셔서 트윈 걸어주시구요.

이해가 안가시는 분들을 위해서
느리게 움직이는 화면을 준비했습니다.
어느 방향에서 어느 방향으로 움직여졌는지,
어떤 타이밍으로 움직여졌는지,
확인하시고 참고하세요.

이 게시물을

수정 삭제

꼬마사탕

2003.09.27 00:59

좋은 강좌 감사!^^ 시간 지정 해주는 것도 포함이 있었으면 더욱더 좋을거 같아요..^^;; 태클 아니었습니다!!!^^;;

좋아요 댓글 수정 삭제 신고
체리향기∮

2003.10.07 18:30

도움되는 강좌였습니다. ^^ 이미지 레디를 써보지 않아서 트윈이라는 것을 몰랐답니다. -_-;;

좋아요 댓글 수정 삭제 신고
마법구술

2003.10.08 20:19

태클은 아닌데요.. 2번째 세로줄을 .. 트윈버튼인가??공스르륵 하는거요..

그걸로 뭘 어떡게 하면 왔다갔다 자연스럽게 뚝뚝안끊어지고 움직여요;ㅁ;[그래서어쨋다고?퍽]

-ㅁ-;;그런강좌도 있었으면 좋겠네요;; 벌써있는가??-ㅁ-;;

좋아요 댓글 수정 삭제 신고
이오르

2003.11.10 23:13

애니메이션 팔레트의 시간 조정해주는 부분에서 시간을 줄여주시던가,
트윈 거실때 더 많은 프레임을 만드시면 해결됩니다 ^^

좋아요 댓글 수정 삭제 신고

번호	제목	글쓴이	날짜	조회 수
공지	공지 강좌를 올리기전 공지사항을 읽어주세요 [12]	Eccen	2004.12.15	48031
308	[초보용] 각종 툴 명칭 [12]	이경빈	2003.08.20	6109
307	[빛깔 강좌1] 원형구에 Lighting기능활용 [4]	정현경	2003.12.19	6109
306	[키르강좌] 듀오톤이미지..^^ [4]	키르(SP)	2002.03.04	6102
305	허접강좌: 모자이크효과극대[?]화 [10]	☆SnowFlake♡	2002.12.24	6099
304	숲속에서 바라본 석양 [4]	scaci	2008.06.28	6097
303	부분링크 걸기 [9]	이경빈	2003.08.13	6094
302	땡땡이 무늬 만들기 [15]	무이	2002.10.21	6092
301	눈동자 그리기 [11]	hoosh	2002.09.21	6067
300	미스테리 서클 그려보기 [17]	hoosh	2002.09.01	6038
299	[포토샵 초보자] Crop Tool사용하기+복사+붙여넣기 [6]	ZipShin	2002.12.27	6038
298	TV주사선 만들기! [9]	포토샵	2002.05.15	6032
297	투명이미지 만들기 18강	문학의향기	2006.07.29	6026
296	귀엽게 느껴지는 손글씨만들기 [3]	ajine.kr	2007.08.22	6022
295	[정보] GIF를 능가하는 PNG! [32]	Freeze	2002.06.15	6021
294	이미지편집,에니메이션자료 [4]	윤선미	2006.12.29	6020
293	네온스타일 응용해서 이미지 꾸미기 [11]	워니	2002.10.17	6010
292	포토샵 CS 브러쉬 툴 강좌 [2]	펀에듀넷	2006.04.24	6004
291	[초급예제] 파인드에지효과. [5]	J.H	2002.02.26	5994
290	[허접강좌]뭐...뭐냐 이게? [6]	블라인드	2002.12.29	5980
289	박스를 그려봐요^^* [5]	★소프트™	2002.04.29	5968

태그 쓰기

XE : Xpress Engine

웹디자인 강의

Photoshop 축전에 쓰면 좋을 하트 움직이기 &세로선 움직이기

댓글 4

꼬마사탕

체리향기∮

마법구술

이오르