Como deseñar un personaxe de deseño plano

Como deseñar un personaxe de deseño plano
Rick Davis

Nestes momentos, podes estarte preguntando: que diaños é o deseño de personaxes planos?

Ben, a resposta é bastante sinxela, é un estilo de deseño de personaxes simplista que é bidimensional e presenta unha imaxe plana con luces, sombras ou detalles mínimos (ou, ás veces, ningún).

En termos de teoría do deseño, o deseño plano céntrase en renderizar imaxes sen esqueuomorfismo ou tridimensionalidade.

No deseño plano, del nace o famoso estilo de ilustracións corporativas, a sinxeleza é o rei e o contraste de cores audaces é raíña. É unha das tendencias actuais de deseño que utiliza combinacións de cores vivas para axudar a vender produtos e servizos en liña.

Debuxar nun estilo plano fai que sexa moito máis fácil transmitir unha idea, e por iso é perfecto para infografías, manuais, deseño de logotipos, iconas de aplicacións, interfaces móbiles e ilustracións de libros.

Está ben, abonda con os movementos de deseño (polo momento). Comecemos co noso tutorial! Podes ver a versión en vídeo a continuación ou seguir lendo.

Na nosa nova guía paso a paso, a artista Soodabeh Damavandi amosaranos como crear un personaxe de deseño plano.

Podes aplica este proceso de deseño a calquera personaxe plano que desexes crear no futuro.

O que necesitarás:

• iPad

• Apple Pencil

• A última versión de Vectornator

O que aprenderás:

Como importar unha referenciabosquexo

• Como usar a ferramenta Lapis

• Como usar a ferramenta Lapis

• Como usar a Ferramenta Forma

• Como organizar capas

• Como realizar operacións booleanas

Paso 1

Prepare o documento e a paleta de cores

Primeiro, terás que debuxar o teu personaxe.

Navega por Internet e inspírate doutros artistas sobre como se pode deseñar un personaxe plano. Tamén podes debuxar unha copia do esbozo que creou Soodabeh para o noso titorial. Podes usar calquera software de debuxo que che guste para o teu bosquexo, pero nesta guía, Soodabeh usou Procreate.

Despois de ter o teu bosquexo inicial, é hora de pasar a Vectornator.

Abre un novo documento en Vectornator tocando o botón +. Podes escoller un modelo ou definir o tamaño do documento manualmente.

Se ves o taboleiro de dameira como o fondo do teu lenzo, podes cambiar o fondo branco predeterminado do documento accedendo a Configuración > Lenzo > Fondo branco.

Cree unha nova capa na pestana Capas e ponlle o nome "Bosquexo". Se preme o botón + de novo, pode seleccionar a opción de importación no menú emerxente e seleccionar o seu bosquexo de carácter plano.

Baixa un pouco a opacidade da capa de Esbozo e, a continuación, bróchea tocando o símbolo de bloqueo.

Crea unha segunda capa e nomealle "Formas vectoriales".

Ver tamén: Lexibilidade vs lexibilidade: todo o que debes saber

Antes de comezar a debuxar na nosa nova capa, primeiro prepararémoloa paleta de cores. Soodabeh tivo a amabilidade de darnos unha lista completa dos códigos de cores hexadecimales para a súa obra de arte:

Códigos hexadecimales:

- Laranxa (pelo): #fd553c

- Laranxa máis escura (moño e beizos): #e44f25

- Laranxa máis escura ( forma de fondo): #fd553c

- Amarelo (óvalos de fondo): #ffb700

- Coral (óvalos de fondo e rubor e sombra de pernas): #ffa890

- Aspecto: #ffc3B3

- Pel máis escura: #ffa890

- Dentro do pescozo e amp; vestido superior: #9194a2

- Mangas e amp; colo de tartaruga: #bbbdca

- Raias: #2f3753

- Puños: #e1e3ef

- Saia e amp; bolsa: #branco

- Saia interior: #434558

- Botas interiores e amp ; Detalle do rectángulo de botas: #333b56

- Arranque: #5f6782

- Arranque máis escuro : #424b5f

Crea a túa paleta de cores personalizada en Vectornator cos códigos de cores hexadecimales desta lista.

💡 Consello profesional: Se non estás seguro de como facer mostras de cores en Vectornator, aprende a crear unha paleta de cores personalizada. É especialmente importante saber como configurar o código de cor hexadecimal en Vectornator. Paso 2

