7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Icon Design

Como Criar uma Pilha Detalhada de Livros no Adobe Illustrator

Scroll to top
Read Time: 9 mins

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

Final product imageFinal product imageFinal 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 documenthow to open new Illustrator documenthow 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 pathhow to create a 3D book pathhow 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 bookhow to create a 3D bookhow 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 symbolhow to create a new symbolhow 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 bookhow to map text on the 3D bookhow 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 pageshow to create the book pageshow 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 pageshow to color the book pageshow 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 pageshow to create shadow under book pageshow 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 pageshow to add details on book pageshow 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 pageshow to mask the book pageshow 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 how to add shadow on book pages 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 bookhow to color the text on the bookhow 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 bookhow to create the side shape of the bookhow 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 bookhow to create shading on side of the bookhow 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 how to create highlight on side of book 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 how to mask shading and highlight on side of book 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 bookhow to highlight the edge of bookhow 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 bookhow to create a blue 3D bookhow 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 how to create a red 3D book 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 how to create a green 3D book 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 bookshow to create shadow between bookshow 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 bookshow to create shadows in the stack of bookshow 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 imagestack of 3D books final imagestack of 3D books final image

Procurando aprender mais? Eu recomendo os seguintes tutoriais:

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.