프로필 아이콘을 만드는 방법

7,013

Cheishiru

Cheishiru

소셜 미디어의 프로필 아이콘이나 사진이 가상 세계에서 계정의 얼굴이라고 해도 과언이 아닙니다. 프로필 아이콘에 대한 임의의 이미지를 업로드할 수 있지만 시각적으로 매력적인 프로필 아이콘을 만드는 것이 유리할 수 있습니다.

 

이 튜토리얼의 비디오 버전이 있습니다. 확인하는 것이 좋습니다!

크기

소셜 미디어 플랫폼은 일반적으로 프로필 아이콘에 HD 이미지를 요구하지 않습니다. 높이와 너비 모두 일반적으로 800제곱픽셀이면 충분하지만 최소 1000픽셀을 선호합니다.

 

일러스트 사이즈는 SNS에 올릴 정도의 사이즈로 하는게 제일 좋은 것 같아요. 인쇄 가능한 크기가 이상적이지만.

또한 작품이 작은 크기로 잘 보이는지 확인하기 위해 확대 및 축소하는 것이 힘들다면

 

내비게이터가 없는 경우 화면에 내비게이터를 표시한 다음 대신 약 100제곱 픽셀로 크기를 조정합니다. 이제 실시간으로 작은 버전을 볼 수 있습니다.

헤더

때때로 아이콘이 이상한 모양으로 잘리기 때문에 안전을 위해 아이콘을 정사각형 모양으로 하는 것이 가장 좋습니다. 대부분은 아이콘을 원으로 자르므로 참조로 사용하겠습니다.

 

원을 쉽게 만들려면 하위 도구 그림(1)으로 이동한 다음 타원(2)을 선택합니다. Line/Fill(3)은 중간 옵션인 Create Line이어야 합니다.

화면 유형(4)을 확인하고 길이 지정(5)을 클릭합니다. 원의 지름이 몇 픽셀인지 선택할 수 있습니다(6).

캔버스 크기가 1000제곱픽셀이므로 너비와 높이 모두에 1000을 입력합니다.

 

캔버스의 왼쪽 상단 모서리를 클릭합니다.

완벽한 원이 나타납니다.

원을 만든 후 소셜 미디어에서와 같이 잘린 것처럼 보이도록 외부 부분을 검은색으로 칠합니다.

프로필 사진에서 테스트하여 초점이 원의 중앙에 있는지 확인하십시오. 그것은, 당신이 가도 좋다.

이후 섹션에서 사용할 것이기 때문에 나머지 자습서에서는 원을 "자르기 템플릿"이라고 부르겠습니다. 아래에서 볼 수 있는 자르기 템플릿 치트 시트가 있습니다. 사용을 원하시면 아래 사진을 기기에 저장하시면 됩니다.

색깔

거의 모든 플랫폼에는 밝은 모드와 어두운 모드가 있습니다. 프로필 아이콘이 검은색, 회색 및 흰색으로 잘 보이는지 테스트하는 것이 좋습니다. 테스트하려면 이전의 자르기 템플릿을 사용하고 편집 > 색조 수정 > 색조/채도/광도를 사용하여 밝기를 높입니다.

이 프로필 아이콘은 대비가 낮습니다.

대비가 더 높은 이것과 비교해 보십시오.

작은 크기와 모든 색상 모드에서 어느 것이 더 좋아 보입니까?

위의 그림에서는 캐릭터와 배경이 별도의 레이어에 그려져 있습니다. 실루엣을 돋보이게 하기 위해 배경의 밝기를 높였습니다.

 

채색할 때 고대비를 사용하면 아이콘을 더 쉽게 볼 수 있다는 점을 기억하십시오. 어떻게 보면 흑백 아이콘을 잘못 만들 수는 없습니다. 결국 대비가 가장 높은 색상 쌍은 흑백입니다.

그러나 모든 사람의 차는 아닙니다. 색상을 사용하고 싶다면 원하는 색상으로 가셔서 나중에 조절하시면 됩니다.

문자 기반 아이콘

문자 기반 프로필 아이콘을 디자인할 때 디자인에 만족할 수 있지만 업로드할 때 프로필 아이콘이 어색하게 잘리는 것을 알게 될 것입니다.

이 문제를 방지하려면 이전 섹션의 자르기 템플릿을 사용하십시오.

알파벳 등을 사용할 때 모든 문자는 가능한 한 대문자로 사용하는 것이 좋습니다. 만화책에서 보통의 첫 단어의 첫 글자만 사용하는 대신 대화 상자에 모두 대문자를 사용하는 이유가 있습니다. 읽기 쉽습니다.

어떤 크기에서도 한 눈에 보기 쉬운 문자 기반 아이콘을 원합니다.

물론 소문자로 쉽게 읽을 수 있도록 문자를 조정하고 스타일을 지정할 수 있습니다. 로고 같은 것으로 바꾸는 것입니다. 예를 들어, 사람들이 다른 세 글자를 읽을 수 없는 경우에도 알아볼 수 있도록 "빔"의 B를 양식화할 수 있습니다.

사용하는 이름이 4자 이상이거나 철자가 독특하거나 기억하기 어려운 경우 이름의 첫 글자를 스타일화하도록 선택할 수 있습니다. 이름에 둘 이상의 단어가 포함된 경우에도 마찬가지입니다. Clip Studio, PlayStation, General Electric - 브랜드와 조직에서 항상 사용합니다.

