Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Eid Al-Fitr
Design

Como Criar um Cartão "Eid Al-Fitr" no Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

Portuguese (Português) translation by Adriana Takagi (you can also view the original English article)

Final product image
What You'll Be Creating

"Eid al-Fitr", que muitas vezes é encurtado para "Eid", é a "Celebração do fim do jejum". É um feriado religioso celebrado pelos muçulmanos em todo o mundo, para marcar o fim do mês de jejum do Ramadã.

Tradicionalmente, o Eid é celebrado por três dias, assim como a primeira aparição da lua crescente é notada no final do mês lunar do Ramadã.

Para celebrar, os muçulmanos se reúnem de manhã na mesquita para realizar a oração do Eid, e depois visitam amigos e familiares, fazem um banquete e desfrutam de muitos doces para marcar o fim do jejum.  As celebrações também são um momento de perdão, dando graças a Alá, e oferecendo doações e comida para os menos afortunados.

A saudação árabe mais popular durante este feriado é geralmente "Eid Mubarak", que é traduzido em português para "festival abençoado".

Neste tutorial, vamos passar pelo processo de criação de um cartão de saudação Eid em Arabesco.  Vamos utilizar formas básicas para criar um pattern de arte islâmica e aprender a adaptar uma fonte em árabe para "Eid Mubarak".

Se você está procurando por inspiração, por que não conferir os muitos designs de Eid no Envato Market.

1. Crie um Novo Documento & Configure

Para projetar nosso cartão, precisamos ter conhecimento básico em arte islâmica. O método de construção geral de qualquer pattern em Arabesque é formas geométricas mais ou menos entrelaçadas, como hexágonos, quadrados, octágonos, triângulos, estrelas e círculos.  Criar um pattern é um desafio bastante interessante, por isso como iniciante, mantenha-o o mais simples possível. e trabalhe com uma grade.

Esbocei mais ou menos a ideia do design do cartão e uma amostra do design da peça que quero recriar.  É uma combinação de estrelas, um círculo e um hexágono.  Então vamos começar!

Adobe Ilustrator sketch design arabesque pattern islamic art greeting card eid sketching draw

Abra o Adobe Illustrator CC e pressione Control-N para criar um novo documento.

Selecione Profile: Basic RGB.

No menu suspenso Units, selecione Millimeters e insira 250 mm para Largura e Altura e Nomeie seu arquivo como "Eid_Greeting". Clique em OK.

Clique no botão Advanced, verifique se RGB, Screen (72ppi) estão selecionados e marque Align New Objects to Pixel Grid.  Click em OK.

create new document adobe illustrator cc eid greeting width height rgb screen 72ppi align new objects to pixel grid default millimeters

Quando o arquivo estiver aberto, View > Show Grid. Depois selecione View > Snap to Grid.

A grade precisa ser personalizada para a prancheta, então precisamos editá-la.  Vá para o Illustrator > Preferences > Guides & Grid e, na caixa Gridline every escreva 25 mm e escreva 6 na caixa Subdivisions.

adobe illustrator cc preferences grid guides 25mm 6 subdivisions eid greeting design

2. Faça o Design do Pattern

Passo 1

Primeiro vamos criar a peça para o nosso pattern, e depois o resto é fácil.

No meu desenho eu tinha duas estrelas de 6 pontas em um círculo e dentro de um hexágono.

Selecione a Ferramenta Ellipse (L) com Preenchimento Nenhum e Traço preto, mantenha pressionadas as teclas Option e Shift e arraste para restringir sua seleção.  Parta a elipse em duas subdivisões quadradas da grade.  Cada divisão quadrada é de 25 mm, então o diâmetro do seu círculo seria de 50 mm. Se você selecionar Window > Info, você poderá visualizar as dimensões exatas da Largura & Altura da sua seleção.

ellipse tool draw pattern tile fill none stroke black option shift constrain circle subdivision 50mm eid greeting

Passo 2

Em seguida, precisamos criar as duas estrelas de 6 pontas dentro do círculo.

Para criar uma estrela de 6 pontas, selecione a Ferramenta Star e clique uma vez no centro da elipse para centralizar a estrela e abrir a caixa de diálogo Star.

Faça o Raio 1: 25 mm (metade do diâmetro da nossa elipse), Raio 2: 8mm e Points: 6.

