bold, medium, light 3종입니다.
개인용 상업용 무료입니다.
코딩한 파일을 비교해서 차이점을 찾아내는 프로그램입니다. 사용법은 아주 간단합니다. 파일뿐만아니라 폴더까지 비교할 수 있습니다. 한글지원도 됩니다. 어제 티스토리 레이아웃 변경하면서 css파일을 수정한 뒤 업데이트 버튼을 눌렀는데 한참을 기다려도 묵묵부답이었습니다. 그래서 새로고침 버튼을 눌러 나가버렸는데 화면의 일부 그래픽이 뒤죽박죽이었습니다. 헐.. 어디서 어떻게 잘못됐는지 분간도 안되고 개발자프로그램으로 요소검사를 해도 스타일부분이 나오지를 않았습니다. 그래서 생각난게 file compare 프로그램이었습니다. 원래의 스킨 css파일과 수정한 파일을 불러들여 비교해보았습니다. 다른 부분은 그대로인데 최하단의 상당부분이 날라갔더군요. 그래서 복사해서 붙여넣기 했더니 제대로 나오더군요. php배울때 원..
포토샵에서 합성이란 전문용어로 리터칭이라고 합니다. 사진에서 모든 수정은 리터칭에 속합니다. 아무리 좋은 카메라로 실력있는 사진작가가 좋은 사진을 찍었다 하더라도 더 좋은 사진을 만들기 위해서는 리터칭은 꼭 필요합니다. 여러가지 리터칭 기법에 관한 글을 올려보겠습니다. 위 사진을 보면 여러가지 고칠점이 있지만 이번 글에서는 눈의 교정과 눈섭을 추가해보겠습니다. 양쪽 눈의 크기가 다른데 이런 경우는 좋아보이는 눈을 다른쪽에 복사해서 붙여넣는 것이 가장 좋은 방법입니다. 오른쪽 눈을 원형선택툴로 선택하고 ctrl+j키를 누르면 새레이어에 복사됩니다. ctrl+t키를 눌러 자유변형툴을 불러냅니다. 우클릭하면 메뉴가 나오는데 Flip Horizontal(좌우대칭)을 클릭하면 좌우가 바뀝니다. 클릭드래그해서 왼쪽..
크롬도금한 금속재질의 글자를 만들어봅니다. 해상도 200dpi의 문서를 만들고 검정색 배경에 흰색 글씨를 만듭니다. 새레이어를 만들고 ctrl키를 누른채 2의 썸네일을 클릭하면 3처럼 문자주변에 마퀴가 만들어집니다. 4의 눈 아이콘을 꺼줍니다. 그래디언트툴을 선택하고 전경색-검정, 배경색-흰색을 선택하고 스타일은 선형(Linear Gradient)으로 해서 2처럼 120도 각도에서 글자 윗부분만 살짝 덮도록 클릭드래그합니다. 그러면 글자의 상단만 옅은 회색이 입혀지고 아랫부분은 흰색이 됩니다. 새레이어를 하나 더 만들고 그래디언트툴을 선택한뒤 옵션바에서 2를 클릭하면 그래디언트 에디터가 나옵니다. 4를 클릭하고 5를 클릭하면 색상선택상자가 나옵니다. 짙은 회색(#535252)을 선택해주고 에디터를 나옵니..
포토샵의 펜툴을 사용하면 패스가 그려지는데 이 패스에 브러시를 적용하면 패스가 있는 곳은 전부 브러시가 적용됩니다. 이번글에서는 글자의 테두리에 스티치브러시를 만들어 적용하는 방법을 알아봅니다. 흰바탕에 영어의 알파벳 소문자(Arial)를 검정색으로 치고 사각형선택툴로 사진처럼 선택한 다음 메뉴의 편집(Edit)-브러시사전정의(Define Brush Preset)을 클릭하면 작은 창이 나옵니다. 적당한 브러시 이름을 입력합니다. 도구모음에서 브러시툴을 선택한뒤 메뉴에서 윈도우-브러시를 클릭하든가 F5키를 누르면 위와같은 창이 나옵니다.좌측 항목의 Brush Tip Shape가 선택된 것을 확인하고 1의 스크롤바를 이동해서 v자 모양의 브러시를 찾아 클릭합니다. 브러시의 밑에 있는 숫자는 처음 만들때 브러..
사진이 흐릿한 경우 포토샵에서 선명하게 하기 위해 필터를 사용합니다. 언샵마스크(Unsharp mask)를 이용해서 선명하게 하는데 문제는 선명하게 하는 것은 선의 경계부분을 기준으로 포토샵이 한쪽은 밝게 하고 반대쪽은 어둡게 만들게 됩니다. 선명하게 되기는 하지만 문제는 콘트라스트가 높아지게 됩니다. 사진이 부드럽지 못하고 어둡고 밝음이 두드러진다는 것이죠. 이를 조정할 수 있는 것이 Darken 과 Lighten입니다. 레이어를 두개 추가해서 각각의 블렌드 모드를 적용합니다. 위 사진을 예제로 해보겠습니다. 사진을 불러와서 ctrl+j키를 눌러 레이어 복사를 합니다. 메뉴에서 필터-선명(Sharp)-Unsharp mask를 클릭하면 창이 나옵니다. 3, 4, 5의 수치를 조정해서 선명하게 하고 6을 ..
스크린 모드는 어두운 색은 투명하게 하고 밝은 색은 보존합니다. 포토샵의 필터중에서 사진위에 렌즈플레어를 적용하고 난 후에는 위치를 변경하거나 지울 수 없는 상황이 됩니다. 하지만 사진위에 새로운 레이어를 만들고 이 위에 렌즈플레어를 적용하면 레이어는 서로 분리되므로 사진에는 영향을 주지 않고 위치 이동 또한 가능합니다. 하지만 빈 레이어에는 렌즈플레어가 적용이 안됩니다. 그래서 빈레이어에 검정색을 입히고 나중에 렌즈플레어를 적용한뒤 스크린모드로 전환하면 모든게 원하는대로 됩니다. 위 사진을 이용해서 태양의 빛나는 모양을 렌즈플레어로 만들어봅니다. 사진을 불러와서 ctrl+shift+alt+n키를 누르면 새레이어가 1번에 만들어집니다. 레이어만들기 아이콘을 클릭해도 됩니다. 색상도구의 2를 클릭하거나 d..
위 사진과 같이 네비게이션 바의 메뉴에서 항목과 항목 사이를 분리하는 것을 HORIZONTAL LIST SEPARATOR(한국말이 적당한게 없네요.)라고 하는데 이를 삽입하는 CSS는 다음과 같습니다. 서울 인천 부산 여기서 first-child 선택자는 li항목의 첫번째 항목을 선택하는 방법입니다. 마지막을 선택하는 것은 last-child입니다. 이와같이 첫번째와 마지막을 선택할 수 있는데 중간의 몇번째에 해당하는 것을 선택하려면 nth-child(3) 를 사용합니다. 세번째 항목을 선택하는 것이죠.
영문 무료폰트는 엄청 많습니다. 영문폰트가 만들기도 쉽지만 종류도 다양해서 무료폰트 사이트에 가면 다운 받아 사용할 수 있지만 상업용으로 제한이 있는 경우가 있으니 주의해야합니다. 하지만 개인용으로 사용하는 것은 제한이 없습니다. 소개하는 폰트는 숫자폰트인데요. 두자리이상의 숫자에 둥근 외곽선을 만들 수가 있어서 아주 유용합니다. 다음의 사진은 예제입니다. 첨부된 pdf파일을 보니 상업용 제한은 없지만 이것을 팔거나 수정하면 안된답니다. 다른 숫자폰트
인디자인을 시작할때 문서의 크기 단위가 대부분 파이카로 되어있는데 이를 미터법단위인 밀리미터로 바꾸는 방법은 메뉴에서 편집(Edit)-환경설정(Preferences)을 클릭하거나 단축키인 ctrl+k를 눌러주면 다음과 같은 창이 나옵니다. 1번의 단위항목을 클릭하고 2번의 수평 수직 부분의 아이콘을 각각 클릭하여 단위를 밀리미터로 변경하면 다음부터 새문서를 만들때 밀리미터로 나오게 됩니다. 어도비 프로그램은 환경설정에 들어가는 단축키가 CTRL+K 입니다. 하지만 전부 그런 것이 아니고 일부 프로그램은 CTRL+U를 눌러야 합니다. 왜냐하면 그 일부 프로그램이 예전에 매크로미디어라는 회사에서 인수한 프로그램의 경우 기존의 단축키를 그대로 사용하기 때문이죠. 이런 프로그램이 드림위버와 플래시 파이어웍스입니다.
네비게이션 바에 메뉴를 만들때 일일히 태그를 만들고 CSS로 작업을 하는데 시간이 많이 걸리죠. 보통은 제이쿼리나 자바스크립트로 만들어야 드랍다운이나 애니메이션이 가능한데 이런 기능을 넣으려면 시간이 더 걸립니다. 이 프로그램을 이용하면 색상도 자유롭게 넣을 수 있고 1분만에 예쁜 디자인의 메뉴바를 만들 수 있습니다. 사용법도 아주 직관적이라서 화면에 나온 것만 보고도 금방 만들 수 있습니다. 개인용으로 사용하면 무료지만 상업용은 유료네요. 블로그나 비영리단체에 사용하면 완전 무료로 사용할 수가 있습니다. 상업용은 돈을 내지만 추가기능이 있습니다. http://css3menu.com/index.html 위 링크에서 다운받으면서 이름과 이메일 주소만 입력하면 다운이 가능합니다.
네이버블로그는 이런 기능이 안되지만 티스토리(태터툴스,텍스트큐브)나 익스프레스엔진(Xe)같은 php기반의 CMS(Content Management System)를 사용하면 메뉴가 추가되면서 배경이미지가 자동으로 추가되고 글자의 많고 적음에 따라 배경이미지도 변하도록 하는 기법이 슬라이딩 테크닉(Sliding Door Technic)입니다. 메뉴버튼의 link상태와 hover상태에 따라 변하게도 할 수 있습니다. 하나의 이미지 안에 4개의 이미지가 들어있고 배경이미지 포지션(Background Image Position)을 조정하여 각각의 상태에 따라 해당 이미지가 나오도록하는 기법입니다. 첨부파일을 열어보면 좌측 사진과 같은 이미지와 psd파일이 있으므로 만드든데 참고가 됩니다. 평상시(link)는 1번..