Bem-vindo: Sáb, 23 de Novembro 2024, 5:08 Pesquisa avançada

Criando uma paisagem minimalista

Você fez algum desenho e quer partilhar? Faça-o aqui! Partilhe Wallpapers, trabalhos de Webdisgn ou até mockups!
Se quiser partilhe também tutoriais de design: do Gimp, Inkscape entre outros programas.

Criando uma paisagem minimalista

Mensagempor dibrito » Qui, 1 de Maio 2014, 5:02

Boa noite :D Inicio meu primeiro tutorial de criação de paisagem no Fireworks e, hoje iremos fazer uma baseada no jogo do Super Mario xD.

Primeiro criamos um documento de tamanho 1360x768(ou o tamanho da sua resolução) e criamos um Retângulo do tamanho do documento com a ferramenta Rectangle Tool
Imagem
Imagem

Em seguida, iremos modificar o Retângulo para ter uma cor Linear, na parte inferior do Programa, iremos encontrar o painel das configurações da forma:
Imagem
E então escolheremos no sub-menu Gradient a opção Linear
Imagem
E voltando ao painel, colocaremos a primeira cor um Azul Claro(#639EB5) e outro mais escuro(#C6FFFF) na segunda:
Imagem

Com tudo isso já feito, iremos posicionar o controlador de direção Linear desta forma abaixo:
Imagem

Agora, iremos começar a fazer as montanhas cujas irão ser feitas a partir da ferramenta Pen tool
Imagem

Vertorizando com a ferramenta, você irá obter uma forma semelhante a essa:
Imagem
Cuja é de cor Sólida(Solid)#4AAA7B e tem linha de cor #73D3A5
Imagem

Copie(CTRL+C) e cole(CTRL+V) a mesma montanha mais duas vezes e as posicione da seguinte forma:
Imagem
OBS: Para organizar a disposição das imagens, use CTRL+Seta para cima e CTRL+Seta para baixo

Novamente usando a nossa ferramenta Pen tool, iremos criar uma pequena forma na parte direita das montanhas onde a mesma tem cor sólida #319263:
Imagem
Copie a sombra que foi criada, para as demais montanhas e as que ficarem desproporcionais as montanhas, adapte-as com a ferramenta Subselection Tool apertando A.
Imagem

Agora, você irá apenas selecionar as 3 montanhas(apenas as montanhas) clicando e segurando Shift, para selecionar as 3 e assim copia-las e modificar sua cor, para cor Nula(Transparente) como mostra a imagem abaixo:
Imagem
Assim só restarão as LINHAS, para as mesmas ficarem em cima das montanhas e da sombra, organize-as com CTRL+Seta para cima e seta para baixo.

Já com as montanhas criadas, vamos fazer umas nuvens *-*, use a ferramenta Ellipse Tool e crie uma forma redonda de tamanho 120x120
Imagem
Imagem

Copie a mesma forma redonda várias vezes, até que as copias fiquem organizadas de tal forma:
Imagem

E então selecione todas as formas redondas, vá no menu Modify, desça ate a opção Combine parts e selecione Union
Imagem
E juntas elas ficarão assim:
Imagem

Façamos todo este processo para criar uma outra nuvem. OBS: Essa bola gigante no meio foi para poupar tempo :D
Imagem

Criaremos uns rostos felizes e alguns detalhes nas nuvens com a ferramenta Pen tool:
Imagem

e Vualá(nem sei se é assim ._.) que coisa linda :D
Imagem

Espero que tenham gostado :) da próxima vou fazer em vídeo da menos trabalho ><
Mais tarde faço a assinatura :D
Avatar do usuário
dibrito
 
Mensagens: 5
Registrado em: 29 Abril, 2014
Localização: Capistrano - Ceará

Re: Criando uma paisagem minimalista

Mensagempor Luis Cardoso » Qui, 1 de Maio 2014, 13:15

Interessante! E penso que até esteja fácil de "importar" este tutorial para o Inkscape xD
ImagemImagem
«Escolhe um trabalho de que gostes, e não terás que trabalhar um só dia na tua vida» - Confúcio
Avatar do usuário
Luis Cardoso
Redator
 
Mensagens: 10455
Registrado em: 26 Maio, 2011
Localização: Portugal


Voltar para Design

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado e 13 visitantes