August 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!
June 21stO 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.
» 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.
June 12thConcurso “Por um Sec.un.dum mais bonito”
Conforme o Jobson me pediu, estou divulgando a campanha “Por um Sec.un.dum mais bonito”, artigo extraído do texto da Cynara do MundoTecno, e eu vos repasso:
Se trata de um concuros para ver a melhor sugestão de design para o Sec.un.dum onde o vencedor ganhará R$ 200,00 de prêmio. E o Mundo Tecno foi escolhido como moderador deste concurso.
As regras são as seguintes:
1. Você tem que ser associado ao Sec.un.dum. Se não é, basta se associar.
2. Faça um post onde fala sobre o concurso (colocando um link para este post) e onde mostra seu layout (através de uma imagem de tamanho mínimo 800×600, para que todos possam ver melhor. Coloque uma miniatura dela no seu post, claro). Você deverá dar sua sugestão de logotipo, favicon e layout para a página principal e páginas internas.
3. Insira um comentário aqui neste post colocando o link para o post que você criou. À medida que os comentários forem aparecendo, atualizo o post com as imagens, para ficar mais fácil para visualizar tudo em uma página só.
4. Você pode enviar layouts até o dia 13 de julho. Quem irá decidir o vencedor será o próprio Jobson, autor do Sec.un.dum. Aí é só aguardar o resultado, que saírá no dia 15 de julho aqui mesmo, no Mundo Tecno. Quem ganhar irá embolsar R$ 200,00 como prêmio!
Perguntas freqüentes:
- Posso enviar um layout que já existe?
R. Não, o layout deve ser original. Cópias serão desqualificadas.
- Posso enviar mais de um layout?
R. Pode sim, aliás, quanto mais sugestões você mandar, mais chances de ganhar – e mais trackbacks pro seu blog!
- Preciso fazer o layout completo, com html, css e tudo o mais?
R. Não, você pode só desenhar em um bom editor gráfico se quiser. O que importa é a imagem do layout.
- Meu layout foi o vencedor. O Sec.un.dum vai ficar do jeitinho que eu sugeri?
R. Lembre-se que você irá mandar uma sugestão de design. Então o layout vencedor é passível de alteração para se adaptar a alguma política interna do Sec.un.dum. - Ganhei! Como vou receber o dinheiro?
R. Se você foi o vencedor, parabéns! O Sec.un.dum entrará em contado com você para pedir suas informações e enviar o prêmio.
Layouts enviados até agora:
Nenhum layout inscrito até o momento.
*Esses dias estou sem postar devido ao fato de na faculdade está muito corrido, muitas provas, mas quando essa turbulência passar irei trazer vários artigos interessantes e claros para vocês.
June 7th7 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
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
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
