25 Atalhos no Teclado Para Photoshop CS5
4.11.11
Postado por Gustavo Pelisson
Esta é uma lista dos mais úteis atalhos de teclado padrão do Photoshop que você pode usá-los para acelerar o seu fluxo de trabalho. Você pode fazer o download do photoshop CS5 nesta página. Espero que todos irão encontrar alguns atalhos novos e úteis neste artigo. Então vamos começar!
Design – Dicas
22.10.11
Postado por Gustavo Pelisson
Qual o melhor sistema de estatísticas para sites ?
22.10.11
Postado por Gustavo Pelisson
Quem publica na internet, seja profissionalmente ou como hobby, já deve ter se feito estas perguntas: Como andam meus acessos? De onde vêm meus visitantes? O que eles acessam? No caso dos editores que levam seus sites à sério, a pergunta também está ligada à monetização. Afinal, para atrair anunciantes é nescessário provar a existência de seu público. A resposta pode ser facilmente apresentada por sistemas de monitoramento estatísticos, que podem ser divididos em 2 categorias:
- SERVIÇOS REMOTOS – Empresas ou serviços que geram estatísticas através da web.
- SCRIPTS PROPRIETÁRIOS – Sistemas que geram estatísticas através de scripts instalados localmente.
Dicas Rápidas, Truques e Atalhos do Photoshop
2.5.10
Postado por Gustavo Pelisson
1 - Navegando nos documentos abertos
Design para quem não é Designer
19.4.10
Postado por Gustavo Pelisson

