• 집
  • 정보
  • 기사
  • 연락처

: 91 11 9810018780 메일 : info@aceinfowayindia.com / 전화 : 91 11 9810018780

  • 문서가 작성된
  • 2009년 9월 23일에
  • 7시 57분 AM에
  • 관리자에 의해

어떻게 난 전화 버튼을 포토샵에서처럼 만들기

얘들아 다시 - 투 - 다시 포토샵 자습서. 이 튜토리얼에서는 어떻게 - 전화 버튼을 포토샵에서처럼 만드는 방법을 배우게됩니다. 이것은 매우 효과적인 튜토리얼은 매우 간단합니다. 난 네가이 튜토리얼 즐길 수 있기를 바랍니다.

최종 미리보기

이것이 우리가 어떤 일을 겪었는 오늘

final-preview-iphone-buttons-big

단계 # 1

포토샵 열고 새 문서를 만들려면, 제 550 × 398px 흰색 배경이다.

iphone-like-buttons-step1

단계 # 2

배경 레이어에 색상을 채워, 내 색상 # 333333입니다.

iphone-like-buttons-step2

단계 # 3

새 레이어의 이름 레이어 스트 라이프 그라디언트를 만듭니다. 움직이는 사각형 도구를 선택하고 흰색 스트 라이프를 만듭니다.

iphone-like-buttons-step3

레이어 스타일 대화 상자를 엽니다 레이어 패널에서 레이어의 스트 라이프 엄지 스트 라이프 레이어를 두 번 누릅니다 스타일링, 우리는 당신의 배경에 대한 수직 gradiant 효과가 적용됩니다. 그라데이션 옵션을 선택 색상 그라디언트 편집기를 열어 오른쪽에의 C olor 그라디언트에서 다음을 클릭합니다.

iphone-like-buttons-step3-b

두 번 클릭 왼쪽 컬러를 중지하고 색상 값을 입력 # aaaaaa, 두 번 클릭 왼쪽 센터 컬러를 중지하고 색상 값을 #, 오른쪽 중앙 색깔을 두 번 클릭합니다 cccccc - 중지 입력하십시오 색상 값이 # dddddd, 마우스 오른쪽 더블 클릭 컬러를 중지하고 색상 값을 입력 # ffffff를.

iphone-like-buttons-step3-a

이렇게 보일 것입니다.

iphone-like-buttons-step3-c

단계 # 4

선택 둥근 직사각형 도구 및 버튼을 만들려면, 내 반경 90X40px입니다.

iphone-like-buttons-step4

이제 몇 가지 효과를 적용

그라디언트 오버레이

레이어 스타일 대화 상자를 엽니다 레이어 패널에서 레이어의 버튼을 엄지 버튼을 두 번 클릭합니다 스타일링, 우리는 귀하의 버튼에 대한 수직 gradiant 효과가 적용됩니다. 그라데이션 옵션을 선택 색상 그라디언트 편집기를 열어 오른쪽에있는 색상을 그라디언트에서 다음을 클릭합니다.

iphone-like-buttons-step3-b

두 번 클릭 왼쪽 컬러를 중지하고 컬러 값을 # 000000 입력을 두 번 클릭 왼쪽 센터 컬러를 중지하고 컬러 값을 # 222222 입력을 두 번 오른쪽 중심 색을 클릭 중지 입력 색상 값이 # 444444, 마우스 오른쪽 더블 클릭 컬러를 중지하고 컬러 값을 # 666666 입력합니다.

iphone-like-buttons-step4-a

베벨과 엠보스

다음 베벨과 엠보스 레이어 스타일을 적용합니다. 외부 베벨에, 깊이, 크기와 부드럽게의 값을 변경 이상의 스타일을 변경합니다. 100 %의 깊이를 설정하려면, 1px의 크기와 부드럽게 10px에서 선택할

이 튜토리얼의 중요한 부분 : -90 o를 고도 40 O를 각도를 유지

하이라이트 모드 : 나는 100 % 불투명도 설정을 선택합니다.

그림자 모드 : 나는 100 % 불투명도 설정을 선택합니다.

iphone-like-buttons-step4-b

치기

마지막으로 우리는 뇌졸중이 적용됩니다. 우선 크기의 값을 변경. 내가 1px에서 크기 설정을 선택합니다. 내부에서 위치를 변경

난 80 %의 불투명도 설정을 선택합니다.

기본부터 # 222222로 스트로크 색상을 변경합니다

iphone-like-buttons-step4-c

이렇게 보일 것입니다.

iphone-like-buttons-step4-d

단계 # 5

전면에있는 텍스트를 선택 도구 및 텍스트를 입력.

iphone-like-buttons-step5

우리는 텍스트에 대한 몇 가지 효과를 적용한다.

베벨 엠보싱

레이어 패널에서 텍스트 레이어의 축소판을 두 번 클릭하여 레이어 스타일 대화 상자를 엽니다. 우리는 외부 베벨과 기술을 끌 소프트에 스타일 변경, 깊이, 방향, 크기와 부드럽게의 값을 변경 베벨기어보다 엠보싱, 우선 적용됩니다. 난 130 %의 깊이를 설정하려면, 아래로 크기를 1px 시에 부드럽게 0px에서 방향을 선택하십시오

이 튜토리얼의 중요한 부분 : 90 O를, O를 고도 30시 각도 유지

하이라이트 모드 : i가 0 %로 불투명도 설정을 선택합니다.

그림자 모드 : 50 %의 불투명도 설정을 선택합니다.

iphone-like-buttons-step5a

최종 미리보기

마지막으로 우리는이 튜토리얼의 일을하지 않았습니다.

이것이 우리가 어떤 일을 겪었는 오늘

final-preview-iphone-buttons-big

