게임 같은 캐릭터 장식 (ゲームっぽい文字装飾) ゲームっぽい文字装飾

콘텐츠 ID：2010410

  • 9,629
  • 무료
by 相田やま
이 소재는 스튜디오 모드에서 이용하실 수 있습니다. (스튜디오 모드란?)

스마호게무의 UI에 있기 쉬운 입체적인 캐릭터 장식을 호도코세르하기 쉬운 오토 액션입니다. スマホゲームのUIにありがちな立体的な文字装飾を、簡単に施せるオートアクションです。



------------------------- 


사용 방법
 
(1) '모든 텍스트를 준비합니다.
래스터화된 레이어에서도 가능합니다.
더 무거운 무게의 글꼴을 사용하는 것이 좋습니다.
이 예에서는 글꼴 크기 50pt "Keifu"가 사용됩니다.
　글꼴 크기에 맞게 5px 또는 10px를 선택합니다.
 
* 5px... 권장 글꼴 크기 : 40 ~ 60pt
10픽셀... 글자 크기 75 ~ 100pt 권장
권장 값은 글꼴에 따라 크기가 다르기 때문에 추정치일 뿐입니다.
 
 

 
 
노트:

* 그리기 색상 (또는 선택한 색상)을 대상 텍스트 색상으로 만듭니다.

※ 이미지 예에서는 여러 색상의 텍스트가 있지만 사용할 때는 각 레이어에 하나의 색상으로 적용하십시오. 또, 이 오토 액션에서 자동으로 생성된 폴더는 다른 캔버스에 병합 또는 복사·붙여넣기를 할 수 있어, 원래의 폴더를 삭제한 후에 실행해 나갈 수 있습니다.
이 오토 액션은 레이어 이름을 참조하기 때문에 같은 이름의 레이어가 이미 존재하면 제대로 작동하지 않습니다.
  • 복사
  • 흐리게
  • 덧셈
  • 곱하다
  • 그라데이션
  • 테두리 1
  • 테두리 2
  • 그라디언트 2
  • 그림자
 



- - - - - - - - - - - - - - - - - - - - - - - -
 
 
원하는 텍스트가 있는 선택한 레이어로 자동 액션을 실행합니다(2).
원본 레이어는 그대로 유지됩니다.
신청이 완료되기까지 지연이 있을 수 있습니다.
신청 직후, 당신은 미완성 상태입니다.
 

 

- - - - - - - - - - - - - - - - - - - - - - - -

 
(3) Gradient Tool을 사용하여 자동으로 생성된 그라디언트 레이어에 수동으로 그라디언트를 그립니다.
이렇게 하면 더 좋아 보일 것입니다.

 
 
두 개의 그라디언트 레이어가 만들어집니다.
테두리의 문자 부분을 처리하는 "Gradient 2"와 테두리 부분을 처리하는 " 그라데이션"이라는 레이어입니다.
 

 
 
아래 왼쪽:
　그라디언트 레이어는 위에서 아래로 그라디언트를 그리는 것이 좋으며, 이는 흰색에서 텍스트로 표시되는 색상(draw color)입니다.
 
바로 아래:
　그라디언트 2 레이어는 텍스트 색상 (그리기 색상)이 투명 한 상태에서 위에서 아래로 그라디언트를 그리는 것이 좋습니다.
 
* 결합 모드는 "오버레이"로 지정되었기 때문에 작동에 필요하지 않습니다.
 

 

- - - - - - - - - - - - - - - - - - - - - - - -

 
(4) 여기에서 미세 조정 절차가 됩니다. (3)에서 완성될 수 있다.
텍스트 색상의 밝기가 더 높으면 글자의 그림자가 더 얇아져 충분하지 않을 수 있습니다.
이 문제를 해결하려면 "곱셈"이라는 레이어를 즐겨찾기로 편집하십시오.
 

권장 조정:

  • 결합 모드를 "선형" 굽기
  • 불투명도를 높게 설정(약 75%)
 

 
 
