GIMP Alpha Channel Transparent Layer/Background 투명 배경

General 2024. 2. 20. 19:27 |
반응형

GIMP를 이용해 투명 배경을 만들어 보자.

 

Mario.png
0.00MB

투명 배경이 필요한 그림을 준비한다.

 

GIMP로 불러온다.

 

Layer - Transparency - Color to Alpha... 를 선택한다.

 

Color의 컬러 픽커를 이용하면 정확히 한 픽셀을 선택하기가 어렵다. 위 그림과 같이 여러 픽셀이 선택되면 평균값이 계산 되는거 같다.

 

Color를 선택해 원하는 색을 직접 입력하자. [0..100], [0..255] 선택에 주의한다.

 

투명하게 만들 색을 입력하고 확인하면 Alpha Channel이 생성되고 배경이 투명하게 바뀐다.

 

File - Export As... 를 선택하고 PNG 파일로 저장한다.

 

반응형
저작자표시 비영리 변경금지

'General' 카테고리의 다른 글

Pixel(JPG/PNG) Image To Vector(AI) Image 픽셀 이미지를 벡터 이미지로 변환하기  (0) 2023.12.17
MAME Cocktail Mode Cabinet 마메 칵테일 모드 케비넷  (0) 2023.08.29
Hantek Oscilloscope 2D42 Battery Replacement 한텍 오실로스코프 배터리 교체  (0) 2022.05.12
시작 프로그램 관리자 권한으로 실행하기 (작업 스케줄러)  (0) 2022.01.05
Emulating MSX in RetroArch with blueMSX - 레트로아크(레트로아치)에서 MSX 게임 플레이 하기  (0) 2021.10.31
Posted by J-sean
:

[Godot] Transparent Background Window 투명 배경 윈도우

Godot 2024. 2. 17. 19:11 |
반응형

투명한 배경의 윈도우를 만들어 보자.

 

스프라이트를 추가하고 스크립트를 연결한다.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
using Godot;
 
public partial class Control : Sprite2D
{
    // Called when the node enters the scene tree for the first time.
    public override void _Ready()
    {
        GetViewport().TransparentBg = true;
    }
 
    public override void _Process(double delta)
    {
        RotationDegrees += 180.0f * (float)delta;
    }
}
  

 

위와 같은 코드를 작성한다.

 

Project Settings - Display - Window - Borderless / Transparent 옵션을 모두 체크한다.

 

실행하면 배경은 물론 타이틀바도 없는 윈도우에서 게임이 플레이된다.

 

반응형
저작자표시 비영리 변경금지

'Godot' 카테고리의 다른 글

[Godot] Line2D 선 그리기  (0) 2024.02.21
[Godot] Shader for Sprite Colorkey 스프라이트 컬러키 셰이더  (0) 2024.02.17
[Godot] Sprite2D Simple Animation 스프라이트 간단한 애니메이션  (0) 2024.02.17
[Godot] AnimationPlayer 애니메이션 플레이어  (0) 2024.02.16
[Godot] CharacterBody2D Inertial Motion 캐릭터 관성 운동  (0) 2024.02.15
Posted by J-sean
:

[Godot] Background Scroll 배경 스크롤

Godot 2023. 10. 9. 13:07 |
반응형

ParallaxBackground와 ParallaxLayer를 이용해 배경 화면을 자연스럽게 스크롤 해 보자.

 

Project Settings - Rendering - Textures - Canvas Textures - Default Texture Filter - Nearest 를 선택한다.

 

위와 같이 씬을 구성한다.

● ParallaxBackground - 두 개의 ParallaxLayer를 자식 노드로 생성하고 스크립트를 추가한다.

● ParallaxLayer - 각각 Sprite2D를 자식 노드로 생성한다.

● Sprite2D - 배경 화면을 Texture로 지정한다.

 

background_layer_1.png
0.01MB
background_layer_2.png
0.01MB

 

두 개의 ParallaxLayer 모두 Motion - Mirroring - X 속성을 스프라이트 크기에 맞게 지정한다.

수평으로 스크롤 하는 경우 X 속성을 지정하지만 수직이라면 Y 속성을 지정한다.

 

1
2
3
4
5
6
7
8
9
10
11
using Godot;
 
public partial class BackgroundScript : ParallaxBackground
{
    public int ScrollingSpeed = 100;
 
    public override void _Process(double delta)
    {
        ScrollOffset -= new Vector2(ScrollingSpeed * (float)delta, 0);
    }
}
  

 

ParallaxBackground 스크립트를 작성한다.

 

 

두 배경이 같은 속도로 이동한다.

 

멀리 있는 배경(ParallaxLayer)의 Motion - Scale 속성을 0.5로 지정한다.

 

멀리 있는 배경이 느리게 이동한다.

 

※ 참고

ParallaxBackground

ParallaxLayer

 

반응형
저작자표시 비영리 변경금지

'Godot' 카테고리의 다른 글

[Godot] 2D Splash Dynamic Wave 자연스러운 물결 파동 2. 구현  (0) 2023.10.18
[Godot] 2D Splash Dynamic Wave 자연스러운 물결 파동 1. 준비  (0) 2023.10.14
[Godot] Snow, Rain with 2D Particle System 눈, 비 파티클  (0) 2023.10.06
[Godot] 2D Navigation Basic Setup  (0) 2023.10.06
[Godot] Wall Jump 벽 점프  (0) 2023.10.02
Posted by J-sean
:

티스토리툴바