반응형

오늘은 Aseprite에서 파일 저장하는 방법과 작업한 이미지의 사이즈를 키우는 방법에 대해서 알아보겠습니다.    

 

 

 

파일 저장하기

1. File → Save As를 누릅니다.

*단축키 : Ctrl + Shift + S

파일 저장하기
파일 저장하기

 

 

2. 파일 이름과 파일 형식을 정한 후 저장합니다.   

파일 이름과 파일 형식 정하기

 

 

 

파일 형식

파일 형식
확장자 설명
ase file .ase Adobe Swatch Exchange 파일 형식으로, Adobe 소프트웨어(포토샵, 일러스트레이터 등)에서 색상과 그라데이션을 저장하는 데 사용
aseprite file .aseprite Aseprite에서 스프라이트 애니메이션, 레이어 및 이미지 데이터를 저장하는 파일 형식
bmp file .bmp 비트맵 이미지 파일로, 픽셀로 이루어진 비트맵 디지털 이미지를 저장하는 래스터 그래픽 이미지 파일 형식
css file .css 스타일시트 파일로, 웹사이트의 레이아웃과 디자인(색상, 글꼴 등)을 정의하는 데 사용
flc file .flc 애니메이션 파일 형식으로, 주로 CAD 소프트웨어에서 사용되며 2D 애니메이션을 저장
fli file .fli Autodesk Animator에서 만든 애니메이션 파일 형식으로, 주로 단순한 애니메이션을 저장하는 데 사용
gif file .gif 움직이는 이미지(애니메이션)를 저장할 수 있는 이미지 파일 형식으로, 투명도와 짧은 애니메이션을 지원
ico file .ico 윈도우에서 아이콘을 저장하는 파일 형식
jpeg file .jpeg 흔히 사용되는 압축 이미지 파일 형식으로, 사진과 같이 복잡한 이미지를 저장하는 데 적합
jpg file .jpg JPEG 파일의 또 다른 확장자로, 같은 형식
pcx file .pcx 오래된 그래픽 파일 형식으로, 주로 초기 윈도우 시스템에서 사용
pcc file .pcc 게임이나 소프트웨어에서 사용되는 특정 형식으로, 데이터 파일로 사용
png file .png 무손실 압축 이미지 파일 형식으로, 투명도를 지원하는 점이 특징
sgi file .sgi Silicon Graphics에서 개발한 이미지 파일 형식으로, 고해상도 이미지와 3D 작업에 주로 사용
tga file .tga Truevision에서 개발한 이미지 파일 형식으로, 비디오 편집과 애니메이션에서 사용
qoi file .qoi 최근에 개발된 무손실 압축 이미지 형식으로, 성능이 뛰어나고 처리 속도가 빠름
svg file .svg 벡터 그래픽 파일 형식으로, 주로 웹에서 그래픽을 표현할 때 사용됩니다. 크기를 늘려도 화질이 떨어지지 않는 특징
webp file .webp 구글에서 개발한 이미지 파일 형식으로, 고품질의 이미지 압축을 제공하며 투명도와 애니메이션을 지원

 


 

작업한 이미지를 다른 파일로 그대로 가져가서 사용하면 이미지가 깨지기 때문에

사이즈를 변경한 후에 다른 파일 형식으로 저장하는 게 좋습니다.   

 

64*64 작업 원본 사이즈1000percent 사이즈 변경
왼쪽 64*64 작업 원본 사이즈/ 오른쪽 1000percent 사이즈 변경

 

 

Sprite Size 조절하기

1. 상단 메뉴바에서 Sprite → Sprite Size를 누릅니다.

*단축키는 Ctrl + Alt + I

Sprite Size
Sprite Size

 

 

 

2. 아래쪽에 Percentage를 변경해서 바꿔줍니다. 

Percentage 변경하기
Percentage 변경하기

 

Percentage 적용 전/후

원본사이즈와 1000percentage 키운 버전
원본사이즈와 1000percentage 키운 버전

 

다른 방법으로 사이즈 키우기

상단에 Sprite → Canvas Size에서 캔버스 사이즈를 조절해서 사이즈를 키울 수 있습니다. 

캔버스 사이즈
캔버스 사이즈

 

 

이미지는 Transform(Ctrl + T)을 이용해서 조절할 수 있습니다.

다만, 레이어가 분리되어 있다면 한 번에 조절하기 어렵고 비율이 깨지지 않도록 주의해야 합니다.

