태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

오늘부터 예스비™의 포토샵 강좌를 시작 하겠습니다. 많이 기다리셨죠? 잡다한 얘기는 집어 치우고 바로 본론으로 들어 가겠습니다.

 

오늘 배울 포토샵은 선택툴에 대한 기능들을 살펴 볼께요. 선택툴의 종류에는 마퀴툴, 올가미툴, 마술봉툴, 자석툴 등이 있는데 오늘은 마퀴툴로 이미지를 만들어 보겠습니다.

아래 예제를 따라 하시면서 선택툴의 기능과 사용법등을 익히시기 바랍니다. 

 

 ◆ 마퀴툴로 타이틀 이미지 만들기

오늘은 타이틀에 쓰일 배경 스킨을 만들어 보겠습니다. 사용 도구는 마퀴툴(도구선택툴)로 만듭니다.

이미지 크기는 800px*130px짜리 jpg파일로 타이틀에 쓰일 이미지를 만들어 보겠습니다.

1. 새파일 열기

사이즈- 800px(가로)* 130px(세로), background - 화이트(white)로 된 새파일을 연 후 레이어 팔레트창의 페이지 아이콘(1번)을 클릭하면 새 레이어(Layer 1)가 생성됩니다.

포토샵 화면

포토샵 화면

Point: 새 파일 여는 법

포토샵 화면 상단 메뉴의 File- new를 누릅니다. 단축키는 ctrl+ N 입니다.

 

2. 타이틀 배경 패턴 만들기

포토샵 화면

선툴로 배경 만들기

  1. 마퀴툴(도형 선택툴)을 클릭하고
  2. 선 툴(가로)을 선택합니다.
  3. 색상 선택창을 더블 클릭한 후
  4. 전경색을 #FFFF66으로 바꾸어 줍니다.
  5. 배경 전체를 shift+ 클릭으로 여러개의 선을 선택한 후 alt+ delete로 색상을 채웁니다.
  6. Point : 선택 영역에 색상 채우기

    영역을 선택하고 영역이 선택된 상태에서 alt+ delete를 누르면 선택된 영역에 원하는 색상을 선택 할 수 있습니다.


노란색의 1px 줄이 배경 전체에 채워졌겠지요? 바탕 패턴이 만들어졌습니다.

◆ 아래의 두 화면은 선택전 후의 확대 화면입니다.

포토샵 화면

선택상태의 확대 화면

포토샵 화면

선택 해제후의 확대 화면

이 이미지처럼 연노랑의 줄무늬 배경이 만들어져야 됩니다.

 

3. 원형 이미지 만들기 ①

 

타이틀 스킨 만들기

선택툴(원형툴)로 이미지 제작

  1. 3번의 페이티 아이콘을 눌러 새 레이어를 추가합니다.
  2. 1번의 마퀴툴의 원형툴을 선택하고
  3. 2번의 전경색의 색상을 #0099CC로 바꾸어 준 후
  4. 정원을 여러개 선택합니다. 여러개의 영역을 선택할때에는 shift를 누른 상태에서 선택하고자 하는 곳을 여러번 드래그하면 여러개의 원을 지정할 수 있습니다.
  5. alt+delete를 눌러 선택 영역에 색상을 채웁니다.
  6. 4번의 blend모드(레이어 혼합)를 Multyply로 바꾸어 준 후
  7. 5번의 투명도(Opacity)값을 50%로 지정해 줍니다.

 

4 원형 이미지 만들기 ②

타이틀 스킨 만들기

선택툴(원형툴)로 이미지 제작

  1. 새 레이어를 추가하고
  2. 전경색을 #FFCD99로 한 후
  3. 처음 원 이미지처럼 여러개의 원을 선택하여 색상을 넣어 줍니다.
  4. blend모드는 Multyply로 하고 투명도(Opacity)는 80%로 지정해 줍니다.

 

5. 원형 이미지 만들기 ③

타이틀 스킨 만들기

선택툴(원형툴)로 이미지 제작

  1. 전경색을 #CCCCCC로 한 원을 위 3~4번과 동일한 과정으로 제작합니다.
  2. blend모드는 screen으로 하고 투명도(Opacity)값은 70%로 지정해 줍니다.

 

6. 저장하기

포토샵 저장하기

포토샵파일 jpg로 저장하기

