AVALIAÇÃO

AVALIAÇÃO

PROJETO FINAL

Informações do Projeto CLIQUE AQUI

Data de Entrega: 03 de Junho - sexta

Impresso

APENAS ENTREGA NÃO É PRECISO APRESENTAÇÃO

VOUCHERS

Data de Entrega: 03 de Junho - sexta

Impressos coloridos em A4

Acompanha folha de rosto e postagem no dropbox CLIQUE AQUI

Relação de Vouchers: [valem de 0 à 1 e devem ser bem feitos]

1_ Resenha de um dos livros sugeridos online - clique aqui

2_ Análise de Site - clique aqui - clique aqui

3_ Camiseta [estampa acompanhada do desenho da camiseta]

4_ Redesenho [Foto + vetor desta foto - não é rastrear/trace]

5_ Desenho livre criação com anotações de ferramentas/comandos/efeitos utilizados.

PROJETO FINAL | AVALIATIVO SEGUNDO BIMESTRE

PROJETO FINAL AVALIATIVO | LAYOUT DE SITE RESPONSIVO

DOWNLOAD DE CONTEÚDO CLIQUE AQUI

Nota: 0 à 10 - Segundo Bimestre

_Individual ou em dupla ou em trio

O que fazer:
_ Recriar a página de capa de um layout de algum site utilizando illustrator ou indesign [photoshop]
_ Aplicar em formato tela de computador e para Dispositivo Móvel [Celular e Tablet]


Formato ver modelos possíveis abaixo:

_ Conferir o tamanho de uma tela em pixels [pesquisar]
_ Prancheta no tamanho da tela.

Nome do arquivo:

_Nome dos[as] acadêmicos[as]

INFORMAÇÕES QUE DEVE CONTER NA CAPA DA INTERFACE DO SITE

_ As mesmas informações do site de pesquisa

_ Apenas redesenhar [recriar]

_ Sugestão: http://www.templatemonster.com/

Data de Entrega:

_03 de JUNHO

Como Entregar:

_Impresso em folha A3

_ Colocar o nome do autor[res] do projeto

_ Imagem Original em uma folha separada A4

_ Imagem Recriada [tela de computador] Tablet + Celular

_ Apresentar a imagem do computador | Tablet | Celular - o redesenho estara dentro desta imagem.

POSTAR NO DROPBOX

PASTA: AVALIAÇÃO SEGUNDO BIMESTRE

- Criar uma pasta com o[s] nome[s] do[s] acadêmicos.

_Dentro da pasta com seu nome [acima] COLOCAR OS ARQUIVOS:

. AI [Arquivo em Illustrator - arquivo do site responsivo] PRANCHAS SEPARADAS [site - tablet - celular]

AS TRES PRANCHAS NO MESMO ARQUIVO - em tamanho original

.PDF do A3 FINAL

Exemplos de imagens de sites responsivos

O QUE É SITE RESPONSIVO
Sites responsivos, ou flexíveis, tem como função se adaptar a qualquer tamanho de tela, permitindo que o site seja visualizado com eficiência em computadores, tablets e celulares. Criar sites responsivos fornece uma ótima experiência de visualização, fácil leitura e navegação com um mínimo de redimensionamento.


O papel da Criação de sites responsivos na evolução do mundo digital
Com a evolução do mundo digital e das tecnologias o acesso a internet passou a ser feito por meio de diferentes dispositivos, como tablets e smartphones. Para evitar o desenvolvimento de sites específicos para cada um deles, a melhor solução é utilizar os sites responsivos que respondem de acordo com o tamanho e a resolução de cada tela acessada.

Veja os sites abaixo e abra em seu celular:

http://www.kingshillcars.com/

http://lynnandtonic.com/

http://urban-svensson.com/

http://www.red-root.com/cv/

http://rourkery.com/

http://upperdog.se/

http://designprofessionalism.com/

http://pgrady.com/

http://glitch.com/

http://clearairchallenge.com/

http://dustinsenos.com/

http://staffanstorp.se/

http://trentwalton.com/

http://owltastic.com/

http://buildguild.org/

http://www.dolectures.com/

http://arrrrcamp.be/

http://spigotdesign.com/

http://www.sleepstreet.be/

http://colly.com/

http://stephencaver.com/

http://sasquatchfestival.com/

http://hicksdesign.co.uk/

http://ribot.co.uk/

http://sweethatclub.org/

http://cognition.happycog.com/

http://www.holidaysapart.com/

ILLUSTRATOR

DETALHES IMPORTANTES

_MANIA SEMPRE: PONTEIRO PRETO - VAZIO [não deixe nada selecionado];

_IMPORTAR: Crtl + Shift + P;

_Shift faz formas perfeitas;

_Algumas ferramentas que apresentam uma SETA NO CANTO, esconde outras ferramentas;

_PARA FRENTE e PARA TRÁS: clicar com o direito do Mouse sobre o objeto ORGANIZAR [arrange] - ENVIAR PARA TRÁS ou ENVIAR PARA FRENTE [Send to back - ou - Sent to front];

_Salvar o arquivo

