본문 바로가기

포토샵 튜토/포토샵 튜토

[포토샵 강좌]포토샵으로 입체감이 드는 홈페이지 타이틀 및 헤더 만들기 이번 강좌는 포토샵에서 홈페이지의 타이틀 및 헤더 만들기 입니다. 위의 이미지가 완성본이긴 하지만 디테일한 이미지는 아닙니다. 어느정도 감으로 맞춰 놓은 겁니다. 먼저 홈페이지에 맞는 사이즈를 만들어 줍니다.저는 기본으로 가로 700으로 해 주었습니다. 먼저 단색으로 채워 주시고 가이드 라인으로 타이틀 구간을 잡아 줍니다 타이틀이 들어갈 부분을 흰색으로 채워줍니다. 다음 마스크 툴로 원형을 만든다음 가우시안 블러를 주어서 적당히 그림자를 주었습니다.이것으로 타이틀은 좀더 앞으로 나와 보이지요아직은 티가 나질 않습니다. 그림자 레이어를 밑으로 내려서 그림자처럼 보여 주시고 타이틀 부분의 레이어 스타일에 들어가 그라디언트 오버레이를 줍니다.그럼 그라데인션의 영향과 그림자의 영향으로 앞으로 볼록한 느낌을 줍니.. 더보기
[포토샵 강좌]포토샵으로 책상위 환경 디자인 하기 이번에 강좌할 것은 포토샵에서 나무로 된 책상위에 포스트잇과 찢어진 노트 폴라로이드 사진 그리고 스크래치 만들기 입니다. 순서는 찢어진 노트 만들기 스크래치만들기폴라로이드 사진 만들기포스트 잇 만들기 입니다. 먼저 찢어진 노트를 만들어 봅시다. 먼저 패턴을 만들어야 합니다. 세로가 긴 새로운 도큐멘트를 만듭니다.여기서 체크 해야 할것은 만들때 백그라운드 콘텐츠에 투명화 되어 있는 상태로 만들어야 하는 겁니다. 라인을 만들어줄 패턴을 만드는 겁니다. 이렇게 만들어 주시고 디파인 패턴으로 패턴화 시켜 줍니다. 다음 흰색 레이어에 열심히 패턴을 찍어 주시면 이렇게 노트가 완성 됩니다. 백이 될 나무 위에 올려 놓았습니다.백으로 쓴 나무는 자료실 http://nori-sum.tistory.com/152 에 있습.. 더보기
[포토샵 강좌]레코드판을 만들어 보자 완성된 화면입니다.바로 시작 합니다. 먼저 레이어를 하나 만든 다음 그레이로 채운다음 filter-noise- add noise에서 다음과 같이 설정해 줍니다. filter-blur-radial blur에서 위와 같이 설정을 해줍니다.레코드위에 줄무늬를 만드는 과정입니다. 명도/대비를 잘 조절하여 눈에 보이게 만들어 주시고 원형 쉐이프로 가운데를 중심으로 디자인 해 줍니다.전체적인 사이즈를 관할하는 큰원과 레코드 가운데 뚤려있는 구멍을 만들어 줍니다. 쉐이프의 옵션인데 이런 옵션 상태여야 합니다. 다음 폴더 안에 모든 레이어를 넣은 다음 아까 만들었던 쉐이프를 선택영역으로 하고 큰원을 ctrl+왼클릭 작은 원을 ctrl+alt+왼클릭 후 아래에 있는 마스크 버튼을 눌러주어 폴더에 마스크를 씌어줍니다. 화.. 더보기
[포토샵 강좌]구도에 맞춰서 사진을 합성해 주자 이게 최종 이미지인데 살짝 퇴근시간이 가까워져 급하게 해봅니다. 먼저 구도를 잡을 만한 사진을 가지고 옵니다. 다음 필터에 있는 배니싱 포인트를 눌러줍니다. 그럼 점을 짂을수 있는 툴이 되는데 구도가 될만한 점을 찍어줘서 전체적인 소실점을 잡을수 있도록 해 줍니다. 저는 수첩을 찍고 그 위에 구도를 잡아줬습니다. 다음 꼭지점이 아닌 옆면의 점을 눌러주면 구도는 변하지 않되 사이즈를 변경시켜 줄수가 있습니다. 전체적으로 늘려준후 ok합니다. 자음 합성할 이미지를 ctrl+a ctrl+c로 복사 해줍니다. 다음 새 레이어를 만든다음 다시한번 배니싱 모드에 들어갑니다. 거기서 ctrl+v 하면 아까 불렀던 이미지가 들어오게 됩니다. 다음 스포이드 툴밑의 trans form 툴로 움직이고 사이즈를 변경하면 알아.. 더보기
[포토샵 강좌]프린트 해서 바로 쓴다. 포토샵에서 나도 명함을 만들어 본자 앞면과 뒷면입니다. 보통 명함을 만들때는 일러스트를 쓰지만 포토샵에서 만드는 법을 알아봅시다. 먼저 빈 다큐멘트를 하나 만드는데 사이즈는 원하는 사이즈를 해도 되고 중요한것은 해상도:300칼라 모드 :CMYK 여야 한다는 것그리고 꼭 단위가 mm여야한다는 것 먼저 가이드를 그려야 하는데 VIEW-NEW Guide로 가면 위 화면 처럼 뜹니다. 가이드를 그리는 이유는 절단선을 그어줄 영역을 위해서입니다. 먼저 horiz...:3mm ,verti...:3mm 를 줍니다.다시 한번 horiz...:93mm ,verti...:58mm 을 줍니다. 이것은 사이즈가 틀릴때는 최종 사이즈 -3mm를 입력해야 합니다. 그럼 아래 화면과 같은 가이드가 그려져 있습니다. 배경을 위해서 업어온 콘크리트 화일을 하나 얻혔습니.. 더보기
[포토샵 강좌] 디지털 스모크 느낌의 바탕화면 만들기 최종 이미지인데 라인이 이쁘게 안되서 좀 구리다.요령을 위한 것이니 다시 시작하기도 머해서 그냥 올려본다. 제일 먼저 해야 할것은 의외로 일러스트레이터다바로 라인 느낌을 만들기 위해서다.라인들을 다 블랙으로 해놨지만 이런식으로 라인을 화이트 라인과 블랙 라인을 일러스트레이터에서 그려준다. 다음 좌측 메뉴의 사각에서 원으로 바뀌는 버튼을 떠블 클릭에서 옵션을 넣어주자라인 변화의 옵션을 중간 과정 200을 넣어주자 다음 그레이에서 화이트 라인을 클릭해 주면 저런 라인들이 생긴다.위쪽 라인의 변화와 아래쪽 라인의 변화 두개를 만들어 준다. 다음 포토샵에서 빈 다큐멘트를 만든다음 일러스트레이터에서 만든 오브젝트를 ctrl+c , ctrl+v 를 해준다한개씩 해주자 다음 각자 폴더 안에 넣어주고 블랜딩 모드를 멀.. 더보기
[포토샵 강좌]사실적인 물줄기를 만들어 보자 최종 완성본인데 물을 합성을 시켜준거다이미지는 그냥 귀찮아서 아이톡에서 퍼와서 합성을 시켜줘 봣다.http://www.istockphoto.com/ 먼저 D를 눌러 컬러 팔레트를 리셋 시켜준후filter-render-clouds를 선택해 주면 화면처럼 나온다 다음 filter-blur-gaussian bl...를 주고 filter-blur-motion bl... 를 넣어준다 다음 image-image size로 가서 가로의 사이즈를 줄여준다비율 유지하는것을 풀어줘야 하는데 constrain proportion 옵션의 체크를 없애 주자 다음 filter-artistic-plastic warp 에서 Highlight Strength: 15, Detail:10, Smoothness:10 을 주고Filter ».. 더보기
[포토샵 강좌] 이미지에 맞게 글씨를 넣어주는 법 위 화면 처럼 넣는 방법인데 아주 쉽다혹은 어렵게 일일히 스페이스바를 눌러서 하시는 분들이 있어서 팁을 올린다. 먼저 이런 사진을 하나 업어 왔다http://rutlandbaseball.ca/ 사이트에서 검색으로 가져온 것이다. 먼저 사각형 쉐이프로 글씨를 쓸 영역을 그려준다. 다음 쉐이프에서 공을 가릴것이므로 원을 서택해 준다음 옵션을 서브트랙트로 바꿔주는데 이미지의 제일 오른쪽을 보면 사각형들 옵션에서 제일 우측을 선택을 해주면 된다. 그럼 그림과 같이 사각형으로 그려진 곳에서 텍스트툴을 선택하고 찍어주셔서 영역에 글을 써주면 된다. 참 쉽죠잉~ 더보기
[포토샵 강좌] 사진에 특별한 느낌을 더해주자 완성본원하는 브러시를 못찾아 쫌 어정쩡하게 되었다 이 사진의 원본은 http://cyhome.cyworld.com/index.php?mf=&id=a3730867 에서 주인장님의 허락을 받고 가지고 왔습니다. 일단 원본을 하나 복사후 ctrl+shift+u 를 눌러 흑백으로 바꾼후 명도와 채도를 바꿔주자 image-adjust...-bright/con... 다음 흑백 이미지를 오버레이로 바꿔주고 투명도를 50프로로 바꿔주자 다음 따듯한 느낌을 주기 위해 레이어를 하나 만든다음 핑크를 칠해주자 주로 하늘 부분에 칠해 주었다. 다음 모드를 컬러로 바꿔주고 투명도 20을 넣어주면 따듯한 느낌이 들어간다. 다음 원본을 하나 복사 후 filter-stylize-growing... 에서 적당한 값을 주자 다음 fil.. 더보기
[포토샵 강좌]황금 나침반 만들기 이번에 만들 강좌는 황금 나침반이다.갑자기 영화가 생각나는군;;; 영화 포스터를 만든다고 생각하시고 따라해도 무방하겠다;; 먼저 언제나 그라데이션 배경을 만든다. 다음 본인의 자료실에 올라와 있는 배너 광고 http://nori-sum.tistory.com/103 에 있는 베너 쉐이프로 이런 배너를 하나 만든다. 다음 빈 영역을 마술봉으로 선택을 한후 색을 채워준다. 다음 자료실에 있는 http://nori-sum.tistory.com/96 잉크브러시로 얼룩을 만들어 준다. 다음 레이어를 다시 한번 선택영역을 잡아준후 살짝 위로 올려준다. 다크블랙을 단색으로 채워준 후 위의 작업과 같이 더러운 느낌을 살려준다. 아래쪽 금색레이어를 복사해준 후중심점에서 살짝 벗어나게 해주자그러면 광원이 왼쪽에서 들어와 우.. 더보기
[포토샵 강좌]연예인 사진을 이용하여 뱃지 버튼 디자인을 해 보자 연예인 사진들을 이용한 최종 화면이다.원빈,소지섭,김현중,정우성 사진을 이용하였다. 다들 알겠지만 언제나 백을 만들어 주는 것인데역시나 원형 그라데이션을 주었다. 단색을 주면 너무나도 단순하기 때문에 이때 심심하자게 보이지 않게 해주는 것이 중요하기 때문에 그라데이션을 사용해 준다.하지만 배경에 다른 무늬가 들어가는 단색의 무늬 패턴은 괜찮다. 일단 원형 선택 툴로 원을 만들어 주었다 칼라는 꼭 녹색일 필요는 없다 여기서 중요한 것은 원이다.가이드를 두어 정원을 만들어 주자 여기서 중요한것은 역시나 레이어 스타일을 한껏 활용해 주는 것이다.다양한 옵션들을 이용해 그림처럼 만들어 주자 새 레이어를 만든 후에 이제 빛나는 부분을 만들어 주자 원형에 맞는 느낌으로 라이트 부분을 만들어 주자후에 이 레이어를 o.. 더보기
[포토샵 강좌]맥 화면의 바탕화면 나도 만들어보자 이것이 최종 완성본입니다. 비슷하지요 칼라는 나중에 전체적으로 바꿀수도 있으니 요령을 가르쳐 주겠다. 원하는 사이즈의 다큐멘트를 만든다 참고로 본인은 1920*1080으로 작업 하였다. 먼저 그라데이션으로 이런 느낌을 만들어 준다 난 오렌지색으로 만들어 보았다 일부러 도구의 모습도 찍히게 만들었다 왼쪽에 있는 툴들을 이용한 것이다. 먼저 새레이어를 만든다음 먼저 올가미툴로(단축키 L) 로 이런 모양을 만들어 주자 다음 브러시 툴(단축키 B)로 흰색을 선택한 상태로 연하게 화면처럼 만들어주자. 반드시 부드러운 브러시로 선택해야 한다. 절대 진하게 해선 안된다. 레이어 모드를 오버레이로 바꾼다 또 새로 레이어를 만든 다음 다음 반대쪽에 그림자 부분을 만들어주자 그라데이션의 반투명 모드로 만든다음 주었다. 이.. 더보기
[포토샵 강좌]해저드 경고(핵) 표시 만들기 핵에 관한 경고 표시 만들기 튜토이다.자 모두들 한번씩 따라 해 보자 먼저 붉은색으로 배경을 채워 놓는다. 먼저 마크를 그려 넣어보자쉐이프에서 그려 넣으면 된다.쉐이프 자료는http://nori-sum.tistory.com/67여기 있다 그럼 이제 배경을 좀더 디테일하세 바꿔보자 보면 알겠지만 그라데이션으로 가운데서 퍼지는 느낌으로 집중되게 만들어 주었다 다음 빨간 레이어를 하나 만들어 준다음 흐름같은 느낌을 만들어주자 빨간 레이어에서 FILTER->RENDER->FIBERS 로 가 본인이 보기에 적정한 값을 줘보자 다음 오퍼시티를 낮춰주고 그레이어를 복사한 다음 그림처럼 바꿔줘 보자 사이즈를 줄여 90도 회전을 주어 얼기 설기 얽힌 느낌을 내준것이다. 주위에 어색한 경계는 마스크를 씌워서 지워줬다. 그.. 더보기