☜ 전체보기 썸네일형 리스트형 새하얀 눈이 펑펑 내리는 이미지 아직 겨울도 아니고-_- 눈은 더 더 욱 구경하기도 힘들지만 , 올 겨울은 제발제발 눈이 많이 내렸음 하는 바램입니다 ㅠ0ㅠ 어쨋든 요로케 생긴 눈이 내리는 이미지를 만들어볼께요. 1) 이미지를 불러주세요... ( 뭐 이왕이면 눈이랑 관계있는 이미지면 더 좋겠지요 ^^) 2) 전경색은 검정색으로 해주세요, 그리고 새 레이어를 추가합니다. (Layer 1) Layer 1 이 선택되어 있는 상태에서 Alt + Delete 를 클릭하세요. (검정색으로 채워집니다.) 3) 전경색을 흰색으로 맞춰주세요. 툴박스에서 브러쉬 툴을 선택하시고, 적당한 크기의 브러쉬를 고른다음 콕콕 찍어주세요. (한가지 크기의 브러쉬만 찍지마시고, 사이즈를 바꿔가면서 찍어주세요.) 4) Layer 1 의 블렌딩모드를 "Sereen" 으.. 더보기 이미지에 링크 걸기 홈페이지나 블로그 상단 이미지 등등을 만들때 이미지에 링크를 자주 걸게 되는데요. 그런 이미지에 링크거는 방법을 알아보도록 하겠습니다. CS 이전버전에서는 이미지래디 프로그램도 따로있어서, 이미지맵 걸기가 훨씬 더 편했는데, CS 버전은 선택하는부분도 많이 사라졌지만, 그래도 뭐 사용하는데는 큰 불편은 없는거 같애요 @_@ 1) 먼저 링크걸 이미지를 불러주세요. ( 싸랑하는 제 조카 사진입니다....... ^-^ 아무리봐도 넘 귀엽다능 ;;;) (저작권이 심하니깐 가족사진 총출동 하게생겼네요 -_-;;; 근데 해외 유명연예인들 사진은 괜찮다는 말을 들은거같기도 하고 -- ;;;) 2) 툴박스 Slice Tool 을 선택합니다. 그리고 링크걸 부분을 선택을 해주세요. 3) 다음, 선택된 부분에서 마우스 우.. 더보기 접힌모양 둥근 뱃지 만들기 이렇게 한쪽이 접힌 모양의 둥근 뱃지를 만들어 보겠습니다. 1) 적당한 크기의 새파일을 열어주세요 (전, 300 Ｘ 250 흰배경으로 열었습니다.) 2) 새 레이어를 한개 추가해 주세요. (Layer 1) 3) 툴박스 원형툴 모양을 선택해 주시고요, Shift 키를 누르면서 동그란 원을 그려주세요. 4) 전경색에 원하는 색을 골라주시고, 페인트통으로 색을 채워주세요. 선택영역 해제해 주세요. (Ctrl + D) 5) 툴박스 다각형 툴을 선택하여 , 아래부분에 선택을 해주시고, 그 영역안에서 마우스 우클릭하여 Layer via Cut 를 클릭하세요. 그럼 현재 아래 이미지처럼 되있을겁니다. Edit => Transform => Rotate 180 하신후, 페인트통으로 부어주세요. (이때 전경색은 흰색이 되.. 더보기 따끈한 핑크 하트 방금 만든 따끈한 하트 입니다. 투명배경입니다 . 더보기 포토북 만들기 이렇게 생긴 포토북을 만들어 볼께요 1) 먼저 같은 사이즈의 이미지 두장을 준비해 주세요. 2) 자 , 그런다음 두 장의 이미지 가로,세로 를 합해서 조금 더 큰 사이즈의 새 파일을 불러주세요. 또는 더 큰 사이즈의 다른 배경이미지를 불러도 상관없습니다. 3) 그런다음, 툴박스 이동툴을 이용해서 두 장의 이미지를 , 새 배경이미지로 옮겨주세요. 그럼 현재 위 이미지처럼 됩니다. 4) Layer 1 을 선택하고, 새 레이어를 추가해 주세요 . ( Layer 3 가 생깁니다.) 5) Layer 3 가 선택되어 있는 상태에서, 키보드 Ctrl 키를 누른채로 Layer 1의 그림 미리보기창을 클릭하세요. 그럼 Layer 1 의 이미지가 선택이 됩니다. 6) 전경색을 흰색으로 해주세요. 7) 그라디언툴을 선택하고.. 더보기 [ HTML ] img/ 이미지태그의 모든것 이미지 테두리 가장 기본적인 이미지 태그 입니다. 그럼 그냥 요로케 이미지가 나타나게 됩니다. 이미지에 테두리를 줘보겠습니다. 그럼 이미지에 1 만큼의 두께의 테두리가 생겼습니다. 당연히 border="숫자"의 크기가 높을수록 테두리 두께가 두꺼워 지겠지요. 이미지 링크 이미지에 그냥 링크를 걸면 , 이미지 주위로 파란색 테두리가 생기게 됩니다. 이럴때는 뒤에 border="0" 을 적어주면 파란색 테두리가 사라지게 됩니다. 이미지옆의 글자 위치 그림의 위쪽과 텍스트의 위쪽을 나란히 하여 한 줄의 텍스트만 들어갑니다. 그림의 중간부분을 기준으로 한 줄의 텍스트만 들어갑니다. 그림의 아래쪽을 맞추어 한 줄의 텍스트만 들어갑니다. 이미지옆에 글을 적어보자 이곳에다가 글을 막 써주세요 ^^ = 그림은 왼쪽, .. 더보기 [ 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/ 아이들 더보기 이전 1 2 3 4 5 6 7 ··· 12 다음