ctrl+S를 누르면 저장하기가 완료 됩니다. 그러나 이 경우는 포토샵파일(PSD)로 저장되기 때문에 실제 웹상에서는 이미지를 사용할 수가 없습니다.

실제 웹상에서 이미지를 사용하기 위한 확장자는 gif, jpg, png 파일로 변환하여 저장해야 합니다.

만든 이미지를 위 확장자로 저장하려면 ctrl+shift+S를 눌러 저장할 확장명을 지정한 후 저장해야 합니다.

 

 

 ◆ 완성 이미지 

 

점_spot(완성 이미지)

타이틀 스킨

타이틀 스킨_완성

 

위 완성 이미지를 임시 블로그에서 타이틀에 적용시켜 보았습니다. 이미지를 조금 작게 만들었기 때문에 지금 보는 화면에서는 중심을 기준으로 좌우 반복으로 적용시킨 모습입니다.

타이틀 스킨

타이틀 스킨_미리보기 샘플

 

 

 ◆ 오늘의 포토샵

오늘은 마퀴툴 하나만으로 간단한 타이틀 이미지를 만드는 법을 해보았는데 생각보다 간단하고 쉽죠?

선택툴은 말 그대로 작업 이미지등을 선택하거나 영역을 지정해 줄때 쓰는 도구로서 가장 많이 쓰는 도구입니다. 오늘 배운 내용을 정리해 보겠습니다.

◆ 마퀴툴의 종류: 사각형툴, 원형툴, 선툴(가로,세로)등이 있습니다.

◆ 선택툴에 따른 단축키 조작:

  • ctrl+ A : 이미지 작업창 전체를 선택할때
  • ctrl+ 레이어(layer) : 해당레이어의 이미지를 선택할때
  • shift+ 드래그(1번) : 정사각형 또는 정원으로 선택할때
  • alt+ 드래그(1번) : 가운데(중심)를 기준으로 선택할때
  • shift+ alt+ 드래그(1번) : 운데(중심)를 기준으로 정사각형 또는 정원을 선택할때
  • shift+ 연속 드래그 or ctrl+ shift+ 레이어(layer) : 여러개의 영역(이미지)을 연속으로 선택할때 or 여러개의 레이어를 연속으로 선택할때
  • alt+ 연속 드래그 or ctrl+ alt+ 레이어(layer) : 선택된 영역(이미지)에서 일부 영역(이미지)을 제외 할때 or 여러개의 레이어가 선택된 상태에서 일부 레이어를 제외 할때

 

이 글이 링크되어 있는 곳:

블코채널[blogkorea]: 웹디자인과 블로그팁에 링크되어 있습니다.
레뷰 아이템[revu]: 웹디자인& 블로그 Tip에 링크되어 있습니다.

예스비™의 강좌가 맘에 드셨다면 추천 버튼을 꾸~욱!! 눌러 주세요.

 

posted by 예스비™

이글에 관한 저작권은 예스비™에게 있으며, 무단 전제및 스크렙(퍼가기), 인용, 수정등을 불허 합니다. 이 글의 사용은 공지의 "저작권안내"에 따라 사용 하시기 바랍니다. 불편하시더라도 가급적 rss로 구독하거나 제 블로그에 직접 방문하셔서 읽으시길 바랍니다. _by 예스비™
제 글이 맘에 드셨나요? RSS구독을 하시면 무료로 배달해 드립니다.
  • 한rss로 구독하기
  • 피드버너로 구독하기
  • 구글리더로 구독하기
  • 다음뷰로 구독하기
  • 최근 댓글

    최근 트랙백

    BLOG main image
    포토샵 강좌, html/css 강좌등 어렵게만 느껴졌던 웹디자인을 초보자도 쉽게 이해 할 수 있는 튜토리얼, IT 트랜드, 블로그팁과 운영법, 디자인 시각에서 풀어 헤치는 상품 리뷰등, 디자인에 대한 재밌고 유익한 정보를 제공하는 블로그입니다. by 예스비™
    rss

    위젯

    BLOG ★ NIGHT

    Blog♥Rings

    Blog♥Rings Family Blog & Sites T-Blog Web site meta hub site

    구독리스트

  • rss
  • Add to Google Reader or Homepage
  • 블로그코리아에 블UP하기
  • Powered by FeedBurner
  • BlogRankers.com
  • Page Ranking Tool