Star dialog box 6 pointed star tool radius points pattern eid greeting card

Vá para Window > Stroke, para abrir o painel Stroke.

Selecione Cap: Round Cap e Corner: Round Join, assim as extremidades pontiagudas da estrela não excedem a borda da elipse.

Star dialog box 6 pointed star tool radius points pattern eid greeting card cap round corner round join miss chatz

Em seguida, com a estrela de 6 pontas selecionada, Copiar (Comando-C), Colar na frente (Comando-F).  Depois Object > Transform > Rotate.  A caixa de diálogo Rotate vai aparecer; faça o Ângulo: 90 graus.

rotate angle star six pointed object transform Star dialog box 6 pointed star tool radius points pattern eid greeting card miss chatz

Com a Ferramenta Selection (V), selecione os elementos das duas estrelas de 6 pontas e o círculo, e aplique uma Espessura de 5 pt ao Traço, no painel Stroke.

Depois selecione Cap: Butt Cap, Corner: Mitre Join e aplique um Limit de 4x, assim as bordas dos cantos ficam pontiagudas para interior do dodecágono.

selection tool v elements stroke 6 point star panel weight stroke panel limit miss chatz eid pattern greeting card

Passo 3

Selecione os três objetos com a Ferramenta Selection (V).

Object > Expand. Certifique-se de que o Preenchimento e Traço estejam marcados e OK.

Abra o painel Pathfinder: Window > Pathfinder e selecione Shapes Modes: Unite, para criar uma forma composta.

eid greeting card expand strokes object fill pathfinder panel pathfinder select unite shape mode illustrator cc miss chatz

Passo 4

Selecione a Ferramenta Rectangle (M) com um Preenchimento branco e Traço preto, mantenha pressionadas as teclas Alt e Shift para restringir a seleção e desenhe um retângulo ao redor do pattern circular.

Em seguida, com a Ferramenta Selection (V), arraste os dois objetos para selecioná-los e clique em Pathfinders: Divide.

adobe illustrator cc draw rectangle tool shape pathfinder shape divide pattern eid greeting miss chatz

Pegue a Ferramenta Direct Selection (A) e selecione a forma externa excessiva e depois Delete.

Depois com a Ferramenta Selection (V), selecione nosso objeto e Object > Ungroup (Shift-Comando-G), assim podemos colorir cada elemento separadamente.

adobe illustrator cc delete rectangle tool divide shape compound seperate shape pathfinder shape divide pattern eid greeting miss chatz

Passo 5

Vamos colorir nossa peça de pattern.

Com a Ferramenta Direct Selection (A), selecione os elementos no pattern que você deseja no mesmo grupo de cores.

Aplique uma cor de Preenchimento de sua escolha, com Traço para Nenhum. Depois agrupe os mesmos elementos de cor juntos. Object > Group (Comando-G).

adobe illustrator direct selection tool group obeject same color pattern eid greeting miss chatz arabic

Faça o mesmo com o resto dos elementos.

Certifique-se de que cada elemento esteja agrupado em sua cor correspondente e com Traço para Nenhum.

adobe illustrator color group elements tile pattern choice eid greeting pattern background fitr miss chatz

Passo 6

Selecione todos os elementos com a Ferramenta Selection (V) e depois Object > Pattern > Make.  Nosso novo pattern vai aparecer automaticamente, mas ele precisa ser editado na caixa de diálogo Pattern Options.

adobe illustrator object pattern make tile pattern eid fitr greeting card design miss chatz

Escolha como organizar as peças. Hex by Row vai colocar a peça em uma forma hexagonal e organizá-la em linhas.  As peças na linha vão centralizar o alinhamento na horizontal, com as linhas alternadas alinhadas verticalmente.

Em seguida, especifique a altura e a largura global da peça. Altere a Width (largura) para 50 mm e Height (altura) para 58 mm.

Você vai precisar experimentar vários valores, menores ou maiores que a altura e a largura do trabalho artístico, para alcançar o pattern desejado.

adobe illustrator make pattern hex by row tile pattern eid greeting width height adjust layout

Passo 7

Em seguida, precisamos preencher o espaço triangular entre os patterns circulares.

