팁 1 : 획 텍스트 만들기 - 소프트웨어 - 2019

Anonim

텍스트 의 특정 부분에 독자의주의를 끌기위한 여러 가지 방법이 있습니다. 이러한 방법 중 하나는 뇌졸중 을 만드는 것입니다. Photoshop의 도움으로이 작업을 여러 가지 방법으로 수행 할 수 있습니다.

너는 필요할거야.

  • - 포토샵 프로그램.

지시 사항

1

"파일"메뉴에서 "새로 만들기"명령을 사용하여 Photoshop에서 새 문서를 만듭니다. 키보드 단축키 "Ctrl"+ "N"을 사용하여 동일한 작업을 수행 할 수 있습니다. 도구 패널에서 가로형 도구 (가로 텍스트)를 선택합니다. 생성 된 문서에 커서를 놓고 마우스 오른쪽 버튼을 클릭하여 텍스트를 작성하십시오. 작성된 텍스트를 래스터로 변환합니다. 이렇게하려면 "레이어"팔레트 ( "레이어")의 텍스트 레이어를 마우스 오른쪽 버튼으로 클릭하고 "래스터 화 유형"옵션을 선택하십시오. 이렇게하려면 "편집"메뉴에서 "스트로크"명령 ( "스트로크")을 사용하십시오. 열리는 설정 윈도우에서 획의 폭, 선의 색상 및 위치 (외곽선 내부, 외곽선의 중앙 또는 외부)를 선택합니다. "확인"을 클릭하십시오. "파일"메뉴의 "저장"명령을 사용하여 작성된 문서를 저장하십시오.

2

획을 만드는 또 다른 방법은 텍스트를 래스터로 변환하지 못하게하는 것입니다. 즉, 레이어 스타일로 작성된 획을 사용하여 텍스트를 편집 할 수 있습니다. 이렇게하려면 가로 텍스트 도구를 사용하여 텍스트가있는 레이어를 만들고 텍스트 레이어를 마우스 오른쪽 버튼으로 클릭하고 "혼합 옵션"옵션을 선택합니다. "스트로크"( "스트로크") 확인란을 선택하십시오. 이 탭을 마우스 왼쪽 버튼으로 클릭하십시오. 열리는 설정 탭에서 스트로크의 너비를 픽셀 단위로 선택하십시오. 이 매개 변수는 "크기"필드에 완료 값을 입력하거나 슬라이더를 움직여 구성 할 수 있습니다. 드롭 다운 목록에서 스트로크의 위치와 블렌드 모드를 선택하십시오. "채우기 유형"드롭 다운 목록에서 획이 색상, 그라디언트 또는 질감으로 채워지는지 여부를 선택합니다. 열린 팔레트에서 획의 색상, 그라데이션 또는 질감을 조정합니다. 매개 변수를 변경 한 결과가 작성한 문서에 표시됩니다. "OK"버튼을 클릭하고 "파일"메뉴의 "저장"명령을 사용하여 스트로크로 텍스트를 저장하십시오.

  • Photoshop의 텍스트 획

팁 2 : 드롭 다운 텍스트 작성 방법

숨겨진 텍스트 블록을 배치하면 웹 사이트 페이지의 시각적 인식이 향상됩니다. 배치 된 정보의 양에 관계없이 디자이너가 개발 한 양식으로 브라우저에 정확하게로드됩니다. 또한 방문자에게 필요한 정보 블록을 검색 할 때 더 편리합니다. 전체 어레이를 살펴볼 필요는 없지만 작은 "빙산 팁"만 살펴보십시오.

너는 필요할거야.

  • HTML 및 JavaScript에 대한 기본 지식.

지시 사항

1

사용자 정의 JavaScript 함수를 사용하여 HTML 페이지에서 텍스트 블록을 숨기거나 표시 할 수 있습니다. 모든 블록에 공통적 인 기능은 개별적으로 코드를 추가하는 것보다 훨씬 편리합니다. 페이지의 소스 코드 헤더에 스크립트의 여는 태그와 닫는 태그를 넣고 그 사이에 이름이있는 빈 함수 (예 : swap 및 하나의 필수 입력 매개 변수)를 만듭니다. function swap (id) {}

2

함수 본문에 중괄호 사이에 두 줄의 JavaScript 코드를 추가하십시오. 첫 번째 줄은 텍스트 블록의 현재 상태를 읽어야합니다. 가시성이 켜져 있거나 꺼져 있습니다. 문서에 이러한 블록이 여러 개있을 수 있으므로 모든 사람이 고유 한 식별자를 가져야합니다. ID를 유일한 입력 매개 변수로받는 것은 그의 함수입니다. 이 식별자를 사용하여 문서의 필요한 블록을 검색하여 가시성 / 불가 시성 값 (표시 속성의 상태)을 sDisplay 변수에 할당합니다. sDisplay = document.getElementById (id) .style.display;

3

두 번째 줄은 원하는 텍스트 블록의 표시 속성을 반대로 변경해야합니다. 텍스트가 표시되면 숨기고 숨겨진 경우 표시합니다. 다음 코드로이 작업을 수행 할 수 있습니다. document.getElementById (id) .style.display = sDisplay == 'none'? ": 'None';

4

헤더 부분에 다음 스타일 설명을 삽입하십시오. a {cursor : pointer} 불완전한 링크 태그에 커서를 놓을 때 마우스 포인터를 올바르게 표시해야합니다. 이러한 링크의 도움으로 텍스트 블록의 가시성 / 비 가시성 전환 페이지를 구성 할 수 있습니다.

5

텍스트를이 숨겨진 블록 앞에 놓고이 링크를 놓습니다. 텍스트 의 끝에있는 블록에 유사한 링크를 추가하십시오. 태그에 포함 된 보이지 않는 텍스트는 span으로 속성 스타일이 투명하게 설정됩니다. 예를 들면 다음과 같습니다. Expand text +++ 숨겨진 텍스트 ---이 예제에서 three-plus 링크를 클릭하면 onClick 이벤트에 대해 위에서 설명한 함수가 호출되어 가시화해야 할 블록 식별자가 전달됩니다. 그리고 블록 안에는 동일한 기능을 가진 3 개의 폐지 링크가 있습니다.이 탭을 클릭하면 텍스트가 숨겨집니다.

6

span 태그의 id 속성과 두 링크의 onClick 이벤트에서 함수에 전달 된 변수에서 식별자를 변경하는 것을 기억하면서 이전 단계에서 설명한 것과 비슷한 필요한 텍스트 블록 수를 만듭니다.