본문 바로가기

오늘 하루도 열심히 살자

#Pixel #Art #HTML #CSS #JavaScript #Vue.Js #C #C++ #Python #Java #React

Pixel Art

[Aseprite] Tistory 아이콘, 파비콘을 만들어보자 (1)

반응형

 [Aseprite] Tistory 아이콘을 만들어보자 ( 1 ) 

안녕하세요. tistory 아이콘이 마땅한 게 없어서 한번 만들어 보기로 했습니다.

 

🙌 주의하세요 😱

 

배우는 단계인 것 감안하고봐주시면 감사하겠습니다.

  치명적인 단점 : 색상 고르는 센스 꽝 

 

1. 일단 16*16 (px)인 스프라이트를 열어줍니다.

 

( 1 )

2. 다른 것은 건들 필요 없습니다. 바로 뼈대를 만들어 줄게요 집에 있는 패드 비슷하게 그려보았습니다.

약간 짱구 엉덩이도 연상이 되는데 2% 부족한 느낌이네요.

 

( 2 )

3. 색을 채워주고 속 틀을 만들어 줬습니다. 조금 그럴 듯 해지고 있나요?

 

( 3 )

4. 이제 색 이것도 명암인가.. 싶은 명암을 넣어주고 경계를 구분해 봤습니다.

추가적으로 패드에 선이 있는 것으로 쓰고 있어서 선을 그려 넣어 주었습니다.

 

( 4 )

5. 이제 좌측과 우측은 버튼이 다르니 색으로 구분 지어 보겠습니다.

그리고 버튼이 튀어나와 있으니깐 그거를 표현해 볼게요.

저도 알고 있습니다. 

정말 별로네요.. 색감이 웩..

 

( 5 )

이게 최종본입니다.

6. 색감이 완전 옛날 디지몬 테이머즈(?)에서 나온 디지바이스 2개를 합쳐 놓은 것 같네요.

스승님이 필요하네요. 당분간은 이거를 쓰고 추후 변경해야겠네요..

 

( 6 )

 

7. 마지막으로 크기가 16*16 64*64로 바꿔주었습니다.

백분율로 가로, 세로 400% 바꿔주고 .png 저장했습니다.

 

( 7 )

이제 아이콘, 프로필 이미지, 파비콘 제작 끝!

 

파비콘은 확장자가 .ico로 돼야 하므로 밑에 있는 사이트를 방문하시면

무료로 png > ico로 변환이 가능하답니다.

 

https://convertio.co/kr/

 

 

다음에 다시 만들때 좀더 이쁘게 만들어 보겠습니다.....

 

훈수는 환영 😊

 

극딜은 슬픔 😒

반응형