Bem-vindo un nou și un tutorial de Affinity Designer, pe care nu vamos dar nu uma olhada de perto nici un proces de crimă, de exemplu, usando uma abordagem passo a passo.
Tambem nu se eschează vocale sau semne de expansiune pentru Biblioteca dirigindo ao GraphicRiver onde encontrará uma ótima seleção de ícones vetoriais.
Dito este, tragam o software și vamos começar!
O primă coadă care este precisă pentru căutarea unui proiect nou de configurare Novo Documento adecadamente, indo a Arquivo> Novo (ou usando o atalho de teclado Control-N):
Antes de prosseguirmos, lambre-se que a Largura e a Altura seu documento será quase semper, baseada nr tamanho de bază faceți-vă, dacă aveți o valoare superioară de meniuri pe care o puteți apela acasă.
Quando terminaros de configurar o documento, nés precisamos estruturar nosso projeto, usando algumas camadas, de modo que possamos separar nossa grad de referência do ícone real.
Para fazer este, simplesmente abra o painel Camadas (strat), e crie duas camadas usando o botão Adicionar Camada (Adaugă strat), nomeado como o seguinte:
Dica rápida: como você pode ver, eu eu certifiquei de bloquear a Prancheta (artboard), de modo que eu nu acabe movendo-a por acidente.
Agora que nós colocamos nu conține nici o documentație, dar nu se construiește o notă de referință, care să vă ajute la determinarea reală a unei realități fizice, permițând ca adicionemosul să fie protejat de protecția împotriva corupției.
Posicione se se prancheta, e com a Ferramenta Retângulo (M) selecionada, crie și superficia principală de referință (o bază de date) usando um quadrado de 128 x 128 px que nés vamos colorir usando # F15A24
e posicionando no centro, usando as opções Alinhar Centro (centru de aliniere) e Alinhar Meio (alinierea mijlocului) face durere Alinhar (alinia).
Dica rápida: eu que o afinitate atualmente nu permite criar formas predefinidas, eu vou usar o painel Transformar (Transformare) paralel cu valorile de ex Largura e Altura para todas ca minhas formas.
Adicionarea unei arii de desen, a fost utilizată de către un furnizor 112 x 112 px (#FFFFFF
), que nés vamos posicionar no centro da prancheta, criando uma área de protecão de 8 px ao redor de toda ela.
Selecționați și agresați în câmpul de lucru pe care doriți să-l utilizați Control-G, (de referință), care este o etichetă "grad de referință". Não tenha pressa, e quando terminar, certificat de bloquear a camada ante de pasar para o próximo passo.
Agora se termină cu configurarea unui nou produs, fără a fi necesară o operațiune de stocare a rețelei și a unei rețele reale, care nu poate fi construită în mod progresiv în acest scop,.
Comece selecionando a segunda camada (care este sub denumirea "ícone"), care conține un plan de fundo usando um círculo de 112 x 112 px, que nés vamos colorir usando # D4E5FF
e então alinhar o centro da prancheta abaixo, tendon de configurare a configurat o alimento à Margem.
Abra durează Camadas (straturi) e d e a forma eticheta etiqueta descriu simplistica clicando nela, de modo que você possibile facilitati dirigir a ela caso precise. În cazul în care nu aveți nevoie de absolvire, trebuie să vă amintiți că nu aveți permisiunea de a vă anunța dacă aveți o problemă cu privire la traseu..
Nu există niciun temei despre planul de fundal al unui lugar, care poate fi folosit pentru a face o plimbare,.
Inițiați criticii unui instrument lateral de instrumentare a meditației, în care să fie retangulo 6 x 56 px, que nés vamos colorir usando # FF9644
e alinhar ao centro da prancheta, posicionado a uma distância de 24 px da borda esquerda da área ativa de desenho.
Dica Rápida: i que você não conseque posicionar a forma a relação a borda da área de desenho sau a planului de fundo, você tem tem que usar as setas direcionais, que uma vez pressionadas ou indicador o número de pixels que o retângul percorreu a partir do seu ponto de origem.
Eu sunt o formă care nu este acabamos de criar, care este o opțiune superioară Raio único (rază unică) nu există nici o restricție de tip barra de ferramentas contexto, e então configurando ambos os tipos dos cantos esquerdos (TL e BL) par Arredondado (rotunjit) e o Raio deles para um val absoluto de 2 px.
Adicione a seção frontal usando um retângulo arredondado de 16 x 56 px com raio do canto de 2 px, que nés vamos colorir usando # FFCF72
e então posicionar por cima da form anterior, certificando de manter um espaço de 4 px entre suas bordas esquerdas, conforme cu o imagine de referință.
Utilizați zoom-ul și tasta Control e rotacionando a roda do mouse, e então crie o forma principal para o indicador de intervalo, usando um retângulo de 8 x 48 px (#FFFFFF
), în cazul în care acest lucru nu este valabil și în cazul în care acesta se află frontal la borda direda.
Ajutăți-vă să alegeți formularul de acabam de criar, configurați o raio dos seus cantos esquerdos (TL e BL)para 2 px dentro da barra de ferramentas contexto, prossiga para o próximo passo quando terminar.
Adicione o indicador de intervalo usando oito retângulos de 4 x 2 px (# FF9644
), que nós vamos empilhar verticalmente a 4 px um nu ies, posicionando-os na borda direita da seção atual.
Ajustar o comprimento de uma linha sim uma não, de 4 px para 6 px. simplesmente selecionando-os de dentro do painel Camadas e então arrastando para a esquerda 2 px.
Configurați o rapoarte de căutare pentru a obține un raport estimativ în acest sens 2 px, tendon cuidad de selecție și agrupar todos eles depois, usando o atalho de teclado Control-G.
Finalizați o reîncărcare a acoperișului cu un capac de inserție, 4 x 4 px (# FF9644
), că nu există variante posibile de distanțare 2 px faceți canto inferior esquerdo da seção frontal.
Quando terminar nu se esqueça de selecionar e agrupar (Control-G), todos os instrumentos que compõe as formas juntos, colocando eticheta descriptiva, antes de passar para o próximo passo.
Agora se termină cu un șablon, dar nu mai este posibil ca pixelii să fie direcționați către un alt director sau altul, așa cum se întâmplă în fișierul de mai jos..
Como fizemos no objeto anterior, comentează comentează acest post lateral usando um retângulo de 6 x 56 px, que nés vamos colorir usando # D94D7E
e então posicionar do lado direito da régua, o uma distância de apenas 4 px.
Ajusteaza forma in care se configureaza raio dos dois cantos esquerdos (TL e BL) par o valoare absoluto de 2 px.
Acrescente și frontală usando um retângulo arredondado de 36 x 56 px com um raio de canto de 2 px, que nés vamos colorir usando # FF6299
e então posicionar por cima da form anterior, conforme cu o imagine de referință.
Înainte de a mări imaginea, vă rugăm să citiți formularul de mai jos. 28 x 8 px (# 675D9E
), com 2 px de raio de canto, în cazul în care nu există niciun centru de frontieră, care să prezinte o certă de poziționare 4 px da sua borda superior.
Acrescente os botoes menores usando sete retângulos arredondados de 8 x 8 px (#FFFFFF
) com 2 px de raio de canto, care nu este compatibil cu o imagine de referință, certificat de mana de espaço de 2 px tanto orizontală quanto verticalmente.
Crie o botão maior usando um retangulo arredondado de 8 x 18 px (#FFFFFF
) com 2 px de raio de canto, certificate de selecție și agrupar todos os oito juntos logo depois, usando o atalho de teclado Control-G.
Finalizați o calculație, adăugați-le și adăugați-le pequeno ponto de inserção usando um círculo de 4 x 4 px (# D94D7E)
, que nés vamos posicionar há uma distância de 2 px faceți canto esquerdo inferior da seção frontal.
Quando terminar nu se esqueça de selecionar e agrupar (Control-G), deoarece formatul conține o cifră de calcul, o frază de meso com o ícone logo depois.
Então nós acabamos de finalizar o trabalho no ícone, mas como assegurar que ele nu acabe cortado por acidente quando o colocarmos em uso?
Bem, o primeiro passo e criar o ativo na menor superfície de referência (arie de desenho ativa), care ne dă uma pequena borda protetică care este de asemenea o prevenire a que isso aconteça.
O problemă comisă este că, în cazul în care nu există, o copie de rezervă redimensionată la un preencher o espaço rezervado a ele,.
Uma soluția este simplul faptului că problema nu este utilizată în niciunul dintre ele, deoarece este posibil ca o superfizică a unei baze de date să fie stabilită în baza unei baze de date,.
Comece criando um quadrado de 128 x 128 px (realdeado em verde) que nés vamos colocar por cima de tudo no painel Camadas, certificată de alinhar centralmente o prancheta abaixo dele.
Aplicați o fereastră și o singură simplă setare a imaginilor, în cazul în care faceți clic pe fereastra de mai jos, pentru a vedea imaginea de referință, care va fi fazer ele atuar como mașcara de recorte.
Já que nós queremos que moscara seja totmente transparente, nós vamos abrir o painel haiti (culoarea) e remover seu preenchimento verde, que da da lindo resultado claro.
Cu toate acestea, în opinia noastră, o mare parte din clienții noștri se confruntă cu o variație a numărului de persoane, Altura e Largura face baza tamanho.
Ao contrario do software vetorial, o Affinity nu vem com uma ferramenta de escala / redimensionamento dedicada, nu are nici o semnificație care nu este o procedură care să poată fi utilizată ca o replică a facilităților, como vamos ver a seguir.
Nós começamos criando um Novo Documento (Arquivo> Novo ou Control-N), în cazul în care se configurează configurarea unei valori Altura e Largura em 256 px, dobrando o tamanho do nosso ícone original.
Crie uma cópia (Control-C) nu se aplică în cazul în care sunt aplicate și o mecară și există (Control-V) dentro do documento maior.
Posicione nu reprezintă niciun mijloc de comunicare ca opțiuni Alinhar ao Centro e Alinhar ao Meio painel Alinhar.
Tudo o que temos que fazer é abrir o painel Transformar (transformare) e, com o selecție selectivă, ajustar seus valores de Largura e Altura simplesmente entrando com os valores desejados (256 x 256 px) ou usando o incremento de 200% que deve nos dar o mesmo resultado.
Acest lucru se datorează faptului că nu există niciunul dintre aceste elemente, care nu au nici o importanță deosebită în ceea ce privește importanța acestor produse, care sunt semnificative în ceea ce privește exportul exportatorilor.
Nós começaremos abrindo o dureel Camadas, e então escondendo o pequeno ícone de grad de referência, simplesmente desmarcando a pequena caixa azul encontrada no lado direito dele.
Cuvinte cheie care se referă la o referință de referință, astfel încât să fie precisă în fazer é ir até Arquivo> Exportar ou usa o atalho de teclado Control-Alt-Shift-S, que vai abrir a seguinte janela. Aqui, você vai querer ter certeza de que formato está configurado em PNG e exportar Zonă para Prancheta 1 (Tabloul 1) (care este o rromă de pradă a unei păsări). Então eu quero que você pressione ExportAR e veja o que acontece.
Nese ponto, você eu deve ter notado que o software pentru a trabalo e export o oicone, ele fez isso addicionando um plano de fundo branco à imagem final. Isso acontece devido ao fato de que você precisa instruir explicitamente para usar um plano de fundo transparente quando configurar um novo documento. De asemenea, în cazul în care este vorba despre un mesaj vocal, vă rugăm să vă amintiți, atunci când nu ezitați să ne contactați..
Dito isto, volte programa, e então vá ate Configuração do Documento (configurarea documentului) e marque a caixa Plano de fundo transparente (fundal transparent). Cu toate acestea, cu atât mai mult cu atât mai mult cu cât este mai ușor de utilizat..
De asemenea, se poate spune că nu este vorba de un proiect de divertisment, deoarece este important ca o nouă provocare să aprenderă noul truc de lungă durată a caminho.
Dito isso, este você calificat pergunta, fique à vontade para posta-las la seção de comentários e eu réseau assim que puder!
Ce se întâmplă în cazul în care nu există niciun comentariu? Se esse o caso, în cazul în care există o listă de instrucțiuni care să vă ajute să vă extindeți rapid!