InícioContato Política de Privacidade e Responsabilidade



Agosto 17th

Expression Design

A um bom tempo tinha prometido falar sobre este programa novo da Microsoft. Vou abordar um pouco para vocês sobre para que ele serve e algumas características legais.

O Microsoft Expression Design é uma ferramenta profissional para design e ilustração permitindo que você crie elementos voltados para a web e para interfaces de aplicativos.
Ele segue os padrões de interface já estabelecidas por programas como o Ilustrator e o Corel Draw. O diferencial do Expression Design é que ele é voltado para o ambiente digital, como já falei, se você quer usar uma ferramenta para web ou aplicativos de desktop, experimente o Expression Design!
Algumas Características do Expression Design:

  • Na Área de trabalho o botão de rolagem do mouse é usado para aumentar ou diminuir o zoom.
  • Propriedades: Você edita o preenchimento dos objetos e o contorno separadamente.
  • No Painel Layers você pode organizar todas as camadas utilizadas no projeto.
  • Ele traz na sua barra de ferramentas recursos para montar textos, polígonos e ferramentas de pintura.
  • Interface no Expression Design: Possui ferramentas muito parecidas com a do Illustrator. Ele vem com uma galeria de contornos com efeitos como pincel de tinta e tracejado. Tem a ferramenta do zoom como já abordei, que é bem interessante e prático.
  • Compatibilidade: Os projetos são salvo em uma extensão diferente: .design. Possui opcões para você exportar imagens nos formatos tradicionais como jpeg, gif, etc. Ah suporta psd também!
  • Efeitos no Expression Design: O programa traz mais de cinquenta efeitos para imagens e vetores. Você pode aplicar esses efeitos, também chamados de Live Effects sem alteração nos pixels da imagem original, evitando uma perda na qualidade da imagem. Você pode combinar vários efeitos, alterar a ordem para melhorar o aspecto da imagem. Os efeitos bevel, emboss e blur não poderiam ficar de fora dele também!

Integre ele com o Expression Blend: Com ele você pode exportar os projetos para o formato XAML, na prática vai facilitar bastante a integração com o Expression Blend.

Faça um teste e veja o que você acha dele!

Postado em: Design |Comentários (4)
Junho 21st

O rival do Flash

Chegou a vez da Microsoft apostar na aproximação entre programadores e designers. O Expression Blend cria aplicações multimídia para web e desktop. Ele será vendido no Brasil este mês ainda. Trago a vocês algumas informações úteis sobre o programa:

» Barra de ferramentas: abriga componentes de seção, traçado e também objetos prontos para uso.

» Painel Triggers: É por meio deste painel que o usuário insere as ações, eventos, caixas de texto e outros elementos do projeto. Feito visualmente, bastando selecionar o objeto e escolher a ação por meio de um menu.

» Propriedades: uma caixa de busca facilita a localização de propriedades, atributos.

» Linha do tempo: o progresso das animações é mostrado no painel.

» Área de trabalho: Onde é mostrado o visual de suas aplicações.

» Appearance: Aqui você ajusta a transparência e a janela do objeto

Como ele funciona:

» Aplicações: No Expression Blend você pode criar aplicacoes de três tipos: desktop, onde o aplicativo gera um arquivo executável comum, um .exe. Web, onde é gerado um html e ou arquivos XAML e JavaScript, que são interpretados pelo plugin Silverlight. E programas Híbridos que são programas instalados no desktop, mas consultam dados da web constantemente. Um exemplo deste tipo de programa é um leitor de notícias que pega dados da web para atualizar sua lista de matéria.

Expression Blend

» Interface: Lembra muito a do Flash, vem com uma área central para desenho e posicionamento de objetos, uma barra de ferramentas e uma linha do tempo para controle de animações. Aos mais avançados podem ativar a janela XAML para editar diretamente o código do projeto.