Design para quem nâo é Designer: Noções Básicas de Planejamento Visual
O livro introduz ao design e a diagramação, através dos 4 princípios básicos do design: proximidade, alinhamento, repetição e contraste. Usando exemplos de “antes” e “depois”, estimula o leitor a fazer suas próprias experiências. Traz também o básico sobre: tipologia, serifa, estilo, peso, tamanho.
Significado: Design
1.3.10
Postado por Gustavo Pelisson
Denomina-se design qualquer processo técnico e criativo relacionado à configuração, concepção, elaboração e especificação de um artefato. Esse processo normalmente é orientado por uma intenção ou objetivo, ou para a solução de um problema.
Exemplos de coisas que se podem projetar incluem muitos tipos de objetos, como utensílios domésticos, vestimentas, máquinas, ambientes, e também imagens, como em peças gráficas, famílias de letras, livros e interfaces digitais de softwares ou de páginas da internet, entre outros.
Design é também a profissão que projeta os artefatos. Existem diversas especializações, de acordo com o tipo de coisa a projetar. Atualmente as mais comuns são o design de produto, design visual, design de moda e o design de interiores. O profissional que trabalha na área de design é chamado de designer.
Finalmente, o design pode ser também uma qualidade daquilo que foi projetado.
O termo deriva, originalmente, de designare, palavra em latim, sendo mais tarde adaptado para o inglês design. Houve uma série de tentativas de tradução do termo, mas os possíveis nomes como projética industrial acabaram em desuso.
Especializações:
Dentre as especializações do design mais comuns na atualidade se encontram:
Design de Comunicação
Design Visual
Design Gráfico
Design tipográfico
Design editorial
Design institucional
Design de embalagem
Design de jogos
Design Digital
Design de hipermídia
Webdesign
Design de jogos de computador
Design de Som
Design de Produto
Design automobilístico
Design de embalagem
Design de mobiliário
Design de Moda
Design de jóias
Design de Estamparia
Design de Ambientes
Design de interiores
Design de iluminação
Existem ainda atividades que se auto-identificam com a expressão "designer" mas sem qualquer relação com a atividade de projeto propriamente dita. Exemplos incluem hair designer (para cabeleireiro), cake designer (para confeiteiro), body designer (para tatuador).
Fonte: Wikipedia
Veja a imagem a seguir:
O que é resoluçao?
26.1.10
Postado por Gustavo Pelisson
Ao trabalharmos com fotografias (imagens) é muito importante sabermos o que significa resolução da imagem. Se você não souber e entender isso definitivamente com certeza terá grandes prejuízos na frente.
Quando uma fotografia é digitalizada por um método inadequado ou por algum equipamento de péssima qualidade, as cores saem péssimas, aparecem serrilhas ou borrados e os arquivos podem ficar extremamente grandes.
Para evitar estes problemas use scanners profissionais com alta resolução.
Existem scanners planos ou de filmes. Os scanners planos são mais usados para o escaneamento de cópias de papel ou seja o tradicional que todos usam. Já os de filme são apropriados para negativos e positivos coloridos e preto e branco de 35 mm.
"O correto seria usarmos os de filme. Pois podemos captar uma gama de cores e detalhes superior aos convencionais."
Caso você tenha uma câmera digital de boa qualidade tudo fica mais fácil. Apenas não se esqueça de configurar para tirar as fotos na resolução máxima.
Mas o que é resolução?
Resolução é a quantidade de pixels por unidade de comprimento impresso em uma imagem, que normalmente é medido em pixels por polegada, ou como é mais conhecido: DPI “Dots Per Inch”.
Bom, toda imagem é formada por pontos minúsculos, chamados de pixels. Ou seja quanto mais pontos tiverem a imagem, maior será a qualidade dela. Menor resolução de captura digital é de 72 DPI.
Consideramos boa resolução quando ela possui 300 DPI´s, ou seja 300 pontos por polegada.
Quando você imprime uma imagem de baixa resolução 72 DPI´s, ela fica cheia de pixels (quadradinhos) ou serrilhada e sem nitidez.
Para quem é fotógrafo, jornalista ou trabalha como (Designer) freelancer restaurando fotos, tem que trabalhar com no mínimo 300DPI´s
OBS: Não adianta você ter um arquivo de 300DPI´s com 5 cm e querer imprimir ele no tamanho de 20x25 cm. Se fizer isso pode acontecer de perde a qualidade.
Se você tem um arquivo de 15 centímetros com 300 DPI´s o ideal é imprimir do mesmo tamanho ou menor, pois assim não perderá a qualidade.
Aumentar a resolução da imagem e diminuir o tamanho do arquivo funciona normalmente, mas aumentar a resolução e manter o tamanho do arquivo estoura a imagem totalmente.
Como criar um site inteiramente gratuito na Web
15.1.10
Postado por Gustavo Pelisson
Nesta vídeo aula você ira aprender a criar um cadastro nos dois melhores servidores de hospedagem gratuitos da web, sendo eles o Freehostia e o zymic, em seguida aprendera a instalar o Wordpress em ambos os servidores, dessa maneira você terá um site e um domínio inteiramente gratuito fazendo uso do wordpress que é uma plataforma semântica de vanguarda para publicação pessoal.
Profissao: Designer gráfico
7.1.10
Postado por Gustavo Pelisson
O designer gráfico é o profissional habilitado a efetuar atividades relacionadas ao design gráfico. Logo, o designer gráfico é aquele profissional que traz ordem estrutural e forma à informação visual impressa.
Exemplos de produtos do trabalho de um designer gráfico são as páginas diagramadas de um livro ou uma revista, a configuração visual de uma embalagem, logotipos de empresas e instituições, fontes tipográficas, entre outros. O escopo de sua atividade pode também se estender à reflexão das possibilidades de estruturação visual das mensagens e sua repercussão social: assim como um arquiteto não apenas projeta edifícios mas também reflete acerca da organização do contexto urbanístico de um assentamento humano, é papel do designer gráfico não apenas desenvolver soluções visuais de comunicação, mas também refletir acerca do atual âmbito de produção e consumo de mensagens. São de relevância para o designer gráfico exercer sua atividade o domínio sobre as tecnologias que lhe servem de ferramenta, e a construção de um repertório visual e de cultura geral amplos.
O termo, a princípio, descreve habilitações diversas que mantêm uma formação ou prática semelhante. Portanto, designer de livros, designer de tipos, diagramador,designer de embalagem ou designer de cartaz, por exemplo, seriam diferentes atuações de designers gráficos. O mais importante para definir a área de atuação de um designer gráfico é perceber a natureza dessa atuação (mídia impressa) e se ela é relacionada à acepção geral do termo design gráfico.
A denominação foi cunhada originalmente em inglês (graphic designer), por William Addison Dwiggins em 1922.
Profissão
No Brasil, a profissão do designer gráfico não é regularizada (o que significa que não existe Conselho de Classe, como o CREA ou a OAB), embora ela conste do Catálogo Geral de Profissões do Ministério do Trabalho. No campo acadêmico, o curso superior de Desenho industrial possui a habilitação programação visual oudesign visual que engloba, dentre outras especializações de um designer, o design gráfico. O curso é reconhecido pelo Ministério da Educação.
Apesar da legislação permitir que qualquer cidadão exerça a atividade, normalmente isto é feito por profissionais formados em escolas superiores de Design. Antes delas surgirem, porém, uma grande quantidade de profissionais estabeleceu-se após receberem formação em áreas correlatas, como a arquitetura (especialmente designers formados pela FAUUSP) e em cursos como o do Instituto de Arte Contemporânea do Museu de Arte de São Paulo.
Créditos: Wikipédia
Profissão: Webdesigner
7.1.10
Postado por Gustavo Pelisson
Se voltarmos dez anos no tempo só para analisarmos como um site de internet se parecia, encontraríamos algo bastante rudimentar em comparação ao que temos hoje. Interfaces constituídas por frames, hiperlinks mantidos em azul, botões e gifs animados - que atualmente renderiam motivos para não voltar mais àquela página. Entretanto, resumir a atuação do webdesigner a apenas deixar interfaces bonitas e saber trabalhar com softwares gráficos é eliminar uma série de estudos (indispensáveis) na formação de um bom profissional.
Entretanto, antes de chegarmos ao webdesign propriamente dito, é preciso saber que esta profissão é um dos braços do design aprendido nas faculdades. Por isso, é importante ter em mente que ser um bom designer pouco tem a ver com saber aplicar filtros de Photoshop com maestria, tampouco criar formas e layouts a esmo. Se você deseja trabalhar como webdesigner, precisa saber que a faculdade envolve três grandes áreas: o design gráfico, design de produto e design de moda.
O que é o webdesign?
Dessa maneira, pode-se encaixar o webdesign dentro do design gráfico, uma vez que trabalha com a criação de projetos e desenvolvimento de interfaces gráficas de acordo com um briefing passado pelo cliente. De maneira geral, o webdesigner deve estar preparado para criar projetos, layouts, banners e até mesmo alguns scripts e ajustes na estrutura do produto web no qual ele estiver trabalhando.
O trabalho do webdesigner não se resume a criar apenas as interfaces. Muitos deles podem desenvolver aplicações web, afinal, muito do webdesign passa por linguagens de marcação e programação. Entretanto, é importante não confundir as atribuições desses profissionais com as dos desenvolvedores web. Os webdesigners têm como maior preocupação desenvolver uma interface sólida que garanta o perfeito entendimento do conteúdo e a qualidade de navegação. Os focos são bastante diferenciados, porém nada impede ambos de acumularem as funções.
Quais programas eles usam?
Para ser um bom webdesigner você precisa saber linguagens de marcação como HTML, XML, XHTML, linguagens de folhas de estilo (CSS, XSL), assim como algumas formas de script como JavaScript, PHP e ASP. Não é necessário saber as essências dessas linguagens, porém é bom tê-las bem trabalhadas para casos em que o projeto envolva fazer alterações estruturais em templates e outros usos. Já que haverá a necessidade de saber usar PHP e ASP, é importante saber como trabalhar com bancos de dados MySQL e PostgreSQL.
Em termos de software, o webdesigner irá utilizar técnicas do design aplicadas em softwares como o Adobe Photoshop, Illustrator e Fireworks para gerar imagens; Adobe Dreamweaver para trabalhar com CSS e linguagens de marcação; e Corel Draw para trabalhar com imagens em vetor. Esses programas oferecem precisão e facilidade para a compreensão de ferramentas, filtros e controles que garantem um bom aproveitamento da técnica aprendida na faculdade. Contudo, existem alternativas gratuitas aos editores de imagem, como por exemplo o GIMP. Alguns sites exigem animações interativas; para isso, o Adobe Flash é uma das ferramentas chave!
Áreas de atuação
As áreas de atuação são bastante variadas. Basta que a empresa possua um setor de web para que esse profissional seja requisitado. Além disso, o webdesigner pode atuar como profissional autônomo ou freelancer, de modo que seus projetos serão independentes de uma empresa, porém dependem da vontade dos clientes. Dessa forma, o projeto de webdesign passa pelas seguintes etapas:
- Análise de contexto
- Propósito
- Análise de público
- Adequação ao conteúdo
- Compatibilidade e restrições (navegadores, fontes etc)
Todos esses pontos estão interligados de uma maneira bastante forte. Inicialmente é fundamental levantar todas as informações inerentes ao público-alvo e as diretrizes de comunicação que melhor o atendem. Em seguida é definida a estrutura do site e as tecnologias que serão empregadas para viabilizar o desenvolvimento do projeto. Um dos aspectos a ser considerado é que, por ser uma mídia em constante mudança, a web exige especial atenção no que se refere a resolução, navegadores e padrões de linguagem.
Segue-se então a etapa de criação da interface, montagem dos HTMLs, folhas de estilo e demais recursos, seguida pela fase da implementação do projeto e execução de testes. Assim, se você quer ser webdesigner, deve saber que é preciso trabalhar com um resumo daquilo que o projeto deverá conter. A partir daí, é preciso fazer uma série de análises, testes e estudos a respeito das cores utilizadas, fontes, formas e vários outros aspectos.
Essa dedicação se faz bastante necessária nos últimos tempos, afinal as convergências tecnológicas vêm exigindo uma flexibilidade tanto das linguagens de programação, quanto da interface que acompanha este sistema. Por isso, depois de ter analisado o mercado e observado que as palavras de ordem são flexibilidade, disposição e conhecimento é possível fazer quase qualquer tipo de trabalho para o qual você seja designado. De nada adianta pensar em plataformas e não aplicar formas de torná-las integradas e participativas.
Como está o mercado de trabalho?
Atualmente, o webdesigner deve saber atuar em meios bastante variados, afinal em pouco tempo a internet deixará de ser exclusividade de computadores. A entrada de smartphones no mercado fez com que o usuário tenha a web próxima a ele não importa onde esteja. Dessa mesma forma, o webdesigner deverá ser um profissional pronto para aprender novas linguagens e absorver novas tendências. Do contrário, o estilo e as criações ficam obsoletos, afastando este profissional do mercado. Por isso, a adaptação às várias mídias é praticamente a nova lei aos webdesigners.
Em termos de rotina de trabalho, a demanda depende bastante do lugar em que o webdesigner trabalha. Porém, o mercado tem sido ameaçado pelo que os designers chamam de “sobrinhos”. Esses “sobrinhos” nada mais são do que um usuário que até possui alguns conhecimentos de utilização de software e que começam a fazer sites para amigos e familiares. Mais tarde eles passam a fazer parte de uma parcela “não especializada”, que consegue roubar clientes dos designers profissionais por oferecerem um preço menor.
Contudo, a prática dos amadores fica em um nível em que o cliente também não exige um produto exatamente profissional. Mas ainda assim os “sobrinhos” são concorrentes. Porém, quando se trata de empregos em agências multidisciplinares - que abordam a comunicação de uma maneira completa com especialistas em web, rádio, televisão, redação e marketing - os webdesigners têm um bom momento para conseguir um lugar ao sol.
A média nacional de salários pagos a webdesigners fica em torno de R$ 1.100,00 para um webdesigner pleno. Os valores pagos a um profissional nível “master" pode chegar a R$ 1.417,00, de acordo com o Banco Nacional de Empregos. Contudo, dependendo do projeto a ser realizado, o profissional pode chegar a receber mais que o dobro desses valores, caso o cliente peça interfaces elaboradas e vários recursos. Por isso, sempre existe a alternativa de trabalhar de maneira independente, com projetos isolados.
Créditos: Baixaki
Corel Draw: Teclas de Atalho
12.11.09
Postado por Gustavo Pelisson
Abrir - Ctrl+O
Alinhar pela grade - Ctrl+Y
Alinhar pela linha de base - Alt+F12
Atualizar janela - Ctrl+W
Converter contorno em objeto - Ctrl+Deslocamento+Q
Elipse - F7
Envelope - Ctrl+F7
Escalar - Alt+F9
Formatar texto - Ctrl+T
Girar - Alt+F8
Imprimir - Ctrl+P
Lentes - Alt+F3
Localizar texto - Alt+F3
Mostrar caracteres não imprimíveis - Ctrl+Deslocamento+C
Mão livre - F5
Novo - Ctrl+N
O que é isto? - Deslocamento+F1
Opções - Ctrl+J
Polígono - Y
Posição - Alt+F7
Retângulo - F6
Revisor Ortográfico - Ctrl+F12
Sair - Alt+F4
Texto - F8
Visualização deTela cheia - F9
Agrupar - Ctrl+G
Alinhar centros na horizontal - E
Alinhar centros na vertical - C
Alinhar pela base - B
Alinhar pelo topo - T
Alinhar à direita - R
Alinhar à esquerda - L
Alternar estado da seleção - Ctrl+Space
Alternar exibição - Deslocamento+F9
Aumentar tamanho da fonte - Ctrl+NUMPAD 8
Avançar um - Ctrl+PgUp
Borracha - X
Caneta - F12
Capitulação - Ctrl+Deslocamento+D
Centralizar - Ctrl+E
Centralizar pela página - P
Colar - Ctrl+V
Colar - Deslocamento+Insert
Contorno - Ctrl+F9
Combinar - Ctrl+L
Converter em curvas - Ctrl+Q
Converter em texto artístico - Ctrl+F8
Copiar - Ctrl+C
Copiar - Ctrl+Insert
Cor - Deslocamento+F12
Cor - Deslocamento+F11
Duplicar - Ctrl+D
Deslocamento para baixo - Seta para baixo
Desagrupar - Ctrl+U
Desfazer Excluir - Ctrl+Z
Desfazer Excluir - Alt+Backspace
Deslocamento para cima - Seta para cima
Deslocamento para a direita - Seta para direita
Deslocamento para a esquerda - Seta para esquerda
Diminuir tamanho da fonte - Ctrl+NUMPAD 2
Diminuir tamanho da fonte - Ctrl+NUMPAD 2
Direita - Ctrl+R
Distribuir centros horizontalmente - Deslocamento+E
Distribuir centros verticalmente - Deslocamento+C
Distribuir espaço horizontalmente - Deslocamento+P
Distribuir espaço verticalmente - Deslocamento+A
Distribuir na base - Deslocamento+B
Distribuir no topo - Deslocamento+T
Distribuir à direita - Deslocamento+R
Distribuir à esquerda - Deslocamento+L
Espiral - A
Excluir - Excluir
Exportar - Ctrl+E
Editar texto - Ctrl+Deslocamento+T
Editor do Visual Basic - Alt+F11
Enquadrar para baixo - Alt+Seta para baixo
Enquadrar para cima - Alt+Seta para cima
Enquadrar à direita - Alt+Seta para direita
Enquadrar à esquerda - Alt+Seta para esquerda
Estilos de gráfico e texto - Ctrl+F5
Esquerda - Ctrl+L
Excluir caractere à direita - Excluir
Excluir palavra à direita - Ctrl+Excluir
Exibir Barra de propriedades - Ctrl+EnterForma - F10
Forçar total - Ctrl+H
Gerenciador de exibição - Ctrl+F2
Gradiente - F11
Importar - Ctrl+I
Itálico - Ctrl+I
Linear - Alt+F2
Lista de estilos - Ctrl+Deslocamento+S
Lista de fontes - Ctrl+Deslocamento+F
Lista de formatos de fonte - Ctrl+Deslocamento+W
Lista de tamanhos de fonte - Ctrl+Deslocamento+P
Lista de tamanhos de fontes HTML - Ctrl+Deslocamento+H
Marcador - Ctrl+M
Menos zoom - F3
Microdeslocamento para baixo - Ctrl+Seta para baixo
Microdeslocamento para cima - Ctrl+Seta para cima
Microdeslocamento à direita - Ctrl+Seta para direita
Microdeslocamento à esquerda - Ctrl+Seta para esquerda
Mover 1 caractere para a direita - Seta para direita
Mover 1 caractere para a esquerda - Seta para esquerda
Mover 1 linha para baixo - Seta para baixo
Mover 1 linha para cima - Seta para cima
Mover 1 moldura para baixo - PgDn
Mover 1 moldura para cima - PgUp
Mover 1 palavra para a direita - Ctrl+Seta para direita
Mover 1 palavra para a esquerda - Ctrl+Seta para esquerda
Mover 1 parágrafo para baixo - Ctrl+Seta para baixo
Mover 1 parágrafo para cima - Ctrl+Seta para cima
Mover para o fim da linha - Fim
Mover para o fim da moldura - Ctrl+Fim
Mover para o fim do texto - Ctrl+PgDn
Mover para o início da linha - Página inicial
Mover para o início da moldura - Ctrl+Página inicial
Mover para o início do texto - Ctrl+PgUp
Mudar maiúsculas/minúsculas - Deslocamento+F3
Mão - H
Mídia artística - I
Navegador - N
Negrito - Ctrl+B
Nenhum - Ctrl+N
Papel gráfico - D
Para frente - Deslocamento+PgUp
Para trás - Deslocamento+PgDn
Preenchimento - G
Preenchimento de malha - M
Propriedades - Alt+Enter
Próxima página - PgDn
Página anterior - PgUp
Refazer Esticar - Ctrl+Deslocamento+Z
Recortar - Ctrl+X
Recortar - Deslocamento+Excluir
Recuar um - Ctrl+PgDn
Repetir Preenchimento Repetir Excluir - Ctrl+R
Salvar - Ctrl+S
Separar - Ctrl+K
Selecionar 1 caractere à direita - Deslocamento+Seta para direita
Selecionar 1 caractere à esquerda - Deslocamento+Seta para esquerda
Selecionar 1 linha para baixo - Deslocamento+Seta para baixo
Selecionar 1 linha para cima - Deslocamento+Seta para cima
Selecionar 1 moldura para baixo - Deslocamento+PgDn
Selecionar 1 moldura para cima - Deslocamento+PgUp
Selecionar 1 palavra à direita - Ctrl+Deslocamento+Seta para direita
Selecionar 1 palavra à esquerda - Ctrl+Deslocamento+Seta para esquerda
Selecionar 1 parágrafo para baixo - Ctrl+Deslocamento+Seta para baixo
Selecionar 1 parágrafo para cima - Ctrl+Deslocamento+Seta para cima
Selecionar até o fim da linha - Deslocamento+Fim
Selecionar até o fim da moldura - Ctrl+Deslocamento+Fim
Selecionar até o fim do texto - Ctrl+Deslocamento+PgDn
Selecionar para início do texto - Ctrl+Deslocamento+PgUp
Selecionar para o início da linha - Deslocamento+Página inicial
Selecionar para o início da moldura - Ctrl+Deslocamento+Página inicial
Selecionar todos os objetos - Ctrl+A
Sublinhado - Ctrl+U
Super deslocamento para a direita - Deslocamento+Seta para direita
Superdeslocamento para a esquerda - Deslocamento+Seta para esquerda
Superdeslocamento para baixo - Deslocamento+Seta para baixo
Superdeslocamento para cima - Deslocamento+Seta para cima
Símbolos e caracteres especiais - Ctrl+F11
Tamanho - Alt+F10
Tamanho da fonte do próximo tamanho combinado - Ctrl+NUMPAD 6
Tamanho da fonte do próximo tamanho combinado - Ctrl+NUMPAD 6
Tamanho da fonte do tamanho combinado anterior - Ctrl+NUMPAD 4
Tamanho da fonte do tamanho combinado anterior - Ctrl+NUMPAD 4
Texto - Ctrl+F10
Texto horizontal - Ctrl+,
Texto vertical - Ctrl+.
Total - Ctrl+J
Versalete - Ctrl+Deslocamento+K
Zoom instantâneo - F2
Zoom instantâneo - Z
Zoom para página - Deslocamento+F4
Zoom para ajustar - F4
Zoom para seleção - Deslocamento+F2
O que é Panfleto?
11.11.09
Postado por Gustavo Pelisson
Computação gráfica
3.11.09
Postado por Gustavo Pelisson
A computação gráfica é a área da computação destinada à geração de imagens em geral — em forma de representação de dados e informação, ou em forma de recriação do mundo real. Ela pode possuir uma infinidade de aplicações para diversas áreas, desde a própria informática, ao produzir interfaces gráficas para software, sistemas operacionais e sites na Internet, quanto para produzir animações e jogos.
Web design
3.11.09
Postado por Gustavo Pelisson
O web design pode ser visto como uma extensão da prática do design, onde o foco do projeto é a criação de web sites e documentos disponíveis no ambiente da web.
O web design tende à multidisciplinaridade, uma vez que a construção de páginas web requer subsídios de diversas áreas técnicas, além do design propriamente dito. Áreas como a arquitetura da informação, programação, usabilidade, acessibilidade entre outros.
A preocupação fundamental do web designer é agregar os conceitos de usabilidade com o planejamento da interface, garantindo que o usuário final atinja seus objetivos de forma agradável e intuitiva.
| Exemplo de um layout complexo. |
| Exemplo de um layout simples. |
O que é Design Gráfico? O que um Designer Gráfico faz?
3.11.09
Postado por Gustavo Pelisson
O que é Design Gráfico?
"Design Gráfico não é só um belo desenho. Design Gráfico é um belo desenho, com um sentido e uma tarefa a cumprir."
Chico Homem de Melo
O Design Gráfico é um processo técnico e criativo que utiliza imagens e textos para comunicar mensagens, idéias e conceitos. Batizado e amadurecido no século 20, é hoje a atividade projetual mais disseminada no planeta. Com objetivos comerciais ou de fundo social, o Design Gráfico é utilizado para informar, identificar, sinalizar, organizar, estimular, persuadir e entreter, resultando na melhoria da qualidade de vida das pessoas.
O trabalho dos Designer Gráfico está inserido no cotidiano da sociedade através de marcas, logotipos, símbolos, embalagens, livros, jornais, revistas, posters, folhetos, catálogos, folders, placas e sistemas de sinalização, camisetas, aberturas e vinhetas de cinema e televisão, web sites, softwares, jogos, sistemas de identidade visual de empresas, produtos e eventos, exposições, anúncios etc.
O que um Designer Gráfico faz?
Primeiramente, ele estuda e conhece questões relacionadas à profissão, como cores, tipografia, produção gráfica, meios de comunicação, marketing, semiótica, ergonomia, entre outras tantas necessárias. Depois ele continua estudando, lendo, navegando, conhecendo e se atualizando, tanto técnica como culturalmente.
Com isso, ele pode estudar cada caso, analisar e vivenciar a situação do cliente, ponderar todas as variáveis, a fim de encontrar a melhor solução, de forma harmônica, viável e que traga resultados.
Como nos dias de hoje, o acesso a programas gráficos está facilitado, qualquer pessoa mesmo não capacitada, diz ser Designer Gráfico, o que não é verdade. Haverá sempre a pergunta "Quem realmente faz Design Gráfico?", para isso segue uma texto de uma grande designer:
"Nem tudo que está impresso é design. Design tem que ter projeto que respeita uma estrutura do começo ao fim. O simples preenchimento de páginas com imagem e letras não é fazer design gráfico."
Emilie Chamie
DVD Plastic Case
28.10.09
Postado por Gustavo Pelisson
Fabricante: Manicho
Tamanho: 2.5 Mb
Formato: Rar / PSD
Idioma: Inglês
Aprenda a compactar suas fotos digitais antes de enviá-las
24.10.09
Postado por Gustavo Pelisson
Arquivos grandes sobrecarregam conexões de internet e entulham disco rígido. Confira dicas para fazer a redução no Windows, no Mac e também na web.
Ann Sakai usa uma câmera digital há oito anos, mas ainda precisa dominar a arte de dimensionar as fotos. Os arquivos de imagem exageradamente grandes que ela envia por e-mail para amigos e família extrapolam o limite de suas caixas de entrada.
“Muitas pessoas já reclamaram do tamanho”, disse Sakai, 51, pesquisadora farmacêutica em Cincinnati. Quando ela mandou uma foto de seus cachorros para o pai, ela disse, “a foto estava tão gigante que tudo o que ele podia ver era um pedaço do pêlo do animal”.
Como muitas pessoas que compartilham fotos, Sakai não sabe como diminui-las antes de enviá-las por e-mail. Os arquivos originais são tão grandes que podem se tornar difíceis de visualizar adequadamente em uma tela. Eles também sobrecarregam conexões de internet e entulham o disco rígido.
O redimensionamento de imagens é uma habilidade simples que vale a pena aprender à medida que mais e mais fotos são trocadas através da internet. Quando configurada para a maior resolução, câmeras digitais padrão capturam imagens em tamanhos de arquivo de aproximadamente 3 MB. Tente anexar alguns desses pequenos gigantes a uma mensagem de e-mail e você pode perder amigos rapidamente (sua família, apesar disso, provavelmente ainda vai continuar com você).
Tamanho
Algumas ferramentas para redimensionar fotos estão incluídas em sistemas operacionais de computadores Windows ou Mac. Outras estão em softwares como Adobe Photoshop Elements e serviços on-line gratuitos de compartilhamento de fotos.
Mas, primeiramente, é importante entender alguns conceitos básicos que irão surgir à medida que você redimensiona fotografias. Câmeras digitais, por padrão, salvam imagens como arquivos JPEG. Esse também é o padrão para imagens na internet. Quando for mandar uma foto por e-mail ou publicá-la, procure um arquivo JPEG cujo tamanho varie entre 50 KB e 100 KB. Isso vai garantir que o download e o upload das imagens sejam rápidos.
Ao redimensionar fotos, sempre salve a imagem redimensionada como uma cópia, ou use outro nome de arquivo, para não substituir o original. Se quiser imprimir fotos depois, você terá resultados muito melhores com esses arquivos de alta resolução.
Redimensionar
Quem usa programas complementares de edição de fotos como o Photoshop Elements vai encontrar alguns outros termos: Constrain Proportions e Resample. A opção de “Constrain Proportions” evita que uma foto fique esticada e distorcida com o redimensionamento. A opção “Resample” permite que o software recalcule e modifique as dimensões de pixels.
Para redimensionar uma imagem no Photoshop Elements, abra a foto e clique em “Image”, depois em “Image size”. Após assegurar que “Constrain Proportions” e “Resample Image” estejam selecionados, mude a resolução para 72, então insira um valor na caixa do tamanho pixel-dimensão -- o outro valor será automaticamente ajustado. Por exemplo, insira uma largura de 800 pixels para redimensionar uma foto de 3MB para um tamanho de aproximadamente 100 KB. Para diminuí-la, clique em “Save”, então mova a barra de deslocamento “Quality” em direção a “Smaller File”.
Se você não tem um software independente de edição de imagens, não se preocupe. Você pode redimensionar as fotos usando programas que vieram com seu computador.
Windows
No Windows Vista, ao clicar duas vezes na foto, o Windows Photo Gallery será aberto, a não ser que você especifique o contrário. Um jeito fácil de redimensionar uma foto é enviá-la por e-mail usando o Photo Gallery. Abra uma foto e clique no ícone de e-mail, e o programa irá oferecer quatro opções de redimensionamento, assim como a escolha de mantê-la no tamanho original. O Windows usa descrições genéricas como “pequena” para indicar resoluções (600 x 400 pixels, por exemplo) e uma estimativa do tamanho da foto. Uma foto de 3 MB redimensionada para “pequena” produz um arquivo de aproximadamente 75 KB.
Quando você clica em “Anexar”, o programa abre seu programa de e-mail e adiciona a imagem à mensagem.
Como alternativa, você pode clicar com o botão direito do mouse em um arquivo de foto, selecionar “Enviar para”, depois “Destinatário”. O software irá criar uma nova mensagem de e-mail e anexar a foto. Para compartilhar várias imagens, pressione a tecla Shift enquanto as seleciona.
O Vista inclui uma opção engenhosa do Windows Photo Gallery que permite juntar fotos rapidamente para fazer um filme. Para fazer isso, clique em “Fazer um filme”, adicione algumas imagens, depois selecione “Publicar filme” e “Enviar por e-mail”. As fotos serão salvas como um arquivo de filme e anexadas a uma nova mensagem de e-mail. Adicione música e títulos se quiser, mas se não quiser todo esse estardalhaço, você pode exibir umas dez fotos usando o Movie Maker em menos de um minuto.
O Windows XP também tem o truque do clique com o botão direito, mas é um pouco mesquinho em relação às opções, só oferece três tamanhos. Um download gratuito da Microsoft oferece mais flexibilidade. As ofertas de plug-in oferecem quatro opções de tamanho, e também permitem inserir dimensões de pixels para altura e largura. No entanto, não existe uma opção para limitar proporções, o que significa que você precisa ter cuidado ao inserir as dimensões, para evitar distorções.
O único problema é que todos esses métodos funcionam somente com Outlook, Outlook Express e Windows Mail. Se você usa e-mail através de navegador, como o Yahoo Mail ou Gmail, fazer o upload e anexar fotos exigem alguns passos extras. Continue lendo no G1
STYLES – PHOTOSHOP
19.10.09
Postado por Gustavo Pelisson
O que são?
Styles são pré-definições da ferramenta Blending Options. Podem ser aplicadas sobre qualquer camada, seja texto ou forma.
Onde encontrar?
- Fazendo download do pacote com 42 styles.
Como instalar?
Após download, clique duas vezes sobre o arquivo ou clique e arraste até dentro do Photoshop.
Tutorial Photoshop(Ferramentas)
15.10.09
Postado por Gustavo Pelisson
Para quem se esta a iniciar no Photoshop e para quem não conheçe o potencial de cada ferramenta, este tutorial será bastante útil.
