Advertisement
  1. Design & Illustration
  2. Icon Design
Design

Como Criar uma Pilha Detalhada de Livros no Adobe Illustrator

by
Difficulty:IntermediateLength:MediumLanguages:

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

Final product image
What You'll Be Creating

Siga este tutorial e aprenda como criar livros facilmente com a ajuda do efeito 3D no Adobe Illustrator.  Brinque com as configurações para alterar a posição dos livros e criar uma pilha deles. Aprenda como criar as páginas e adicionar detalhes extras para nivelá-las. Vamos começar!

Precisa de mais recursos e vetores de educação? Vá até o GraphicRiver e você vai encontrar vários designs para escolher.

Recursos do Tutorial

Para completar o tutorial, você vai precisar dos seguintes recursos:

1. Como Abrir um Novo Documento

Inicie o Illustrator e vá para File > New para abrir um documento em branco. Digite um nome para o seu arquivo, defina as dimensões e selecione Pixels como Units e RGB como Color Mode.

Em seguida, vá para Edit > Preferences > General e defina o Keyboard Increment para 1 px e, enquanto estiver lá, vá para Units para verificar se estão definidas como na imagem a seguir. Eu costumo trabalhar com estas configurações e elas vão ajudá-lo durante todo o processo de desenho.

how to open new Illustrator document

2. Como Criar um Livro em 3D

Passo 1

Pegue a Ferramenta Rounded Rectangle e desenhe uma forma com as dimensões mostradas (1). Utilize a Ferramenta Direct Selection (A) para selecionar apenas os dois pontos do lado direito e pressione a tecla Delete no teclado para excluí-los. Para o caminho resultante, selecione um Traço marrom de 3 pt e pressione a opção Round Cap no painel Stroke para obter as extremidades arredondadas (2).

how to create a 3D book path

Passo 2

Enquanto o caminho permanece selecionado, vá para Effect > 3D > Extrude & Bevel. Lá, defina as Coordenadas, a Profundidade e o tipo de Superfície, e você vai obter o livro em 3D. Quão fácil foi isso?

how to create a 3D book

3. Como Mapear o Texto no Livro em 3D

Passo 1

Vamos criar um novo símbolo. Pegue a Ferramenta Type (T) e escreva “Dictionary” em sua prancheta. Escolha Expand do menu Object e, em seguida, Rotacione -90 graus no painel Transform.

Agora, vá para Symbol Libraries Menu > Maps e encontre o símbolo Distance Maker. Arraste-o para sua prancheta, Expanda-o e altere a cor de preenchimento para preto.  Organize um destes símbolos em cada extremidade do texto e, depois de terminar, arraste tudo para o painel Symbols para salvá-lo.

how to create a new symbol

Passo 2

Enquanto o livro 3D permanece selecionado, abra o Extrude & Bevelwindow novamente no painel Appearance. Pressione o botão Map Art e selecione a superfície onde deseja mapear o texto junto com o símbolo que você salvou.  No meu caso, o lado do livro foi o Surface 12 de 14. Você pode dimensionar o símbolo e movê-lo levemente até que você fique satisfeito com o resultado. Clique em OK.

how to map text on the 3D book

4. Como Criar as Páginas do Livro

Passo 1

Com o livro 3D ainda selecionado, escolha Expand Appearance do menu Object e depois Desagrupe (Shift-Control-G) uma vez. Agora, dê uma olhada no painel Appearance e abra o grupo resultante, que eu chamei de “livro marrom”.  Você vai ver um monte de outros grupos e formas. Selecione-os para ver qual é qual, e você pode até mesmo renomear alguns deles como “capa superior”, “capa inferior” e outros.

Enquanto estiver lá, encontre também a forma mostrada abaixo (1), que é a borda frontal do livro, e depois Desagrupe (Shift-Control-G) e Copie e Cole no Local (Shift-Control-V) para fazer uma cópia dele, a borda azul (2).  Pegue a Ferramenta Scissors (C) e clique nos dois pontos indicados para cortar a forma em dois e mantenha apenas o caminho interno (3).  Agora, selecione os pontos finais deste caminho e pressione Control-J para juntar a eles. Você vai obter a forma das páginas de dentro do livro (4).

how to create the book pages

Passo 2

Preencha a forma das páginas com o gradiente linear mostrado (1); depois selecione apenas os pontos do lado direito e mova-os ligeiramente para dentro, para revelar os cantos da capa do livro.  Além disso, adicione um ponto extra no meio utilizando a Ferramenta Add Anchor Point (+) e torne esse lado um pouco arredondado (2). Arraste esta forma no grupo "livro marrom", sob a "capa superior", mas acima da "capa inferior".

how to color the book pages

Passo 3

Copie e Cole Atrás (Control-B) a forma das páginas e substitua o gradiente por um cinza escuro. Agora, selecione novamente a forma original das páginas e mova-a 1 px para cima e 2 px para a direita, utilizando as setas do teclado para revelar a forma de sombra abaixo dela.

how to create shadow under book pages

Passo 4

Vamos adicionar alguns detalhes e criar a aparência de páginas reais. Utilize a Ferramenta Pen (P) para desenhar vários caminhos retos de diferentes comprimentos na parte superior da forma das páginas (1).  Faça o mesmo no lado esquerdo (2). Dê a eles um Traço cinza claro de 2 pt e selecione o Width Profile 4 no painel Stroke (3).

how to add details on book pages

Passo 5

Selecione a forma das páginas e depois Copie e Cole no Local (Shift-Control-V) para fazer uma cópia em frente de tudo. Defina esta cópia para sem traço e sem preenchimento.  Agora, selecione o grupo de linhas junto com esta cópia (1) e vá para Object > Clipping Mask > Make (Control-7). Nomeie o grupo resultante como “detalhes da página” (2).

