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

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

  • 문서가 작성된
  • 2009년 2월 12일에
  • 6시 45분 AM에
  • 관리자에 의해

포토샵에서 어떻게 단순 녹색 버튼 만들기

얘들아 한 번 더 포토샵 튜토리얼. 이 튜토리얼에서는 당신이 얼마나 포토샵에서 간단한 녹색 버튼을 만드는 방법을 찾을 겁니다. 이것은 매우 효과적인 튜토리얼은 매우 간단합니다. 난 당신이 자습서를 즐길 수 있기를 바랍니다.

최종 결과

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

green-button-final1

단계 # 1

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

Green-button-step1

단계 # 2

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

green-button-step13

단계 # 3

선택 둥근 직사각형 도구 및 버튼을 만들려면, 내 반경 5px, 너비 : 219px 높이 : 40px입니다..

green-button-step24

이제 우리는 몇 가지 효과를 적용한다

그라디언트 오버레이

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

Green-Button

두 번 클릭 왼쪽 컬러를 중지하고 컬러 값을 # 55A646 입력하고 다음을 두 번 누르고 오른쪽에있는 색 - 중지 및 색상 값을 입력 # A5CE3F.

green-button-step4a

그림자

다음 드롭 섀도우 레이어 스타일을 적용합니다. 120o에서 불투명도, 거리 및 크기의 값을 변경 이상의 각도 유지. 20 %, 거리 1px 및 크기에서 5px시 불투명도 설정을 선택합니다.

green-button-step4b

내부 그림자

다음 내부 그림자 레이어 스타일을 적용합니다. 120o에서 불투명도, 질식 및 크기의 값을 변경 이상의 각도 유지. 27 %의 잠재 의식에서 100 %와 크기를 2px에서 불투명도 설정을 선택합니다.

다음 변경 Normal로 블렌딩 옵션을 누릅니다.

green-button-step4c

베벨 엠보싱

다음에 우리는 내부 베벨과 기술을 부드럽게하는 스타일 변경, 깊이, 방향, 크기와 부드럽게의 값을 변경 베벨기어보다 엠보싱, 우선 적용됩니다. 100 %의 깊이를 설정, 최대, 1px의 크기와 부드럽게 0px에서 방향을 선택하십시오

120o에서 30o의 고도 각도 유지

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

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

green-button-step4d

치기

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

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

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

green-button-step4e

이렇게 보일 것입니다.

green-button-step4

단계 # 4

수평 타입 선택 도구 및 전면에 텍스트를 입력.

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

green-button-step5

그라디언트 오버레이

레이어 패널에서 텍스트 레이어의 축소판을 두 번 클릭하여 레이어 스타일 대화 상자를 엽니다. 처음에 우리는 그라디언트 오버레이 적용됩니다, 우리는 텍스트에 대한 수직 그라데이션 효과를 적용한다. 그라데이션 옵션을 .. 색상 그라디언트 편집기를 열어 오른쪽에 컬러 그라데이션에 그런 다음

green-button-step5a

두 번 클릭 왼쪽 컬러를 중지하고 색상 값을 입력 # DDDCDC, 두 번 누릅니다 중앙에 컬러 - 중지 및 색상 값을 입력 # FFFFFF.

green-button-step5b

그림자

마지막으로 우리가 드롭 섀도우 레이어 스타일이 적용됩니다. 120o에서 불투명도, 거리 및 크기의 값을 변경 이상의 각도 유지. 난 34 %, 거리 1px 및 크기를 1px시 불투명도 설정을 선택합니다.

green-button-step5bc

최종 결과

green-button-final1

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

파일 다운로드 [240킬로바이트]

만약 당신이 우리로부터 더 많은 영감을 받게하고 싶습니다, 제발 RSS 또는 이메일로에 의해 우리의 피드에 가입을 고려.

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

홍보 회사

  • Mixx에 추가!

태그 : 포토샵, 튜토리얼

관련 기사 :

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

    • 포토샵에서 어떻게 좋은 삽입된 텍스트 버튼 만들기
    • 포토샵에서 어떻게 활판 타이 포그래피 만들기
    • 포토샵에서 어떻게 좋은 쉬운 3 차원 텍스트 효과 만들기
    • 어떻게 난 전화 버튼을 포토샵에서처럼 만들기
    • 포토샵에서 어떻게 좋은 날씬한 어둠의 버튼을 만들려면
Untitled Document 현재

하나의 댓글

  1. designfollow에 써있 더군요 : 2009년 12월 2일에서 오후 12시 52분 사이드 :

    튜토리얼, 정말 감사합니다.

제출 댓글

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


CommentLuv Enabled 자세히보기
쓰기 CSS는 더 나은 부분을«5 단계 2
Untitled Document 현재

    구독하기

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

    • 검색

      Untitled Document 현재
  • 캘린더

    2009년 12월
    남 T는 승 T는 F S S
    «11월
    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 31
    • 페이지

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

    • CSS는 (21)
    • 디자인 / 영감 (51)
    • 공짜 (36)
    • 그래픽 디자인 (10)
    • 포토샵 (18)
    • 자료실 (33)
    • 서재응 (1)
    • 도구 (9)
    • 자습서 (33)
    • 타이 포그래피 (4)
    • 웹 개발 (5)
    • 워드 프레스 (6)
    • 자료실

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

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

    • 쓰기 CSS는 더 나은 부분을 5 단계 2
    • 좋은 방법을 찾고 테이블 생성하지 않고 양식
    • 얼마나 멋진 확장 만들기 CSS를 기반 Breadcrumbs
    • 오렌지 최대 30 웹사이트
    • 포토샵에서 어떻게 활판 타이 포그래피 만들기
    • 더 나은 쓰기 5 단계 CSS를
    • 포토샵에서 예쁜 상자 아이콘 만들기
    • 태그 구름

    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 인도 다음 디자인 프로젝트이다. 우리가보기 포트폴리오.