그룹 VKontakte에서 화면 보호기를 만드는 방법. "VKontakte"그룹의 아바타를 만드는 방법? 세 가지 가장 일반적인 방법

우리는 아바타가 소셜 네트워크에서 사용자의 인격화라는 사실에 익숙합니다. 그 이미지는 누군가에게 글을 쓰고 싶다면 매력적으로 보입니다. 따라서 프로파일 스크린 세이버에 설치된 이미지가 얼마나 큰 역할을하는지 쉽게 추측 할 수 있습니다.

사실, 모든 사람들이 자신의 페이지 그림에 많은 관심을 기울이지 않습니다. 말하자면 모든 사용자 (이 문제에 대해 구체적으로 말하면)는 아바타에 그림을 설치하는 사람과 프로필 이미지를 신경 쓰지 않는 사람으로 나눌 수 있습니다. 그들은 표준 이미지를 떠나거나 일종의 타사 이미지를 사용합니다.

우리가 그룹에 관해 이야기한다면 상황은 달라집니다. 귀하의 그룹이 매력적이고 유익한 사진을 가지고 있지 않다면, 누구도 그것에 가입하지 않을 것입니다. 따라서 커뮤니티 관리자는 종종 VKontakte 그룹을위한 아바타를 만드는 방법을 스스로에게 묻습니다. 이 기사에서는 사진을 만들기위한 몇 가지 옵션을 살펴보고 그룹의 사진 기능을 살펴 봅니다.

그룹의 아바타는 무엇이되어야합니까?

이제 그룹 사진이 어떻게 나타나야하는지에 대한 일반적인 이론부터 시작합시다. 이 정보를 바탕으로 VKontakte 그룹의 아바타를 만들어 사용자가 좋아하고 새로운 회원을 끌어들일 수있는 방법을 이해합니다.

그룹의 사진은 커뮤니티에 게시 된 콘텐츠와 관련이 있어야합니다. 이것은 기본적인 그림 요구 사항입니다. 내용은 귀하가 작성한 내용과 관련이 있어야합니다. 두 번째 요구 사항은 이미지의 매력입니다. 귀하의 그룹에 대해 방문자가 보는 모든 것은 이름과 그림이므로, 따라서 후자는 가능한 한 매력적이어서 사용자가 클릭하여 커뮤니티 페이지로 가고 싶습니다. "VKontakte"그룹의 아바타를 만들고 싶다면 이것을 고려하십시오. 사진 그룹의 마지막 요구 사항은 유익한 정보라고해야합니다. 대략 말하기 : 아바타에서 사용자가 그룹의 활동에 대해 암시하는 내용을 묘사하는 것이 좋습니다. 예를 들어 비문을 사용하여이 작업을 수행 할 수 있습니다.

우리는 완성 된 그림을 찾고있다.

그룹 사진을 만드는 방법 목록에서 완성 된 이미지 검색이 가장 인기 있고 간단합니다. 필요한 모든 것은 이미지가있는 사이트로 이동하여 그룹의 주제와 관련된 사진 카테고리를 찾는 것입니다. 가장 성공적인 사진을 저장하고 편집 할 수 있습니다 (또는 변경하지 않고 커뮤니티 페이지에 게시 할 수도 있음).

온라인 편집자와 아바타 만들기

두 번째 옵션은 온라인 편집자의 도움을 받아 완성 된 이미지를 편집하거나 새 이미지를 만드는 것입니다. 다행히 이제는 처음부터 아바타를 개발하고 기성 템플릿 중 하나를 사용하여 많은 아바타를 개발할 수있는 많은 서비스가 있습니다. Ava를 위해 이미지에서보고 싶은 것을 결정해야합니다. 그러면 Photoshop없이 Vkontakte 그룹의 아바타를 만드는 방법에 대해 걱정할 필요조차 없습니다. 리소스가 모든 것을 자동으로 처리합니다. 웹에는 그러한 준비가 된 솔루션이 아주 많이 있습니다. 그들은 자유롭고 기능이 풍부합니다. 이러한 사이트를 사용하는 유일한 단점은 아바타를 만든 리소스의 주소가 맨 아래 모서리에있는 것입니다.