Transform 이용해서 조절하기Transform 이용해서 조절하기2
Transform 이용해서 조절하기

 

 

이 블로그 내 같이 보면 좋은 글

[etc/Program] - [Aseprite]Steam에서 다운로드 받기(+Steam 계정 만들기)

 

[Aseprite]Steam에서 다운로드 받기(+Steam 계정 만들기)

Aseprite 에이스프라이트픽셀아트 드로잉 및 애니메이션을 위해 주로 설계된 소스 사용 이미지 표집기를 말합니다.-출처 : 위키백과-   Steam 계정 만들기1. 검색창에 Steam을 검색합니다. 2. Steam 계

illuam.tistory.com

 

반응형
반응형

Chrome 프로필 분리
Chrome 프로필 분리

크롬에서 개인, 업무, 학교 등 계정을 분리해서 사용하거나

공용 컴퓨터일 때 계정을 분리해서 사용하는 방법에 대해서 알아보겠습니다.  

 

 

 

 

Chrome 계정 분리하기

 

1. Chrome으로 들어가 상단에 아이콘을 클릭합니다.     

상단에 프로필 아이콘 클릭
상단에 프로필 아이콘 클릭

 

 

 

2. 하단에 '+추가'를 클릭합니다.

하단에 +추가 하기
하단 +추가

 

 

 

3. 분리해서 쓰고 싶은 계정이 있을 때는 '로그인'을 해주세요.

계정이 따로 없거나 계정 없이 사용하고 싶을 때는 '계정 없이 계속'을 클릭합니다.

새 크롬 프로필 설정
새 크롬 프로필 설정

 

 

 

 

4. 새 프로필의 이름과 색상을 지정하고 완료를 누릅니다. 

새프로필 이름 및 색상지정1새프로필 이름 및 색상지정2
새프로필 이름 및 색상지정  

 

 

5. 새 프로필 생성

새 프로필 생성
새 프로필 생성

 

 

 

 

크롬을 실행했는데 이전 계정으로 바로 접속이 될 때?

크롬을 실행했는 데 다른 계정이 보이지 않을 때는 프로필 이미지를 눌러 기타 프로필 옆에 있는 아이콘을 클릭합니다. 

기타프로필 옆에 있는 아이콘 클릭하기
기타프로필 옆에 있는 아이콘 클릭하기

 

 

 

Chrome 사용자 선택 하단에 '시작 시 표시'를 체크하면 크롬을 실행할 때마다 사용자를 선택할 수 있습니다. 

시작 시 표시 체크
시작 시 표시 체크

 

 

 

생성한 프로필을 지우고 싶을 때

Chrome 사용자 선택에서 지우고 싶은 프로필 우측 상단에 있는 아이콘을 클릭해서 삭제를 누릅니다.    

프로필 삭제프로필 및 데이터 삭제
프로필 삭제하기

 

 

[PC] 컴퓨터 성능과 사양 확인하기
[PC] 컴퓨터 성능과 사양 확인하기

 

반응형
반응형

flutter 설치하기

Flutter?
Google에서 개발한 오픈 소스 UI(사용자 인터페이스) 프레임워크

 

 

프레임워크
응용 프로그램 구축을 위한 기반을 제공하는 미리 설정된 구조 또는 도구 집합으로, 개발자가 소프트웨어를 보다
효율적이고 일관되게 만드는 데 도움이 되는 재사용 가능한 라이브러리, 구성 요소 및 기능 세트를 제공

 

 

 

Flutter 설치하기

1. 인터넷 검색 창에 flutter를 검색

flutter

 

 

2. 사이트에 들어가서 상단에 있는 'Get started'을 클릭

Get started

 

 

 

3. 설치 페이지로 들어가서 운영 체제(Windows, macOS, Linux, ChomeOS) 선택

운영체제 선택하기

 

4. 'flutter_windows_3.10.1-stable.zip'을 클릭

 

'flutter_windows_3.10.1-stable.zip

 

5. 압축 풀어준 후 압축을 풀어준 파일을 C드라이브로 옮기기

압축을 풀어준 후 C드라이브로 옮기기

 

 

6.설정 → 시스템에서 고급 → 오른쪽에 있는 고급 시스템 설정을 클릭

고급 시스템 설정

 

7. 시스템 속성 → 고급 → 환경 변수

 

환경 변수

 

8. 시스템 변수에서 path 선택한 후 편집을 클릭

path 선택 편집 누르기

 

 