Engadir os elementos de fondo

Agora que establecemos a nosa paleta de cores, comezaremos a debuxar os elementos de fondo coa FormaFerramenta.

Para formas normais, pode usar a Ferramenta Forma, para formas máis irregulares pode utilizar a Ferramenta Pluma.

Primeiro, engadiremos algunhas pequenas burbullas de fondo coa ferramenta Forma e, para a burbulla máis grande, empregaremos a ferramenta Pluma.

Debuxa os puntos ao longo do bosquexo. liña e axusta a forma arrastrando as asas da curva de Bézier. Podes pechar o camiño que creaches coa Ferramenta Pluma premendo no Iniciar nodo Bézier.

Se non debuxas ou usas unha tableta por primeira vez, podes usar a Ferramenta Lapis. , xa que parece máis como debuxar cun bolígrafo ou un lapis de verdade.

Paso 3

Debuxa a cara, o cabelo, o pescozo e os brazos

No seguinte paso, debuxaremos o personaxe.

Dentro da sección Recheo da túa pestana Estilo, configura o botón de cor hexadecimal en #ffc3B3 manualmente. Seleccione a ferramenta Pluma e siga o contorno da cara, e non esqueza incluír as orellas.

Establece os puntos tocando ao longo da liña debuxada. Axusta a curva tocando, mantendo e arrastrando as asas da curva de Bézier. Solta cando esteas satisfeito co resultado. Toca unha vez no último nodo para crear ángulos nítidos ou curvas profundas.

Non te desesperes, leva algún tempo acostumbrarse á ferramenta Pluma, pero unha vez que o entendas podes crear calquera forma. queres!

💡 Consello profesional: Se es relativamente novo no debuxo coa ferramenta Pluma, podes practicarun pouco debuxando primeiro algunhas formas xeométricas sinxelas. Prometemos que te agardaremos ata que esteas listo! Se certas formas son demasiado difíciles de debuxar, sempre podes volver á ferramenta Lapis. Podes axustar o camiño da túa forma despois coa ferramenta Node.

Agora, configura o código de cor hexadecimal en #fd553c para crear o cabelo. Siga de preto as liñas esbozadas do cabelo, pero excluíde o moño (crearemos un máis tarde cunha forma separada).

Axusta os nodos e as curvas de Bézier da túa forma activando a ferramenta de nodos se é necesario. Se es un principiante, isto pode levarche varios intentos, pero está perfectamente!

Agora move a forma da cara cara adiante usando o Xesto Orde na pestana Organizar ou na Barra de accións rápidas.

Crea o moño de cabelo como unha forma separada e móveo detrás da base do cabelo mediante o xesto de orde na barra de accións rápidas. Crea o pescozo e os brazos repetindo os pasos anteriores.

Paso 4

Crea o vestido

Crea a abertura do colo de alta coa forma Oval.

Selecciona a forma Oval da Ferramenta Forma e colócaa enriba da abertura do pescozo no debuxo de referencia.

Escala, xira e move a forma segundo sexa necesario usando a Ferramenta de selección.

Selecciona de novo a Ferramenta Pluma e remata o parte superior e inferior do vestido, as mangas e os puños. Non esquezas crear formas separadas para cada elementovestido!

Ver tamén: Cal é a relación de aspecto? 💡 Consello profesional: Ten en conta que se creas unha forma que permanece cuberta por outras formas nalgunhas áreas, as partes superpostas non necesitan para lucir perfecto! Este pequeno truco aforrarache moito tempo! Paso 5

Debuxa as pernas, as botas e o bolso

Agora debuxa as pernas, o pequeno bolso branco e as botas. Non esquezas crear unha forma separada para cada elemento!

Establece a cor de recheo de cada forma manualmente usando o botón de cor hexadecimal ou mostrando a paleta de cores persoal que creamos previamente.

Organiza as formas en consecuencia usando o Xesto Orde na barra de accións rápidas ou a pestana Organizar.

Paso 6

Crear as franxas do vestido

No noso seguinte paso, crearemos as raias na parte superior do vestido para darlle un patrón e engadirlle algo de interese.

Os personaxes de deseño plano xeralmente non teñen moitos detalles, pero engadindo un lixeiro toque de decoración. non contradí o concepto minimalista do carácter de deseño plano. (Polo menos, así o pensamos!)