» Linguagens: utiliza XAML(Extensible Applicaton Markup Language) para montagem de interfaces das aplicações, trabalha com linguagens da plataforma .NET (VB.NET, C#) e JavaScript para procedimentos como manipulação de objetos e inclusão de eventos. Elas são suportadas pelo plugin Silverlight 1.1, a plataforma nova da microsoft para construção de aplicações multimídia para internet.

O programa interage com o Expression Design que eu vou abordar daqui a alguns dias, e também os usuários podem abrir seu trabalho dentro do Visual Studio, para criar recursos de programação mais avantajados!

Obs: Para ver as aplicações Web criadas no Blend é necessario instalar o plugin Silverlight que está disponível para o Internet Explorer e Firefox. Infelizmente ele ainda não roda no Linux, só Windows e Macintosh.

Junho 7th

7 Dicas para usar o Photoshop CS3

7 dicas de truques rápidos para fazer efeitos no Photoshop CS3.

  • PINTURA INSTANTÂNEA

Para obter um visual artístico a partir de uma foto você deve usar o recurso FIND EDGES. Abra a imagem desejada e acesse o menu Filter, depois Stylize e, aí Find Edges. Vá no Menu Edit e escolha a opção Fade Find Edges. Vai surgir uma janela, nela escolha, em Mode, a opcão Luminosity. Depois mexa nos valores de Opacity até obter o visual mais desejado. Só clicar em OK agora!

  • MARCA D’ÁGUA

marca.jpg
Uma Marca d’água nas suas imagens é sempre bom para diminuir o risco das cópias não autorizadas. Faça assim: abra a imagem desejada, clique na feramenta de texto (horizontal type tool) e depois no ponto da imagem que receberá a marca d’água. Tecle o texto desejado e selecione-o com o mouse. agora, acesse o menu Layer, depois Layer Style e Blending Options. Na janela que aparece, diminua o valor em Opacity até que o texto fique com a transparencia desejada. Clique em ok e pronto.

  • CORES NO PRETO E BRANCO

preto e branco
Um jeito legal de destacar as cores de um item na foto é deixá-lo como único item colorido. Para isso, copie a camada de fundo em uma nova, usando o atalho ctrl+j. com essa camada selecionada, acesse o menu Image, e escolha adjustments e Desaturate. Depois, acesse o menu Layer, depois Layer Mask e Reveal All, Agora, clique no pincel (Brush), escolha a cor preta, e clique no botão com desenho de menu na barra superior. Com o pincel, vá, então, marcando as áreas que ficarão coloridas e o efeito estará pronto.

  • DESTAQUE O FOCO

Esse efeito é rapido e dá um bom destaque em fotos, mantendo apenas um elemento em destaque. Abra a imagem e crie uma camada copiando a de fundo (com o atalho Ctrl+J). Depois, com a nova camada selecionada, acesse o menu Filter, depois Blur e então Gaussian Blur. Escolha raio (Radius) de 5,0 pixels. Para que os elementos em destaque diferenciem-se do fundo, clique em ok. acesse o menu layer, depois layer mask e clique em reveal all. escolha a ferramenta de pincel (brush), e a cor preta. pinte a área que terá destaque.

  • REPETINDO EFEITOS

Essa dica é simples apesar de pouca utilizada no PS, ela é a criação de ações (actions) para repetição de tarefas. Dessa forma quem vive redimensionando imagens, pode criar uma ação e associá-la a um atalho de teclado para isso, acesse a aba Actions. clique no quinto botão na parte inferior da janela. Na tela que surgirá, dê um nome para a ação e escolha um atalho do teclado. Agora, clique em Record e repita o processo que será gravado. Clique, então, no primeiro botão da janela onde estava a aba Actions.

  • OPERAÇÕES EM LOTE

COm as ações, o photoshop também pode fazer alterações em lote nas imagens, poupando ainda mais tempo. Para isso, antes de tudo você terá de criar uma ação para a operação que quer aplicar ao lote de imagens. depois, acesse o menu Automate e depois Batch. Na janela que surgirá , escolha a ação que será aplicada as imagens, a pasta em que estão os arquivos que serão modificados e uma segunda pasta, caso não se queira sobrescrever as fotos originais. Clique em ok e pronto.

  • ROTAÇÃO AUTOMÁTICA

Um problema clássico ao digitalizar uma foto é o resultado não ficar alinhado. Fazer a rotação é fácil, mas o Photoshop conta com uma técnica para descobrir o ângulo correto. É só usar a ferramenta Ruler, que é acessada clicando-se no conta-gotas e mantendo o botão do mouse pressionado. Crie uma linha rente á parte superior da imagem dealinhada. Agora, acesse o menu Image, depois Rotate Canvas e, entao, Arbitrary. O Ângulo de rotação correto será preenchido com base no que foi estimado pela ferramenta Ruler.

Fonte: Revista Info 

Assine Assine

Assine o Blog do Italo por e-mail