소스 파일 다운로드

만약 당신이 작업을 확인하고 싶습니다, 당신은이 튜토리얼에 대한의 PSD 파일을 다운로드할 수있습니다.

같은 아이폰 buttons.rar (21.3 KB)를

아래 출원 : 포토샵, 튜토리얼 관리자에 의해

홍보 회사

태그 : 포토샵, 튜토리얼

관련 기사 :

만약 당신이 문서에서는 아래의 관련 기사를 읽었을 확인하시기 바랍니다 :

    • 포토샵에서 어떻게 활판 타이 포그래피 만들기
    • 포토샵에서 어떻게 부드러운 글로시 텍스트 효과 만들기
    • 포토샵에서 예쁜 상자 아이콘 만들기
    • 팝 아트 만화 튜토리얼 : 포토샵
    • 레트로 2 분 후에 이미지 : 포토샵
Untitled Document 현재

하나의 댓글

  1. aioon에 써있 더군요 : 오후 5시 58분 2009년 9월 23일에서 사이드 :

    좋은 하나! 그건 내가 :)

제출 댓글

XHTML은 : 이러한 태그 :은 <a href="" 사용할 수있습니다 title=""> <abbr title=""> <acronym title=""> <b> 다운로드 <blockquote=""> <cite=""> <cite>의 <code> " 밤 Datetime = "" "<em> 강한 i> <q cite=""> <strike>의 <strong>


«11 대단해 서예 글꼴
개발자의 파라다이스 사이트 주간 2009년 9월 24일»에 대한
Untitled Document 현재

    구독하기

  • 우리의 피드 구독하기
  • 구독 이메일로
  • 트위터에 우리를 따르라
  • 스폰서
  • 스폰서
  • 스폰서
  • 스폰서
  • 스폰서

    • 검색

      Untitled Document 현재
  • 캘린더

    2009년 9월
    남 T는 승 T는 F S S
    «8월
    1 2 3 4 5 6
    7 8 9 10 11 12 13
    14 15 16 17 18 19 20
    21 22 23 24 25 26 27
    28 29 30
    • 페이지

      • 집
      • 정보
      • 기사
      • 연락처
    • 카테고리

    • CSS는 (16)
    • 디자인 / 영감 (41)
    • 공짜 (21)
    • 그래픽 디자인 (9)
    • 포토샵 (12)
    • 자료실 (19)
    • 서재응 (1)
    • 도구 (5)
    • 자습서 (25)
    • 타이 포그래피 (3)
    • 웹 개발 (4)
    • 워드 프레스 (5)
    • 자료실

    • 2009년 9월
    • 2009년 8월
    • 2009년 7월
    • 2009년 6월
    • 2009년 5월
    • 최근 게시물

    • CSS는
    • 디자인 / 영감
    • 공짜
    • 그래픽 디자인
    • 포토샵
    • 인기 게시물

    • 좋은 방법을 찾고 테이블 생성하지 않고 양식
    • 포토샵에서 예쁜 상자 아이콘 만들기
    • 더 나은 쓰기 5 단계 CSS를
    • 포토샵에서 어떻게 활판 타이 포그래피 만들기
    • 개발자의 파라다이스 사이트 주 2009 년 9 월 10 일
    • 순수 CSS의 드롭 다운 메뉴 자바 스크립트를 사용하지 않고
    • 6 무료 및 높은 품질 벽돌 벽 텍스쳐
    • 태그 구름

    CSS는 디자인 글꼴을 공짜 그래픽 디자인 그래픽 디자인 아이콘 영감 Inspitation 포토샵 스터 도구 자습서 포그래피 웹 개발 Wordpress

    • 친구들

      • Abduzeedo
      • Alist 제외
      • Bittbox
      • CrazyLeaf 디자인
      • CSS는 트릭
      • 데이비드 월쉬
      • Fudgegraphics
      • 연료 귀하의 창의성
      • 개발자 도움말
      • 인스턴트 시프트
      • Line25
      • Mirificampress
      • 내 잉크 블로그
      • Noupe
      • PSDFan
      • PSDtuts
      • 공유 브레인
      • 6 개정
      • 숟가락 그래픽
      • Toxel
      • Vandelay 디자인
      • 우리는 함수
      • 웹 디자이너 창고
      • 웹 디자이너 레저
      • 웹 디자이너의 벽
      • 당신은 디자이너
    • 역자

      English flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroat flagDanish flagFinnish flagHindi flagPolish flagRumanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flagAlbanian flagEstonian flagGalician flagMaltese flagThai flagTurkish flagHungarian flag
  • 스폰서

    체크 아웃 UPrinting YouTheDesigner했다.


    비즈니스 카드 온라인

    Web Design Blog Directory

.
Untitled Document 현재
맨 위로 이동

일반

이러한 몇 가지 관심을지는 몰라도
  • 회사 소개
  • 추천글
  • 연락처 세부 정보
  • 블로그
  • 사회 - 트위터, 플리커

작품

과거 프로젝트의 예
  • 회사 소개
  • 추천글
  • 연락처 세부 정보
  • 블로그
  • 사회 - 트위터, 플리커

서비스

이게 오늘 어디 판매
  • 회사 소개
  • 추천글
  • 연락처 세부 정보
  • 블로그
  • 사회 - 트위터, 플리커

연락처 세부 정보

우리가 고용을 원하십니까? 여기 시작하는 ...
  • 무료 프로젝트 Assesment
  • 이메일 - info@aceinfowayindia.com
  • 전화 : 91 11 9810018780

저작권 © 2009, 모든 마우스 예약됨, 에이스 Infoway 인도 대여 에이스 Infoway 인도 다음 디자인 프로젝트이다. 우리가보기 포트폴리오.