how to mask the book pages

Passo 6

Utilize a Ferramenta Pen (P) para desenhe um caminho no lado superior esquerdo das páginas (1). Dê a ele um Traço preto de 2 pt; depois vá para Effect > Blur > Gaussian Blur e aplique um Raio de 3 px (2).  Arraste este caminho no grupo "detalhes da página" sob a máscara. Além disso, arraste o grupo “detalhes da página” no grupo “livro marrom” acima das páginas (3).

how to add shadow on book pages

5. Como Colorir o Texto no Livro

Vá para o painel Layers e, no grupo "livro marrom", localize e selecione o texto que foi mapeado ao lado. Arraste este grupo de texto para o topo no painel Layers (1). Altere a cor de preenchimento e aplique o efeito Drop Shadow.

how to color the text on the book

6. Como Criar o Sombreamento e os Destaques no Livro

Passo 1

Vamos criar primeiro a forma de máscara. Vá para o painel Layers e, no grupo "livro marrom", localize e selecione os grupos que compõem o lado do livro. Eu tinha três grupos (1).  Copie e Cole no Local (Shift-Control-V) para fazer cópias deles em frente de tudo. Pressione Unite no painel Pathfinder para mesclá-los em uma única forma (2).

how to create the side shape of the book

Passo 2

Utilize a Ferramenta Pen (P) para desenhar um caminho reto ao longo da lateral do livro. Dê um Traço preto de 2 pt e aplique um Gaussian Blur de 5 px.

how to create shading on side of the book

Passo 3

Desenhe um outro caminho ao longo da lateral do livro para criar um destaque desta vez. Dê um Traço bege de 2 pt e aplique um Gaussian Blur de 5 px.

how to create highlight on side of book

Passo 4

Agora, selecione os caminhos de sombreamento e destaque  junto com a forma de máscara criada anteriormente, que deve ficar em frente, e defina como sem traço e sem preenchimento. Vá para Object > Clipping Mask > Make (Control-7). Nomeie o grupo resultante como “sombreamento e destaque lateral” e arraste-o para o topo do grupo “livro marrom” no painel Layers.

how to mask shading and highlight on side of book

Passo 5

Utilize a Ferramenta Pen (P) para desenhar um caminho como mostrado abaixo. Dê a ele um Traço branco de 1 pt e utilize também o Black Blend Art Brush 100x3 (informações abaixo). Defina o Blend Mode para Soft Light e  a Opacidade para 75%.

Eu tenho um tutorial inteiro dedicado ao Blend Art Brushes e como eles são úteis. Eu os utilizo em meus desenhos o tempo todo. Você pode descobrir como criar e salvar o Black Blend Art Brush 100x3 que estamos utilizando hoje em Como Criar um Conjunto de Pincéis de Mistura Multiuso no Adobe Illustrator.

Como a Colorização do pincel está definida para Tints, quando você seleciona branco como a cor do traço, o pincel também fica branco, apesar de seu nome. A mesma coisa acontece com qualquer outra cor.

how to highlight the edge of book

7. Como Criar a Pilha de Livros

Passo 1

Neste ponto, o livro marrom está pronto e você pode criar outros da mesma maneira. Utilize um caminho semelhante ao do livro marrom, dê a ele um Traço azul de 3 pt e não se esqueça de pressionar o Round Cap no painel Stroke.  Aplique o efeito 3D Extrude & Bevel com as configurações mostradas abaixo, e você vai obter um novo livro 3D (2).

Depois disso, siga as técnicas explicadas até agora para criar as páginas e os detalhes nas páginas e adicionar sombras e destaques, e utilize as mesmas configurações. Você pode ver o resultado final na imagem abaixo (3).

how to create a blue 3D book

Passo 2

Utilize um outro caminho similar, mas um pouco maior, para o terceiro livro. Dê a ele um Traço vermelho de 3.5 pt e aplique o efeito 3D Extrude & Bevel para obter o livro 3D.  Você também pode mapear algum texto na lateral do livro como fez para o livro marrom (1). Finalize o livro criando as páginas, os detalhes, o sombreado e os destaques, e pintando o texto na lateral (2).

how to create a red 3D book

Passo 3

Aqui estão as configurações e o resultado final do quarto e último livro, o verde.

how to create a green 3D book

8. Como Criar as Sombras dos Livros

Passo 1

Para criar as sombras entre os livros, vamos utilizar a Ferramenta Blend. Concentre-se nos livros verde e vermelho e desenhe um caminho como mostrado na próxima imagem.  Preencha com preto e defina a Opacidade para 0% (1). Desenhe uma outra forma mais próxima da borda do livro verde e preencha-a com preto a 100% de Opacidade (2).

Enquanto os dois caminhos permanecem selecionados, vá para Object > Blend > Blend Options e escolha 10 Specified Steps.  Volte para Object > Blend > Make (Alt-Control-B). Você pode ver o resultado na imagem abaixo (3). Você pode modificar estas formas e ajustar a sombra, se necessário.

how to create shadow between books

Passo 2

Utilize a mesma técnica para criar as sombras entre os livros vermelho e azul e entre os livros azul e marrom, como mostra a próxima imagem.

how to create shadows in the stack of books

Parabéns, Você Terminou!

Aqui está a imagem final da pilha de livros. Espero que tenham gostado deste tutorial e aprendido coisas novas hoje. Aplique estas técnicas em outros projetos também.

Precisa de mais inspiração e recursos? Vá até o GraphicRiver, e você vai encontrar muitos designs para escolher.

stack of 3D books final image

Procurando aprender mais? Eu recomendo os seguintes tutoriais:

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.