Sáb 31 Mar 2012, 1:26 pm
Vi este tutorial á algum tempo (muito tempo), e achei ele PERFEITO.
Ele explica muito á respeito do Design, e muda o contexto daqueles que pensam que Design é apenas Photoshop, e mais ainda quem pensa que Design é apenas "Signs", muito pelo contrário, signs são "lixos" perto do Design de verdade.
Bom, vamos ao tutorial.
Tutorial by Colored (WebCheats)
mundo do design vem abrindo portas para todos, vem fascinando várias e
várias pessoas a seguir o seu rumo. O Design começa com uma simples
criatividade, imaginação, não basta só recursos jogados em um documento,
basta você ter a imaginação de começar algo novo, algo revolucionante,
algo ótimo! E então é por isso que crio este tutorial, não para criar
essa criatividade em você, mas para te ajudar a pensar e saídas para
trabalhos ótimos e não aqueles de 5 segundos no photoshop, ou em qual
quer outro programa.
Começando assim, este tutorial, lhes apresento os vários tipos de
programas a serem utilizados, e não só o velho e bom Adobe Photoshop,
mas entre outros em geral.
ILLUSTRATOR
CorelDRAW
Flash
Cinema 4D
PAINT
Adobe Photoshop
Palavras do Colored:
Todos os créditos aos autores e á o Colored pelo tópico.
Thanks.
Ele explica muito á respeito do Design, e muda o contexto daqueles que pensam que Design é apenas Photoshop, e mais ainda quem pensa que Design é apenas "Signs", muito pelo contrário, signs são "lixos" perto do Design de verdade.
Bom, vamos ao tutorial.
Tutorial by Colored (WebCheats)
mundo do design vem abrindo portas para todos, vem fascinando várias e
várias pessoas a seguir o seu rumo. O Design começa com uma simples
criatividade, imaginação, não basta só recursos jogados em um documento,
basta você ter a imaginação de começar algo novo, algo revolucionante,
algo ótimo! E então é por isso que crio este tutorial, não para criar
essa criatividade em você, mas para te ajudar a pensar e saídas para
trabalhos ótimos e não aqueles de 5 segundos no photoshop, ou em qual
quer outro programa.
Começando assim, este tutorial, lhes apresento os vários tipos de
programas a serem utilizados, e não só o velho e bom Adobe Photoshop,
mas entre outros em geral.
ILLUSTRATOR
- Spoiler:
![[Mega Tutorial]Conhecendo o Design Adobe_Illustrator_CS3](https://2img.net/h/3.bp.blogspot.com/_7d6Wij5ZnK4/TPAmCu06fuI/AAAAAAAAACw/qw68cF6DMW0/s1600/Adobe_Illustrator_CS3.png)
Isso mesmo, Adobe Illustrator ou também chamado de Illy (abreviatura), é
um ótimo programa para quem quer explorar sua criatividade em termos de
Ilustrações e etc.
Alguns exemplos disso são:
![[Mega Tutorial]Conhecendo o Design Meninablog](https://2img.net/h/artedogil.files.wordpress.com/2008/07/meninablog.jpg)
![[Mega Tutorial]Conhecendo o Design Desenho_Pickup_Aberto](https://2img.net/h/2.bp.blogspot.com/_QtTFTJ9b3H8/R8RPsRtq7sI/AAAAAAAAAD4/GD3aEVKDksw/s320/Desenho_Pickup_Aberto.gif)
Entre outros trabalhos, feitos no illustrator, com suas ferramentas muito boas para trabalhar dessa forma.
Alguns acham que o Illy é algo dificil. Sim, pode ser um pouco complicado, mas não dificil.![[Mega Tutorial]Conhecendo o Design Illustrator-interface](https://2img.net/h/www.vectordiary.com/isd_post/2008/day02/illustrator-interface.jpg)
Ferramentas:
![[Mega Tutorial]Conhecendo o Design Illustrator-toolbox](https://2img.net/h/www.vectordiary.com/isd_post/2008/day02/illustrator-toolbox.gif)
![[Mega Tutorial]Conhecendo o Design Illustrator___parte_1_by_BlackDSG](https://2img.net/h/fc04.deviantart.net/fs71/f/2010/032/2/b/Illustrator___parte_1_by_BlackDSG.png)
![[Mega Tutorial]Conhecendo o Design Illustrator_parte_2_by_BlackDSG](https://2img.net/h/fc07.deviantart.net/fs70/f/2010/032/a/4/Illustrator_parte_2_by_BlackDSG.jpg)
Você também pode aprender mais, com esses sites:
The 40 Best Illustrator Tutorials from 2010 | CreativeFan - StumbleUpon
125+ Ultimate Round-Up of Illustrator Tutorials | Showcases | instantShift
70+ Excellent Fresh Adobe Illustrator Tutorials | Tutorials | instantShift
Mas para antes de vocês fazerem tudo isso, vocês precisam aperfeiçoar
sua Pen Tool, para que os traços não fique tão ruim. Aqui vai uns tutos:
English:![[Mega Tutorial]Conhecendo o Design A6603afba74b0ab8](https://2img.net/h/fc03.deviantart.net/fs23/f/2007/315/a/6/a6603afba74b0ab8.jpg)
Portuguese:![[Mega Tutorial]Conhecendo o Design Pen_Tool_by_f1r3skull](https://2img.net/h/fc08.deviantart.net/fs42/f/2009/065/b/b/Pen_Tool_by_f1r3skull.jpg)
Bom... é isso pessoal, encerro aqui um pouco do que falei sobre o
Illustrator a cima. Disponibilizarei o download oficial da adobe:
Adobe - Adobe Illustrator CS5.1
CorelDRAW
- Spoiler:
Deixando de lado o Adobe Illustrator, começaremos agora a falar do Corel
Draw, apesar de que não diferencia muito um do outro, mas cada um tem
sua qualidade. Na minha opinião o Illustrator é bem superior.
O CorelDRAW é um programa de desenho vetorial bidimensional para design
gráfico desenvolvido pela Corel Corporation, Canadá. É um aplicativo de
ilustração vetorial e layout de página que possibilita a criação e a
manipulação de vários produtos, como por exemplo: desenhos artísticos,
publicitários, logotipos, capas de revistas, livros, CDs, imagens de
objetos para aplicação nas páginas de Internet (botões, ícones,
animações gráficas, etc) confecção de cartazes, etc.![[Mega Tutorial]Conhecendo o Design 800px-Steam_locomotive_scheme_new](https://2img.net/h/upload.wikimedia.org/wikipedia/commons/thumb/b/b2/Steam_locomotive_scheme_new.png/800px-Steam_locomotive_scheme_new.png)
(Ilustração técnica de uma locomotiva produzida no CorelDRAW)
Ferramentas do CorelDRAW:
Para começar, você deve saber o que é a caixa de ferramentas. Bem, a caixa de ferramentas, como o próprio
nome já diz, é um local (”caixa”) onde estão as principais ferramentas
de uso do CorelDraw. Veja a figura abaixo para ter uma idéia melhor do
que estou falando:
![[Mega Tutorial]Conhecendo o Design 3559-tools](https://2img.net/h/www.baboo.com.br/absolutenm/articlefiles/3559-tools.jpg)
Perceba que cada uma das ferramentas está numerada para facilitar a explicação. Vamos começar a ver para que serve cada uma:
1. Conhecida como ferramenta de Seleção, é a ferramenta utilizada para selecionarmos/arrastarmos objetos.
2.
Conhecida como ferramenta de Forma, serve para alterarmos a forma de um
determinado objeto. Sua tecla de atalho é a tecla F10. Perceba ainda
que abaixo dela há uma "setinha" indicando que há mais ferramentas neste
menu. Não se preocupe que veremos quais são e para que servem mais a
frente.
3. Esta é a famosa ferramenta de Zoom. Serve para darmos zoom em objetos, na tela...Tem como atalho a tecla F2.
4.
Esta é a ferramenta chamada Mão Livre. Serve para desenharmos
livremente no "palco" ou tela. O Corel será o mais fiel possível quando
você estiver utilizando esta ferramenta, sendo que você pode alterar em
suas propriedades sua suavização.
5. A ferramenta Retângulo serve para desenharmos retângulos, quadrados. Atalho: tecla F6.
6. A ferramenta Elipse serve para construirmos Elipses, círculos. Atalho: tecla F7.
7. A primeira ferramenta deste menu chama-se Polígono e serve para desenharmos Polígonos e estrelas. Tem como atalho a tecla Y.
8.
Esta é a ferramenta de texto do CorelDRAW. Podemos criar tanto uma
moldura para inserirmos um texto quanto um Texto Artístico. Tem como
atalho a tecla F8.
9. A primeira ferramenta deste menu
que nos permite aplicar preenchimentos interativos, que podem ser:
Uniforme, Gradiente, Padrão, Textura e PostScript.
10. Esta é a ferramenta que nos permite aplicar uma transparência Interativa, que pode ser: Uniforme, Gradiente, Padrão e Textura.
11. A primeira ferramenta do Menu nos permite aplicar uma mistura interativa entre dois objetos.
12. A primeira ferramenta deste Menu chama-se Conta-Gotas e serve para capturarmos uma cor de algum objeto por exemplo.
13. Este é o menu dos contornos. Nele podemos escolher a cor do contorno, seu tamanho...
14. Este é o menu com as opções de preenchimento, podendo ser Textura, uniforme, gradiente...
Vamos começar a ver os menus:
![[Mega Tutorial]Conhecendo o Design 3559-1](https://2img.net/h/www.baboo.com.br/absolutenm/articlefiles/3559-1.jpg)
Faca: serve para cortarmos um objeto ou parte dele
Borracha: serve para apagarmos um objeto ou parte dele
Transformação livre: serve para aumentarmos, diminuirmos, transformarmos o objeto
![[Mega Tutorial]Conhecendo o Design 3559-2](https://2img.net/h/www.baboo.com.br/absolutenm/articlefiles/3559-2.jpg)
Neste menu temos a ferramenta de Zoom que já vimos e também a
ferramenta "enquadramento" que serve para navegarmos pela tela,
visualizando a mesma
![[Mega Tutorial]Conhecendo o Design 3559-3](https://2img.net/h/www.baboo.com.br/absolutenm/articlefiles/3559-3.jpg)
Neste menu temos:
Bézier: permite-nos criar curvas
Mídia Artística: permite-nos adicionar pinceladas ao objeto
Dimensão: permite-nos criar curvas inclinadas, deitadas...
Linha de conexão: permite-nos criar uma linha de conexão para conectarmos a outra linha
Conector Interativo: podemos criar linhas de fluxo
![[Mega Tutorial]Conhecendo o Design 3559-4](https://2img.net/h/www.baboo.com.br/absolutenm/articlefiles/3559-4.jpg)
Espiral: permite-nos criar um espiral
Papel Gráfico: esta permite-nos criar uma grade (bem útil)
![[Mega Tutorial]Conhecendo o Design 3559-5](https://2img.net/h/www.baboo.com.br/absolutenm/articlefiles/3559-5.jpg)
Além da ferramenta de preenchimento interativo, temos a ferramenta de
preenchimento interativo de malha. Usando esta ferramenta, nosso objeto
ficará como se fosse um quadro de xadrez, sendo que podemos alterar as
propriedades de preenchimento de cada "casa/quadrado".
![[Mega Tutorial]Conhecendo o Design 3559-6](https://2img.net/h/www.baboo.com.br/absolutenm/articlefiles/3559-6.jpg)
Neste menu, além de Mistura Interativa, temos:
Contorno Interativo: permite-nos criar um contorno Interativo. Por
exemplo, nosso contorno pode começar de fora e ir diminuindo para
dentro.
Distorção Interativa: o próprio nome já diz. Podemos distorcer um determinado objeto.
Envelope Interativo: permite-nos adicionar vários nós ao objeto, modificando sua forma
Extrusão Interativa: permite-nos dar a aparência de 3D a um objeto
Sombreamento Interativo: permite-nos adicionar um sombreamento ao objeto
![[Mega Tutorial]Conhecendo o Design 3559-7](https://2img.net/h/www.baboo.com.br/absolutenm/articlefiles/3559-7.jpg)
Além do Conta Gotas, possuímos a ferramenta Lata de Tinta. Após usar o
conta gotas para capturar a cor de um objeto, utilize a lata de tinta
para aplicar esta cor a algum objeto, inclusive no contorno.
![[Mega Tutorial]Conhecendo o Design 3559-8](https://2img.net/h/www.baboo.com.br/absolutenm/articlefiles/3559-8.jpg)
Neste menu temos várias opções de Contorno. A segunda serve para
alterarmos a cor do contorno, a terceira para deixarmos um objeto sem
contorno, a quarta para utilizarmos a espessura mínima e as seguintes
são outras espessuras de contorno (1/2 ponto, 2 pontos, 8 pontos...).
![[Mega Tutorial]Conhecendo o Design 3559-9](https://2img.net/h/www.baboo.com.br/absolutenm/articlefiles/3559-9.jpg)
Este menu nos mostra as opções de preenchimento. Veja o significado de cada botão:
1. Mudar a cor do preenchimento
2. Preenchimento Gradiente
3. Preenchimento de padrão
4. Preenchimento de textura
5. Preenchimento de PostScript
6. Sem preenchimento
7. Janela de encaixe de cor. Abra uma janela mostrando tipo de cor, o código RGB por exemplo...
Bom, é isso aí! Agora você já sabe para que serve cada uma delas e só falta por tudo isso em prática! Abra já seu Corel e comesse a treinar imediatamente! Boa Sorte!
Alguns Tutoriais do CorelDRAW:
CorelDRAW Graphics Suite - Tutoriais
Peço perdão por não postar o download do programa, pois os únicos
downloads que eu encontrei eram piratas, e a Web Cheats não permite
isso.
Se alguem tem disponibilidade e condição financeira para comprar, entre no link, compre e faça o Download.
Software de design gráfico
Ou pode optar por uma versão pirata na internet, mas é de sua
responsabilidade e não posso disponibilizar conteúdo pirata no tópico;
O Corel também necessita também de um conhecimento em Pen tool.
Flash
- Spoiler:
Adobe Flash (antes: Macromedia Flash), ou simplesmente Flash, é um
software primariamente de gráfico vetorial - apesar de suportar imagens
bitmap e vídeos - utilizado geralmente para a criação de animações
interativas que funcionam embutidas num navegador web e também por meio
de desktops, celulares, smartphones, tablets e televisores.
Esses arquivos são de extensão ".swf" (de Shockwave Flash File). Eles
podem ser visualizados em uma página web usando um navegador que o
suporta (geralmente com plug-in especial) ou através do Flash Player,
que é um leve aplicativo somente-leitura distribuído gratuitamente pela
Adobe.
Exemplos de Animação:
Animação por gille new.
Confira abaixo o storyboard![[Mega Tutorial]Conhecendo o Design ESBOCO](http://holybo*****m.br/blog/wp-content/uploads/ESBOCO.jpg)
Principais ferramentas do Flash-
![[Mega Tutorial]Conhecendo o Design Menu001](https://2img.net/h/bp0.blogger.com/_UzMNg5dbGaw/RZpgSya5zDI/AAAAAAAAACM/YGsf4Lnj6Is/s400/menu001.JPG)
Ferramenta de seleção “Selection Tool” (seta preta): com
ela você poderá selecionar todos os objetos que você for adicionando em
suas animações. Ela também será útil na hora de fazer modificações
nas linhas dos desenhos;
Ferramenta de sub-seleção “Subselection Tool” (seta branca) :
serve para modificar os pontos e curvas das linhas de contorno. Ao
clicar com ele sobre uma linha, ela ficará verde com os pontos em
evidência. Assim você será capaz de editar ponto a ponto o seu desenho;
Ferramenta de transformação livre “Free Transform Tool”: serve para aumentar e diminuir o tamanho dos objetos selecionados, bem como para rotacionar os mesmos;
Ferramenta de transformação de gradiente “Gradient Transform Tool”: serve para posicionar e modificar as cores dos conteúdos degradê;
Linha “Line Tool”: com ela você pode desenhar linhas;
Laço “Lasso Tool”: serve para selecionar apenas partes desejadas de um desenho;
Caneta “Pen Tool”: com ela você desenha ponto a ponto. Funciona como a ferramenta bézier do CorelDRAW (pra quem já mexeu com ele);
Texto “Text Tool”: serve para inserir textos em sua animação;
Oval “Oval Tool”: com ela você pode desenhar círculos perfeitos ou mesmo elipses;
Retângulo “Rectangle Tool”: com ela você pode desenhar desde retângulos e quadrados até alguns poliedros;
Lápis “Pencil Tool”: você pode fazer desenhos de mão-livre (não é a melhor ferramenta pra quem usa o mouse);
Picel “Brush Tool”: também é utilizada para desenhos de mão-livre, mas é um pouco mais fácil de usar que o lápis;
Tinteiro “Ink bottle Tool”: serve para mudar a cor do contorno de seus desenhos;
Balde de tinta “Paint Bucket Tool”: serve para pintar o conteúdo de seus desenhos;
Conta gotas “Eyedropper Tool”:
serve para você selecionar alguma cor que queira em seus desenhos (por
exemplo, você quer o mesmo tom azul de um objeto que já está dentro de
sua animação, mas você não sabe o código dela);
Borracha “Eraser Tool”: serve para apagar parte ou todo o seu desenho;
Mão “Hand Tool”: serve para mover o palco para que você tenha um melhor ângulo de seu desenho para fazer alterações;
Lupa “Zoom Tool”:
serve para aumentar ou diminuir o seu desenho para que você possa ter
uma visão mais clara do todo ou de um objeto em particular.
A cada ferramenta selecionada, o campo de opções (options) no menu da esquerda mudará.
Alguns tutoriais do Flash:
Tutoriais flash :: Webtutoriais.com
Básico
Flash Web Training - Tutoriais, Jogos, Open Sources, Cursos de Flash
Intermédio
Flash Web Training - Tutoriais, Jogos, Open Sources, Cursos de Flash
ActionScript
Flash Web Training - Tutoriais, Jogos, Open Sources, Cursos de Flash
Download do Flash:
Adobe - Adobe Flash - Downloads Videos-Tutoriais:
Um tutorial de como usar a bone tool
Bone Tool Tutorial - Flash CS4 on Vimeo
Espero que gostem e façam proveito deste belo programa, se um dia usarem.
Cinema 4D
- Spoiler:
![[Mega Tutorial]Conhecendo o Design Logo_cinema](https://2img.net/h/www.cadtec.com.br/internas/cinema4d/logo_cinema.png)
Um programa muito bom, para quem curte trabalhos em 3D, e quem curte ótimos gráficos!
CINEMA 4D (ou Cinema 4D) é um programa de computador comercial
multiplataforma para modelagem 3D, texturarização, iluminação, animação e
renderização 3D, desenvolvido pela empresa alemã MAXON Computer GmbH.
Ele é capaz de modelagem procedural e poligonal. Já foi usado em alguns
filmes/animações, tais como: We Are the Strange, Polar Express, Open
Season e Monster House.![[Mega Tutorial]Conhecendo o Design 15821_2_o](https://2img.net/h/www.tdt3d.com/shared_files/uploaded/3244/15821_2_o.jpg)
Ferramentas:![[Mega Tutorial]Conhecendo o Design Tutoferramentas2oc](https://2img.net/r/ihimizer/img359/1892/tutoferramentas2oc.jpg)
Tutoriais do C4D (Cinema 4D):
3d Studio Max: TUTORIAL - Simulação de profundidade 3D Studio MAX
Cinema4D - Full Guide by ~plasma-studio on deviantART
Cinema 4D tutorial: Model a bath on Vimeo
Download Cinema 4D:
Procurem no google, pois não poderei postar conteúdo pirata aqui, e o download do original eu não encontrei.
Vai ai o site da Maxon para a compra ou o download da Versão DEMO (que não recomendo)
MAXON: Who should use it?
PAINT
- Spoiler:
Um programa muito pouco usado, mas famoso em todo o mundo, é o Paint,
que por sua simplicidade, acaba sendo um programa legal para alguns que
sabem usá-lo para a criatividade.
O Paint é um aplicativo que faz parte do grupo Acessórios do Windows.
Permite o desenvolvimento, edição e impressão de imagens digitais que
são salvas automaticamente como Bitmaps, podendo também ser salvas como
gifs ou jpegs.
Usando o Paint:
O Paint é um programa usado para desenhar, colorir e editar imagens.
Você pode usar o Paint como um bloco de desenho digital para criar
imagens simples e projetos criativos ou adicionar texto e designs a
outras imagens, como aquelas obtidas com sua câmera digital.
As partes do Paint
Para abrir o Paint, clique no botão Iniciar, em Todos os Programas, em Acessórios e em Paint.
Ao iniciar o Paint, você vê uma janela que está quase totalmente em
branco, com apenas algumas ferramentas para desenhar e pintar. A
ilustração a seguir mostra as diferentes partes da janela do Paint:
![[Mega Tutorial]Conhecendo o Design 08d880fe-a592-483d-8a31-b508716750ea_0](https://2img.net/h/res1.windows.microsoft.com/resbox/pt-Ptb/Windows%20Vista/main/08d880fe-a592-483d-8a31-b508716750ea_0.png)
Trabalhando com ferramentas
O Paint inclui uma prática
coleção de ferramentas de desenho na caixa de ferramentas. Você pode
usá-las para criar desenhos à mão livre e adicionar várias formas às
imagens.
Esta seção descreve algumas tarefas comuns. Para obter informações sobre
como usar cada ferramenta da caixa de ferramentas do Paint, consulte
Ferramentas do Paint.
Desenhar uma linha
Algumas ferramentas, como o lápis, o pincel, a linha e a curva, permitem
criar variadas linhas retas, curvas e sinuosas. O que você desenha é
determinado pela maneira como você move o mouse ao desenhar. É possível
usar a ferramenta de linha para desenhar uma linha reta, por exemplo.
- Na caixa de ferramentas, clique na ferramenta Linha
![[Mega Tutorial]Conhecendo o Design 6f9beb15-5600-44cb-9535-7b6b4ae8478a_14](https://2img.net/h/res2.windows.microsoft.com/resbox/en/Windows%20Vista/main/6f9beb15-5600-44cb-9535-7b6b4ae8478a_14.png)
. - Na caixa de Cores, clique na cor que deseja usar.
- Para desenhar, arraste o ponteiro pela área de desenho.
Desenhar uma linha sinuosa
Seus desenhos não precisam ser compostos apenas de linhas retas. Você
pode usar a ferramenta Curva para criar curvas suaves, por exemplo. O
Lápis e o Pincel podem ser usados para criar formas livres completamente
aleatórias.
- Na caixa de ferramentas, clique na ferramenta Lápis
![[Mega Tutorial]Conhecendo o Design Ced13ab1-566a-449f-a143-f54f31c3e666_14](https://2img.net/h/res1.windows.microsoft.com/resbox/en/Windows%20Vista/main/ced13ab1-566a-449f-a143-f54f31c3e666_14.png)
. - Na caixa de Cores, clique na cor que deseja usar.
- Para desenhar, arraste o ponteiro pela área de desenho.
- Na caixa de ferramentas, clique na ferramenta Linha
- Spoiler:
![[Mega Tutorial]Conhecendo o Design Tut-indesign-222x180](https://2img.net/h/www.eliezergrawe.com.br/wp-content/uploads/2011/06/tut-indesign-222x180.jpg)
O Adobe InDesign com certeza continua entre os programas mais famosos
para os designers que trabalham diariamente com diagramações, produção
de revistas, capas para CD e muitos outros materiais diferentes.
Ferramentas-
Tutoriais InDesign:
InDesign Basics - Criando um novo documento on Vimeo
InDesign | Layers Magazine
Download InDesign:
Adobe InDesign CS5.5
Adobe Photoshop
- Spoiler:
![[Mega Tutorial]Conhecendo o Design Adobe-photoshop-cs2-cs3-cs4-portable](https://2img.net/h/mc-downloads.org/wp-content/uploads/2009/09/adobe-photoshop-cs2-cs3-cs4-portable.png)
É amiguinhos, finalmente chegamos onde "vocês queriam" o bom e famoso
Photoshop, um programa muito usado por iniciantes, intermédios e
avançados na área do design, esse é o programa que praticamente todos
usam e precisam, para expor sua criatividade, ele tem de tudo e mais um
pouco.
Ferramentas:
![[Mega Tutorial]Conhecendo o Design 2i6mf0z](https://2img.net/h/oi25.tinypic.com/2i6mf0z.jpg)
Tutoriais:
Tutoriais Design
Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
Nestes links ai, você encontra vários tutoriais, os mais comuns são de photoshop.
Aprofundamento
É, já chega de tanto programa kkk, vamos agora partir pro que interessa,
para a explicação de tudo e mais um pouco, para o que realmente irá
ajudar vocês, isso dai foi só uma introduçãozinha para que vocês
escolham o melhor programa que vos agradem.
Artes do design
Vou postar exemplos dos diferentes tipos de artes que existem no mundo do design, começando com o Digital Painting.
Pintura digital é uma forma de arte emergente em que as técnicas
tradicionais da pintura, como aquarela , óleo , impasto , etc, são
aplicadas usando ferramentas digitais por meio de um computador , uma
mesa digitalizadora e caneta , e software . um exemplo de mesa
digitalizadora é essa:![[Mega Tutorial]Conhecendo o Design Wacom-Bamboo-Pen-tablet](https://2img.net/h/klpost-portfolio.wikispaces.com/file/view/Wacom-Bamboo-Pen-tablet.jpg)
E exportando para o computador local pode se pintar a arte feita na mesa digitalizadora usando o PaintToolSAI,ou até o próprio Photoshop,Illustrator,depende de pessoa em pessoa.
E com tudo isso pode se obter resultados brilhantes como esses:![[Mega Tutorial]Conhecendo o Design Anjelina_Jolie__digital_paint__by_padisio](https://2img.net/h/fc01.deviantart.net/fs36/f/2008/282/6/1/Anjelina_Jolie__digital_paint__by_padisio.jpg)
padisio![[Mega Tutorial]Conhecendo o Design Minuet_of_Forest_by_yumedust](https://2img.net/h/fc03.deviantart.net/fs40/f/2009/007/b/6/Minuet_of_Forest_by_yumedust.jpg)
![[Mega Tutorial]Conhecendo o Design Hanging_out_by_purplekecleon-d42disa](https://2img.net/h/fc09.deviantart.net/fs70/f/2011/213/7/c/hanging_out_by_purplekecleon-d42disa.png)
purplekecleon
Aqui vai um tutorial de Digital Paint para os curiosos![[Mega Tutorial]Conhecendo o Design TUTORIAL__Digital_Paint_in_PS_by_Etoli](https://2img.net/h/th01.deviantart.net/fs23/PRE/f/2008/022/d/6/TUTORIAL__Digital_Paint_in_PS_by_Etoli.png)
Dark Art
Dark Art é uma arte que tenta expressar medo,terror em seu conceito,que
pode ser feita em vários e vários programas relacionados ao design, como
eu disse no começo, é só usar a sua criatividade.![[Mega Tutorial]Conhecendo o Design Dark_by_LEX2FLEX](https://2img.net/h/fc08.deviantart.net/fs51/f/2009/274/b/0/dark_by_LEX2FLEX.jpg)
LEX2FLEX
A dark art não nescessita de tutoriais, e sim experiencia em aplicar as
texturas e/ou recursos a compor o job, que siga o tema Dark.
Signatures
Signatures são as assinaturas geralmente usadas em foruns,e costumam a
chegar no máximo a 500x250,segue alguns exemplos de signs para vocês:
![[Mega Tutorial]Conhecendo o Design Iron_blue_peb_by_ireversebl-d49f6ud](https://2img.net/h/fc08.deviantart.net/fs71/f/2011/253/b/4/iron_blue_peb_by_ireversebl-d49f6ud.png)
iReversebl
![[Mega Tutorial]Conhecendo o Design ____by_matheussos-d475wdg](https://2img.net/h/fc05.deviantart.net/fs71/f/2011/231/d/d/____by_matheussos-d475wdg.png)
matheussos
![[Mega Tutorial]Conhecendo o Design VQ7cL](https://i.imgur.com/VQ7cL.png)
Luccas
Large Piece's (LP)
Large Pieces conhecidas como LPS são artes maiores,geralmente com tamanho maiores que 500x250
![[Mega Tutorial]Conhecendo o Design Light_in_the_unknown_by_matheusfs-d45ognd](https://2img.net/h/fc07.deviantart.net/fs70/i/2011/218/8/e/light_in_the_unknown_by_matheusfs-d45ognd.png)
colored![[Mega Tutorial]Conhecendo o Design Mortal_Inquisition_by_kire1987](https://2img.net/h/fc05.deviantart.net/fs50/f/2009/318/6/5/Mortal_Inquisition_by_kire1987.jpg)
kire1987![[Mega Tutorial]Conhecendo o Design The_forgotten_wardens_by_kire1987-d3brafn](https://2img.net/h/fc03.deviantart.net/fs70/f/2011/077/8/0/the_forgotten_wardens_by_kire1987-d3brafn.jpg)
kire1987
Vexel/Vector
Vexel/Vector são artes que são feitas geralmente no illustrator,e basicamente,são ilustrações
![[Mega Tutorial]Conhecendo o Design 42fc4914a1f6e96762c353635743f6d5-d3hykmc](https://2img.net/h/fc09.deviantart.net/fs71/f/2011/154/4/2/42fc4914a1f6e96762c353635743f6d5-d3hykmc.jpg)
guto
![[Mega Tutorial]Conhecendo o Design A5bad5a54e60e3a439487ac81fadb19b-d3f7epm](https://2img.net/h/fc07.deviantart.net/fs70/f/2011/119/a/5/a5bad5a54e60e3a439487ac81fadb19b-d3f7epm.jpg)
guto![[Mega Tutorial]Conhecendo o Design Heart_colors_by_kameloz-d3fe80h](https://2img.net/h/fc04.deviantart.net/fs71/f/2011/122/a/1/heart_colors_by_kameloz-d3fe80h.png)
kamelo
Recursos
Recursos, são imagens onde você pode usar, para criar seus trabalhos.
Render
![[Mega Tutorial]Conhecendo o Design Aegis%7E1](https://2img.net/h/planetrenders.net/renders/albums/userpics/70313/Aegis%7E1.png)
Sites úteis:
Planet Renders v4.1
deviantART: where ART meets application!
Google
Entre outros links.
Texturas
![[Mega Tutorial]Conhecendo o Design Textura-PApel-Pardo-Amassado](https://2img.net/h/3.bp.blogspot.com/-CyxnOLRJ-Hk/TazS7Vx3EtI/AAAAAAAAADU/4cHWZzFyV3M/s400/Textura-PApel-Pardo-Amassado.JPG)
Sites úteis:
stock.xchng - the leading free stock photography site
deviantART: where ART meets application!
Google
C4D's
Effect:
![[Mega Tutorial]Conhecendo o Design C4D_Effect_Render_3_by_Ess3nce](https://2img.net/h/fc01.deviantart.net/fs11/i/2006/175/e/a/C4D_Effect_Render_3_by_Ess3nce.jpg)
Solid, Abstract, Color, Bio
![[Mega Tutorial]Conhecendo o Design 2wdsjv6](https://2img.net/h/oi52.tinypic.com/2wdsjv6.png)
Wireframes:
![[Mega Tutorial]Conhecendo o Design 72137836](https://2img.net/r/ihimizer/img411/754/72137836.png)
Metabolis:
![[Mega Tutorial]Conhecendo o Design Metabolis_mini_pack__3_by_cloud_mu-d3kkgq3](https://2img.net/h/fc03.deviantart.net/fs71/i/2011/181/f/4/metabolis_mini_pack__3_by_cloud_mu-d3kkgq3.png)
Bubble:![[Mega Tutorial]Conhecendo o Design C4D_Bubble_Bonus_Pack_by_xnyk](https://2img.net/h/th04.deviantart.net/fs42/PRE/i/2009/164/5/a/C4D_Bubble_Bonus_Pack_by_xnyk.png)
Sites úteis:
Planet Renders v4.1
deviantART: where ART meets application!
Google
Fractal
![[Mega Tutorial]Conhecendo o Design 3D-graphics_Abstract._Fractal_019813_](https://2img.net/h/www.zastavki.com/pictures/1280x1024/2010/3D-graphics_Abstract._Fractal_019813_.jpg)
Sites úteis:
deviantART: where ART meets application!
Google
Monster Fractals Packs
Brushes
Sites úteis:![[Mega Tutorial]Conhecendo o Design Assasin-abstract-brushes](https://2img.net/h/qbrushes.net/downloads/images/preview/assasin-abstract-brushes.jpg)
deviantART: where ART meets application!
Google
QBrushes - Quality Brushes for Photoshop
PSD (Arquivo Photoshop)
É a extensão de um arquivo do próprio photoshop onde você poderá guardar todo o seu procedimento feito, para depois continuar na hora que você quizer.
Link de PSD's:
![[Mega Tutorial]Conhecendo o Design Robot_soldier_psd_file_by_angelziin-d47xc2f](https://2img.net/h/www.deviantart.com/download/255177303/robot_soldier_psd_file_by_angelziin-d47xc2f.png)
![[Mega Tutorial]Conhecendo o Design Button_for_free_by_aydeezy-d3ef9qb](https://2img.net/h/fc07.deviantart.net/fs70/i/2011/110/a/7/button_for_free_by_aydeezy-d3ef9qb.png)
Buttons by aydeezy
[color:062b=#666]Button for FREE by ~AYDeezy on deviantART
Atenção!:
PSD's são arquivos como já falei onde você pode gravar todo o seu
progresso no trabalho, então fique atento, elas são somente para estudo e
aprendizagem dos efeitos usados, NÃO RIP!
SOTW(Sign Of The Week)
Tutorial Geral ( Adobe Photoshop ):Competição onde os competidores que participam, mostram os seus
melhores trabalhos, nesse caso a sua melhor Sign para tentar vencer.
Começamos aqui um básico tutorial de alguns filtros do Adobe Photoshop, um programa muito usado na parte do Design.
Sharpen ( Nitidez )
Como se usar?
O Sharpen pode ser usado de duas maneiras
É uma delas você indo em Filter>Sharpen>Sharpen (como mostra a foto abaixo):![[Mega Tutorial]Conhecendo o Design 7rnKF](https://i.imgur.com/7rnKF.png)
Onde você pode escolher as outras opções de Sharpen, como: Sharpen Edges, Sharpen More, Smart Sharpen e Unsharp Mask.
E também pode usar o sharpen pela ferramenta:
![[Mega Tutorial]Conhecendo o Design H4EeD](https://i.imgur.com/h4EeD.png)
Mas para que serve o sharpen?
O Sharpen serve para dar mais nitidez em sua imagem, melhorando ou não a
qualidade e a composição dela, isso dependerá de como você utilizará
ele.
Blur ( Desfoque )
Como se usar?
O Blur também é um filtro e também uma ferramenta como o sharpen, você pode usar das seguintes maneiras. Pela Aba Filter:
![[Mega Tutorial]Conhecendo o Design KU0Eu](https://i.imgur.com/KU0Eu.png)
E pela ferramenta Blur Tool:
![[Mega Tutorial]Conhecendo o Design BJRsr](https://i.imgur.com/BJRsr.png)
Para que serve?
A Ferramenta Blur ou Desfoque (em português) no caso do photoshop, serve
para você tirar as imperfeições, ou a quantidade de sharpen dada, de
uma image, as vezes o blur deixa seu trabalho com uma qualidade péssima,
mas as vezes ele ajuda muito.
Smudge
o Smudge, não tem conceito, e sim a criatividade, basta você selecionar a
sua ferramenta que é Smudge Tool, tem uma imagem dela a cima e mexer no
Strength, e só. É questão de criatividade, de esforço e de experiência.
Exemplo de Smudge:
![[Mega Tutorial]Conhecendo o Design Adam_jensen_smudge_by_bruuninhodesign-d491yfx](https://2img.net/h/fc04.deviantart.net/fs71/f/2011/249/2/5/adam_jensen_smudge_by_bruuninhodesign-d491yfx.jpg)
![[Mega Tutorial]Conhecendo o Design For_edsonklein_by_bruuninhodesign-d491z2j](https://2img.net/h/fc08.deviantart.net/fs70/f/2011/249/5/2/for_edsonklein_by_bruuninhodesign-d491z2j.jpg)
Displace
Displace... a o displace, uma dificuldade de várias pessoas, mas não tão
dificil de fazer, Não falarei muito sobre ele, Para se usar o
displace, De um Apply Image e/ou vá em Filter>Distort>Displace,
faça as config/ou não, apague algumas partes e pronto.
Para lhes explicar melhor, posto esse tutorial aqui:
![[Mega Tutorial]Conhecendo o Design Z9hfblvxe6fxx9jjpk](https://2img.net/h/tsimagens.com/central/images/z9hfblvxe6fxx9jjpk.png)
Tipografia, efeitos nela, interação
![[Mega Tutorial]Conhecendo o Design Y](https://2img.net/h/i.imagehost.org/0592/y.png)
Dica: Em
primeiro lugar não coloque uma tipografia apenas para ter, se for pra
fazer &¨*%($)% nem faça, tente sempre da um up nela com algum efeito
como stroke nela, ou algum brush, tente mescla-la com alguma c4d, tente
da um clip mask nela, se não houver espaço ou no caso de a tipografia
deixar um lado desigual não coloque-a, eu na minha opinião nao gosto de
tipografia com clip mask quando o trabalho é clean, mais ai já é
pessoal, e lembre-se a tipografia é algo para dar um ar melhor na sign,
nem sempre é preciso ter ela. Iluminação, como fazer e dicas
![[Mega Tutorial]Conhecendo o Design Untitled-1_15](https://2img.net/h/i.imagehost.org/0059/Untitled-1_15.png)
Dica:Antes
de fazer sua iluminação examine a stock/render e veja onde esta os
pontos de iluminação. Agora vou aproveitar para ensinar umas técnicas de
iluminação e aumentar a visibilidade de areas escuras da stock/render:
Fazendo uma iluminação simples:
Após achar seu ponto de iluminação, pegue um soft brush branco e brushei
o ponto e mude o blend mod da layer pra soft light, agora crie uma nova
layer e faça o mesmo procedimento mas sem mudar o blend mod apenas
baixando a opacidade. Ai vocês me perguntam ''aa mas ta simples d+''
então incremente, tente pegar uma c4d e mude a cor dela pra P&B e
então vá em filter>>blur>>gaussian blur e coloque 2 px então
posicione de acordo com sua iluminação.
Ainda nao gostou da sua iluminação?
Então tente essa:
Crie uma nova layer e pinte tudo preto, pegue um soft brush e com uma
cor forte brushiei exatamente no ponto da iluminação e coloque o blend
mod em linear dodge.
Ainda não gostou da iluminação
ou você se mata '-'
ou pegue uma c4d de iluminação coloque no ponto de iluminação e apague o
resto que não está nos pontos, agora aplique um gaussian blur e coloque
o blend em linear dodge.
Palavras do Colored:
Bom é isso ai pessoal, deu no
que deu, demorei muito para fazer este tutorial para auxiliar vocês em
seus caminhos, não gosto de dizer quanto tempo demorei, mas foi em torno
de 2 dias.
Quero agradecer especialmente ao Biél Lozano, que me ajudou muito nesse tutorial e me deu isentiva para que eu o criá-se.
- Os Créditos vão á:
- Matheussos' - Por parte da organização.
- Bruninho
- Colored
- Orb
- Web Cheats
- DeviantART
- Windows Live Messenger
- Cerberus Reborns
- 'Insane
- ~Leoo
E para seus respectivos autores de todas as imagens e links que foram postados nesse tutorial.
Espero que tenham gostado, e espero que sirva de ajuda para vocês, não
fiz mais pois estou meio doente, e então dificulta a fazê-lo.
A e se estiver algo faltando, contate-me por Mensagem Privada, ou por
mensagens no meu perfil, com o que falta que eu imediatamente editarei o
tópico.
Abraços'
Todos os créditos aos autores e á o Colored pelo tópico.
Thanks.
![[Mega Tutorial]Conhecendo o Design 924371](https://2img.net/u/3114/16/11/60/smiles/924371.gif)