Remova o Snap to Grid para que possamos criar uma estrela de 3 pontas no espaço triangular vazio.  View > Snap to Grid (Comando-Shift-'').

Em seguida, escolha uma cor de Preenchimento e um Traço de 4 pt.

Selecione a Ferramenta Star e clique uma vez no canto superior esquerdo na grade hexagonal.

A caixa de diálogo Star vai aparecer. Insira:

Radius 1: 4.5 mm

Radius 2: 1.2 mm

Points: 3

OK

adobe illustrator star tool create radius setting points weight stroke eid fitr greeting card

Passo 8

Com a estrela selecionada, Object > Expand, com Object, Preenchimento e Traço selecionados e clique em OK.

Selecione a Ferramenta Direct Selection (A) e dê aos dois elementos uma cor diferente.  Eu mantive as bordas grossas no mesmo tom de cor.

adobe illustrator create three point star expand fill stroke object color eid fitr pattern tile

Com a Ferramenta Selection (V), selecione a estrela de 3 pontas, mantenha pressionadas as teclas Alt-Shift e arraste o objeto para o canto inferior esquerdo da grade do hexágono.

Object > Transform > Rotate, e a caixa de diálogo Rotate vai abrir.

Faça o Ângulo de 180 graus e centralize ao canto da grade hexagonal.  Clique em OK.

adobe illustrator create three point star expand fill stroke object color eid fitr pattern tile

Quando terminar, clique em Done na barra Control Panel para salvar o Novo Pattern.

Depois que um pattern é criado, ele é armazenado no painel Swatches.

Se você desejar editar o Novo Pattern novamente, abra o painel Swatches: Windows > Swatches e clique duas vezes no pattern de amostra para editar.

adobe illustrator save pattern to edit swatches panel adjust artwork modify control panel eid fitr holiday card

File > Save (Comando-S) e OK.

Selecione o objeto da peça de pattern que criamos e delete-a nós não precisamos mais disso.

Passo 9

Depois de configurarmos nossa peça de pattern, tudo o que precisamos fazer é preencher nosso plano de fundo.

Selecione a Ferramenta Rectangle (M) e, com nosso Preenchimento do Novo Pattern, desenhe um retângulo ao redor da prancheta.

adobe illustrator new pattern create rectangle tool background pattern tile eid fitr holiday card misschatz