Photoshop에서 아바타 만들기

다른 사람의 사이트에 대한 링크없이 "VKontakte"그룹의 아바타를 만드는 방법을 모르는 경우 가장 많이 사용하는 "Photoshop"을 사용해야합니다. 그와 함께 일하는 것은 매우 간단합니다. 가장 중요한 것은 기본 개념을 이해하고 프로그램이 작동하는 기본 개념 및 범주를 다루는 것입니다. 이미 최소한의 상호 작용 경험이 있다면 아바타를 쉽게 만들 수 있습니다. Photoshop에서 VKontakte 그룹의 아바타를 만드는 방법을 전혀 모른다면 두 가지 옵션이 있습니다. 첫 번째는 프로그램에서 일하는 법을 아는 사람의 도움을 구하는 것이고, 두 번째는 편집자의 기능을 직접 배우는 것입니다. 수업을 찾고, 일의 예를 찾고, 연습하십시오.

아바타 만들기

마지막으로, "VKontakte 그룹을 위해 아바타를 만드는 방법"이라는 질문에 대답 한 후 그룹의 사진에 무엇이 표시 될지 생각할 때입니다. 이미 언급했듯이, 그것은 주제적이고 매력적이며 유익한 것이어야합니다. 종이와 펜을 들고 지역 사회의 로고를 스케치하는 것이 좋습니다. 그 후에 이미지를 만들 수 있습니다.

위의 방법 중 하나로이 작업을 수행 할 수 있습니다. 어떤 아바타가 더 좋은지 모르는 경우 간단하고 효과적인 방법을 결정할 수 있습니다. 그룹 자체에서 투표하는 것. 사람들이 어떤 그림이 더 좋은지 결정하게하십시오.

그러나 귀하의 사용자가 귀하 지역 사회에서 편안하고 편리하게 이용하려면 사용자를 올바르게 설계해야합니다. 아바타를 추가하거나 (참조) 비디오를 업로드하거나 (참조) 사진을 보거나 (참조) 메뉴를 만들면됩니다.

이제 너를 보여 줄게. vKontakte 그룹에서 메뉴를 만들고 올바르게 정렬하는 방법.

우리는 아름다운 그래픽을 만든다.

Vkontakte 사이트의 새로운 디자인에서 그래픽의 크기가 변경되었습니다. 아래에서 실제 값을 찾을 수 있습니다.

그룹 아바타 - 200 × 300 픽셀
배너 설명 - 510 × 271 픽셀

올바른 크기로 이미지를 준비하십시오. 그들의 예를 통해 당신을 보여주기 위해 기성품 사진을 찍을 것입니다.

그래서 전체적인 그림을 두 부분으로 나누어 아름다운 디자인을 만들어 봅시다. 결과적으로 단일 디자인이됩니다.

시작하려면 아바타를로드하십시오. 그룹에 가서 클릭합니다. "사진 업로드".

컴퓨터의 하드 디스크에있는 파일을 선택해야하는 양식이 있습니다. 해라. 결과적으로 다음과 같은 결과를 얻었습니다.

이제 이미지의 두 번째 부분을 추가하십시오. 이렇게하려면 벽에 그림을 게시 한 다음 위에 쓰고 상단 영역을 수정해야합니다.

우리는 벽에 간다. 여기 블록에 "항목 추가""사진"아이콘을 클릭하십시오.

준비된 두 번째 사진을 업로드하십시오. 소식을 커뮤니티로 선택하십시오. 그런 다음 '제출'을 클릭하십시오.

이제 레코드를 수정해야합니다 (참고 자료 참조). 새 레코드로 돌아가서 오른쪽 상단에서 메뉴를 확장하십시오. 여기서 "고정"을 클릭합니다.

