포토샵의 카툰효과는 여러가지 필터를 사용하는데 서피스블러(Surface Blur)는 경계선을 보존하고 경계선 내부는 표면을 단순화하는 작용을 하고 컷아웃(Cut out)필터는 단순화된 이미지에 색의 변화를 단순화하는 작용을 합니다. 이 두가지는 복잡한 이미지를 단순화하는 효과를 얻을 수 있습니다. 포스터엣지는 이미지의 경계선에 검정색 선을 만들고 컬러하프톤는 점무늬 패턴을 만듭니다. 네가지 필터를 이용하여 카툰효과를 내는 방법을 알아봅니다. 같은 효과가 나오도록 하기위해 사용된 이미지를 첨부합니다. 원래 고급레벨에 속해서 글내용을 단순하게 했는데 찾는 분들이 많아서 글 내용과 이미지를 늘렸습니다. 사용된 이미지를 이용해서 먼저 해보고 다른 이미지로 시험해보는 것도 좋은 방법입니다. 사진을 열고 Ctrl+..

사진 이미지는 RGB모드인경우 Red, Green, Blue로 이루어진 이미지의 조합으로 하나의 이미지를 만듭니다. 포토샵의 채널은 이러한 조합의 이미지를 각 색상별로 나눈 것으로 콘트라스트가 높은 하나의 채널을 선택하여 이미지의 일부를 추출하는데 이용됩니다. 이러한 채널의 기능과 채널을 이용한 이미지 추출 방법을 알아봅니다. 이미지를 열고 채널패널을 선택하면 기본적으로 채널의 썸네일이 회색으로 되어있습니다. Ctrl+K를 눌러 환경설정창의 인터페이스 항목에서 채널을 컬러로 보기(Show Channels in Color)에 체크하면 컬러로 나옵니다. 각 채널을 선택하면 이미지가 해당 채널의 컬러로 나오게 됩니다. 각 채널의 이미지를 프린트스크린으로 캡쳐해서 검정색 배경에 놓고 블렌드 모드를 스크린으로 하..

포토샵에서 레이어창을 많이 사용하기 때문에 레이어 관련 단축키를 알아놓으면 아주 편리합니다. 특히 액션작업할때는 레이어 선택을 마우스 클릭으로 할 수 없으니 레이어 단축키는 반드시 알아야합니다. 이전의 단축키관련 글과 중복되는 것이 몇개 있지만 레이어관련해서 전반적인 단축키 사용법을 알아봅니다. 1. 새 레이어 만들기 새 레이어 만들기는 레이어창의 아이콘을 사용하면 되지만 바로 레이어가 만들어지기 때문에 레이어의 이름을 입력하고 만들려면 Ctrl+Shift+N키를 누르면 다음과 같은 창이 나옵니다. 레이어의 이름 뿐만아니라 레이어의 색도 지정할 수 있고 블렌드 모드와 투명도를 미리 지정할 수 있습니다. 레이어 창에서 Alt키를 누르고 새레이어만들기 아이콘을 클릭하면 같은 창이 나옵니다. 2. 현재 선택된..

이전 글 에서 연필 스케치효과를 알아보았는데 이번 글에서는 디테일이 살아있는 연필 스케치 효과를 주고 컬러까지 넣는 방법을 알아봅니다. 과정은 비슷하지만 필터를 가우시안 블러를 사용하는 것이 아니라 Minimum필터를 사용합니다. 포토샵에 사진을 불러와서 Ctrl+J키를 눌러 레이어 복사를 한 다음, Ctrl+Shift+U키를 누르면 흑백사진이 됩니다. Ctrl+J키를 한번 더 눌러 줍니다. 1의 블렌드 모드를 Color Dodge를 선택하고 Ctrl+i키를 누르면 위 사진처럼 됩니다. 메뉴에서 필터-기타(Other)-Minimum을 선택하고 수치를 1로 줄여줍니다. Alt키를 누르고 2의 메뉴아이콘을 클릭하고 마우스를 떼지말고 드래그해서 Merge Visible을 선택하면 눈아이콘이 켜진 레이어는 병합..

포토샵의 일괄작업은 액션을 사용하여 수많은 사진을 한번에 작업할 수 있는 자동화기능중에 하나입니다. 일괄작업은 하나의 액션만 사용이 가능한데 두가지의 액션을 만들어서 동시에 작업하도록하는 별도의 액션을 만들면 두개의 작업을 한번에 가능하게 만들 수 있습니다. 사진을 하나는 큰 사이즈로 리사이즈해서 인쇄를 위한 CMYK버전으로, 다른 하나는 작은 사이즈로 리사이즈해서 웹용으로 저장하는 방법을 알아봅니다. 액션을 만들어 놓으면 몇번의 클릭만으로 수백장의 사진 작업이 간단하게 처리됩니다. 1. 인쇄용 사진으로 리사이즈해서 저장하는 액션 원본사진이 있는 폴더(test)외에 인쇄용 사진을 저장할 폴더와 웹용으로 저장할 폴더를 만듭니다. 내문서 폴더인 라이브러리에서 작업하면 저장시 폴더를 찾을 수 없다는 에러메시지..