Depois de fazer isso, pegue a Ferramenta Rectangle (M), selecione uma cor de Preenchimento a sua escolha e desenhe um outro retângulo ao redor da prancheta.  Depois Envie para Trás (Comando-[), assim ele fica atrás do nosso pattern.

adobe illustrator edit fitr pattern create rectangle tool background send to back

Passo 10

Em seguida, vamos criar a área de plano de fundo para o nosso texto. Escolha a Ferramenta Star na barra de ferramentas, defina uma cor de preenchimento e clique uma vez no centro da sua prancheta para abrir a caixa de diálogo Star.

Defina Radius 1: 106 mm

Radius 2: 95 mm

Points 12

OK.

adobe illustrator star dialog box create 12 point pattern background eid fitr card design

Depois de definir a cor e a forma do plano de fundo, Object > Path > Offset Path, e defina-o para -6mm, Joins: Mitre e OK.

Dê à nova forma uma cor, sem preenchimento e defina o Traço para 6 pt.

adobe illustrator offset path apply stroke new layer text

File > Save (Comando-S) e OK.

Abra o painel Layers (Window > Layers) e selecione o ícone Create a New Layer para criar uma nova camada para a nossa ilustração de texto.

3. Modelando a Escrita Árabe

A arte da caligrafia árabe também é conhecida como caligrafia islâmica, porque foi primeiro projetada para ser escrita no Alcorão, que é o livro sagrado do Islã.  Caligrafia difere de escrita manual, uma vez que isso serve para o propósito de ser estético e funcional. Escrita, por outro lado, é utilizado principalmente para se comunicar.

Existem muitos estilos diferentes de caligrafia árabe, e cada escrita tem sua própria forma e características distintas.  Nós não vamos estar passando pelos diferentes tipos de estilo, mas se você tiver interesse em letras e patterns , então você pode se beneficiar destes tutoriais de caligrafia árabe, destinados a iniciantes.

Antes de começarmos a costurar nosso texto em árabe, aqui está uma breve introdução aos fundamentos da caligrafia apropriada:

  • O árabe é escrito da direita para a esquerda e em natureza cursiva.
  • Não há formatos de letras maiúsculas.
  • Todas as letras se conectam à direita, mas nem todas as letras se conectam à esquerda.
  • Ao escrever palavras em árabe, você deve estar familiarizado com o comportamento básico de cada letra.  Basicamente, todas as letras são escritas na linha de base, e algumas são ascendentes, enquanto outras caem abaixo da linha de base.

O Google traduziu as palavras para nossa saudação "Eid Mubarak".  Você vai ver como está escrito em árabe, como: عيد مبارك.

Para familiarizar seu olho com suas várias formas, eu o desenhei em uma linha de base para você, assim você consegue ver quais letras sobem e descem.  Além disso, uma forma arredondada de letras é utilizada, por isso é mais fácil de imitar.

sketch arabic calligraphy letter form ascending descending baseline round type fite eid mubarak

Passo 1

Vamos começar a criar nossa forma de letra determinando as alturas da linha de base, ascendente e descendente.

Selecione a Ferramenta Ellipse (L). Com um traço branco de 7 pt e preenchimento nenhum, clique uma vez para abrir a caixa de diálogo Ellipse.

Defina Width (largura) e Height (altura) em 31 mm, e OK. Esta vai ser a nossa altura da linha de base.

adobe illustrator ellipse tool circle round letter form create baseline

Depois selecione a Ferramenta Round Rectangle, na barra Tools, e clique uma vez na prancheta para obter a caixa de diálogo Rounded Rectangle.

Defina Width: 31mm (mesmo diâmetro da elipse criada)

Height: 60 mm (metade do diâmetro da elipse adicionada acima e abaixo)

Corner Radius: 16mm (para uma boa curva arredondada)

OK.

rounded rectangle tool dialog box width height adobe illustrator eid fitr greeting type lettering miss chatz

Selecione os dois objetos com a Ferramenta Selection (V).

Abra o painel Align (Window > Align) e Horizontal Align e Vertical Align Center.

horizonal align center vertical align center align panel ellpse round rectangle type eid fitr car greeding

Passo 2

Altere o View para o Modo de Contorno (View > Outline).

Com os dois objetos selecionados, mantenha pressionadas as teclas Shift-Alt e arraste para duplicar o objeto e mova-o para a esquerda para alinhar com a borda esquerda.

O atalho Comando-D vai repetir a última ação.  Repita quatro vezes até que seis grupos de objetos estejam alinhados.

outline mode view repeat action duplicate eid fitr outline greeting font

Utilize o atalho Comando-Y para alternar a visualização para Preview.

Selecione todos os objetos com a Ferramenta Selection (V), e com Shift-Alt  pressionadas, reduza-os para caber em seu plano de fundo hexagonal.

Depois Shift-Alt-Arraste para Duplicar e criar a segunda linha.

adobe illustrator duplicate object create duplicate shift alt drag eid fitr greeting card miss chatz

Em seguida, vamos trazer nossa Régua através do atalho Comando-R, para que possamos inserir nossas linhas de orientação de texto.

Para certificar que os guias vão ser bloqueados, selecione View > Guides > Lock Guides.

Arraste as guias para criar a linha base, níveis de altura ascendente e descendente.

guide drag heights baseline text edit edi fitr card

Passo 3

Eid (عيد) é composto de três letras, mas elas estão todas na linha de base.

Portanto, Delete os objetos da esquerda e da direita na primeira linha, além dos três retângulos arredondados.

eid text alignment guides delete onjects shape eid greeting card fitr illustration illustrator adobe

Em seguida, continue a cortar as formas das letras.  Seguindo o esboço de tipo árabe, utilize a Ferramenta Scissors (C) da barra Tools para cortar os pontos nas elipses e depois delete o excesso.

Em seguida, vamos adaptar a palavra "Mubarak" (مبارك).  Existem duas letras ascendentes e uma descendente.  Selecione os objetos que não precisamos e delete, depois utilize a Ferramenta Scissors (C) para cortar as letras, de acordo com a ilustração esboçada.

cut objects with scissors tool arabic text eid mubarak greeting misschatz

Passo 4

Selecione os pontos finais das letras ascendentes, com a Ferramenta Direct Selection (A), e mantenha pressionada a tecla Shift para restringir a seleção à medida que você move a linha de orientação de altura ascendente para cima.

adobe illustrator direct selection tool adjust line ascending letter guidlines fitr eid greeting miss chatz

Depois utilize a Ferramenta Selection (V), segurando Shift, para distribuir as letras próximas umas das outras.

Quando terminar, vamos pontilhar e adicionar símbolos às nossas letras.

Passo 5

Selecione a Ferramenta Ellipse (L) e abra a caixa de diálogo Ellipse, clicando uma vez na prancheta.

Crie uma elipse de 6 mm de LarguraAltura.

adobe illustrator dot letters ellipse tool sign height width dialo box eid fitr greeting mubarak

Haverá dois pontos abaixo da linha de base na letra do meio de "Eid" (عيد).

Portanto, verifique se você tem duas elipses alinhadas criadas.

Além disso, há outro ponto para adicionar, abaixo da segunda letra de "Mubarak" (مبارك).  Então crie uma outra elipse para isso.

eid mubarak ellipse dot and sign greeting fitr holiday card adobe illustrator misschatz

Passo 6

A última letra (Kaph ك) em "Mubarak" (مبارك), tem o símbolo "hamzah" (ء) que precisamos recriar. Parece uma letra alongada "c", mas com uma cauda.

Na barra de ferramentas, selecione a Ferramenta Rounded Rectangle. Com um traço branco de 7 pt e sem preenchimento, crie um retângulo arredondado com 17 mm de Largura, 13 mm de Altura e Raio de Canto de 16 mm.

rounded rectangle tool radius width height letter creation eid greeting

Utilize a Ferramenta Scissors (C) da barra Tools, para cortá-la em um formato de "C".  Delete o excesso.

Depois selecione a Ferramenta Pen (P) e selecione a junção para desenhar uma cauda.

File > Save (Comando-S) e OK.

4. Adicionando Detalhes

Passo 1

Ótimo, estamos quase terminando.

Esconda as linhas de orientação, pois não precisamos mais delas. View > Guides > Hide Guides (Command-;).

Comando-A, para Selecionar Todos os objetos na camada de texto e depois alinhe-os corretamente no hexágono.

Depois com a Ferramenta Selection (V), selecione os elementos com um traço branco, e aumente o traço para 9 pt.

adobe illustrator fix stroke thicken fitr eid mubarak card text design

Object > Expand com Fill e Stroke marcados, e OK.

Comando-A, para Selecionar Tudo e dê a eles uma cor de Preenchimento de sua escolha com sem Traço.

eid mubarak greeting card design fitr adobe illustrator object expand fill color stroke

Passo 2

Vamos finalizar com as estrelas e a lua.

Com a Ferramenta Ellipse (L) e preenchimento amarelo, desenhe uma elipse à mão livre.

Depois desenhe a mão livre uma outra elipse sobre ela, em direção ao interior da primeira elipse, para que a elipse abaixo comece a parecer uma lua crescente.

ellipse tool draw crecent moon eid fitr holiday greeting pathfinder ramadan

Vamos cortar nossa lua crescente.

Abra Window > Pathfinder.

Em Pathfinder > Shape Modes, selecione Minus Front.

Agora você deve ter uma lua crescente!

Finalmente, pegue a Ferramenta Star na barra Tools, selecione uma tonalidade de cor de Preenchimento, e aleatoriamente preencha o espaço ao redor do texto com pequenas estrelas.

File > Save (Comando-S) e OK.

Eid Mubarak!!

Espero que tenham gostado de aprender o processo de criar um pattern de arabesco e ganhado alguns atalhos úteis para adaptar uma fonte árabe arredondada, além de ter sido inspirado para criar seu próprio cartão colorido Eid para a celebração do Eid Al-Fitr.

Divirta-se criando e sempre sinta-se à vontade para compartilhar como sua saudação ao Eid terminou.

Deixe qualquer dúvida que você possa ter na parte de comentários abaixo.

Feliz Eid!

final card design fitr eid holiday greeting design arabesque pattern design adobe illustrator vector style miss chatz freelance artist dubai uae gcc
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.