이제 페이지를 새로 고침하고 결과를 확인하십시오.

유일한 부정 - 그림은 다른 수준에 있습니다. 그러나 이것은 그들이 적절한 크기가 아니기 때문에 발생합니다. 아바타는 수직적이어야한다. 그러면 그들은 같은 수준에있을 것입니다.

VKontakte 그룹에 메뉴를 만드는 방법

예제로 돌아가서 "추가"버튼을 만들어야한다고 생각해 봅시다. 그녀는 이미 그림 속에있다. 클릭하면 사람이 우리의 주요 사이트에 도착할 수 있도록 어떻게 단추를 만들 수 있습니까? 내가 보여줄거야.

활성 메뉴 버튼을 만들려면 각 메뉴를 개별 사진으로 잘라야합니다. 이를 위해서는 Photoshop이 필요합니다.

편집기에서 이미지를 열고 "절단"도구를 활성화하십시오.

단추로 바닥을 자른다. 마우스 왼쪽 버튼을 누른 상태에서 그림을 두 부분으로 자르는 수평선을 그립니다.

이제 Alt + Ctrl + Shift + S를 눌러 완성 된 이미지를 저장하십시오.

Http://vk.com/pages?oid=-120208137&p=menu

문자 "odi = -"다음에 그룹의 ID를 삽입해야합니다 (참조). 그리고 링크 맨 마지막에 메뉴 페이지의 이름을 적으십시오. 이 예에서 우리는 "메뉴"를 떠날 것입니다.

여기서 카메라 아이콘을 클릭하고 준비된 이미지를로드합니다.

이제 VC에서 그룹에 대한 메뉴를 직접 생성하십시오. 비슷한 것이어야합니다.

다음 섹션으로 이동하십시오. "편집 중". 여기서 각 이미지에 대해 들여 쓰기를 제거하여 단일 이미지로 병합해야합니다. 이렇게하려면 코드에 "nopadding;"값을 추가하십시오. 원하는 페이지 또는 사이트에 대한 링크를 추가하고 "http://site.ru/page.html"값을 설정하십시오 (주소를 지정하십시오!). 이 예에서는 '자세히'버튼을 클릭하면 사이트로 연결됩니다. 이것은 일어날 일입니다.

[] []

페이지를 저장하십시오. 검색 주소창에서 주소를 복사하는 것을 잊지 마십시오. 다음과 같아야합니다.

Https://vk.com/page-120208137_52523487

그룹 벽으로 돌아가서 새 레코드를 만듭니다. 이 페이지에 링크를 삽입하고 원본 이미지를 첨부합니다. 우리는 게시하고 수정합니다.

여기에 우리가 가진 메뉴가 있습니다.

비디오 강의를 보는 경우이 모든 것을 이해하는 것이 훨씬 쉽습니다.

비디오 레슨 : VKontakte 그룹에서 메뉴를 만드는 방법

결론

그룹을 만드는 것은 중요한 작업입니다. 얼마나 잘 연주하면 청중의 편리함과 편안함이 결정됩니다.

Vkontakte Secrets는 Vkontakte 소셜 네트워크 커뮤니티 및 그룹을 만드는 미묘한 점을 공개하는 블로그 간행물의 새로운 사이클입니다. 기술적 인 문제와 조직적인 문제를 모두 보여 드리겠습니다. 함께, 우리는 가장 큰 소셜 네트워크 행상에서 아름답고 인기있는 커뮤니티를 만드는 방법을 배웁니다. Vkontakte 커뮤니티가 아직 없다면 비디오를 시청하십시오.

오늘은 아름다운 단일 블록 "Avatar + Menu"를 만드는 방법을 보여 드리겠습니다. 메뉴와 아바타가 하나의 이미지 인 아름답게 디자인 된 그룹을 보았을 것입니다.