이전글 에서 액션 패널에 대해 알아보았습니다. 이번글에서는 연필스케치효과를 액션으로 만드는 방법을 알아봅니다. 사진을 연필스케치한 것처럼 보이게 하려면 위 사진처럼 인물과 배경의 외곽선이 뚜렷한 콘트라스트가 높은 사진을 이용해야 라인이 제대로 나오게 됩니다. 사진을 열고 메뉴에서 윈도우-액션을 선택하고 1의 액션셋(Set) 만들기 아이콘을 클릭하여 이름을 입력한 다음, 2의 액션만들기 아이콘을 클릭하면 창이 나옵니다. 이름을 입력하고 3에서 색상을 정하면 버튼모드시 버튼의 색상이 나오게 할 수 있습니다. OK클릭하고 나오면 레코드 아이콘이 빨간색으로 되고 액션 기록이 시작됩니다. 포토샵의 액션은 실시간 기록되는 것이 아니라 포토샵에서 어떤 작업을 해야만 기록되므로 몇시간 후에 작업해도 상관 없고 현재까지..

포토샵의 액션은 자동화 도구의 하나로 반복되는 작업을 레코딩해서 다른 이미지에도 똑같은 작업이 이루어지도록 하는 하나의 프로그램입니다. 포토샵을 이용하여 멋진 액션을 만들면 다른 사람도 사용할 수 있도록 저장해서 하나의 파일로 만들 수 있고 상품성이 있다면 판매도 할 수 있습니다. 이번 글에서는 액션패널의 각 도구의 사용법과 메뉴를 알아봅니다. 포토샵 메뉴에서 윈도우-액션을 선택하면 좌측과 같은 패널이 나옵니다. 포토샵에는 기본적으로 여러가지 액션이 있는데 1은 기본 액션셋(Set)입니다. 액션셋의 좌측에 있는 2의 작은 세모를 클릭하면 세부 액션 목록이 나옵니다. 사진을 열고 이중 하나의 액션을 선택하고 5의 플레이 아이콘을 클릭하면 액션이 실행됩니다. 4는 액션을 만들때 기록하는 레코드 아이콘이고 3..

윈드필터는 이미지의 픽셀을 좌우로 늘리는 효과가 있고 리플필터는 작은 웨이브효과를 줄 수 있습니다. 이를 이용해서 전기이미지를 표현하는 방법을 알아봅니다. 700X350픽셀의 검정색 배경 새문서를 만들고 문자툴로 글자를 친 다음, Ctrl+A키를 누른 뒤 이동툴을 선택하고 옵션바에서 1과 2의 아이콘을 클릭하면 중앙에 배치됩니다. Ctrl+D키를 눌러 선택을 해제합니다. 1의 레이어를 우클릭하고 메뉴에서 레스터라이즈를 선택하면 글자가 픽셀화됩니다. Ctrl+J키를 눌러 레이어복사를 하고 2의 눈아이콘을 꺼준다음 1의 레이어를 선택합니다. 메뉴에서 필터-스타일라이즈-윈드를 선택하고 2의 From the Right를 선택, OK클릭합니다. Ctrl+F를 누르면 이전에 적용한 필터효과가 한번 더 적용됩니다. ..

포토샵의 텍스쳐라이즈 필터를 이용하면 사진을 캔버스에 그린듯한 그림효과를 낼 수 있습니다. 이 필터를 만든 다음 사진이 나타나는 애니메이션 GIF를 만드는 방법을 알아봅니다. 1. 캔버스 텍스쳐 만들기 사진을 불러와서 새레이어를 만들고 D키를 누르면 색상도구가 기본색으로 됩니다. Ctrl+Delete키를 누르면 흰색이 채워지고 3의 아이콘을 클릭하면 레이어마스크가 추가됩니다. 브러시툴을 선택하고 우클릭하면 메뉴가 나옵니다. 5의 Fan Bristle 브러시를 선택하고 사이즈를 조정한 다음, 검정색으로 칠해주면 사진이 나타납니다. 새레이어를 추가하고 흰색을 채운 다음, 메뉴에서 필터-텍스쳐라이저를 선택하면 창이 나옵니다. 캔버스를 선택하고 스케일은 100%, 릴리프는 4 라이트는 Top으로 설정하고 나온 ..

선택툴의 추가, 차감, 교차 기능을 이용하여 선택을 다양하게 변화시켜 위와같이 사진을 오려서 직물짜는 듯한 효과의 사진을 연출하는 방법을 알아봅니다. 사진을 편집하려면 미리 일정한 크기로 자르는 것이 좋습니다. 가로 1000픽셀의 사진입니다. 그리드를 설정 하려면 자동으로 그려주는 스크립트를 설치하고 메뉴에서 편집-스크립트를 선택하면 960gs라는 메뉴가 있습니다. 이것을 선택해서 사진처럼 설정하고 OK클릭하면 그리드가 그려집니다. 가이드를 사용하지 않고 그리드를 설정하고 해도 됩니다. 이곳 3번항목 참고. Ctrl+Shift+;키를 눌러 스냅기능을 활성화시키고 사각형선택툴을 선택한 다음, 옵션바에서 1의 아이콘을 클릭하고 사진처럼 두칸단위로 한칸건너 선택해줍니다. Ctrl+J키를 누르면 선택한 부분만 ..