9. 새로 만들기 누른 후 아래 경로 입력 (C:\폴더명\bin 입력)
→ 확인 눌러서 변경사항 적용시키기

환경 변수 편집

 

 

 


git 다운로드 받기

플로터 프로그램을 사용하기 위해서 git을 다운로드 해보겠습니다.

 

 

1. git 다운로드 사이트 들어가기

git 다운로드

 

2. 설치 시 나오는 부분은 기본 값으로 설정

 

3. 명령프롬포트에서 Flutter --version으로 검색하기

혹시 실행이 안될 경우
처음에 계속 파일을 실행할 수 없다고 뜨신다면 압축파일 안에 flutter라는 파일로 한번 더 폴더로 묶있지 않은지 확인해주세요.
예) C:\flutter\flutter\bin 위쪽에서 만든 부분에는 C:\flutter\bin으로 입력... 

Flutter --version으로 검색

 

4. 안드로이드 앱 개발을 위해서 라이선스 동의하기 명령창에 flutter doctor를 입력하기

라이선스 동의 여부는 flutter doctor를 입력해서 알 수 있음  

 

 

라이선스 동의

 

 

Android toolchain에 동의가 되어있지 않을 경우(아직 라이선스 동의 전) 
→ 동의하지 않은 경우 [!] 

Android toolchain

 

 

5. flutter doctor --android-licenses를 입력하기

 

flutter doctor --android-licenses

 

6. 모든 라이선스에 동의하기 → y입력

모든 라이선스에 동의

 

 

7. Android toolchain 부분 체크 표시로 변경되면 라이선스 동의 완료 

라이선스 동의 완료

 

반응형
반응형

안드로이드 스튜디오 설치하기

안드로이드 스튜디오?
안드로이드 스튜디오는 안드로이드 및 안드로이드 전용 앱 제작을 위한 공식 통합 개발 환경입니다.    

 

안드로이드 스튜디오 설치하기

1. 웹주소 입력란에 https://developer.android.com/studio을 입력합니다.

 

 

2. 중앙에 있는 'Download Android Studio Flamingo'를 클릭합니다. 

Download Android Studio Flamingo

 

 

3. 하단에 동의를 체크한 후 ' Download Android Studio Flamingo'를 다시 한번 눌러줍니다.

 

Download Android Studio Flamingo

 

 

4. Setup을 실행시켜 프로그램을 설치합니다. 

안드로이드 스튜디오와 안드로이드 앱을 컴퓨터에서 확인할 때 필요한 Android Virtual Device가 체크되었는 지 확인합니다.

 

5. 경로와 시작 메뉴 바로가기도 기본 값을 그대로 둔상태로 'Install'을 눌러줍니다.    

Setup 설치하기

 

 

6. 'Finish'를 눌러줍니다.

(Start Android Studio가 체크되어 있어서 Finish누르면 바로 실행됩니다.)

Setup finish

 

 

7. 안드로이드 스튜디오를 처음 실행하면 설정 값을 불러올지 묻는 창이 뜨는데,

이때 안드로이드 스튜디오를 처음 설치한 경우에는 'Do not import setting'을 눌러줍니다.   

 

Do not import setting

 

 

 

8.   Android Studio Setup Wizard에서 개발에 필요한 구성요소를 'Next'를 눌러서 설치합니다.

 

 

9. Install Type은 'Standard'로 설치해줍니다.

Wizard 설치하기

 

 

10. Darcular와 Light 중 원하는 테마로 선택합니다.

 

 

 

11. 라이선스를 클릭하고 하단에 'Accept'를 눌러줍니다.

왼쪽에 있는 라이선스를 동의에 수락한 후 'Finish'버튼이 활성화됩니다. 

 

 

12.설치하는 중 뜨는 사용자 계정 컨트롤 '예'를 눌러줍니다.

(안드로이드 에뮬레이터 성능 올려주기 위한 도구를 설치할 때 필요한 것)

Finish 선택하기

 

 

13. 안드로이드 스튜디오 설치 완료

 

반응형

'etc > Program' 카테고리의 다른 글

[Chrome]크롬 프로필 분리하기  (0) 2023.09.06
[Flutter]플러터설치하는 방법(+Git)  (0) 2023.05.28
[Microsoft store]Power Toy  (0) 2023.03.06
[Houdini]에셋 스토어(+Orbolt)  (0) 2023.01.20
[Houdini]OCIO 연동하기(ACES)  (0) 2023.01.04
1234

+ Recent posts