아주 아름답구나, 그렇지? 복잡해 보이지만 모든 사람이 그룹에서 이러한 블록을 만들 수 있습니다. 이것으로 너를 photoshop의 비밀에 대한 지식이 필요 없다.. 일반 그래픽 편집기에서이 작업을 수행하는 방법을 보여 드리겠습니다. 페인트모든 컴퓨터에 있습니다.

그래서 우리는 다음을 필요로 할 것입니다 :

그룹 아바타와 메뉴를 만들 그림.
페인트 그래픽 편집기;
menu의 폭과 높이를 측정하기위한 Rect 프로그램.

페인트 편집기와 준비된 그림을 엽니 다. 사진은 높이가 799 픽셀, 폭이 600 픽셀 이상이어야합니다. 스크린 샷의 화살표 번호 1, 나는 당신이 그림의 현재 크기를 볼 수있는 장소를 지적했다. 화살표 번호 2는 이러한 치수를 변경할 수있는 도구입니다.

우리에게 맞는 사진의 크기를받은 후, 우리는 그 사진에서 아바타를 잘라 냈습니다. 이렇게하려면 "선택"도구 (화살표 번호 3)를 사용하십시오. 너비가 200 픽셀 인 영역을 선택합니다 (화살표 번호 4는 선택 영역의 너비를 따라갈 수있는 위치를 보여줍니다). 그림의이 부분을 잘라냅니다 (화살표 번호 5).

현재 그림판을 닫지 않고 다른 그림판을 실행하십시오. 우리는 그림의 일부를 잘랐습니다. 이것은 Vkontakte 그룹의 아바타가 될 것입니다. 우리는 매력적이고 유혹적인 비문을 만들어 PNG 형식의 이미지로 저장합니다.

그 후 아바타는 이미 Vkontakte 그룹에 다운로드 할 수 있습니다.

이제 메뉴 블록의 정확한 크기를 알아야합니다. 이를 위해 우리는 웹 마스터 인 Rect에게 유용하고 간단한 프로그램을 사용합니다. 이 프로그램은 설치가 필요 없으며 파일을 만들지 않고 수정하지 않습니다. \u003e\u003e\u003e 프로그램 다운로드 Rect<<<

그룹의 페이지로 이동하여 필드 가장자리에서 "토론"또는 "설문"(그룹 메뉴 링크 후 처음으로 이동해야하는 항목에 따라 다름) 아바타의 아래쪽 가장자리까지의 거리를 픽셀 단위로 측정합니다. 프로그램의 너비와 높이 Rect는 윈도우 중간에 우리를 보여줍니다. 그건 그렇고, 메뉴 블록의 너비는 단지 388 픽셀이어야합니다.

따라서이 경우 높이는 295 픽셀입니다. 그런데 메뉴 블록의 높이는 볼륨에 따라 달라 지므로 그룹의 설명을 미리 준비하는 것이 좋습니다.

나머지 그림으로 페인트로 돌아가서 오른쪽 하단 모서리에서 388 * 295 픽셀의 메뉴 블록을 잘라냅니다.

자른 이미지를 이전에 열어 놓은 새 그림판에 삽입하고 메뉴 링크의 텍스트를 입력하십시오. 텍스트를 정렬하는 방법은 직접 확인하십시오. 편집기를 사용하면 다양한 모양과 표식을 삽입 할 수 있습니다. 나는 좋은 디자인의 비밀은 Vkontakte 또는 정규 웹 사이트 일 뿐이라고 생각합니다. 이런 이유로 저는 밑줄이 쳐진 텍스트를 사용합니다. 그것이 우리가 링크를 보는 데 사용 된 방법입니다.

이제는 "선택"및 "잘라 내기"도구에 익숙하여 각 메뉴 항목을 선택하고 잘라냅니다. 새 그림판에 각 항목의 그림을 삽입하고 그림으로 PNG 형식으로 저장하십시오.

전체적으로, 우리는 하나의 전체를 구성하는 5 개의 그림을 가져야합니다. 왜 5인데, 4 링크라면? 하단 부분을 링크가없는 별도의 이미지로 잘라 냈습니다. 이 사진을 별도의 앨범에 업로드합니다. 우리는 곧 그들을 필요로 할 것입니다.