1. Abrir novo Arquivo
MENU>ARQUIVO>NOVO  [menu>file>new]
Verificar:
_Nome [name];
_Perfil [profile];
_Número de Pranchetas [number of artboards];
_Tamanho [size];
_Unidades [Units] sugestão: mudar para cm;

2. Pranchetas

_Atenção, caso não encontre a ferramenta vá em:

MENU>JANELA>PRANCHETAS [Menu>windows>artbords]

Verificar:

_Criar Prancheta;

_Deletar Prancheta;

_Alterar tamanho das Pranchetas;

_Posição das Pranchetas: lado a lado, acima e abaixo;

_ATENÇÃO AOS DESENHOS DOS ÍCONES DE CRIAÇÃO DAS PRANCHETAS:

3. Formas Básicas:

_Ferramentas: RETÂNGULO | CIRCULO | POLÍGONOS | ESTRELA ...

Atenção:

_Ferramenta estrela muda ao pressionar o ALT e muda se usar as SETAS DO TECLADO.

4. Caneta

_Atenção: Fechar o nó [aquele quadradinho que desenha cada linha];

_Use as setas preta e branca para movimentar os nós;

_Use as opções de ferramenta caneta para CRIAR, DELETAR e CURVAR nós;

_Possível modificar e aumentar as bordas [contornos];

Opções de Traçado: Clique na palavra TRAÇADO > LINHA TRACEJADA

STROKE>DASHED LINE

5. Cor

_Atenção à COR DE CONTORNO e à COR DE PREENCHIMENTO;

_A Ferramenta CONTA GOTA seleciona uma cor da fotografia se desejar;

ATENÇÃO: ALGUMAS IMAGENS QUE ESTÃO EM TONS DE CINZA [geralmente ao transformar uma foto em vetor]. Estas irão colorir qaundo selecionadas e aplicadas pela ferramenta SWATCHES [FERRAMENTA QUADRICULADO] ao lado direito da interface.

6. Opacidade

_Oferece transparência ao objeto;

_Há opções de opacidade se clicar na palavra em laranja que se apresenta no menu;

7. Visualizar Contornos [aramado]

_MENU >EXIBIR> CONTORNAR [menu>view>OUTLINE]

   [Para voltar clique no mesmo caminho e veja normalmente a imagem - GPU PREVIEW];

8. Rastrear | Trace

a_ Trazer uma foto para a prancheta [CTrl + Shift + P]

b_ Manter a foto Selecionada;

d_ Clicar em RASTREAR [TRAÇADO DA IMAGEM]

IMAGE TRACE | EXPAND

e_ATENÇÃO ÀS DIFERENTES OPÇÕES DE TRAÇADO [clique na seta para expandir a caixa]

f_Em seguida clique em EXPANDIR

g_Segue: clicar com o direito do MOUSE e DESAGRUPAR

h_ Clique no VAZIO e volte a selecionar partes para separar se desejar

ATENÇÃO: sempre verificar em aramado pois pode ter uma imagem branca sobre fundo branco E SÓ É POSSÍVEL VER EM ARAMADO.

9 Pathfinder

MENU> JANELA>PATHFINDER [Menu>window>pathfinder]

_Selecionar objetos desejados para CORTAR | SOLDAR | ...

10. Ferramenta Pintura

_Atenção às opções de tamanho e cor do traço

11. Alinhar

Selecione mais de um objeto

MENU>JANELA>ALINHAR [menu>window>align]

12. Duplicar - CRTL+D

_Além da tecla ALT para duplicar você pode:

_Aplicar o CTRL+D para reproduzir a última ação

_Alt + SHIF = duplica arrastando alinhado

13. Power Clip [colocar a foto dentro da forma]

a_Crie uma forma;

b. Coloque uma imagem atras

c. SELECIONE OS DOIS E PRESSIONE > CTRL+ 7

14.Texto

_Selecionar a ferramenta e escrever.

_Opções de fontes e tamanhos

_ Opções de acompanhar a linha [DEPENDE DE COMO FOI FEITO A LINHA]

Converter em CURVAS [desenho] CTRL+SHIFT+O [ó]

15. Rotacionar Objeto

_Clique para escolher a ANCORA - posição de ROTAÇÃO

16.Gradiente

_A Ferramenta Gradiente está em ambos os lados da interface;

_Clique para criar novas cores ou manipular as posições das cores;

_ Opção: LINEAR e RADIAL

17_3D

MENU>EFEITO>3D [Menu>effect>3D]

_Verificar diferentes opções de 3D:

Extrusão e Bisel | Extredu & Bevel

Revolução | Revolve

18. GRADE [grid] | Réguas [rulers]

MENU>EXIBIR>GRADE [menu>view>Show Gride]

19.Enviar para Gráfica | Salvar em PDF

_Salvar em PDF

_Aplicar marcas

NOVO VOUCHER | VOUCHER NR 5

CRIE UM DESENHO LIVRE E ESCREVA OS ITENS > FERRAMENTAS APLICADAS

SALVE NA PASTA DE VOUCHER NR 5

CRIE UMA PASTA COM SEU NOME OU DA SUA DUPLA

SALVE EM ILLUSTRATOR e PDF COM MARCAS DE CORTE