SUNY College of Environmental Science and Forestry - Olá a todos! Bem-vindos a mais uma vídeo-aula do canal Clube do Design. Eu sou Liute Cristian. E hoje, eu vou mostrar para vocês, mais um vídeo de como criar um mockup para computação profissional. Nos outros vídeos, nós criamos um mockup de cartão de visita, criamos um mockup utilizando o CorelDRAW, e hoje, eu vou mostrar para vocês como criar esse mockup, que você está vendo na minha tela. Para quem não sabe, um mockup é um modelo de apresentação, que é utilizado para que você possa apresentar o seu material, no seu projeto, de uma maneira mais profissional, ou de uma maneira mais atraente para o seu cliente, e assim, você aumentar as possibilidades de venda do seu produto, de aprovação da sua arte. É muito melhor do que, enviar só um JPEG com um fundo branco sem graça, para o seu cliente ver. Então, a gente vai criar esse mockup, que é muito fácil! É muito simples. É tão fácil, que você vai se perguntar depois: Por que eu não fiz isso sozinho? Aqui, você pode visualizar as camadas que eu utilizei, mas aqui está uma bagunça, a gente vai fazer um negocinho mais bonitinho. Lembrando sempre, que os mockups criados no Photoshop, possibilitam a edição facilitada, onde você pode alterar a sua arte, simplesmente controlando o conteúdo do objeto inteligente que é inserido dentro do arquivo do Photoshop. Ao atualizar o objeto inteligente, você automaticamente atualiza o mockup, e assim, você pode também, inserir com facilidade a sua arte, o seu projeto. Para criar esse mockup, a gente vai criar um novo documento. Eu estou utilizando o Photoshop CS6. Você pode utilizar o 5, e se eu não me engano, os recursos que a gente vai utilizar ainda estão presentes no CS4. E, se você tiver a CC, Creative Cloud também, melhor ainda, não tem problema. Vou clicar no menu File, New, que seria: Arquivo, Novo, na versão em português. E, vou criar um novo padrão, um novo documento, utilizando essas configurações: 3000X3000 pixels, a 300 DPi de resolução. O tamanho, você pode definir outro se preferir. Vou utilizar aqui, o modo de cores RGB. E, no perfil de cores, eu vou utilizar o Adobe RGB, porque tem uma gama maior, uma gama mais bacaninha. Vou deixar o fundo branco e clicar no OK, para criar o meu novo documento. Basicamente, o que a gente precisa fazer, é só criar o quadro que vai receber a nossa arte e duplicá-lo. É muito simples, na verdade. Vou selecionar aqui, a ferramenta retângulo, está nesse grupo onde está a elipse, se estiver escondido. É só selecionar o retângulo, e vou dar um clique na tela. Ao dar um clique na tela, você é apresentado à janelinha para criar um novo retângulo, onde você pode especificar o tamanho desse retângulo. Então, eu vou definir a largura para 200 milímetros, você pode digitar direto: 200 mm, é em pixels, mas pode digitar milímetros. 200? Não, 150 milímetros de largura, por 210 milímetros de altura. Seria um Flyer, um Panfleto no tamanho: 15x21, é o mais próximo do padrão gráfico 18 ou 16. Clicando no OK, você vai ter um quadro, olha só o tamanho do seu quadro. E, é muito importante você definir o tamanho do retângulo, antes de utilizar a conversão para o objeto inteligente, justamente porque, a partir do momento que você converte um objeto, uma camada em objeto inteligente, ele já começa a gravar as alterações de forma diferenciada. Então, depois de inserir esse retângulo, eu vou apenas alterar aqui, a coloração desse retângulo, dando dois cliques sobre a miniatura da camada, e selecionando aquele azulzinho bonitinho, que vocês sabem que eu gosto de trabalhar. Clico no OK, e nós já temos a nossa arte principal, no caso, o quadro principal que vai receber o nosso material. Depois, é só selecionar essa camada, clicar com o botão direito, e selecionar a opção: Convert to Smart Object, Converter em um objeto inteligente. A partir daí, todas as modificações que você fizer nesse quadro, já vão ser armazenadas na aparência dele, e não no quadro original, que está dentro do objeto inteligente. Eu vou apenas diminuir um pouquinho aqui o tamanho, dando um clique ou pressionando Ctrl+T, com a Ferramenta Mover aqui. E aí, eu vou diminuir um pouquinho, segurando o Alt e o Shift, para que eu possa controlar de uma maneira mais facilitada, essa edição. Posicionar aqui no meio da página, e pressionar o Enter. Depois, tudo o que eu preciso fazer, é duplicar essa minha camada, pressionando Ctrl+J. Eu vou ter uma cópia aqui. Eu vou digitar aqui, Cópia 1, apenas para ficar organizado. E vou puxar, daqui para baixo. Vou pressionar o Ctrl+T novamente, notem que a camada de baixo está selecionada, vou arrastar aqui um pouquinho para o lado, e vou diminuir ela proporcionalmente, utilizando o cantinho, e segurando o Alt+Shift. Diminuo mais ou menos nesse tamanho. Puxo um pouquinho mais para fora e pronto, pressiono Enter. Depois, eu faço uma segunda cópia no Ctrl+J novamente. Eu vou nomear essa camada para Cópia 2, que seria uma cópia da cópia. E, arrasto ela para o outro lado. Deixa eu selecionar, dar um Ctrl+T, e arrastar ela para o outro lado, mais ou menos nessa posição. Observem que o Photoshop, automaticamente trava a minha camada, quando eu chego em uma determinada posição. Se você tiver problemas em alinhar no centro, você pode depois, agrupar as camadas e utilizar as opções de alinhamento ali em cima, a gente vai ver isso depois. Depois então, de ter o meu quadro dianteiro e os dois quadros lá atrás, que seriam as minhas cópias do meu cartaz original, do meu panfleto original, eu vou selecionar esses dois objetos, essas duas camadas, e vou agrupá-las no Ctrl+G. A gente criou um grupo aqui. Então, eu vou definir esse grupo como: Cópias. Tá bom? O nome dele. É só dar dois cliques ali. O nome do grupo vai ser Cópias. E, a partir desse grupo, a gente vai adicionar uma camada de ajuste. Com o grupo selecionado, a pastinha selecionada, você vai clicar aqui no botão para adicionar uma nova camada de ajuste. Pode ser acionado também, utilizando o menu Layer, e aqui você tem New Adjustment Layer, que é Nova Camada de Ajuste. E aqui, você seleciona a opção Exposição. É a mesma coisa que você clicar aqui e selecionar a opção, só muda o nome, eu vou clicar apenas no OK. E olha o que eu vou fazer: Eu vou diminuir um pouquinho, a exposição dessa camada de ajuste, e aumentar um pouquinho, a correção de gamas. Só um pouquinho. Uma correção singela, só para deixar o nosso fundo, um pouquinho mais escuro. Não pode ficar muito diferente, porque senão, você vai ter uma diferença muito grande na coloração. Agora, observem que essa camada de ajuste, ela está alterando também, a coloração do meu plano de fundo. Se você quiser deixar, não tem problema. Mas, eu prefiro manter essa alteração, da camada de ajuste, apenas no grupo das cópias do meu Flyer, no Panfleto. Então, eu vou segurar a tecla Alt, clicar aqui embaixo, entre o grupo e a camada de ajuste. Quando esse ícone aparecer, você dá um clique e pronto. Você criou uma máscara de recorte, a partir da camada de ajuste, e o grupo abaixo. Observa que ele fica sublinhado, e aparece uma setinha aqui. Isso está indicando que essa camada de ajuste, está fazendo efeito apenas no grupo Cópias. A partir daí, eu vou abrir e expandir aqui novamente o grupo cópias, e vou selecionar a Cópia 1, clicar no menu Filter, Blur, que aqui, eu vou selecionar a opção Gaussian Blur, para mim aplicar um desfoque gaussiano. Você observa que ele começa a mostrar aqui o desfoque na janelinha. Você pode marcar aqui o preview, ou não, para visualizar o efeito ali atrás. Esse Blur, vai desfocar a visualização dos panfletos que estão lá atrás. Você pode deixar um valor, aproximadamente 10, 12, tá de bom tamanho. Clicando no OK, o primeiro efeito já foi aplicado ao primeiro Flyer, a primeira cópia. Depois, basta selecionar a segunda cópia do seu Flyer e pressionar o Ctrl+F, e o mesmo filtro é repetido. Como eu já tinha utilizado o filtro de desfoque gaussiano, aparece aqui no menuzinho de filtros, o último filtro aplicado, ele pode ser acionado utilizando o Ctrl+F. É só dar o OK, e com os últimos valores é adicionado. Então, basicamente, a gente já teria o nosso mockup pronto para uso. Mas, você pode dar uma incrementada, você pode adicionar sombra, pode adicionar um solo aqui, um fundinho básico. Para fazer isso, eu vou selecionar a camada de plano de fundo, e vou clicar aqui, para criar uma nova camada. Nessa nova camada, eu vou criar uma seleção, pressionando a letra M de Maria. Vou arrastar aqui, uma seleção na parte de baixo, envolvendo mais ou menos aqui, um pouquinho, a base do meu flyer. É como se fosse o chão que eu fosse construir, desse meu cenário. E aí, eu vou preencher essa seleção com um cinza. Eu vou clicar aqui na cor de primeiro plano, colocar um cinza aqui, médio, não muito claro e nem muito escuro, e vou pressionar aqui o Alt+Delete. Então, eu defini a cor do primeiro plano para um cinza clarinho, e pressionei o Alt+Delete, para definir o preenchimento dele. Depois, eu vou tirar a seleção no Ctrl+D e vou converter essa camada de plano de fundo, em um objeto inteligente. Convert To Smart Object. Agora, eu vou fazer o seguinte: Deixa eu entrar aqui na edição desse objeto inteligente. Eu não quero ele cinza, eu quero um gradiente, na verdade. Eu vou selecionar aqui, com a tecla G, o gradiente. Novamente, de um cinza médio para um branco, e aí, eu vou segurar o Shift, e clicar e arrastar. Aqui, ele criou um gradiente oval, está com a opção oval selecionada, eu vou selecionar a opção linear, no caso seria o radial, e aí, você vai clicar segurando o Shift, para criar um gradiente de branco para cinza, pode ser de cinza para branco, tanto faz. Feito isso, é só você fechar e salvar. Pronto! A alteração já vai ser aplicada ao seu plano de fundo, ao seu objeto inteligente, em tempo real. Depois, eu vou pegar a Ferramenta Mover, e pressionar o Ctrl+T, vou simplesmente, pressionar o Ctrl+T, para ativar a Ferramenta de Transformação, vou clicar com o botão direito e selecionar a opção Warp, que seria a opção Deformar. A partir daí, eu posso definir um formato de curva para esse meu fundo. Arrastando esse conteúdo aqui do canto para baixo, e esse aqui para baixo também. Apenas, para criar um fundo que não seja reto, um fundo curvado, vamos dizer assim. Ficou um pouquinho diferente. É só eu mexer aqui de novo no Warp. Esse aqui, está mais baixo do que aquele ali. Pronto. E agora, para fechar ainda aqui o nosso cenário, que é bem simplesinho, geralmente é utilizado uma imagem de base, mas a gente está fazendo uma coisa bem singela. A gente vai adicionar uma sombra nesse nosso folder, nesse nosso panfleto. Para isso, você pode utilizar, tanto uma cópia do próprio panfleto, ou você pode criar um novo quadro. Eu acho até mais seguro, já que a gente vai utilizar só objetos retangulares. Se você quiser manter a possibilidade de alterar o formato do flyer, o formato do panfleto, você pode apenas fazer uma cópia e trabalhar aqui embaixo. Eu vou desenhar um novo retângulo, clicando aqui, deixa eu arrastar, agora eu vou desenhar na munheca mesmo, mais ou menos assim nesse tamanho. Vou pintar agora esse retângulo com a cor preta. Pronto! Eu quero uma absolutamente preta, e claro! Eu vou arrastar ela aqui para baixo do meu retângulo principal, deixando ela atrás dele. Agora, o que eu vou fazer? Eu posso converter logo, esse retângulo em um objeto inteligente, para que eu facilite a edição. Agora, eu vou diminuir aqui ele mais um pouquinho, segurando o Alt, colocar ele aqui no centro. E o que eu vou fazer? Vou pressionar o Ctrl+F, para adicionar o último filtro que eu havia aplicado. Nesse caso, é o desfoque gaussiano. Como é uma sombra, eu já vou aumentar ela um pouquinho mais. Eu vou deixar ela um pouco mais esfumaçada, para ter um efeito um pouco mais legal. Depois, é só clicar no OK. Novamente com a ferramenta Mover, pressiono o Ctrl+T, para editar a forma desse meu retângulo aqui embaixo, dessa minha sombra. Vou clicar com o botão direito, e novamente selecionar a opção Warp. Agora, eu vou só puxar esse pontinho aqui de baixo, para cima, colocando ela mais acima, quase se juntando ali. Unindo a base da minha sombra, em uma espécie de "C" invertido, com a base do meu panfleto. Pressiono Enter, e a gente tem esse efeito de sombra. E depois, a gente pode simplesmente, diminuir para não ficar tão evidente assim, tão grandão. O que você pode fazer ainda, é diminuir a opacidade dessa sombra, para deixar ela um pouquinho mais suave. E olha só que efeito legal, que você tem para o seu mockup. Além disso, a gente pode melhorar a iluminação, adicionando uma outra camada aqui na parte superior, que pode ser uma camada de ajuste de curvas, clicando no botãozinho aqui embaixo. E aí, eu vou aumentar o contraste, diminuindo aqui a curva, em forma de um "S". Um pouquinho mais para baixo, um pouquinho mais para cima aqui, para criar um contraste opaco, um contraste legal aqui na minha imagem. Aqui foi muito. Pronto! Feito isso, eu não vou aplicar esse contraste à imagem toda. Eu quero aplicar uma espécie de iluminação que vem de cima para baixo. Então, nessa camada de ajuste de curvas, eu vou selecionar a máscara da camada, pressionar a letra G, para habilitar o gradiente, e pegar um gradiente de preto para branco. Novamente, com a opção Radial habilitada, eu vou puxar aqui de cima, para baixo, segurando o Shift. Você vai ter um resultado mais ou menos assim. Deixa eu inverter aqui, clicar no Reverse. O preto, esconde. Deixa eu ver se está surtindo efeito. Quase não dá para ver, por causa da cor. Vou diminuir um pouquinho. A gente vai ver melhor, quando eu inserir aqui, uma arte. Deixa eu inserir uma arte, para a gente ver melhor, o resultado. Para inserir a sua arte, basta você dar dois cliques sobre o retângulo. No caso, o objeto inteligente do retângulo, e aqui em File, Place, seria Arquivo, Inserir, eu vou adicionar aqui uma arte qualquer, que eu já tenho guardadinha aqui. Esconder aqui atrás. Fechar, posso fechar e salvar, ou dar um Ctrl+S, tanto faz. Olha só o efeito. Olha só o resultado do nosso contraste aqui em cima. Então, eu vou dar dois cliques aqui, vou aumentar um pouco mais o brilho aqui em cima, para deixar mais evidente. E usar aqui, a máscara da camada, para criar um efeito um pouquinho diferente. Deixa eu colocar uma camada de ajuste de exposição. Eu acho que vai dar um resultado mais legal de iluminação, utilizando aqui o gradiente, eu faço essa aplicação. Então, olha só que legal! Utilizando a iluminação ficou um pouquinho mais legal, utilizando os dois, fica melhor ainda, e fica com bastante contraste. Então, olha só gente: Você tem então, um mockup para apresentação. Se o seu fundo ficar muito tímido, você pode utilizar uma cor mais forte, um gradiente mais vivo, de branco para preto. Vamos ver como ficou? Fechar esse aqui. De branco para preto, para ficar ainda mais forte. Olha só! Ficou forte demais. E olha aí, o resultado final. Para você ter um efeito ainda mais legal aqui no nosso plano de fundo, na nossa base, a gente pode adicionar um brilho interno, selecionando essa camada que é o nosso fundo, a nossa base, clicando aqui nesse FX, e selecionando a opção Inner Glow, que é o Brilho Interno. A partir daí, você pode adicionar um brilho com a cor branca, e aumentar aqui no caso, o tamanho dele. Deixa eu aumentar aqui um pouco mais. Deixar ele mais interno. Dar um Ctrl+T para aumentar, de maneira que ele não apareça. Pronto! E aí, você tem um fundinho um pouco diferente. Não tão comum. Deixa eu puxar esse carinha aqui mais para baixo. E olha só! Se o conjunto ficar muito pequeno, como no meu caso, eu achei que ficou muito pequeno o conjunto. É só selecionar todas as camadas aqui, dar um Ctrl+T, para você aumentar o conjunto todo, e você pode expandi-los dessa maneira, para você ter um mockup maior, mais fácil e mais legal de ver. E olha só o resultado final do seu mockup. O que é legal nesse resultado, é que você pode, tanto inovar em relação a fundo, você pode colocar uma textura, pode colocar uma textura de madeira, uma parede, pode utilizar uma foto de um ambiente por exemplo, como plano de fundo. E você vai ter sempre, um resultado muito legal. Eu vou selecionar aqui, vou clicar aqui e criar uma nova camada, e vou apenas pintá-la de preto. Pintando de preto, você tem um efeito também legal. Deixa eu colocar aqui por exemplo, nesse mesmo fundo, uma imagem. Colocar uma imagem aqui. Pegar uma imagem colorida aqui, que tem a ver com o tema do panfleto, olha só! Você coloca uma imagem diferente, e aí, você consegue criar uma apresentação temática, que tem a ver com o tema. Só que está muito forte isso aqui. Deixa eu colocar aqui, uma exposição maior, para ficar um pouquinho mais claro. Você pode usar curvas, níveis, exposição, enfim... Você pode criar o fundo, de acordo com a sua necessidade, de acordo com o modelo que você achar conveniente. Depois de você terminar com todo o seu trabalho, de criar o seu mockup que é bem fácil de fazer, utilizando todas essas camadas, você pode pegar todo mundo, selecionar todo mundo... Deixa eu só dar uma duplicada na minha camada principal, que seria a camada do retângulo, dar um Ctrl+J, arrastar essa cópia do seu Flyer principal para cima, e diminuir a opacidade dela para 0 (zero). Pode diminuir o preenchimento também, tudo para 0 (zero). E aí, essa camada vai ser o meu recipiente, onde eu vou inserir a minha arte. Você pode escrever: Coloque a sua arte aqui. Sua arte aqui. Pronto! E aí, todas as camadas de baixo, você pode agrupar selecionando todas elas e dando um Ctrl+G. Só não a camada de baixo, a camada aqui que não pode, está bloqueada, Ctrl+G. Então, a partir daí, você tem o recipiente da sua arte, que não tem opacidade, por isso ele não aparece no mockup. Para que o seu cliente ou você mesmo edite o seu mockup, já está tudo bonitinho, eu posso até apagar isso aqui, não preciso. E aqui, nós temos os objetos do meu mockup. E, para você inserir a sua arte, neste caso, bastaria você, eu até acabei apagando o fundo que é importante para a gente. Deixa eu puxar aqui esse plano de fundo. E aí, para você inserir a sua arte, você nem precisa tocar nos objetos que estão dentro do grupo. Basta dar dois cliques sobre essa cópia da camada que você deixou ali em cima, e aí você pode alterar a vontade, inserindo a sua arte, colando o seu cartaz, o seu panfleto. File, Place, clicar aqui na área de trabalho. Colocar aqui uma imagem. Essa aqui. Pronto! É só salvar depois de inserir dentro da sua camada de objeto inteligente. E quando você fecha, você pode observar o resultado final do seu mockup. É um mockup simples. É um mockup ideal para apresentação de um material que precisa por exemplo, que o texto seja revisado, que o texto seja lido de uma maneira simplificada, de uma maneira fácil. E claro! Você deixa de mandar um JPEG sem graça com fundo branco para o seu cliente, e envia uma apresentação com um sombreamento, com uma ambientação diferente, que com certeza, vai ajudar a convencer o seu cliente a fechar negócio, e a aprovar o seu material. A apresentação vai ajudar bastante nesses critérios, embora não seja o único critério avaliado. Espero que vocês tenham gostado da dica. Esse mockup vai ficar disponível para o pessoal que é assinante do Clube do Design. Você que assistiu ao vídeo, pode criar o seu próprio mockup sem problema também. E, se você gostou da dica, não esquece de dar o seu joinha, de curtir o vídeo e de compartilhar com seus amigos. E se não faz parte do Clube do Design, se inscreve aí no canal. Até a próxima vídeo-aula. E um forte abraço! Tchau, tchau!.
Art 148 cc abrogato cursos de aeromoca florianopolis Queimados exame fosfatase alcalina preparo. Sobral curso de fotografia senac sp gratuito Dissertação, curso seguranca armada uberlandia Código, artigo 178 cc comentado Trabalho Acadêmico, o artigo 5 da constituicao federal Paráfrases. Tcc recursos humanos pronto como retirar painel de revisao word art 148 cc abrogato Igarassu prova de anatomia curso tecnico em enfermagem. Validade de exames cardiologicos Plano de negócios Nova Friburgo artigo 33 codigo penal atualizado, apresentadora do bem estar gravida.
Apucarana:
Kane Olson, Sullivan: Hofstra University, Hempstead. Belo Horizonte: CUNY Baccalaureate for Unique and Interdisciplinary Studies; 2017.
Howard Barnett, Suffolk. São Gonçalo: Weill Cornell Graduate School of Medical Sciences; 2013.
Alan Kaufman, W Broadway zip 10007. Barueri: NYS College of Agriculture and Life Sciences; 2012.