그룹의 기본 페이지로 이동하여 메뉴 막대에서 "편집"링크를 클릭하십시오. 마우스를 가리키면 나타납니다.

메뉴 편집기에서 위키 마크 업을 활성화하십시오. 그리고 다음 행을 입력하십시오.

UPD :주의! 이제 모든 것을 정확하게 표시하려면 태그를 바꿔야합니다.비확산 및 그림의 크기. 세미콜론은 각각 그림의 크기 뒤에 설정됩니다.

각 라인은 메뉴 블록의 합성 사진 중 하나에 해당합니다.

코드에서 나는 강조했다.

핑크 - 아이디 그림. 어디서 구할 수 있니? 사진을 볼 때 브라우저의 주소 표시 줄에 있습니다.
녹색 - 그림의 크기 및 들여 쓰기가없는 그림을 보여주는 "nopadding"명령.
노란색 - 원하는 그룹 페이지로 연결하십시오.

물론 그러한 메뉴의 존재는 커뮤니티의 인기에 대한 이유가 아닙니다. 그러나 제 의견으로는 그룹의 페이지를 참가자와 손님에게 훨씬 더 즐겁게 만듭니다. 그런데, Vkontakte의 관리자에게 막 시작한다면 출판물이 유용 할 것입니다.

이 매뉴얼은 Vkontakte 공개 페이지와 관련이 없습니다. 이 설명서는 대중을 위해 사용하는 것이 좋습니다 -.

안녕하세요 여러분, Roman Litvinov, 디자이너 팀 Ardens.pro. 오늘 저는 하나의 아바타 블록과 Vkontakte 메뉴 (하나의 유닛)를 만드는 방법에 대한 가이드 - 자습서를 가지고 왔습니다. 우선, 이것이 어떻게 생겼는지에 대한 예.

예 :

그룹 VK의 마크 업 아바타

시작하려면 그리드가 필요합니다. 그것을 만들기 위해 그룹 페이지의 스크린 샷을 찍은 다음 Photoshop의 프로젝트에 넣습니다.

그런 다음 CTRL + R 키 조합을 사용하여 눈금자를 불러 아바타의 가장자리를 따라 안내선을 설정하고 수정합니다. 가이드를 확장하려면 LMB를 자장에 붙이고 레이아웃 방향으로 당겨야합니다.

크기 조정없이 브라우저에서 볼 수있는 아바타의 크기는 200x500 픽셀입니다. 그리고이 형태로 395x237 픽셀 확보.

절단

마크 업을 만들었으니 지금은 자르십시오. 왜 지금? 네, 거의 제 가이드의 끝이기 때문입니다.
커팅을 위해서는 "커팅"도구가 필요합니다 ( "슬라이스 도구"의 영문 버전).

이 도구를 사용하여 가이드를 따라 자르고, 특히 아바타 내부에서 가장자리를 따라 고정합니다.

그것은 이렇게되어야합니다.

다음으로 레이어에서 스크린 샷을 삭제하고 프로젝트로 진행합니다. 우리는 디자인을 개발하지는 않겠지 만, 어떻게 될지 보여줄 것입니다. 소녀의 사진을 우리 프로젝트에 던지자. 우리에게 중요한 것은 아바타의 커팅 영역에 들어가서 수정하는 것입니다.

우리 디자인을 작업 한 후에 CTRL + SHIFT + ALT + S 또는 파일 -\u003e 웹 저장을 사용하여 절단 된 부분을 저장합니다 ...

Shift 키를 누른 채로이 창에서 아바타를 선택하고 저장을 클릭하여 저장합니다.

하지만 여기서도 모두가 아닙니다. 나타나는 창에서 조각을 선택하고 "선택한 조각 만"을 선택하고 저장을 클릭하십시오. 그 후에 Photoshop은 전체 레이아웃 영역에서 아바타로 잘라내 안전합니다.