레이어마스크에 검정색의 패턴을 넣으면 검정색 부분은 안보이게 되는 효과를 이용해서 점무늬패턴을 넣은 방법을 알아봅니다. 20X20픽셀의 새문서를 만들고 원형선택툴을 선택하고 Shift키를 누르고 클릭드래그해서 정원을 만듭니다. 만들면서 캔버스에 맞추기 위해 스페이스바를 누르면 이동이 가능합니다. 전경색을 검정색으로 하고(단축키 D) Alt+Delete키를 누르면 색이 채워지고 Ctrl+D키를 누르면 선택해제됩니다. Ctrl+i키를 누르면 색이 반전됩니다. 메뉴에서 편집-패턴 정의를 선택하고 1에 적당한 이름을 넣고 OK클릭합니다. 사진을 불러와서 Ctrl+J키를 눌러 레이어 복사를 한 다음, 두 레이어 사이에 새 레이어를 만들고 검정색을 채웁니다. 1의 레이어에 3의 아이콘을 클릭하여 레이어마스크를 추가..

포토샵의 3D기능은 메모리를 많이 사용하여 간단한 작업이라도 메모리 사용량이 엄청납니다. 그래서 3D작업으로서는 적합하지 않은 프로그램이지만 간단하게 3D 모양을 만들 수는 있습니다. 세계지도를 지구모양의 3D셰이프로 만들어 타임라인 애니메이션으로 GIF 파일을 만드는 방법을 알아봅니다. 첨부파일을 압축해제하고 포토샵에 열면 위와같이 나옵니다. 아주 큰 이미지라서 나중에 줄여줘야합니다. 포토샵의 3D기능은 익스텐디드(Extended)버전만 가능합니다. 메뉴에서 3D-New Shape from Layers-Sphere를 선택하면 직사각형의 이미지가 사진처럼 구형으로 전환되고 1처럼 3d레이어로 변합니다. 자르기툴을 선택하고 폭을 2처럼 500픽셀 입력하고 클릭드래그해서 잘라줍니다. 메뉴에서 윈도우-애니메이..

네온사인 효과를 낼 수 있는 폰트로 개인용 상업용 무료입니다.

이전글 에서 하나의 버튼으로 두가지 기능을 하는 토글효과를 이용한 슬라이딩 메뉴를 알아보았는데 이것은 html요소를 위 아래로만 감추거나 나타나게 하고 좌우로 슬라이딩효과를 주려면 제이쿼리의 animate 기능을 이용합니다. 화면 밖에 감추었다가 버튼을 클릭하면 화면 안으로 나타나게 하는 슬라이딩 애니메이션 효과를 알아봅니다. 업그레이드 버전은 아래의 링크에 있습니다. https://martian36.tistory.com/1559 이글이 도움이 되셨다면 추천↑ 부탁드립니다. Toggle 에디터에 코드를 입력하고 웹브라우저에 실행하면 아래 데모링크처럼 잘 되는데 블로그에서는 열리고 닫는 두개의 이미지가 나타나지 않아서 하나의 이미지를 사용했습니다. 데모링크 링크 오른쪽에 배치할 경우의 파일은 아래를 사용하..

직소퍼즐 텍스쳐는 포토샵 CS3버전에 포함되었는데 CS4버전이후로는 텍스쳐가 없습니다. 포토샵이 CS3버전이 같이 설치되어있으면 CS3버전의 텍스쳐폴더에서 등록을 해서 사용하면 되지만 그렇지 않으면 별도로 다운받아 사용해야합니다. 어도비에서는 옵션 플러그인을 다운 받아 별도로 설치할 수 있도록 해놓았습니다. 이곳 을 클릭하면 어도비 홈페이지로 이동합니다. CS4이후 사라진 필터와 텍스쳐를 다운 받을 수 있습니다. 직소퍼즐 텍스쳐만 사용하려면 다음의 텍스쳐를 다운받아 찾기쉬운 폴더에 저장합니다. 포토샵에 사진을 불러온 뒤 Ctrl+J키를 눌러 레이어복사를 하고 메뉴에서 필터-텍스쳐-텍스쳐라이저를 선택하면 위와같은 창이 나옵니다. 1의 Load 아이콘을 클릭하고 텍스쳐를 저장한 폴더에서 선택하면 2에 등록됩..

첨부파일을 열면 html코드와 제이쿼리 라이브러리, 아이콘이 있습니다. 두가지 메뉴가 있는데 하나는 클릭해야 슬라이드 되고 하나는 마우스 오버하면 슬라이드 됩니다. Accordion Menu Using jQuery Works on clicking Header-1 Link-1 Link-2 Link-3 Header-2 Link-1 Link-2 Link-3 Header-3 Link-1 Link-2 Link-3 Works with mouse over Header-1 Link-1 Link-2 Link-3 Header-2 Link-1 Link-2 Link-3 Header-3 Link-1 Link-2 Link-3 데모링크 링크