2010/09 썸네일형 리스트형 [ HTML ] 테이블에 색상을 넣어보자/ 테두리도 꾸미기 테이블에 색을 입혀서 꾸며보기 희야의웹하우스 옆에 bgcolor= 소스를 넣으면 테이블 전체에 색이 들어갑니다. 희야의웹하우스 안에 bgcolor= 소스를 넣으면 해달 셀 부분만 배경색이 입혀집니다. 희야의웹하우스 와 에 각각 bgcolor 색을 넣었습니다. 셀부분의 색이 바깥쪽 테이블 색을 덮었더니, 에 넣은 배경색이 테두리 색으로 보입니다. 희야의웹하우스 위쪽 테이블과의 차이점이 보이시나요 ? 위쪽 테이블은 기본적인 border(테두리) 소스가 들어가있고, 아랫쪽에는 테두리 소스가 없습니다. 그랬더니 왠지 더 매끄럽고 깔끔한 테이블이 만들어졌습니다. 테이블 테두리 가늘게 만들어보자 희야의웹하우스 뒤쪽에 cellspacing=1 이라는 소스가 들어가서 테이블의 테두리를 가늘게 만들어주는 역활을 하고 있.. 더보기 깔끔한 테이블 메뉴 - 1 테이블 상자는 CSS, 자바스크립트에 비해서 많이 화려하지 않기때문에, 디자인을 아주 중요시하는 고수분들에게는 솔직히 별로 인기가 없을지 몰라요 ^^ 하지만, 어디까지나 블로그나 사이트를 막 접하는 분들이나 , 좀 더 깔끔하고 간편한 메뉴를 찾는 분들에게 조금이나마 도움이 되고자 올립니다. ^^ Table 과 CSS 를 혼합해서 만들어지므로, 그냥 일반적인 테이블 보다는 다양한 테두리와 색깔, 마우스온 효과도 있어서 훨씬더 모양도 이쁘고, 수정도 간편해서 초보분들도 쉽게 사용할 수 있을거라고 생각합니다. －・－ MENU －・－ 포토샵강좌 베가스강좌 자유게시판 HTML/CSS 희야의웹하우스 －・－・－・－・－・－・－ －・－ MENU －・－ 포토샵강좌 자유게시판 희야의웹하우스 －・－・－・－・－・－・－ －・－ .. 더보기 반사되는 그림자 문자 만들기 위 와 같은 모양의 바닥에 그림자가 생기는 문자를 만들어 보겠습니다. 1) 작업할 새 파일을 열어주세요. ( 전 400 Ｘ 200 흰배경 으로 불렀습니다.) 2) 전경색은 검정, 배경색을 흰색으로 맞춰 주세요. 3) 문자 마스크 툴로 원하는 글을 적어 줍니다. (적으실때는, 아래에 반사되는 그림자 효과를 줘야 하므로 위쪽으로 글을 적어주세요.) 4) 새 레이어를 하나 추가하세요 . (Layer 1) 5) Edit => Fill 하신후, 아래처럼 50% Gray 로 선택해 주세요. 그럼 글자 색이 회색으로 입혀집니다. Ctrl + D (Mac:Cmd + D) 를 하여, 선택 영역을 해제해 주세요. 6) Layer 1 이 선택 된 상태에서 , Ctrl + J 를 하여, 레이어를 복사 합니다. (Layer 1.. 더보기 맛있는 캔디같은 글자만들기 제목도 참 -ㅅ- ㅎㅎㅎ 어쨋든 ........ 요로케 생긴 글자를 만들어 보겠습니다 ^^ ; 1) File => New 해서, 새 파일을 불러주세요. (400 × 300 흰색배경으로 불렀습니다.) 2) 다음, 전경색을 알맞은 색으로 골라주세요. ( 전 오렌지 색으로 골랐습니다 ) 3) 문자 마스크 도구를 골라서 , 원하는 글을 적어주세요. 마스크 툴을 선택하면, 위 이미지처럼 분홍색(?) 으로 바뀌게 됩니다. 4) 다 적으셨으면, Select =>Modify => Smooth Selection 하신 후, 수치를 "2" 로 해주세요. (선택영역 테두리를 좀 더 부드럽게 해주는 작업 입니다.) 5) 레이어창에서 글자가 적힌 레이어가 선택 되어 있을거에요. 그 상태에서 Ctrl + J (Mac: Cmd + .. 더보기 밤하늘에 빛나는 빛줄기 역시나 제목짓는데는 소질이 없나봅니다 -_-))) 어정쩡 ㅠㅠ 1) 작업할 이미지를 불러주세요 . 2) 전경색을 흰색으로 맞춰주세요. 3) 브러쉬를 선택하고, 상단 옵션에서 브러쉬를 선택해 주세요. (위 이미지대로 5 정도가 적당할것 같습니다.) 4) 다음은 브러쉬 팔레트를 열어서 , 아래 캡쳐 이미지를 보시고 설정을 해 주세요. 5) 다음 새 레이어를 한나 추가해 주세요. 6) 그런다음 브러쉬로 이미지에 그려 주세요. 7) Layer => Layer Style => Outer glow 하신 후, 그냥 바로 OK 눌러주세요. 그럼 아래처럼 밋밋하던 사진에 빛나는 빛줄기가 생겼습니다. ^^ 여러분들은 더 멋지게 만들어 보세요 @_@ 더보기 DOLL 이미지 http://www.dreamofdoll.com/ 아이들 더보기 DOLL 이미지 http://www.dreamofdoll.com/ 아이들 더보기 DOLL 이미지 http://www.dreamofdoll.com/ 아이들 더보기 DOLL 이미지 http://www.dreamofdoll.com/ 아이들 더보기 DOLL 이미지 http://www.dreamofdoll.com/ 아이들 더보기 DOLL 이미지 http://www.dreamofdoll.com/ 아이들 더보기 DOLL 이미지 강좌에 쓰일 이미지 갠적으로 http://www.dreamofdoll.com/ 이곳 아이들이 맘에 들더라구요 ^^ 더보기 오디오 편집하기 이번시간은 오디오 편집하는 방법을 알아보겠습니다. 1) 먼저 사운드,오디오를 트랙에 추가하세요. 2) 오디오 트랙에 마우스를 위쪽에 가따대어 보세요. 볼륨조절은 위 처럼 하시면 됩니다. 오디오 트랙도 , 일반 영상이나 이미지처럼 맨 앞부분 맨 뒷부분 (페이드 인, 페이드 아웃)을 하면, 좀더 자연스럽게 음악이 나타납니다. 오디오 트랙도 역시나, 분할하거나 자르거나 할수 있습니다. 방법은 이미지/영상 자르거나 분할하는 방법과 동일합니다. 앞쪽 강좌를 참조해 주세요. 3) 영상을 작업하다 보면, 사진부분에 나타나는 음악은 볼륨을 좀 높이고, 동영상이 나타나는 부분은 영상과 함께 오디오 트랙이 생기므로, 그때 음악은 볼륨을 낮춰줘야 합니다. 오디오 트랙 부분 부분 사운드 볼륨을 낮추려고 할때는 ? 그.. 더보기 사진.영상 삽입시 여백 없애기 사진이나 영상을 불러들여, 아래 타임라인에 올려놓을때 좌우나 상하에 검정 여백이 생길때가 있습니다. 그럴땐, 해당 트랙 소스에서 마우스 우클릭을 한 후 , Switches -> Maintain Aspect Ratio 를 선택하세요. 그럼 아래 그림처럼 이미지가 화면에 꽉 차게 보입니다. 이렇게 하면, 랜더링 후 영상을 볼때는 여백이 없이 보이는데로 영상이 나오게 됩니다. 만약 사진이 여러장이라면? 한장 한장 위와 같은 작업을 한다면, 꽤 번거로울겁니다. 그럴땐 일반 폴더 선택하는것 처럼 하면 됩니다. 그리고 난 후 , 위 와 같은 작업을 해 주시면 됩니다. Switches -> Maintain Aspect Ratio 누르면 선택된 사진이 모두가 여백이 사라지게 됩니다. 사진출처 : http://www.d.. 더보기 자막에 배경색 넣기 1) 맨먼저 영상을 불러오세요. 불러온 영상 트랙 빈공간에서, 마우스 우클릭을 한 후, 2) Midia Generators -> Solid Color 을 선택하세요. 3) Solid Color White 설정창이 뜨면, 미리보기 창을 보시면서, 투명도를 조절해 주세요. (색상바에서 원하는 색도 골라주세요.) 4) 자막트랙 왼쪽 메뉴에서 Track Motion 을 선택하세요. 5) 트랙모션 설정창이 뜨면 미리보기 창을 보시면서 투명부분(솔리드컬러)을 위치랑 크기를 조절합니다. 6) 트랙을 하나 더 추가하여 , 자막을 적어줍니다. 자막 강좌 = http://heeya1004.tistory.com/38 참고하세요. 더보기 이전 1 2 3 4 5 6 다음