또한 설득력이 있을 때까지 편집 및 처리하여 마무리를 조정하십시오.
 

――――――――――――――――――――――――

 
보너스
 
Keifu 및 기타 응용 프로그램의 예:

 
 
위, 내가 도울 수 있기를 바랍니다.
 


―――――――――――――――――――――――― 


【使用方法】
 
①任意のテキストを用意します。
　ラスタライズされたレイヤーでも可能です。
　（ウェイトが重い）太めのフォントを推奨します。
　今回の例では、フォントサイズ50ptの「けいふぉんと」を使用しています。
　フォントの大きさに合わせて、「5px」か「10px」のいずれかをお選びください。
 
※5px…フォントサイズ40～60pt程度推奨
　10px…フォントサイズ75～100pt程度推奨
　大きさはフォントによって異なるため、推奨値はあくまで目安です。
 
 

 
 
注意事項：

　※描画色（または選択中の色）を、対象テキストの色にしてください。

　※画像例には複数の色のテキストがありますが、使用時は一色一レイヤーとし、レイヤーごとに適用してください。また、その際、本オートアクションで自動作成されたフォルダは統合するか、別のキャンバスへコピー＆ペーストし、元のフォルダを削除してから実行してください。
　　本オートアクションではレイヤー名を参照するため、以下と同名のレイヤーがすでに存在していた場合、正しく動作しません。
  • コピー
  • ぼかし
  • 加算
  • 乗算
  • グラデーション
  • 縁取り１
  • 縁取り２
  • グラデーション２
  • 影
 



- - - - - - - - - - - - - - - - - - - - - - - -
 
 
②対象のテキストがあるレイヤーを選択した状態で、オートアクションを実行してください。
　元のレイヤーは残ります。
　適用完了までにラグがある場合があります。
　適用直後は、未完成の状態です。
 

 

- - - - - - - - - - - - - - - - - - - - - - - -

 
③自動作成されたグラデーション用レイヤーに、グラデーションツールを使って手動でグラデーションを描画してください。
　こちらを行うことで、見栄えが良くなります。

 
 
グラデーション用レイヤーは２つ作成されます。
それぞれ、縁取りの中身の文字部分を加工するための「グラデーション」、縁取り部分を加工するための「グラデーション２」という名前のレイヤーです。
 

 
 
下図の左：
　「グラデーション」レイヤーは、上から下に「白→テキストの色（描画色）」となるグラデーションを描画するのがおすすめです。
 
下図の右：
　「グラデーション２」レイヤーは、上から下に「テキストの色（描画色）→透明」となるグラデーションを描画するのがおすすめです。
 
※合成モードは「オーバーレイ」に指定済みのため、特に操作する必要はありません。
 

 

- - - - - - - - - - - - - - - - - - - - - - - -

 
④ここからは微調整の手順となります。③で完成としてもよいです。
　テキストの色の明度が高い場合、文字の中の影が薄く、物足りないかもしれません。
　そちらを修正する際は、「乗算」という名前のレイヤーをお好みで編集してください。
 

　おすすめの調整：

  • 合成モードを「焼き込み（リニア）」にする
  • 不透明度を高く（75%程度）にする
 

 
 
そのほか、納得のいくまで編集・加工して、仕上がりを調節してください。
 

――――――――――――――――――――――――

 
【おまけ】
 
「けいふぉんと」以外への適用例：

 
 
以上、お役に立てれば幸いです。
 

콘텐츠 ID：2010410

공개일 : 1 year ago

갱신일 : 1 year ago

선물하기
당신의 CLIPPY를 10 CP(×5번까지) 증정할 수 있습니다.
相田やま 님의 프로필 ...자세히 보기

출품 중인 소재를 검색
...더 보기

'相田やま'님의 다른 소재

더 보기

'오토 액션'의 인기 소재

더 보기

신규 소재

더 보기
최신 100 좋아요!