[Figma] 피그마 색상 선택과 변경 방법

이미지
  디자인하다 보면 자연스럽게 "어떤 색상을 쓸까?", "이미 적용한 색을 바꾸려면 어떻게 할까?" 이런 고민을 하게 됩니다. 특히 피그마는 웹 기반이기 때문에 버튼, 텍스트 ,배경 등 모든 요소에 색을 자유롭게 적용할 수 있기 떄문에 고민이 더 깊어질 수 있습니다. 그래서 일단은 피그마에서 색상을 선택하고 변경하는 방법에 대해서 알아볼 예정입니다. 색상 선택 방법 피그마에서 색상을 선택하는 기본 방법은 아주 간단합니다. 오브젝트를 먼저 선택해 주세요 색상을 바꾸고 싶은 도형, 텍스트, 아이콘 등이 있겠죠 오브젝트를 선택한 후에 오른쪽 속성 패널에서 Fill(채우기)에서 색상을 클릭하면 아래 이미지처럼 색상을 선택할 수 있는 UI가 나옵니다. 변경하고자 하는 색상을 선택해 주면 됩니다. 이때 색상을 변경하는 방법은 총 세 가지입니다. 색상 피커를 직접 드래그 해서 색상을 변경하는 방법 HEX 코드를 입력(예시: #FF0000, #00FF00 등) RGBA 값 입력 - Red, Green, Blue, Alpha(투명도) 값을 직접 입력합니다. 이렇게 하면 원하는 색상을 아주 정밀하게 선택할 수 있습니다. 색상 변경 & 관리 방법 색상을 고른 뒤에는 프로젝트 전반적으로 일관성 있게 사용하거나 상황에 맞게 변경해야 합니다. 색상 변경하기 이미 적용한 색상을 바꾸려면 위의 방법과 동일하게 Fill 항목을 클릭해서 변경합니다. 새로운 색상을 선택하면 바로 적용됩니다. 색상 스타일 만들기 자주 쓰는 색은 Style로 지정할 수 있습니다. Fill > 우측 상단 + 버튼을 클릭해서 원하는 이름을 입력하고 색상을 저장합니다. 그러면 아래 이미지처럼 스타일로 색상이 저장된 걸 확인할 수 있습니다. 라이브러리에 추가된 게 보이시죠? 스타일로 지정한 색상은 그 색이 적용된 모든 오브젝트가 자동으로 업데이트됩니다. 예를 들면 "메인 버튼 색상"을 초록에서 파랑으로 변경한 경우 전체 버튼이 모두 변경됩니다. 이 외에도...

[Unity] 유니티 오브젝트 생성과 삭제 스크립트

 


유니티로 게임을 만들다 보면 "필요한 오브젝트를 언제, 어디서, 어떻게 만들어야 할까?"라는 고민을 자주 하게 됩니다.

예를 들어, 총알이 발사될 때 새로운 총알 오브젝트를 만들어야 하고, 적 캐릭터가 쓰러지면 그 캐릭터를 삭제해야 하죠

이때 유니티에서는 Instantiat()함수로 오브젝트를 생성하고 Destroy() 함수로 삭제할 수 있습니다. 

이번 글에서는 쉽게 오브젝트 생성과 삭제의 기본 원리를 알아보도록 하겠습니다.


씬을 실행시키고 스페이스 바를 눌렀을 때 큐브가 추가됩니다.

그리고 일정 시간(3초) 후 큐브는 사라집니다.

이건 코드를 만든 다음 빈 오브젝트를 만들고 추가한 상태입니다.

먼저 공유해드린 코드는 빈 오브젝트를 만들고 거기에 추가해 주세요

using UnityEngine;


public class ObjectCreator : MonoBehaviour

{

    public GameObject cubePrefab; // 생성할 오브젝트(프리팹)


    void Update()

    {

        if (Input.GetKeyDown(KeyCode.Space))

        {

            Instantiate(cubePrefab, new Vector3(0, 1, 0), Quaternion.identity);

        }

    }

}


그리고 아래 코드는 큐브에 컴포넌트를 추가해 주세요
using UnityEngine;

public class ObjectRemover : MonoBehaviour
{
    void Start()
    {
        Destroy(gameObject, 3f); // 3초 뒤 삭제
    }
}

그럼 정리해보도록 하겠습니다

Instantiate 함수로 만든 오브젝트는 어디에 저장될까요?
 > 지정한 위치(Position)와 회전 값(Rotation)에 생성됩니다.

프리팹이 꼭 있어야 할까요?
> 아니요/ 이미 씬에 있는 오브젝트도 원본으로 사용할 수 있습니다.

Destroy를 쓰면 바로 사라지나요?
> 시간을 지정하지 않으면 즉시 사라집니다.

총알처럼 여러 개 빠르게 생성해도 될까요?
> 생성할 수 있습니다. 하지만 너무 많이 생성하면 성능에 문제가 생길 수 있습니다.

Instantiate로 만든 오브젝트 이름은 바꿀 수 있을까요?
> newObject.name = "새 이름"; 으로 변경할 수 있습니다.

Destroy를 호출해도 삭제가 안 될 때가 있는데 왜일까요?
> 코드에서 다른 객체를 참조하고 있거나, Prefab 자체를 Destroy 하려고 하면 안 됩니다.

Destroy 대신 SetaActive(false)를 쓰면 다른 점이 있을까요?
> Destroy()는 메모리에서 삭제하지만, SetActive(false)는 비활성화만 합니다.

일정 시간마다 오브젝트를 자동 생성하려면 어떻게 해야 할까요?
> InvokeRepeating()이나 코루틴(Coroutine)을 활용하면 됩니다.

삭제된 오브젝트는 다시 살릴 수 있을까요?
> 삭제되면 복구가 불가능합니다. 필요하다면 SetActive(false)로 비활성화를 고려하세요

Instantitate와 Destroy를 너무 자주 쓰면 게임이 느려질까요?
> 최적화를 위해 오브젝트 풀링(Object Pooling)기법을 활용하는 것이 좋습니다.


유니티에서 오브젝트를 생성하는 방법과 삭제하는 방법에 대해서 간략하게 살펴봤습니다.
Instantiate() > 오브젝트 만들기, Destroy() > 오브젝트 지우기
게임 개발에서 가장 자주 쓰이는 기본 기능이므로 꼭 이해하고 연습하는 걸 추천합니다.
특히 총알, 아이템, 적 캐릭터처럼 생겼다가 사라지는 오브젝트에 많이 활용되니 직접 여러 가지 예제를 만들면서 연습하는 걸 추천해 드립니다.

읽어주셔서 감사합니다. 추가로 궁금하신 내용이 있으시다면 하단의 글을 참고해 주세요

[Unity] Unity Rigidbody로 물리 적용하는 방법

[Unity] 유니티 컴포넌트가 뭐야? 초보자도 5분 만에 이해하는 핵심 정리

[Unity] 유니티 완전 초보를 위한 C# 스크립트 가이드

이 블로그의 인기 게시물

[Blender] 블렌더 속도 2배! 꼭 알아야 할 단축키와 설정 팁

이미지
  쉽게 배우는 블렌더 단축키, 커스터마이징 블렌더는 디자인과 애니메이션 거기에 영상 편집까지 가능하게 해주는 무료 프로그램입니다. 하지만 효율성이 떨어진다면 작업 시간이 매우 오래 걸릴 수 있습니다. 그렇기 때문에 효율성을 극대화시켜줄 단축키를 알아보도록 하겠습니다. 블렌더 단축키? 저도 처음에는 그랬습니다. 단축키를 많이 모르다보니 모든걸 마우스로 해결하려고 했었습니다. 하지만 그렇게 작업을 하다 보면 효율이 떨어지고 속도도 떨어집니다. 그런데 단축키를 알고 나서 효율이 급격하게 늘어나더라고요 그래서 전달해드리려고 합니다. 효율을 극대화 시켜줄 블렌더 단축키와 커스터마이징을 알아볼게요 크기 초기화 Alt + S 회전 초기화 Alt + R 위치 초기화 Alt + G 크기 조절 S 오브젝트 회전 R 오브젝트 이동 G 위에서 간략하게 단축키를 눌렀을 때 어떻게 조작이 가능한지 설명했는데요 다시 정리하겠습니다. 이동(G): 오브젝트를 원하는 위치로 이동 시킬 수 있습니다. 회전(R): 오브젝트를 원하는 각도로 회전 시킬 수 있습니다. 스케일 조정(S) 오브젝트를 원하는 크기로 키우거나 줄일 수 있습니다. 위치 초기화(Alt + G): 이동 시킨 오브젝트의 위치를 초기화 합니다. 회전 초기화(Alt + R): 회전 시킨 오브젝트의 회전을 초기화 합니다. 크기 초기화(Alt + S): 키우거나 줄인 오브젝트의 스케일을 초기화 합니다. 그 다음은 카메라 조작에 대한 단축키 입니다. 숫자키 1 ~ 0 숫자키를 이용하면 오브젝트가 보여지는 카메라의 각도를 조정할 수 있습니다. 1번부터 0번까지 원하는 카메라 방향대로 오브젝트를 볼 수 있습니다. 하지만 이때 노트북에서 넘버 패드가 없는 경우, 텐키리스 키보드를 사용할 때 설정이 필요합니다. 텐키리스 키보드를 사용하는 경우 Edit -> Preferences -> Input -> Emulate Nupad 옵션을 켜야 숫자키를 눌렀을 때 카메라를 회전 시킬 수 있습니다. 간단하게 몇 개 더 알아보도록 하...
자세한 내용 보기

[Notion] 노션 기본 템플릿 5가지 소개와 활용 팁

이미지
  노션 초보자를 위해 쉽게 활용할 수 있는 기본 템플릿 5가지를 추천합니다. 할 일 관리, 회의 노트, 독서 기록 등 누구나 쉽게 따라 할 수 있는 방법을 소개합니다. 노션, 템플릿 부터 시작해보세요 노션(Notion)을 처음 접하셨을까요? 너무 복잡하거나 어려울 것 같다고 느낄 수 있습니다. 그렇다면 기본 템플릿부터 활용해 보는 게 좋습니다. 노션에는 이미 기존에 만들어진 기본 템플릿이 있어서 클릭 몇 번만으로 멋진 페이지를 만들 수 있습니다. 이 글을 통해서 가장 유용하고 많이 쓰이는 노션 템플릿 5가지와 함께, 어떻게 활용하면 좋은지 알아보겠습니다. 하단에 보이는 Tamplates를 클릭해 주면 템플릿이 모여 있는 페이지로 이동합니다. 그러면 여기서 먼저 To-Do List를 입력하고 추가해 보도록 하겠습니다. 자 검색했더니 이렇게 다양한 To-do list 항목이 나옵니다. 저는 이 중에서 오른쪽 위에 있는 템플릿을 선택했습니다. Free는 무료로 이용할 수 있는 템플릿이고 가격이 적혀있는 템플릿은 결제를 통해 추가할 수 있는 템플릿입니다. 자 그러면 이렇게 Weekly Plan으로 To-do list가 추가된 걸 확인할 수 있습니다. 쉽게 추가가 되고 바로 페이지에 추가되니깐 쉽게 활용할 수 있습니다. 같은 방법으로 다른 템플릿도 추가해 보도록 하겠습니다. 주간 일정 관리 독서 목록 회의 기록 목표 설정 자 가장 위에 부터 '할 일 목록', '주간 일정 관리', '독서 목록', '회의 기록', '목표 설정' 총 다섯 가지의 템플릿을 추가해봤습니다. 추가된 템플릿을 아이콘 등을 추가하거나 섹션을 다시 나누는 등의 기능을 활용해서 자유롭게 사용할 수 있습니다. 또한 추가된 템플릿은 다른 페이지와 연결할 수 있기 때문에 연동해서 쓸 수도 있습니다. 일단 간단하게 활용할 수 있는 노션 템플릿 5종만 먼저 소개했습니다. 처음 노션을 시작할 때 복잡하게 느껴질 수 있지만 기본 템플릿을 활용...
자세한 내용 보기

[Blender] 블렌더 미러 모디파이어(Mirror Modifier) 활용법

이미지
Blender에서 미러 모디파이어(Mirror Modifier)를 활용하여 좌우 대칭 모델을 빠르고 정확하게 만드는 방법!! 3D 모델링을 하다 보면 양쪽이 똑같은 형태가 있습니다. 예시를 들어보도록 하겠습니다. 사람 얼굴, 동물의 뿔, 건축물의 좌우 대칭 등 이런 구조들을 자주 만들거나 활용하게 되는데요 이런 작업을 직접 수작업으로 하다 보면 시간이 굉장히 오래 걸립니다. 그렇기 때문에 오늘 알아볼 미러 모디파이어(Mirror Modifier)를 활용해야하는건데요 이 그대로 한쪽을 만들면 반대쪽이 자동으로 복사되기 때문에, 작업 시간은 반으로 정확도는 두 배로 올라가게 됩니다. 우리는 이 글을 통해서 Blender 미러 모디파이어의 기본 사용법부터 실전 활용까지 차근차근 알아볼 예정입니다. 미러 모디파이어가 뭘까요? 미러 모디파이어는 위에서 언급했듯이 한쪽 면을 기준으로 반사된 복사본을 자동으로 생성하는 기능입니다. 블렌더의 기본 모디파이어 중 하나인데요. X, Y, Z축 중 원하는 축을 중심으로 대칭이 만들어집니다. 자 일단 원래 처음에 있던 큐브는 삭제하고 Shitf + A 단축키를 눌러서 평평한 Plane 하나를 추가해 줬습니다. 그리고 우측에 렌치 모양을 눌러서 'Add Modifier'를 클릭한 후 Mirror를 검색해서 추가했습니다. 자 기본적으로 X축 대칭이 적용됩니다. 위의 이미지와 비교해 보면 X축뿐 아니라 Y, Z축까지 활성화한 상태인 게 보이시죠? 일반적으로는 X축만 활성화 한 상태로 활용합니다. 자 그럼 Edit Mode로 들어가서 한쪽 면만 들어볼게요 그럼 어떻게 될까요? 자 한쪽 면만 들어올리는데 반대쪽 면도 같이 올라오는 게 보이시죠? 간단하게 살펴보면 미러 모디파이어는 이렇게 활용할 수 있습니다. 추가로 알아볼 내용은 오브젝트 중심으로 맞추는건데요 미러 축은 오브젝트 중심점(Origin)을 기준으로 작동합니다. Shift + S -> Cursor to World Origin Ctrl + A -> Set O...
자세한 내용 보기