Notice
Recent Posts
Recent Comments
Link
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Tags more
Archives
Today
Total
관리 메뉴

맨땅에 코딩

[Android] 앱 아이콘(로고) 만들기 + 변경하기 (Image Asset 사용) 본문

앱 개발/Java

[Android] 앱 아이콘(로고) 만들기 + 변경하기 (Image Asset 사용)

맨땅 2022. 11. 24. 09:02

목차

    반응형

     

     

     

     

     

    앱 아이콘(로고) 만들기 전에 앱 아이콘의 배경색부터 만들어줍니다

     

    저는 그라데이션 색의 배경을 만들고 싶어서 따로 만들어 준 거여서 단색으로 배경을 설정하실 거라면

     

    아래의 과정은 생략하셔도 됩니다

     

     


     

     

    우선 Android 를 Project로 변경해 줍니다

     

    app - main - res - drawable-v.24 에 

     

     New - Drawable Rsource File 로 ic_main_background.xml을 생성해줍니다

     

     

     

    [ic_main_background.xml]

     

    <?xml version="1.0" encoding="utf-8"?>
    <vector xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:aapt="http://schemas.android.com/aapt"
        android:width="108dp"
        android:height="108dp"
        android:viewportWidth="108"
        android:viewportHeight="108">
        <group android:scaleX="1.02"
            android:scaleY="1.02"
            android:translateX="-1.08"
            android:translateY="-1.08">
    
            <path
                android:pathData="M0,0h108v108h-108z"
                android:strokeColor="?android:attr/colorAccent"
                android:strokeWidth="2">
    
                <aapt:attr name="android:fillColor">
                    <gradient
                        android:endColor="#FF7200"
                        android:endX="50"
                        android:endY="107"
                        android:startColor="#FFA800"
                        android:startX="50"
                        android:startY="1"
                        android:type="linear" />
                </aapt:attr>
    
            </path>
    
    
    
        </group>
    </vector>

     

    하단 이미지와 같은 그라데이션 색의 배경색이 생성 됩니다 

     

     

     

     


     

     

    이제 로고 아이콘을 만들어 줍니다

     

     

    res - New - Image Asset

     

    1 : Name 을 저는 ic_main으로 바꿔줬습니다 원하시는 이름으로 바꿔주시면 됩니다

    2 : Clip Art에서 원하는 로고 아이콘을 선택합니다

    3 : Clip Art 색상을 원하는 색상으로 변경해 줍니다 (저는 하얀색으로 했습니다)

    4 : 아이콘 크기를 원하시는 만큼 조정해줍니다

    5 : 초록색인 뒷 부분을 만든 배경으로 설정해줍니다

     

     

    다 만드셨다면 manifests 파일로 오셔서 AndroidManifest.xml 을 변경해줍니다

     

     

    android:icon="@mipmap/ic_launcher"
    android:roundIcon="@mipmap/ic_launcher_round"

     

    이 부분을 만들어주신 이름으로 바꿔주시면 됩니다

     

    android:icon="@mipmap/ic_main"
    android:roundIcon="@mipmap/ic_main_round"

     

     

    이후 실행을 해보시면 앱 아이콘이 바뀌신 것을 확인하실 수 있습니다

    반응형