01. Pressione Ctrl+O e abra uma foto qualquer, para este tutorial usaremos a imagem abaixo (caso queira usar a mesma imagem clique com o botão direito do mouse sobre a foto abaixo e escolha a opção Save Link As), caso você use outro tipo de foto que não seja preto e branco depois de abrir pressione Ctrl+Shift+U para retirar a saturação da imagem.
02. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra L do teclado para selecionar a Lasso Tool, selecione o colete, gravata e óculos, com a seleção criada pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique na seleção para preencher com a cor escolhida.
03. Agora pressione a letra T do teclado para selecionar a Horizontal Type Tool, neste tutorial foi usada a fonte Arial, tamanho 30, escreva algo, vá em Layer> Rasterize> Layer para rasterizer a layer de texto, desabilite a visibilidade de todas as layers (com excessão da layer de texto) clicando na layer de contorno e indo em Layer> Hide Layers e depois clicando na layer da foto e indo em Layer> Hide Layers, agora vá em Edit> Define Brush Preset para transformar a palavra em Brush, dê um nome para seu brush e pressione Ok.
04. Agora habilite novamente a visibilidade das layers clicando na layer da foto e indo em Layer> Show Layers e depois clicando na layer de contorno e indo em Layer> Show Layers, pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de "Face Dark Details", pressione a letra B do teclado para selecionar a Brush Tool, clique no ícone do brush na barra de opções da ferramenta e escolha o brush que acabamos de criar, vá em Window> Brushes e defina os valores abaixo.
05. Reduza o tamanho do brush para 10 pixels, deixe a opacidade em 100% e passe nas áreas pretas do rosto na foto como na imagem abaixo.
06. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de "Face Medium Details", na barra de opções da ferramenta defina a opacidade do brush em 40% e passe o brush nas áreas de sombra da sua foto como na imagem abaixo.
07. Presssione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de "Face Light Details", repita os mesmo passos aplicando o brush nas partes mais claras da imagem, porém desta vez use a opacidade do brush em 20%.
08. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de "Hair Small", na barra de opções da ferramenta defina o tamanho do brush em 100 pixels e opacidade em 100%, agora vá em Window> Brushes e defina os valores abaixo.
09. Passe o brush nas bordas do cabelo em áreas próximas ao rosto como na imagem abaixo.
10. Agora vá em Window> Brushes e defina os valores abaixo.
11. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de "Hair Medium", defina o tamanho do brush em 175 pixels e passe no restante do cabelo.
12. Caso as palavras sobreponham partes da cabeça como a orelha na imagem abaixo pressione a letra E do teclado para selecionar a Eraser Tool e passe nas áreas onde desejamos deletar as palavras, no caso da imagem abaixo ela foi aplicada na orelha (na layer "Hair Small").
13. Agora clique na layer da foto e pressione Ctrl+J para duplicar a layer, clique na layer original e vá em Layer> Hide Layers, posicione a layer da cópia acima de todas as outras layers em sua paleta de layers e mude o modo de blend para Vivid Light, sua imagem deve ficar como na foto abaixo.
14. Agora vá em Image> Canvas Size e aumente o tamanho do documento para a direita e para cima, na imagem do tutorial o tamanho do documento foi aumentado em 1500 pixels para cima e para direita.
15. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de "Hair Large", pressione a letra B do teclado para selecionar a Brush Tool, defina o tamanho em 250 pixels e use a mesma técnica usada com o brush para criar mais cabelos.
16. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra T do teclado para selecionar a Horizontal Type Tool, escolha a fonte Arial tamanho 100 com a cor preta e escreva uma palavra qualquer no alto do documento.
17. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de "Text Small", pressione a letra B do teclado para selecionar a Brush Tool, diminua o tamanho do brush para 100 pixels e passe ao redor do texto criado como na imagem abaixo.
18. Pressione Ctrl+Shift+Alt+N duas vezes para criar duas novas layers, dê o nome de "Text Medium" e "Text Large" para as layers, use o brush com tamanho de 175 pixels para a layer "Text Medium" e 250 pixels para a layer "Text Large" crie algumas palavras ligando aos cabelos com a palavra criada como na foto abaixo.
19. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de "Jacket Curve", pressione a letra P do teclado para selecionar a Pen Tool, crie um Path como na imagem abaixo, depois de criado pressione Ctrl+Enter para ativar a seleção com a cor preta selecionada pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher com a cor preta, pressione Ctrl+D para desabilitar a seleção, deixe esta layer abaixo das layers de texto na paleta de layers.
20. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de "Excess Text", deixe esta layer acima de todas as outras na paleta de layers, aplique o brush variando seu tamanho por toda a extensão do documento como na imagem abaixo.
21. Agora clique com a tecla Ctrl pressionada sobre a miniatura da layer "Jacket Curve" para ativar a seleção ao redor do Path criado, clique em alguma layer de texto que passe por cima desta layer e pressione Ctrl+I para inverter a cor das palavras, sua imagem deverá ficar como na foto abaixo.
22. (Opcional) Aqui o texto "Mr. Cool" foi aumentado, para isto basta clicar na layer do texto e pressione Ctrl+T para abrir a caixa de Free Transform, com a tecla Shift pressionada clicar em um dos pontos diagonais da caixa e arrastar afim de aumentar o tamanho da palavra, clique com a tecla Ctrl pressionada sobre a miniatura da layer de texto para selecionar as letras, com a seleção ativada clique nas layers de brush que sobrepões o texto e pressione Ctrl+I para inverter a cor do texto como feito anteriormente, ao final pressione Ctrl+D para desabilitar a visibilidade da seleção.
23. (Opcional)Pressione Ctrl+Shift+Alt+N para criar uma nova layer, aplique um brush como o rising sun, deixe esta layer abaixo de todas as outras layers.
24. Clique com a tecla Ctrl pressionada sobre a miniatura da layer do brush rising sun para ativar a seleção ao redor do brush, com a seleção ativa clique nas layers de palavras usadas e pressione Ctrl+I para inverter a cor do texto.
25. Pressione Ctrl+D para desabilitar a seleção, clique na layer do brush rising sun e vá em Layer> Layer Mask> Reveal All para aplicar uma máscar na layer, pressione a letra G do teclado para selecionar a Gradient Tool, escolha um gradiente que vá do preto para o transparente, na barra de opções da ferramenta escolha o modo de gradiente radial, aplique do centro do brush para a ponta afim de que ele fique como na imagem abaixo.
26. Pressione Ctrl+O e abra uma textura de papel qualquer, pressione Ctrl+A para selecionar, Ctrl+C para copiar, volte ao documento que estamos trabalhando e pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe esta layer acima da layer Background e abaixo de todas as outras layers, pressione Ctrl+V para colar a imagem, vá em Image> Adjustments> Hue/Saturation e defina Saturation em -50 e Lightness em +15, pressione Ok, ao final sua imagem estará como a da foto abaixo.
Estilização de foto com palavras.
Marcadores: Tutoriais 0 comentários
Imagens
Marcadores: Imagens 0 comentários
Assim algumas feitas pelos designers de la...
E todas liberadas para exibção no nosso blog...
OBJETIVO GERAL E ETC...
Marcadores: Objetivo 0 comentáriosJUSTIFICATIVA
O tema “Design” envolve várias profissões, porém escolhemos trabalhar com as profissões de “Design Gráfico e Web Design” por serem as mais procuradas em faculdades e cursos técnicos, e também pelo interesse dos alunos da turma 2ºG em conhecer mais a respeito das profissões de Design Gráfico e Web Design.
O profissional que atua na área de Design Gráfico tem como objetivo e função chamar a atenção do público através da sua criatividade e habilidades gráficas para criar banners, logotipos, tipografias, cartazes, cartões de visitas, entre outros.
Já o profissional de Web Design atua na área da Web, que hoje é uma área muito promissora e que cresce a cada dia. A função principal de um Web Designer é fazer a união de informações e serviços que uma empresa precisa e divulgá-las na Internet.
No que se refere a empreendedorismo, tanto o Designer Gráfico quanto o Web Designer se destacam no mercado com a área de divulgação, que é cada dia mais necessário para a promoção de uma marca ou até mesmo sua fixação no mercado. É o que nos lembra um velho ditado que diz: “A propaganda é a Alma do Negócio”.
Entretanto, o tema da feira de ciência e conhecimento é o Empreendedorismo, e tanto a profissão de Design Gráfico, quanto a de Web Design se adéqua muito bem na proposta temática pelo simples fato de que ambos são empreendedores; assim é de extrema importância destacar que as profissões escolhidas pela turma 2ºG não fazem empreendimentos com dinheiro, mas sim com idéias.
O nosso objetivo principal de ter escolhido este tema foi o fato de se tratar de uma profissão que ganhou fôlego com a evolução da informática e que quase não é abordada, e também pelas inúmeras coisas que poderão ser citadas no dia das apresentações.
Muitas vezes não percebemos, mas Design é algo que está presente no nosso dia-a-dia, e é a partir deste conceito que iremos mostrar ao público da Feira de Ciência e Conhecimento (FECICO) a importância do Profissional de Design.
A escolha do tema “Design” foi aprovada pelos alunos do 2ºG por ser um tema amplo, atraente para o público e por ser uma profissão promissora para o mercado de trabalho.
FUNDAMENTAÇÃO TEÓRICA
O PROFISSIONAL DE DESIGN
Design Gráfico é o uso de elementos gráficos e tipográficos para comunicar uma idéia ou conceito.
O Designer Gráfico cria imagens, logotipos, tipografias, cartazes, cartões de visitas, retoca fotos, faz montagens, desenvolve sites, cria banners, diagrama revistas e impressos em geral, cria anúncios, faz animações e várias outras coisas.
Um Designer Gráfico aprende muito a respeito de: desenho em papel com lápis, diagramação, tipografia, estética, teoria da cor, teoria da forma, teorias de criação, marketing, publicidade, e por ai vai. Um conceito interessante utilizado pelos profissionais desta área é que o Design Gráfico precisa saber enxergar o mundo com uma mente mais aberta.
Web Design é uma extensão da prática do design, em que o foco do projeto é a criação de web sites e documentos disponíveis no ambiente da web.
O Web Designer 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 fundamenta 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.
Web Designer é um Designer Gráfico que desenvolve web sites. Não só a parte gráfica, mas também como um site funciona e como o usuário final vai utilizar.
Web Designer aprende tudo sobre: Acessibilidade, usabilidade, teoria da cor, teoria da forma, marketing, publicidade, diagramação, tipografia e linguagem em HTML e CSS². Ele tem como objetivo fazer com que o usuário entenda a navegação do site, e tem que saber tudo que um Designer Gráfico sabe.
O Salário médio de um Designer Gráfico depende da sua experiência e da região onde atua, mas um estagiário, por exemplo, recebe R$ 300,00 mensais em Belo Horizonte, enquanto um Trainee que é um designer recém formado, recebe R$ 600,00. Já um Designer Junior que é o profissional que tem 3 anos de experiência, recebe em torno de R$1.200,00, um Designer Pleno profissional que tem de 3 a 5 anos de experiência, recebe um salário de R$2.500,00 e um Designer Sênior (o profissional que tem de 5 a 7 anos de experiência), recebe cerca de R$ 4.000,00. O Designer com mais de 7 anos e vasta experiência em projetos, normalmente o dono do escritório chega a receber R$8.000,00. Mas isso claro quando falamos de escritórios cujo fluxo de trabalho é constante e de qualidade. É importante ressaltar que o Designer Gráfico pode trabalhar também como free-lance (prestador de serviços).
O Web Designer geralmente trabalha assim como o Designer Gráfico como prestador de serviços, o que faz com que o seu salário dependa do tipo de site que foi desenvolvido e quais os programas ele utilizou para fazer este site. A média salarial estimada está entre R$800,00 e R$4.200,00, assim como o Designer Gráfico o salário de um Web Designer também depende da sua experiência.
No que se refere a formação acadêmica, encontramos o curso de Design em três faculdade na região metropolitana, a saber: FUMEC, UEMG e UNA. Já os cursos técnicos são encontrados em escolas profissionalizantes. São elas: SENAI, SENAC, S.O.S Educação Profissional, Microlins, Micronet e CNI entre outras.
EMPREENDEDORISMO
A palavra empreendedorismo foi utilizada pelo economista Joseph Schumpeter em 1950 como sendo uma pessoa com criatividade e capaz de fazer sucesso com inovações.
Empreendedor é o termo utilizado para qualificar, ou especificar principalmente, aquele indivíduo que detém uma forma especial, inovadora de se dedicar às atividades de organização, administração e execução; principalmente na geração de riquezas na transformação de conhecimentos e bens em novos produtos (mercadorias ou serviços), gerando um novo método com o seu próprio conhecimento.
Sendo assim, o profissional de Design pode ser um empreendedor, pois é o profissional inovador que modifica com sua forma de pensar e agir em qualquer área do conhecimento humano.
¹ termo usado para definir a facilidade com que as pessoas podem empregar uma ferramenta ou objeto a fim de realizar uma tarefa específica e importante.
² Se referem a linguagens de programação.
OBJETIVO GERAL
Mostrar ao público da FECICO a importância do profissional do Design e como ele está presente no nosso dia-a-dia, destacando as profissões de Design Gráfico e Web Design, de modo a apresentar alguns projetos que podem ser realizados pelos profissionais desta área, permitindo a interação com as possibilidades da profissão e, assim, compreendê-la, além de destacar como o profissional pode ser empreendedor.
OBJETIVOS ESPECÍFICOS
• Explicar o que é Design Gráfico e Web Design.
• Destacar a importância do profissional do Design e como ele está presente no nosso dia-a-dia.
• Mostrar como o profissional de Design se adéqua ao empreendedorismo.
• Exibir alguns projetos feitos pelos profissionais desta área.
• Expor um site desenvolvido especialmente para a turma 2ºG com o objetivo de explicar para o que serve um site na web.
• Mostrar o que é o Photoshop e para o que serve esse software utilizado como ferramenta de trabalho de um Designer Gráfico.
METODOLOGIA
O trabalho da turma 2ºG será apresentado da seguinte forma: em uma tenda de aproximadamente 3 metros quadrados. Dentro dessa tenda nós iremos utilizar dois computadores, um computador conectado a um data-show, para a explicação de como funciona o Photoshop e para o que serve, e também iremos utilizar este computador conectado ao data-show juntamente com uma câmera digital para tirar fotos de um(a) voluntário(a) na hora e iremos modificá-las no PhotoShop, de modo a deixar a explicação mais dinâmica e interativa. Também utilizaremos banners com o conteúdo do trabalho (aproximadamente dois banners), explicando o que é Design Gráfico e Web Design.
Ainda no nosso espaço de apresentação haverá alunos de nossa sala apresentando o tema e esclarecendo quaisquer dúvidas que os outros alunos da escola e visitantes possam ter em relação ao mesmo. Iremos também distribuir folhetos com algumas curiosidades a respeito do Design.
Além disso, iremos expor um vídeo onde explicaremos de forma dinâmica ao visitante como o profissional de Design pode ser empreendedor. Através deste vídeo (adquirido através de uma reportagem do programa, “Pequenas Empresas Grandes Negócios”, da TV Rede Globo) conseguiremos dar mais interatividade e dinamismo as nossas explicações para o visitante, fazendo com que a explicação prenda a atenção do interessado e conseqüentemente atinja nosso objetivo que é mostrar ao visitante como adaptar o Design ao empreendedorismo.
Mostraremos ao público o que é o tão famoso “Photoshop”. Escolhemos este software por ser uma das ferramentas de trabalho de um Designer Gráfico e principalmente por ser um software conhecido na sociedade. A mídia brasileira e internacional destaca o Photoshop como um Programa de computador milagroso e utilizado de forma exagerada pelas revistas para esconder as imperfeições na fisionomia e até no corpo dos famosos fotografados pelas revistas, como por exemplo, a revista Playboy. Embora seja um software famoso são poucos os que conhecem de fato essa ferramenta de trabalho de um Designer Gráfico.
Em seguida, vamos expor ao público um site feito especialmente para a FECICO Desenvolvido pela turma, cujo objetivo é mostrar para o que serve um Site na Web, e conseqüentemente o que é Web Design.
Por último, vamos destacar a influência destes profissionais no nosso dia-a-dia e no final do horário faremos um sorteio com um brinde oferecido pelo nosso patrocinador.
CRONOGRAMA
• Primeira postagem no blog: 03/06/08
• Apresentação do projeto para a turma: 09/06/08
• Entrega das pesquisas: 13/06/08
• Entrega do projeto para o professor Ricardo: 30/06/08
Após a avaliação do projeto pela comissão, cumpriremos o seguinte cronograma:
• No dia 30 de Junho encontro com o patrocinador para confirmar os materiais que serão utilizados para a apresentação.
• Entre os dias 7 e 11 de Julho reunião com os lideres dos grupos organizados pela turma para decidir qual a responsabilidade de cada grupo e posteriormente suas obrigações.
• Entre os dias 4 e 8 de Agosto reunião para confirmar os materiais que serão utilizados na apresentação do trabalho.
REFERÊNCIA BIBLIOGRÁFICA
Pesquisa sobre Empreendedorismo. Disponível em: http://pt.wikipedia.org/wiki/Empreendedorismo.htm>acesso em: 22 jun. 2008.
Pesquisa sobre Design. Disponível em:
http://pt.wikipedia.org/wiki/Design.htm>acesso em 29 mai. 2008
Pesquisa sobre Design Gráfico. Disponível em:
http://pt.wikipedia.org/wiki/Design gráfico
Pesquisa sobre Web Design. Disponível em:
http://pt.wikipedia.org/wiki/Web design
Revista Web design, ano V, nº 50, fevereiro de 2008. p.16 (Design com um sorriso)
Revista Web design, ano V, nº 49, janeiro de 2008. p 16 (Design entre brushes e colagens)
Revista Web design, ano V, nº 49, janeiro de 2008. p 20 (Peixe Grande)
Revista Web design, ano V, nº 49, janeiro de 2008. p 40 (Tendências: o que vem por ai...)
Revista Web design, ano V, nº 49, janeiro de 2008. p 44 (Site na palma da mão: os novos desafios do design interativo)
Revista Web design, ano V, nº 49, janeiro de 2008. p 46 (O limite da tela obriga os designers a construírem interfaces muito mais objetivas)
Revista Web design, ano V, nº 49, janeiro de 2008. p 66 (Escolha infinita: os prós e os contras)
Revista Web design, ano V, nº 49, janeiro de 2008. p 70 (Os grandes querem conversar com você)
Revista Web design, ano V, nº 49, janeiro de 2008. p 72 (Limitações e possibilidades)
