개인용 상업용 사용이 가능합니다.
7개의 폰트중 2개만 개인용으로 공개된 상업용 폰트입니다.
데모를 확인하시려면 다음 링크를 클릭하세요. 링크 압축을 풀면 제이쿼리 라이브러리 파일, easing파일, lavalamp파일, lavalamp 축소파일, 스타일시트파일이 있습니다. 이미지는 2개가 있습니다. 각각 폴더에 저장하고 다음의 링크에서 경로를 수정하고 헤드태그에 삽입합니다. 이미지는 이미지 폴더에 저장하고 css에서 경로를 수정합니다. 네비게이션 메뉴가 3개 있는데 demo.html파일을 열면 3종류의 메뉴가 있고 이중 하나를 수정해서 사용합니다. css파일에도 3종류가 있으니 알맞는 것을 복사해서 사용하면 됩니다. 임베디드 제이쿼리 코드도 다음과 같이 3종류에 대해 연결이 되어있으니 수정하면 됩니다. 스피드의 700은 0.7초입니다. 수정해서 사용하면 됩니다.
포토샵은 다양한 도구로 만들지 못하는 이미지가 없을 정도록 다양한 기능을 갖고 있는 훌륭한 그래픽 툴입니다. 포토샵을 이용하여 오렌지와 레몬 아이콘을 만드는 방법을 알아봅니다. Step 1 포토샵을 열어 1000x1000px의 문서를 만들고 ctrl+shift+;키를 눌러 스냅기능을 활성화한 뒤 눈금자(ctrl+r)에서 클릭드래그하여 가이드선을 중앙에 그려줍니다. 스냅기능이 활성화되면 가이드선이 중앙에 올때 걸리게 됩니다. Step 2 원형셰이프툴을 선택하고 alt+shift키를 누른채 중앙에서 클릭드래그하여 원을 그려줍니다. 색은 아무거나 상관없습니다. Step 3 레이어창에서 fx아이콘을 눌러 컬러오버레이를 선택하고 색상을 사진과 같이 지정하고 내부그림자(Inner Shadow)는 사진처럼 수치를 입..
맥 컴퓨터 하단의 아이콘은 마우스 오버시 크게 늘어나면서 마우스를 이동하면 작아집니다. 이런 기능을 이용한 메뉴바로 방문자에게 재미를 선사하기도 합니다. CSS와 제이쿼리, 피시아이(Fisheye) 플러그인을 이용해서 만든 것으로 첨부파일을 압축해제하면 상하 두곳에 위치한 소스와 상, 하에 위치한 html파일이 있으니 골라서 사용하면 됩니다. 사용법은 다음과 같습니다. 1. html 헤드태그에 다음의 코드를 삽입합니다. 물론 자신의 웹사이트 경로에 맞춰야합니다. 기본적으로 js폴더가 있다는 가정입니다. 스타일시트도 경로에 맞춰 삽입합니다. 지금은 기본폴더에 있지만 css폴더에 저장한다면 href="css/style.css"로 바꿔야합니다.
CSS와 제이쿼리를 이용한 드랍다운 메뉴입니다. 원본이 섹시하다고 했으나 그다지 섹시하지는 않습니다. 원본 출처 html부분입니다. Home Tutorials Sub Nav Link Sub Nav Link Sub Nav Link Sub Nav Link Sub Nav Link Sub Nav Link Resources Sub Nav Link Sub Nav Link Sub Nav Link Sub Nav Link Sub Nav Link Sub Nav Link About Us Advertise Submit Contact Us CSS부분입니다. 제이쿼리부분입니다. 헤드태그에 다음을 삽입하면 별도의 js폴더를 만들지 않아도 됩니다. 다음의 링크를 클릭하면 데모를 볼 수 있습니다. 링크
개인용으로만 제한된 비트맵 폰트입니다.
포토샵 리터칭 결과입니다. 사진을 불러와서 ctrl+j키를 눌러 레이어 복사를 합니다. 레이어창에서 블렌딩모드를 Vivid light로 선택합니다. ctrl+i키를 눌러 반전시킵니다. 메뉴에서 필터-블러-가우시안블러를 선택하고 수치를 땀구멍이 보일정도가 될때가지 올립니다. 이번에는 메뉴에서 필터-기타(others)-하이패스를 클릭하고 수치를 피부가 부드럽게 보일때까지 올립니다. 레이어창에서 alt키를 누른채 1의 레이어마스크아이콘을 클릭하면 2처럼 레이어마스크가 검정색이 입혀지고 원래의 사진으로 돌아옵니다. 레이어마스크썸네일이 선택된 상태에서 브러시툴을 클릭하고 브러시의 경도를 0%로 하고 흰색을 선택한 다음 피부 부분만 칠합니다. 피부의 잡티나 주름이 제거되면서 부드럽게 됩니다. 다른 부분은 칠하지 말..
액정 문자 폰트입니다.
각종 아이콘이 16,32,64px크기의 png파일로 되어있고 psd파일 포함입니다.
그래픽 디자인을 하다보면 무궁무진한 폰트로 인해 머리가 아플 정도입니다. 무료폰트만해도 미국사이트에서 받을수 있는 것이 이런게 과연 무료인가 할 정도로 멋진 폰트들이 많습니다. 구글에서 font free라고 치면 엄청난 폰트들이 무료로 올라와있습니다. 이러한 폰트들을 잘 관리해야 적절하게 이용할 수 있습니다. 이러한 수많은 폰트를 관리해 주는 프로그램도 무료입니다. 한가지 소개할 것은 NexusFont 라는 프로그램으로 사용하기도 아주 편리하고 이런 프로그램이 없으면 폰트 찾기도 힘들 뿐만아니라 폰트로 고생하는 그래픽프로그램의 메모리도 덜 사용하게 됩니다. 링크 위 링크를 클릭해서 네이버 자료실에서 받으시면 됩니다. 설치를 하면 위와같은 화면이 나옵니다. 폰트를 대부분이 윈도우 시스템 폴더인 C:\win..
Preview 1의 펜툴을 선택하고 2에 클릭한 다음 3에 클릭한 상태에서 4로 마우스를 당기면 곡선이 그려집니다. 5에 클릭하면 두번째 곡선은 자동으로 그려집니다. ctrl을 누르고 빈공간에 클릭하면 베지어핸들과 앵커포인트가 사라지고 패스만 남습니다. ctrl+alt+t키를 눌러주면 위와 같은 박스가 나옵니다. 상방향키를 다섯번 눌러주면 5픽셀 이동합니다. 엔터키를 쳐주면 박스가 사라집니다. 다시 이번에는 ctrl+shift+alt+t키를 눌러주면 같은 픽셀만큼 복사가됩니다. 원하는 만큼 눌려줍니다. 1까지 복사를 했으면 2의 패스선택툴을 클릭하고 3의 빈공간에 클릭해주면 4의 앵커포인트가 사라집니다. ctrl+t를 누르면 패스 전체에 대해 박스가 선택되고 자유변형툴이 나옵니다. 1의 warp(왜곡)툴..