참고: 실제 내가 아는 사람의 이름입니다. 그의 부모는 너무 창의적으로 이름을 지었습니다!

 

스타일화된 이니셜은 로고와 비슷하므로 이니셜을 쉽게 읽을 수 없더라도 한 눈에 고유하고 식별할 수 있도록 원하는 방식으로 스타일을 지정할 수 있습니다.

이니셜이 너무 흔하거나(예: TV, WC, AC) 기존 브랜드/조직의 이니셜과 중복되는 경우 대안을 생각해 볼 수 있습니다.

 

예를 들어 Wanderwort Chronicles의 이니셜은 WC이고 대신 W-Chro로 줄일 수 있습니다. 이렇게 하면 사람들이 프로필 아이콘을 볼 때 변기를 생각하지 않을 것입니다. 아이콘 내부 어딘가에 전체 이름을 삽입할 수도 있습니다.

사용하고 싶은 단어나 이름이 길어서 이니셜을 사용하거나 줄이지 않으려면 전체를 사용할 수 있습니다. 그러나 아이콘을 YouTube와 같은 아주 작은 원으로 바꾸는 소셜 미디어의 경우 기껏해야 눈에 피로를 주고 최악의 경우 읽을 수 없게 됩니다.

 

두 샘플의 전체 이름은 크기를 조정할 때 읽기 어렵거나 읽을 수 없지만 오른쪽에 있는 이름은 거대한 W-크로로 인해 여전히 알아볼 수 있습니다.

그림 위의 단어도 작동합니다. 단어의 색상과 그림을 대조하여 단어를 읽을 수 있는지 확인합니다.

그림 기반 아이콘

사진을 사용하면 할 수 있는 일에 더 많은 여유가 있습니다. 초상화, 아바타, 예술 전시, 프로젝트 홍보 또는 상태 업데이트처럼 처리하는 모든 것이 가능합니다.

 

다른 모든 작품과 마찬가지로 먼저 그리고 싶은 것이 무엇인지 알아야 합니다. 나는 더 큰 영역에서 스케치하는 것을 선호하고 스케치가 끝나면 그림을 자릅니다. 가끔 전체를 보관하고 업로드할 때만 크롭합니다.

 

이 스케치의 캔버스는 2000*2000입니다.

선택한 자르기 템플릿 크기를 복사하여 캔버스에 붙여넣습니다. 초점이 원 중 하나, 가급적이면 800픽셀 이상에 들어갈 수 있는지 확인하십시오. 이 사진의 초점은 얼굴과 케이크의 '생일' 부분이다.

 

둘 다 1500과 1000 서클에 잘 맞기 때문입니다. 사진을 자르는 대신 원래 크기로 유지하기로 결정했습니다.

원을 숨기고 그리기를 시작합니다. 라인아트를 하실 경우에는 래스터가 아닌 벡터 레이어로 만들어보세요. 벡터 선을 편집하는 데 도움이 되는 올바른 선(단축키 Y)이라는 하위 도구가 있습니다.

다음은 6가지 모드의 편집 결과 샘플입니다.

1. 핀치 벡터 라인

2. 너비를 두껍게/확대합니다. 전체 라인 처리: ON.

3. 너비를 좁히거나 축소합니다. 전체 라인 처리: ON.

4. 너비를 고정합니다. 전체 라인 처리: ON.

5. 너비를 두껍게/확대합니다. 전체 라인 처리: OFF.

6. 너비를 좁히거나 축소합니다. 전체 라인 처리: OFF.

 

그리기 과정:

색상 테스트.

3가지 컬러모드 모두 문제없으니 완성!

프로필 아이콘의 대비가 낮은 경우 두 가지 방법으로 수정할 수 있습니다. 먼저 별도의 레이어에 색상을 그린 경우 수동으로 색상을 편집할 수 있습니다.

 

다른 방법은 레이어 > 새 수정 레이어로 이동하여 밝기/대비, 레벨 수정 및 톤 곡선의 세 가지 기능 중 하나 이상을 사용하는 것입니다.

개별적으로 유사한 결과를 생성할 수 있지만 원하는 결과를 얻기 위해 기능을 혼합하고 일치시킬 수 있습니다. 아래 사진은 이러한 기능을 사용하여 편집되었습니다.

스타일의 트레이드마크가 저대비 색상인 경우 프로필 아이콘을 그대로 둘 수 있습니다. 그렇지 않으면 스타일을 타협해야 하는 경우 아이콘 가시성이 낮다는 것은 의미가 없습니다.

다른

현재 프로필 아이콘을 다 만들고 나서 이 주제가 뜨는 게 웃기네요. 이 튜토리얼에서 제공되는 일부 일러스트레이션은 제가 시도한 결과입니다, 하하!

 

이 튜토리얼이 도움이 되기를 바랍니다. 읽어주셔서 감사합니다~ 즐겁게 그려주세요~

 

참고: 이 튜토리얼은 두 번 편집되었습니다. 먼저 자르기 위한 원을 만드는 더 쉬운 방법을 찾았기 때문입니다. 두 번째는 비디오 링크 추가, 나레이션 수정 및 사진 갱신/추가입니다. 튜토리얼이 왜 조금 다른지 궁금해 하시는 분이 계실까 해서 공지 올립니다 :)

댓글

신착

공식 신착