본문 바로가기

포토샵 강좌

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