본문 바로가기

포토샵 튜토/포토샵 튜토

포토샵을 이용한 패션 디자인 일러스트 작업하기 001 : 스케치 작업 스케치 작업은 새로운 레이어 위에 스케치를 합니다. 백은 주 칼라가 되는 그레이 칼라로 채워 줍니다. 스케치 라인에 투명도를 주어서 하인을 확인하면서 작업이 가능 합니다. 002 : 채색 전체적인 칼라를 입혀줍니다. 단순하면서도 러프하게 작업해 줍니다. 단 각 부분별로 레이어를 따로 만들어서 칼라를 입혀주는것이 중요합니다. 003 : 그라디언트와 재질 전체적인 칼라를 입힌후 명암을 생각하면서 그림자등 디테일하게 채워줍니다. 빛 방향을 생각하면서 기본적으로 그라데이션이 들어가게 작업해주는 것이 포인트입니다. 재질을 이용하여 포인트가 되는 부분을 강조해 주는것 또한 중요합니다. 또한 레이어의 블랜딩 모드를 이용하여 다양하게 연출해 봅니다. 004 : 하이라이트 지금까지의 작업으로는 회.. 더보기
[포토샵 강좌] 포토샵으로 내컴퓨터 아이콘을 디자인해 보자 오래간만에 해보는 포토샵 포스팅입니다. 이번에 만들어볼건 저번의 폴더에 이은 컴퓨터 아이콘 만들기 입니다. 위와 같은 깔끔한 아이콘 만들기 어렵지 않아요~ 쉐이프 툴을 이용하여 사각형을 만들어 주어 전체적인 모니터의 백디자인을 하였습니다.이제 안쪽에 모니터를 채워보는거죠 윈도우의 대표적인 칼라는 블루이니 블루로 채워줬습니다. 다음 이렇게 버튼을 만들어 주었습니다. 이제 모니터가 정면이 아닌 측면을 위해서 ctrl+t를 눌러서 모양을 변형시켜줍니다. 각도는 본인의 눈에 맞춰서 해주시는것이 좋은거 같습니다. 구도를 생각하면서 해주세요 다음 뒤쪽에 모니터 본체를 만든 박스를 복사해서 칼라를 채워주신다음 모양을 잘 비틀어 주세요 그런다음 아웃라인을 스트로크로 만들어주면 입체감이 좀더 삽니다만 후에 통으로 주는것.. 더보기
[포토샵 강좌] 포토샵으로 호피무늬 폴더 아이콘 만들기 보통 아이콘은 일러스트레이터에서 많이 하지만 포토샵에서 디자인을 해 보겠습니다. 일단 기본적인 폴더 디자인을 윈도우 7의 폴도 디자인을 가지고 와 보았습니다. 바탕화면에 있는 메신저 폴더 아이콘입니다. 작업을 하기 위하여 기본베이스를 좀 크게 작업해 보겠습니다. ctrl+alt+I 를 눌러서 화면과 같이 400프로 커지게 만들어 주었습니다. 사실 별 차이는 없지만요 펜툴로 잘 잘라서 디자인을 가지고 왔습니다. 위와 같이 이쁘게 잘 따오시면 됩니다. 이제 기본적인 호피 무늬를 가지고 와야겠지요 가지고 온소스는 http://wallpaperstock.net/leopard-skin-wallpapers_w6276.html 이곳에서... 털모양으로 자르기 위해 브러시를 만들겠습니다. 채널로 가셔서 레드 채널만 켜.. 더보기
[포토샵 강좌] 빛나는 아이콘 디자인 하기 타임머신과 크게 다르지 않지만 해 보겠습니다. 먼저 쉐이프로 원을 만들어 줍니다. 원을 만들어준 레이어를 복사해준다음 트랜스폼으로 살짝 줄여줍니다. 다음 ctrl+클릭으로 선택영역으로 선택해준 다음 영역을 선택 해 줍니다. 다음 기존의 원에 마스크를 씌워줍니다. 위와 같이 되는 겁니다. 위와 같은 화면이 나옵니다. 이제 바깥쪽의 레이어에 레이어스타일을 입혀줍니다. 이제 안쪽의 원에 레이어 스타일을 만들어 줍시다. 이렇게 하신 다음 레이어 스타일을 바궈주시고 그라디언트 스타일을 만들어 줍니다. 바깥쪽의 원을 하나 더 만들어 줍니다. 방법은 위쪽에 있던것을 참고 하시면 됩니다. 이제 기본 베이스 칼라를 만들어 주신다음 (저는 블루로 만들었습니다.) 레이어 스타일을 바꿔주신다음 블랜딩 모드를 바꿔줍니다. 위와.. 더보기
포토샵의 다양한 효과들에 대한 간단한 팁 무엇을 할까 하다가 간단하게 할수 있는 포토샵에서 할수 있는 효과들에 대해서 해보자 해서 만들게 되었습니다. 기본적인 이미지의 모습입니다. 먼저 반사 효과 만들어 보기입니다. 먼저 원본 레이어를 하나 복사 해서 한단으로 내려 줍니다. 다음 하단을 지우개 브러시로 쓱싹쓱싹 지워주시면 됩니다. 말도 안되게 누구나 아는 간단한 팁이었습니다. 다음은 주위반사광이라고 해야 하나.. 오브젝트의 반사광 효과입니다. 먼저 레이어 썸네일을 ctrl+마우스클릭 으로 선택영역으로 만들어 주신다음 원형 선택툴로 alt+shift 를 누른체로 드래그 하셔서 교차 선택으로 저런 둥그스런 선택영역으로 해주신다음 그라디언트 툴에서 저 위에 두번째 보이시죠 투명으로 빠지는 옵션을 선택해 주신 다음 아래에서 위로 드래그 해서 그라데이션.. 더보기
[포토샵 강좌] 포토샵으로 이효리의 레트로 포스트 만들어 보기 이번에 포토샵으로 만들것은 레트로 포소트 만들기 입니다. 이효리의 이번 앨범이 레트로 분위기와 맞아서 작업을 한번 해 보면 좋겠다 생각이 들어서 만들어 보았습니다. 바탕화면등에 응용해도 좋겠죠~ 먼저 포스트 사이즈의 도큐멘트를 하나 만든다음 위와 같이 새로운 레이어에 레이아웃을 잡아 줍니다. 다음 블랜드 모드를 multi...로 바꿔줍니다. 다음 기본적인 베이스가 될 칼라를 채워줍니다. 다음 쉐이프툴로 아웃라인을 만들어 줍니다. 이렇게 만들어서... 이렇게 채워줍니다. 다음 적당한 분위기의 글씨를 골라서 ctrl+t 를 눌러서 레이아웃에 맞게 위치를 잘 맞춰줍니다. 다음 글씨의 레이어에서 우측버튼을 눌러서 쉐이프 형태로 바꿔줍니다. 나중에 모양을 바꾸더라도 깨지지 않기 위함입니다. 다음 edit-tran.. 더보기
[포토샵 강좌] 수지 바탕화면 만들기 오래간만에 해보는 포토샵 튜토리얼이네요 더군다나 바탕화면 튜토... 화이트 바탕화면으로 꾸며본 건데요... 위 화면이 최종 화면입니다. 포토샵에서 줌됐을대의 이미지입니다. 먼저 깔끔한 수지의 사진 한장을 가지고 왔습니다. 수지의 사진에 마스크를 씌워서 아웃라인을 깔끔하게 잘라 주세요 깔끔하게 잘라진 이미지가 보이시죠 이제 나무실루엣 이미지를 적당히 구해 옵니다. 다음 이미지의 형태를 생각하면서 잘 맞춰주세요 좀 모잘라도 상관은 없으니 잘 맞춰주세요 어차피 분위기를 맞춰 나중에 가려줄 부분은 가려줄수 있습니다. 마스크 씌운 수지의 사진을 폴더에 넣어서 폴더를 다시 마스크를 씌우는데 나무 실루엣을 통해서 가려주면 느낌이 납니다. 너무 많은 모습이 보이는 것도 그러니 적당히 가려줄 부분은 가려주세요 이런 작업.. 더보기
[포토샵 강좌]포토샵으로 무지개 칼라 디자인의 이미지를 만들어 보자 이번 강좌는 포토샵으로 만드는 심플한 디장을 만들어 보는 겁니다.형태에 대해서 배워 본다고 생각하시면 됩니다. 먼저 블랙으로 채워진 도큐멘트를 만듭니다. 새로운 레이어를 만들어서 디자인할 영역을 적당히 선택해준 다음 블랙으로 채운 뒤 filter-stylize-tiles..를 준후 아래와 같이 수치를 정해 줍니다. 아래와 같이 나오게 되는데 아마 좌우에 딱맡는 영역이 생기는 것은 지워주시면 됩니다. 타일의 느낌이 나게 만드는게 중요 합니다. filter-blur-motion blur를 위와 같이 주신후 페이드가 되는 부분을 선택한 후 지워줍니다. 선명한 부분을 만들어 주기 위함이죠 이제 레이어가 선택된 상태에서 edit - transform - warp를 주시면 상단에 형태를 바꿀수 있는 메뉴가 나옵니다.. 더보기
[포토샵 강좌]포토샵으로 타임머신 아이콘 만들기 이번에 만들 강좌는 포토샵으로 타임머신 아이콘 만들기 입니다. 해외 사이트에 이 강좌가 돈내고 보는 강좌로 되어 있기에 그냥 만들면 되지 뭘...돈 까지야... 이런 생각으로 만들게 되었습니다. 완성본 만들고 스샷 찍어서 올려봅니다. 먼저 백그라운드를 만듭니다. 역시나 그라데이션으로 느낌을 만들어 주었고요 먼저 원을 만들어 줍니다. 원을 만든 다음 레이어 스타일에서 이것저것 바꿔주었습니다. 이렇게 효괄르 주다보면 짜잔 밑판이 완성 되었습니다. 이제 안쪽의 기판의 모양도 만들어 보아야겠지요 이런 원에 역시나 레이어 스타일을 바꿔줍니다. 이 레이어 스타일은 굉장히 중요하답니다. 여러번의 손을 거칠일을 한번에 해주니까요 이렇게 바꿔주고 안쪽에 가시 원을 하나 맞춰서 작게 만들어 주시고 해주시면 안쪽 판이 완성.. 더보기
[포토샵 강좌] 포토샵으로 고수 사진에 파이어 라인 만들기 이번 강좌는 포토샵으로 파이어 라인 만들기 입니다. 굳이 파이어 라인이 아니어도 되지만 색때문에... 시작하겠습니다. 먼저 포즈가 잘 어울리는 사진을 가지고 왔습니다. 잘생긴 고수 사진이지요 라인이 돋보여지게 이미지를 ctrl+shift+u 로 흑백 사진을 만들었습니다. 다음 펜툴로 파이어 라인을 상상해 가며 그려 줍니다. 이렇게 패쓰쪽에 가면 생기는데 이 라인을 새로운 레이어에 스트로크 패스로 라인을 그려줍니다. 아래쪽에서 두번째 있는 것입니다. 아님 마우스 우측 버튼 stroke path 를 누르시면 됩니다. 브러시의 세팅은 3px 굵기의 오랜지색 라인으로 만들어 주었습니다. 다음 라인에다가 아래와 같은 옵션들을 해 줍니다. 다 하신 다음에 라인 레이어를 복제 하신 다음에 레이어스타일에서 다른 옵션들.. 더보기
[포토샵강좌] 지드래곤 바탕화면 만들기 오래간만에 바탕화면 하나~ 튜토도 같이 해서 올려 보아요~ 이번 강좌는 말이 지드래곤 배경만들기이지 여러가지 작업법이 들어간 소스라고 생각 하시면 됩니다. 그럼 시작해 보겠습니다. 배경을 만들기 위해서 새로운 레이어를 만들어서 클라우들 줍니다. 다음 필터-노이즈-에드 노이즈 에서 위와 같이 많은 값을 줍니다. 다음 필터에서 드라이 브러시 다시한번 에드 노이즈 다시 필터에서 아티스틱에서 페인트 덥스 필터-브러시 스트로크에서 스플래터를 주면 멋진 그런지 스타일의 맵이 완성됩니다. 여기서 아래와 같이 셀렉트 옵션을 주신 후 화이트만 선택이 되는데 선택 된 것을 주시면 아래와 같이 찌꺼기인 grunge 느낌만 남게 됩니다. 이제 여기서 지드래곤의 사진을 가지고 와서 주변을 정리해서 깔끔하게 만들어 줍니다. 다음.. 더보기
[포토샵 강좌] 포토샵으로 나무 무늬 재질 만들기 이번 강좌는 포토샵으로 나무 무늬 만들기 입니다. 좀 잘 만들어 지진 않았네요 중간에 실수가 있어서.... 시작해 보겠습니다. 언제나 그랬듯이 새로운 도큐멘트를 만듭니다. 블랙으로 채워진 새로운 레이어를 만든다음 그라데이션으로 아래와 같은 무늬를 만들어 줍니다. 똑같이 할 필요는 없고 다양하게 해주세요 저게 무늬의 얼룩이 됩니다. 그라데인션으로 꼭 해줘야 할 옵션은 모드가 스크린 상태여야 한다는 겁니다. 위와 같은 느낌이 잘 나왔나요? 이제 filter-render-clouds 를 줘 봅시다 기본 칼라인 블랙앤 화이트 입니다. 이제 edit에서 fade 를 줘봅시다. 뒤롭 퍼센트이직으로 돌려주는 겁니다. 이런 옵션으로 바꿔주시고 필터에서 fibers 를 줍시다. 이것은 섬유질 같은 느낌을 줄때 쓰는 필터.. 더보기
[포토샵 강좌]포토샵으로 웹 아이콘 만들어 보기 포토샵으로 위와 같은 아이콘을 만드는 법을 해볼까 합니다. 방법은 어렵지 않아요~ 먼저 마스크 쉐이프로 원을 그려줍니다. 다음 레이어를 더블 클릭해서 나오는 레이어 스타일 중에 그라디언트 오버레이와 베벨 엠보스를 체크해 줍니다.칼라는 원하는 칼라로 해주시면 됩니다. 다음 작업한 레이어를 복사한 다음 ctrl+t를 눌러 원본 사이즈보다 작게 해줍니다. 다음 모든 스타일을 꺼주시고 외곽선을 해주는데 중요한 것은 fill type이 그라디언트에 투명도로 나가야 한다는 겁니다.위에서 빛이 내려오고 있는 느낌을 위해서 말이죠. 다음 옵션만을 남기기 위에 advanced blending 의 fill opacity 부분을 0으로 바꿔주시면효과는 남고 원본은 사라집니다. 다음 글씨를 써주시고 레이어 스타일로 들어갑니다.. 더보기
[포토샵 강좌]포토샵으로 만든 아기자기한 판타지나이트 이번 강좌는 포토샵으로 판타지 나이트 만들기 입니다.위의 화면이 최종 몹습이며 잘 꾸미기에 따라 더 예뻐 보일수 있습니다.전 감이 떨어져서...;;;; 시작하겠습니다. 배경만들기구름 만들기무지개 만들기데코레이션 순서입니다. 그라데이션도 가능하고 레이어 스타일로도 가능하지만 이번엔 레이어 스타일로 해 보았습니다. 새로운 레이어를 만들어서 블랙으로 채운다음 FILTER-RENDER-CLOUD를 만듭니다. 다음 블랜드 모드를 멀티플라이로 바꿉니다. 이제 구름을 만들어 보겠습니다. 구름을 만들기 위해 브러시 설정을 바꿔줍니다. 세팅을 바꾼다음에 그림을 그려 보면 위 화면과 같이 그려집니다. 이레이어 스타일을 다음과 같이 바꿔줍니다.구름의 색깔을 지정해 주고 입체감을 살려주며 살짝 라인을 넣어줍니다. 그럼 레이어.. 더보기
[포토샵 강좌]포토샵으로 홈페이지 대문 만들기 이번 강좌는 포토샵으로 저번 강좌와 다른 느낌으로 홈페이지 대문을 만들어 볼까 합니다.제 블로그의 사이즈로 작업을 하였고 자신의 가로 사이즈에 맞춰서 디자인을 하시면 될거 같습니다. 먼저 제 블로그에 맞춰서 사이즈를 만들었습니다. 헤더 메뉴가 될 가이드라인을 만들어 주십시오 가이드라인에 맞춰 선택 영역을 정한 다음 다크그레이에서 블랙으로 가는 그라데이션 바를 만듭니다. 위에 빛나는 느낌이 나게 밝은 그레이 그라데이션으로 작업을 해줍니다. 다음 라인을 만들어서 빛을 받아 밝게 빛나는 부분 하나블랙바의 아웃라인을 나타내주는 다크 그라데이션 라인 한개를 만듭니다. 레이어의 이미지는 이렇습니다. 다음 메뉴바를 나눠주는 세로선을 그려주는데 펜슬툴을 사용합니다.윗부분은 밝은 그라데이션으로 빛을 받은 느낌을, 아래 .. 더보기