코사카몰 둘러보기

움직이는 에미메이션 + 판매자 다른 상품보기 - 포토샵으로 연습해 봤습니다. - 일본창업 도우미 코사카(KOSAKA) 반효천

코사카 2010. 3. 11. 16:15

일본창업 도우미 코사카(KOSAKA) 반효천입니다.

 

포토샵이라고는,제품 사진찍어 기본으로 보정하는것 밖에 몰라...

좀 배워볼까 책을 사보니, 우선 글자가 잘 안보이네요...

요며칠 인테넷에 올라와 있는 기본 강좌를 찾아,

기초도 모르지만, 우리가 기본적으로 운용할수 있는 몇가지를 순서대로 따라해 보니 재미있네요...

기본 몇가지 배워보다, 아래의 판매자 다른상품보기를 포토샵으로, 몇번의 시행착오 끝에 만들어 보았습니다.

많은 사람들이 다 알고 있는 내용이겠지만, 처음 배우는 입장에서 이런것도 되네... 신기하여 올려봅니다.

 

포토샵으로 작업하고, 이미지 부분만 먼저올려 이미지 주소를 복사하여, 아래의 html 링크소스에

이미지 주소를 붙여넣기 해야, 그이미지가 보입니다. 아니면 엑박표시에 기능만 됩니다.

 

마우스를 갖다대면 다른 그림이 보이는, 롤 오버 소스를 적용시켜 만들어 보았으나, 다음이나 네이버에는

자바 스크립터 소스가 안되는 관계로 소스 적용이 안되네요... 아이 프레임으로 해야 된다는데... 연구중.

 

*** 전에 해본것에 더하여.. 에니메이션으로 효과를 주고,제품의 그림에 마우스를 올리면 설명이 보이고,

     그림을 클릭하면 해당 판매 사이트로 넘어갑니다...

* 이 이미지는, 에니메이션만 적용된 이미지이구요.

** 아 아래의 이미지는, 판매자 다른상품보기 html 소스에 위의에니메이션 gif 이미지 주소를 붙인것입니다.

 

 

* 판매자 다른상품보기 이미지맵 html 소스에, 위의 에니메이션 gif 이미지 주소를 복사하여 붙여넣은것입니다.

일본제품 직수입 전문점 코사카몰 다음카페 입니다파이롯트 프릭션 지워지는 펜 입니다손잡이를 누르면 도라에몽이 빵를 먹습니다가스파드 리사 캐릭터 달린 0.5 샤프입니다푸마 에나멜 2 단 지퍼 필통입니다푸마 3단 철필통 입니다키티 1 단 철필통 입니다디즈니 캐릭터 목욕타올 5 개 세트입니다쓰기 편한 주방용 행주 5 개 세트입니다오래 써도 잘깍이는 일제 손톱깍기입니다가스파드 리사 블럭 만년카렌더 입니다수공예 작품 태양전지 꼬리 흔들이 네코입니다마네키 네코 인테리어 장식 & 컵 입니다일본전통 놀이기구 캔다마입니다일본전통 놀이기구 와나게입니다일본전통 놀이기구 다루마 오토시 입니다일본전통 놀이기구 캔다마 경기용입니다