Primeiro, esconde a capa de debuxo tocando a icona do ollo na capa de debuxo. A continuación, seleccione a ferramenta Lapis.

Na pestana Estilo, desactiva o modo de recheo e activa o modo de trazo, e configura o grosor da liña en 3 puntos.

Establece a cor hexadecimal do trazo en #2f3753 . Podes axustar a suavidade do trazo co control deslizante xunto á ferramenta Lapis.

💡 Consello profesional: Se es novo no debuxo dixital, non teñas vergoña de aumentar a suavidade ao máximo!

Debuxa catro liñas cunha distancia igual, como podes ver na imaxe de referencia. Podes seleccionar e mover as liñas por separado ou todas xuntos co modo de selección múltiple da ferramenta de selección para axustar o vestido con precisión.

Paso 7

Crear os reflexos e as sombras

Agora que estamos Establecendo as formas principais, quizais teña notado que as formas que están ao fondo teñen un ton lixeiramente máis escuro que as do primeiro plano.

As pernas, as botas e o pescozo que están máis afastados do espectador teñen unha cor máis escura para darlle ao deseño plano un sutil toque de dimensionalidade.

No seguinte paso, crearemos as luces e as sombras do noso personaxe.

Crea unha curva suave coa ferramenta Pluma onde queres debuxar as luces ou as sombras. Podes pechar a forma aproximadamente, pero non hai necesidade de que pareza perfecta, e explicaremos por que un pouco máis tarde.

Agora, duplica o obxecto co xesto duplicado na barra de accións rápidas e colócao detrás da forma de sombra. Selecciona ambas as formas e aplica a operación booleana Intersección na barra de accións rápidas.

💡 Se non estás seguro de que significa isto, obtén máis información sobre como funcionan as operacións booleanas en Vectornator.

Podes reducir a opacidade das formas de luz ou sombra para que o impacto visual sexa menos evidente. Ademais,podes usar o modo de fusión "Multiplicar" para crear sombras.

Debuxa as sombras e os reflejos repetindo os pasos que describimos e mantén un ollo atento á imaxe de referencia de Soodabeh.

Entón, crea unha forma sinxela no chan do teu personaxe debuxando unha forma ovalada e colócaa directamente debaixo das botas do teu personaxe.

Move a forma oval debaixo das botas usando o Ordena o xesto na pestana Ordenar.

Paso 8

Debuxa os detalles da cara

No seguinte paso, crearemos as características faciais do noso personaxe de deseño plano.

Crea os ollos, as cellas e o rubor coa ferramenta de forma e coloca as formas na cara. Use a ferramenta Pluma para dar forma ao nariz e á boca.

Move, escala e xira as formas coa ferramenta de selección ata que esteas satisfeito co aspecto facial do teu personaxe. Non necesitas copiar as características faciais exactas de Soodabeh, podes debuxar a túa propia versión se queres!

Uf, iso é todo, rapaces, rematamos! Agardamos que vos gustase ser creativo connosco, seguro que o fixemos!

Non esquezas compartir connosco os teus personaxes de deseño plano nas redes sociais e na galería de arte da comunidade Vectornator.




Rick Davis
Rick Davis
Rick Davis é un experimentado deseñador gráfico e artista visual con máis de 10 anos de experiencia na industria. Traballou con diversos clientes, desde pequenas startups ata grandes corporacións, axudándolles a alcanzar os seus obxectivos de deseño e elevar a súa marca a través de imaxes eficaces e impactantes.Graduado na Escola de Artes Visuais da cidade de Nova York, Rick é un apaixonado por explorar novas tendencias e tecnoloxías de deseño e superar constantemente os límites do que é posible no campo. Ten unha profunda experiencia en software de deseño gráfico e sempre está ansioso por compartir os seus coñecementos e ideas con outros.Ademais do seu traballo como deseñador, Rick tamén é un blogueiro comprometido, e dedícase a cubrir as últimas tendencias e desenvolvementos no mundo do software de deseño gráfico. Cre que compartir información e ideas é fundamental para fomentar unha comunidade de deseño forte e vibrante, e sempre está ansioso por conectarse con outros deseñadores e creativos en liña.Se está deseñando un novo logotipo para un cliente, experimentando coas últimas ferramentas e técnicas no seu estudo ou escribindo artigos informativos e atractivos no blog, Rick sempre está comprometido en ofrecer o mellor traballo posible e en axudar aos demais a alcanzar os seus obxectivos de deseño.