• Home
  • Posts RSS
  • Comments RSS
  • Edit
Blue Orange Green Pink Purple

.

.

Apostila Completa de InDesign CS3


Opa!
Andando esses dias pela internet, descobri uma apostila supercompleta de InDesign, no próprio site da Adobe.
A Apostila em pdf, tem em torno de 40 Mb e mais de 600 páginas!
Ainda existe a opção de visualizar como página da internet.
Clique aqui e confira!
Read More 2 Bytes e 3 bits | Postado por Prof Luiz Filipe | edit post

Corel Draw de Aniversário

É, o nosso querido Corel Draw está completando 20 aninhos em 2009.
Por isso, a Corel está lançando uma edição especial de aniversário.
A edição está disponível pra download no site da Corel (trial), e ainda há um concurso mundial de quem é o melhor designer gráfico do mundo utilizando o Corel Draw.

Clique aqui para conferir na íntegra a notícia e a baixar a versão X4 Edição de Aniversário

Abrazzz
Read More 0 Bytes e 3 bits | Postado por Prof Luiz Filipe | edit post

Dicas de CorelDRAW

Buenas!
Dando continuidade ao blog, vamos falar de um programa que gosto muito e cada vez me surpreendo mais: o Corel Draw.
Volta e meia alguns alunos me perguntam: "Sôr, como faço um logotipo?". Existem milhares de maneiras de criar um logotipo, mas isso vai depender de uma série de coisas, como o segmento da empresa, perfil da empresa e mais um monte de coisas.
Mas uma boa dica pra quem tá iniciando, é começar pelo começo.
No próprio Corel, ao ser aberto, apresenta a opção "CorelTutor". Ao ser clicada, essa opção o levará ao site da Corel, e um dos tutoriais disponíveis é a criação de um logotipo.
Já vi muitos logotipos muito bons pela internet... Mas outros muito ruins também. Esse tutorial, mostra um logo bem criativo, num nível intermediário e bem fácil de se fazer.
Então clique aqui e vá direto ao tutorial do logotipo, ou clique aqui e escolha o tutorial.

Abrazzz
Read More 0 Bytes e 3 bits | Postado por Prof Luiz Filipe | edit post

Criando um Layout com Fireworks

Buenas! Iniciando a idéia do blog, começamos com um dos meus programas favoritos: o Fireworks!

Constantemente eu recebo a mesma pergunta dos meus alunos: "Como usar o equilibrio e atingir um resultado final bom, em um novo website. Decidi criar uma sequência de artigos mostrando a construção do famoso Layout Legal.

Página inicial do projeto:

Página interna do projeto:

Clique aqui para fazer o download dos arquivos.

Como vocês viram, o layout não tem nada de muito complicado. A idéia principal é criar um trabalho limpo, bonito e combinando as cores. Vamos à primeira parte do trabalho:

Crie um novo arquivo no Fireworks, com as seguintes medidas:

Desenhe um retângulo e configure da seguinte maneira:

Vamos trocar o tipo de preenchimento para Linear, sendo a primeira cor #99CC00 e a segunda #E7F3C2, deixando o degradé configurado da seguinte maneira para o resultado abaixo:

Desenhe outro retângulo para fazermos o topo e siga as configurações:

Preenchimento: Linear

Primeira Cor: #0867BC

Segunda Cor: #FFFFFF

Linha com espessura: 2

Cor da Linha: #287BC5

Vamos adicionar o filtro Inner Glow

Cor do efeito: #287BC5

Chegaremos ao seguinte resultado:

Para finalizar a primeira parte, vamos importar as imagens: Logo e Imagem 1.

Posicionamento das Imagens:

Logo: X: 29, Y: 14

Imagem 1: X: 516, Y: 22



Vamos dar continuidade à série.

A imagem acima mostra a fase que interrompemos a criação do layout.

Desenhe um retângulo com a seguinte configuração:

Chegamos ao seguinte resultado para finalizarmos o fundo do site:

Crie a área da newsletter e desenhe um retângulo com a seguinte configuração:

Agora vamos configurar os efeitos do retângulo:

Preenchimento:

Degradê Linear

Cor 1: #FF6600 - Cor 2: #FFC164

Filtro Inner Glow: cor - #FF6600

Teremos o seguinte resultado:

Agora vamos adicionar os textos e criar os campos:

Assine nossa newsletter - Fonte: Agency FB, tamanho 18, estilo negrito e cor #FFFFFF

Fique por dentro das novidades - Fonte: Agency FB, tamanho 14, estilo negrito e cor #FFFFFF

Nome e E-mail - Fonte: Agency FB, tamanho 14, estilo negrito e cor #FFFFFF

Configuração das caixas de campo:

Cor de preenchimento: #FFFFFF

Cor do contorno: #666666

Veja o resultado:

Vamos construir o botão OK para finalizarmos esta parte:

Desenhe uma elipse no tamanho 67 x 67 com as seguintes configurações

Preenchimento: Radial, Cores: #FFFFFF e #438BCC

Contorno: #438BCC

Deixe o degradê na seguinte posição:

Vamos adicionar os filtros:

Inner Glow:

Cor do efeito: #438BCC

Drop Shadow:

Cor da sombra: #666666

Agora faça o seguinte desenho com a ferramenta caneta:

Adicione o efeito Feather na quantidade 4, para finalizar o botão vamos adicionar o texto "OK".

Veja o resultado final:


O layout encontra-se assim até o momento:

Desenhe um retângulo de cantos arredondados modificando os cantos utilizando a tecla ALT. Em sequência aplique as configurações abaixo:

Preenchimento: Gradiente Linear nas cores: #009999 e #7CCACA

Contorno: espessura = 2 e cor: #009999

Agora duplique o retângulo criado, mantendo-o na mesma posição. Com a ferramenta Caneta (Pen tool) edite para chegar ao resultado abaixo:

Foi necessário fazer algumas alterações no preenchimento do retângulo duplicado, alterando as cores para preto e branco, sem contorno, opacidade 26% e Blend Mode para Screen.

Precisamos acrescentar os itens do menu: A Academia, Profissionais, Saúde, Novidades, Tabela de Horários, Fotos e Contato.

Utilizando os procedimentos citados acima criem as outras caixas:

Cores e efeito utilizado:

Caixa 1:

Preenchimento: #FFCC00 e #FF9900;

Contorno: #FF6600;

Efeito: Inner Glow, cor: #FF6600 e tamanho: 2;

Caixa 2:

Preenchimento: #FFFF66 e #CCCC00;

Contorno: #CCCC00;

Efeito: Inner Glow, cor: #CCCC00 e tamanho: 2;

Caixa 3:

Preenchimento: #619ED4 e #A8C9E8;

Contorno: #70A8D8;

Criaremos os títulos de cada caixa:

Efeito do texto: Glow;

Adicionamos mais alguns itens para ilustrar o layout para finalizar:

Considerações finais:

No efeito criado atrás da imagem foi utilizado o filtro Alien Skin Splat!, que infelizmente não consta mais no Fireworks CS3।

Espero que vocês tenham gostado.

Abraço

Fonte: www.imasters.com.br

Read More 0 Bytes e 3 bits | Postado por Prof Luiz Filipe | edit post
Postagens mais recentes Página inicial

  • Sobre:
      Bloguezin do Sôr Luiz Filipe, onde ele fala sobre Design, Web-Sites, e tendências da Web.
  • Menu

    • 80132 (1)
    • 8052 (8)
    • 8070 (1)
    • 8076 (1)
    • 8079 (2)
    • 8080 (5)
    • 8081 (2)
    • 8085 (2)
    • 8092 (1)
    • 8158 (3)
    • 8160 (3)
    • Corel Draw (5)
    • Design (14)
    • Dreamweaver (4)
    • Fireworks (6)
    • Flash (3)
    • Gadgets (1)
    • Hardware (2)
    • HTML (3)
    • Illustrator (1)
    • InDesign (1)
    • Jogos em Flash (2)
    • Joomla (3)
    • Layout (5)
    • MySQL (3)
    • Nerdices (4)
    • Notícias (3)
    • Para meus Alunos (6)
    • Pérolas da Informática (4)
    • Pessoal (3)
    • Photoshop (13)
    • PHP (7)
    • Processadores (1)
    • Programação (7)
    • Projeto Final (2)
    • Redes de Computadores (1)
    • Rock Band Brazil (1)
    • Sistemas Operacionais (1)
    • TCC (2)
    • Tipografia (1)
    • Tutoriais (11)
    • Video-Aulas (17)
    • Web Design (10)

    Followers

    Blog Archive

    • ► 2012 (29)
      • ► outubro (1)
      • ► setembro (2)
      • ► agosto (6)
      • ► julho (1)
      • ► junho (1)
      • ► maio (3)
      • ► abril (5)
      • ► março (10)
    • ► 2010 (32)
      • ► outubro (2)
      • ► maio (7)
      • ► abril (1)
      • ► março (2)
      • ► fevereiro (2)
      • ► janeiro (18)
    • ▼ 2009 (23)
      • ► novembro (1)
      • ► outubro (2)
      • ► setembro (3)
      • ► agosto (1)
      • ► julho (1)
      • ► junho (2)
      • ► maio (8)
      • ► abril (1)
      • ▼ março (4)
        • Apostila Completa de InDesign CS3
        • Corel Draw de Aniversário
        • Dicas de CorelDRAW
        • Criando um Layout com Fireworks
  • Pesquisar






    • Home
    • Posts RSS
    • Comments RSS
    • Edit
    Back to Top