Processo criativo de um designer profissional | Na prática do início ao fim

de nada adianta você conhecer todas as ferramentas do Photoshop todas as ferramentas do canva do Microsoft design c o maior conhecedor técnico de ferramentas do mundo se você não tem conhecimento no processo de criação de arte se você que entregar Artes profissionais se você quer que o seu cliente aprove muito mais rápido as suas peças se você quer que realmente as suas peças funcionam para o seu cliente que gerem algum tipo de resultado você precisa entender de processo de criação de arte onde começa onde é o meio e onde termina tá isso funciona para tudo

na nossa vida tudo tem que ter um começo tudo tem que ter um meio tudo tem que ter um fim e aqui na nossa vida de design na nossa vida de criativo não é diferente e a gente vai ver isso juntos na prática eu fiz aqui uma lista com seis itens para ajudar a gente a definir o nosso processo de criação de arte tá se você ainda não tem um processo doutorado se você não tem o seu próprio processo definido pode copiar e colar o meu que eu te garanto que vai funcionar muito bem tá

você pode reestruturar isso aqui pode colocar itens antes ou depois fazer da forma que você achar melhor mas isso aqui é a base se você seguir isso aqui já não tem como dar errado tá então o primeiro item da nossa lista é colete todas as informações Então vamos lá tem muito cliente que na hora de fazer o pedido Ele fala 20% do que eu preciso saber para desenvolver um projeto né então ele fala tem uma promoção de um calçado Nike por r$ 50 só fala isso não me fala o formato não me fala se é

quadrado ou se é vertical se é horizontal não fala para que que vai ser onde que vai publicar e tem muita gente que sem essas informações já dá início no projeto Aí você faz uma peça quadrada e você tem um trabalhão E aí o cliente fala mas eu precisava vertical ou você faz vertical o cliente fala mas eu precisava quadrado e que que vai acontecer aí você vai ter que vender um segundo formato para ele ou você vai ter que fazer de graça alguém vai vai perder dinheiro aí então se você tiver com medo de

perder o cliente é provável que você vai fazer um outro formato sem cobrar se você for um designer mais corajoso você já vai falar então para esse formato vou precisar cobrar um a mais porém nesse caso o erro foi seu de não ter perguntado né você que tem que perguntar as informações para o seu cliente não tenha medo ele tem que passar tudo que você precisa para que você possa ter maior assertividade né Para que você realmente entregue o que ele precise da forma que ele precise para ninguém ter problema depois tá então primeiro de

tudo colete todas as informações para o seu projeto tá vai precisar de paleta de cores do cliente posso usar as cores que eu quiser nesse projeto você quer olhar alguma referência Qual é o formato tem alguma foto específica que você gostaria que utilizasse nesse processo nesse projeto Então pergunte tudo para o seu cliente Antes de iniciar o seu material e esse é o primeiro item o segundo item é análise o pedido e entenda o propósito tá cara Essa é uma das dificuldades que eu mais vejo presente nos designers que já passaram aqui na agência tá

você faz um pedido para o designer e ele não entende o propósito e não entrega o material que você tava imaginando né é se você pegar aquela peça que ele entregou não vai ter o resultado que eu preciso basicamente isso então o cliente fez um pedido mandou a cópia tudo bonitinho para você é o melhor aplicativo de fretes baixe o app Pô legal qual que é o propósito dessa peça dessa cop é a pessoa não precisa bater o olho na peça e sentir o desejo de baixar o aplicativo ela precisa entender que ela tem que

baixar o aplicativo ela precisa sentir vontade a imagem que você utilizar o layout que você vai desenvolver ele tem que casar com a copy né isso eu vejo que é uma dificuldade de muitas pessoas pegar a informação que foi passada e montar um layout bem estruturado que realmente condize ali com o pedido né com a cop Então antes de você botar a mão na massa no canva no Photoshop ou outro programa análise o pedido bom então o cliente mandou essa cópia aqui se eu entregar isso aqui vai estar condizente com o pedido não então o

que que eu tenho que entregar Então tem que eu já que tipo de imagem que eu tenho que usar se a cópia é o melhor aplicativo de fretes baixo app Então posso usar a imagem de alguém utilizando o celular mexendo no celular aí você tem que analisar a pessoa tem que estar triste tem que estar feliz Qual é o conceito dessa peça se ela tiver for um banner para um site você vai fazer o botão de um jeito de uma forma que apareça de que pareça que seja clicável por exemplo se for uma arte para

as redes sociais você não pode fazer um botão de baixa aqui como se fosse algo clicável porque não tem como a pessoa clicar né Então veja a diferença são os detalhes que vão fazer toda a diferença tá o terceiro item é veja muitas referências antes de você colocar a mão na massa de você começar a criar o seu projeto veja muitas referências O que será que tá sendo feito por aí esse ano nesse período do ano Qual é quais são as tendências para esse tipo de projeto que está sendo mais requisitado o que as pessoas

estão mais gostando de ver né então isso a gente vai ver na prática agora onde a gente vai buscar referências tá então Imagine que o pedido do nosso cliente ele é para um headset tá um fone Razr eu até separei aqui algumas imagens que talvez a gente pode utilizar e vai ser um pedido da Razer onde eles acabaram de lançar um fone e eles precisam fazer uma arte para colocar nas redes sociais referente a esse novo produto tá então vindo agora aqui para tela do meu computador a gente vai acessar o behance e por aqui

que eu pego todas as minhas referências e eu recomendo que você também pegue referências por aqui porque cara os melhores materiais do mundo inteiro está aqui no behance tá os melhores projetos projetos premiados projetos mais conceituados dos melhores designers do mundo estão aqui no behance se você ainda não olha a referência no ambiente cara você está perdendo o melhor das referências que você pode ter tá então vem aqui no behance pesquise o que você quer então vamos supor que foi um pedido sobre um anúncio de carro Coloque aqui ó carro vamos ver o que vai

aparecer para gente vai aparecer muita arte envolvendo carro né muita arte para social mídia muito projeto de motion design muito layout de site né de lojas de carro então antes de iniciar o seu projeto veja referências no nosso caso aqui a gente vai produzir uma arte de um produto né de um headset da Razer eu vou digitar aqui headset e vai aparecer algumas referências tá vamos descer aqui para dar uma olhada se tem alguma coisa que a gente acha interessante ó esse aqui já acho bacana a gente tem que analisar cada detalhe desse tipo de

material e ver o que que a gente pode estar utilizando ou não na nossa peça tá então eu analiso um projeto desse aqui bom é um fone parecido com o produto do meu cliente é o parecido com o produto que ele pediu então pode ser que esse conceito se adeque a esse projeto que eu preciso fazer Tá então vamos lá vamos dar uma analisada em todos os detalhes uma fotografia bonita uma peça Mais Escura Tem um background desfocado para dar o foco principal no produto a atenção principal no produto né então são esses detalhes que

eu tenho que pegando um fundo desfocado tonalidades escuras somente detalhes com a cor principal da marca É destaque no produto textos menores para que fique algo mais elegante algo mais mais moderno tá vamos ver se a gente vê mais alguma outra arte bacana Olha que legal então essa aqui já tem uma base para a gente poder colocar o produto ou como a sombra na base alguns detalhes de iluminação um background desfocado para dar mais atenção para o produto textos com letras mais finas também Olha que bacana então aqui a gente tem o produto tem a

marca Uma Breve descrição embaixo Cara essa descrição embaixo da arte faz toda a diferença parece que o seu projeto fica muito mais profissional quando você coloca esse tipo de descrição Então se o seu cliente não tiver esse tipo de descrição se ele não te passar no pedido tem que bolar você mesmo entra aqui nas referências e ver o que eles estão colocando aqui tente colocar algum tipo de regulamento da promoção detalhes sobre o produto alguma coisa do tipo que a sua peça vai ficar mais profissional com esse tipo de detalhe aqui tá Então vamos se

basear nessas referências de uma base Talvez uma base invisível ou uma base é só uma base sólida né que eu digo invisível seria uma base sólida onde você não vê o chão mas você vê a sombra tem esse tipo de base onde você vê só a sombra Mas você sabe que tem um chão ali o chão ele faz parte do fundo né E tem aqueles aquele tipo de chão também que realmente você vê que é um chão como a textura diferente uma base e tudo mais então vamos seguir mais ou menos essas referências e vamos

dar início aqui no nosso projeto tá antes de iniciar o seu projeto agora você vai pegar as imagens que você precisa para você trabalhar né então eu digitei aqui no Google headset Razer tá eu achei esse modelo bacana ele não tá sem o fundo né mas a gente vai tirar o fundo dele ali no Photoshop uma dica para você não sei se você sabe se você não sabe isso aqui vai te ajudar bastante caso você precise pesquisar imagens no Google sempre que você pesquisar aqui você vem aqui ó provavelmente vai estar aqui ó vai estar

dessa forma aqui ó quando você entrar vai estar tudo compras imagens vídeos mas para você achar imagens com alta qualidade ou as melhores imagens sobre essa pesquisa que você fez você vai clicar em ferramentas tamanho grandes tá então vai aparecer somente imagens com tamanho grande para você as maiores imagens que tiver tá se você deixar tudo vai aparecer misturado uma imagem com boa qualidade uma com bastante uma com uma média no caso eu quero somente com grande qualidade Então são essas imagens que apareceu para mim tá Eu quero esse fone aqui ó isso aqui ó

tá com o tamanho de mil por mil Pixel isso aqui tá de 500 por 500 então eu não quero de 500 por 500 eu quero essa que tá mil por mil eu vou clicar com o botão direito copiar e agora sim a gente vai para o nosso Photoshop Tá eu vou começar aqui jogando a minha imagem antes de tudo depois que você joga a sua imagem se ela foi copiada do Google ela vai vir como uma camada rasterizada que que significa se você tem uma camada rasteirizada e você diminui o tamanho dela e confirma quando

você for aumentar ela de novo ela perdeu a qualidade ela não vai estar com a qualidade original de Quando você jogou no programa tá então assim que você jogar no programa você converte em objeto inteligente Aí sim você pode mexer na escala do seu da sua imagem diminuir aumentar que não vai perder nada da qualidade vai ficar exatamente quando Como você pegou lá do Google tá agora quando você baixa de algum banco de imagens por exemplo ela já vem convertida em objeto inteligente então você não precisa fazer isso só se você copiar do Google dessa

forma de copia e cola mesmo agora quando você baixa de algum banco de imagens ou talvez até do Google mais baixa no seu computador arrasta e solta para dentro ela já vem como objeto Inteligente você não precisa fazer isso tá então eu não quero esses itens aqui ó Na verdade o que que eu quero agora eu quero retirar o fundo pra gente ver como que tá eu vou criar uma cor sólida aqui ó e jogar um fundo preto Então ela tá com esse quadrado aqui né eu vou entrar nessa camada e agora eu vou tirar

esse fundo com deixa eu ver aqui vou vir aqui na ferramenta de seleção e vou vir nessa opção aqui ó selecionar assunto vamos ver se vai ter um recorte bacana se não tiver a gente faz de uma outra forma Olhe mostrou aqui vários pontos de seleção Porém não ficou totalmente recortado né ficou alguns pontos sem recortar Então vamos fazer de outra forma que que você pode fazer você pode clicar na imagem vir aqui nesse cadê Aqui ó na ferramenta de varinha mágica você dá um clique na cor que você quer retirar no meu caso o

branco agora tem vários pontos com branco aqui ó tem aqui tem aqui tem aqui tem aqui aqui vários né Para mim não tem que selecionar um por um que que eu vou fazer eu vou clicar com o botão direito onde já tá selecionado ouvindo em semelhante e ele vai selecionar tudo que tiver igual a essa seleção que eu já tinha feito então dessa forma ele vai mascarar tudo tá que que aconteceu aqui ele selecionou toda a parte branca quando eu criei a máscara ele deixou somente a parte branca que é o que eu havia selecionado

Mas eu não quero eu quero o inverso né então vou clicar na minha máscara e vou dar um control e ele vai ficar somente o que eu quero agora eu venho na máscara aqui e vou apagar esses itens que eu não quero quero somente o fone e eu quero que o fone ele fique totalmente enquadrado no tamanho do projeto Então vou vir imagem a parar e eu vou ter aqui somente o fone agora beleza só dá um Ctrl S que ele vai estar sem fundo aqui para gente quando você recorta um material que que acontece

ele fica com algumas bordas brancas Isso aqui é uma dica extra para vocês tá para não ficar com essas bordas brancas ou você volta no projeto lá e habilita a seleção da máscara que você fez com o contra o clique aí você exclui essa máscara selecionar modificar contração 1 e aí você reduz um pixel e faz a máscara de novo e aí quando você vier no seu projeto ele saiu aquelas linhas que tinha Olha a diferença antes e depois tá ele tira todas essas linhas porque você reduziu um pixel da sua peça Então vamos lá

focar aqui no nosso processo criativo e não na parte técnica do negócio né porque afinal de contas esse é o nosso propósito nesse vídeo então depois que eu baixei aqui as minhas imagens Vamos para o item 5 da nossa lista que é faça testes de layout Então agora eu preciso saber o seguinte aonde que vai a imagem onde que vai o texto o que que vai ter no fundo o que que não vai ter que que vai ter de texto então o que que eu recomendo agora ao invés de você já montar algo definitivo que

você vá colocando os itens e testando antes de você realmente ver se é isso que você vai querer né então Aqueles textinhos que eu falei para você lá acho que talvez fique Bacana aqui vou adicionar esses textinhos aqui de regulamento isso aqui deixa o projeto sempre mais profissional esse aqui já vou começar a adicionar deixar ele bem pequenininho já vou começar a adicionar elementos para mim testando aqui deixar uma fonte bem fininha é só um detalhe que já vai me ajudando na direção criativa aqui né Então já vou entender no alguns conceitos onde eu vou

poder posicionar melhor as coisas isso aqui crie de forma bem rápida já vai me ajudar a enxergar a peça e ver se realmente é esse layout aqui que eu vou querer ou não deixa eu alinhar aqui ó nessa forma ó eu fazendo isso a gente já fica bem próximo aquelas referências que a gente viu lá né o fone no centro esse textinho aqui embaixo isso aqui eu posso tirar um pouco da opacidade legal isso aqui já tá bacana agora vamos adicionar o nosso primeiro texto que que a gente vai colocar nesse texto aqui né eu

não trabalho com cores agora nesse momento primeiro eu defino o layout o texto que eu vou colocar tudo bonitinho depois eu começo a trabalhar com cores tá quando vê que o layout está encaminhando para o que eu quero aí eu começo a trabalhar com cores nesse caso o que que eu vou colocar aqui posso colocar aqui Gamer né então uma essa fonte fina tá até legal Aqui também dependendo do Propósito né ó colocar por cima aqui ó se eu colocasse isso aqui colocasse um retângulo no fundo verde Olha que bacana eu vou pegar o verde

da Razer aqui ó pegar esse Verde deles aqui jogar um pouquinho mais para o Claro ali e criar esse Shape aqui ó somente com bordas Olha como já ficaria lindo né Olha que bacana já é um detalhe muito interessante para nossa peça aqui você começa a estudar o layout tá Não tenha medo de fazer testes você não pode chegar com uma ideia e achar que ela vai ser a ideia é vencedora você precisa fazer muito teste aqui ver o que realmente vai ficar interessante na peça ver o que ficou que não ficou para você definir

depois tá essa cor eu gostei né então já vou pegar essa cor eu não vou utilizar esse retângulo nesse momento mas eu já tive aqui a minha cor que eu vou utilizar nesse projeto eu vou colocar aqui um background tá vou colocar um background e para a gente pegar esse background eu vou vir aqui no no freepik você pode para esse tipo de produto aliás eu recomendo que você quando você quiser colocar um background você pesquise por túnel tá vai aparecer esse tipo de imagem aqui olha que legal para você colocar no background se você

quiser fazer a sombra do produto aqui no chão vai ficar bem bacana quando você coloca desfoque fica bem interessante vamos escolher um fundo aqui para gente esse também tem interessante eu vou pegar isso aqui eu vou baixar aqui agora veja bem o que eu falei para você sobre o objeto inteligente eu baixei essa imagem de um banco e quando eu trago para cá e confirma ela já está em objeto inteligente então não preciso converter novamente tá agora eu vou escalonar ela aqui proporcionalmente para mim não esticar minha peça vou jogar para o meu background E

olha que diferença que já deu né agora eu já consigo entender muito melhor a minha peça o que eu quero Qual o propósito desse material né já tá encaixando muito melhor porque eu tinha imaginado agora eu vou pegar uma outra fonte vou pegar talvez Calixto bold deixar em tudo em maiúsculo talvez deixar esse texto aqui no fundo vou escrever aqui ó headset talvez vamos ver como que vai ficar aqui ó é de 7 isso aqui é de fazer é fazendo testes que você vai encontrar o melhor resultado tá Ou posso simplesmente baixar a logo da

Razer né em vez de colocar texto deixa eu ver aqui logo Razer vamos ver se vai ficar interessante aqui em cima vai dar para deixar logo e o texto talvez aqui ó sete que não vai aparecer tudo texto né mas vamos ver o Gamer aqui mesmo deixar o Gamer aqui ó deixar Razer no meio a login ali em cima talvez aqui aqui deixar aqui mesmo tá o foco dessa peça em si não é a arte né é realmente o processo criativo mas olhando aqui Vocês já vão conseguir entender melhor né fazendo na prática então por

isso que eu tô fazendo assim para vocês então depois que você concluiu o item 5 que você fez todos os testes de layout adicionou imagens testou aqui os posicionamentos e encontrou que você quer agora você precisa entrar no item 6 que é refinamento da peça Então qual tipo de acabamento que você pode dar nessa peça para que ela fique mais interessante para que ela fique mais trabalhada para que ela fique mais profissional no nível do seu cliente tá então o que que eu vejo que eu posso fazer aqui nessa peça Eu acho que o fundo

ele tá com muito destaque Eu quero dar destaque aqui no que no meu produto Então vou tirar um pouco do destaque desse produto eu vou vir aqui em filtro desfoque desfoque gaussiano legal tirei um pouco da presença da imagem né da atenção da imagem desse projeto agora o meu foco está no meu produto tá ainda acho que não está 100% Bacana esse fundo Então vou criar uma máscara vou inverter Essa Máscara e vou habilitar somente a parte central da imagem aqui ó eu vou adicionar vou deixar as bordas sem imagem Cadê aqui ó vou dando

cliques até eu achar um ponto bacana aqui eu vou tirar um pouco dessa parte de baixo Olha que legal então aqui ainda tenho a presença do meu fundo porém com muito menos destaque né ó vou tirando um pouco esses pontos mais forte para deixar as bordas mais suave porém sem perder a presença tá se você achar que ainda falta alguma coisa você pode vir aqui em filtro desfoque desfoque Radial e dá um Radial aqui ó que fica legal também ó olha que bacana que fica com Radial dá um efeito muito interessante com esse Radial também

ele vira complemento principal da cena ele preenche o espaço que você tava precisando fica muito interessante tá eu vou jogar esse game por cima e aqui na verdade ele aqui essa parte ele passa por cima da parte de trás do fone aqui eu vou fazer passando por dentro tá então aqui ainda tá dentro do refinamento da peça né então você vai analisando os detalhes e vendo o que fica mais interessante de você dar aqui de acabamento tá então o que eu vou fazer agora eu vou criar uma máscara você fazer uma seleção aqui ó somente

do meu objeto e agora eu vou criar uma máscara no meu texto o inverter Essa Máscara ele já cortou essas partes que eu quero aqui ó e agora vou vir revelando o que eu quero que fique por cima quero que fique por cima isso aqui eu quero que fique é por dentro né Por trás Então ela já está por trás porém não tá dando tanta leitura né Se eu jogar aqui por cima vai perder o conceito se eu deixar por trás talvez em ter tanta leitura mas ficou interessante também uma alternativa quando não dá muita

leitura quando você faz esse tipo de recorte é você jogar para cima tirar o preenchimento adicionar um traçado e deixar aqui ó somente um traçado fino por cima aí você consegue ter um pouco de leitura e ainda um pouco da sensação de passando por trás mas eu não quero isso vou deixar somente passando por trás mesmo Razer Gamer o nosso headset aqui se você quiser você pode adicionar aqui ó Você pode adicionar uma sombra embaixo do seu produto ver se vai ficar interessante eu acho que ficou bacana com essa com essa sombra da traz um

Realismo para cena né ver que realmente existe uma base um produto físico e aí você pode tirar um pouco dessa opacidade Olha que bacana já ficou legal também né aqui eu vou subir um pouco do dessas informações deixar um pouquinho mais para cima aqui aqui beleza essa sombra tem que colocar abaixo do produto vou criar uma pastinha com os dois colocar aqui produto produto beleza e aqui eu já dei um refinamento bem bacana que já começou a envolver o meu produto na minha cena né O que mais eu poderia de adicionar para dar um refinamento

bacana na minha peça vou colocar um equilíbrio de cores Porque como vocês podem ver ó o meu produto ele tá com uma tonalidade mais verde e o nosso fundo ele é azul Então na verdade a cor principal é verde Então vou mudar o azul ó vou jogar uma um equilíbrio de cores no fundo e vou mudar aqui ó para deixar ele mais verde mais puxado para o verde Olha que bacana e aqui você vai controlando a tonalidade e já está tudo mais envolvido aqui o produto o fundo Parece que um faz parte do outro beleza

agora só para a gente finalizar a questão da parte técnica do negócio eu vou vir aqui em visualizar guias novo layout de guias e vou colocar aqui 120 em cada margem tá com essa margem eu consigo limitar as minhas informações e fazer com que meu projeto fique com aspecto muito mais profissional tá eu preciso usar linhas eu preciso usar uma Grid para deixar que meu para não deixar que meu projeto fique todo torto todo desengonçado de forma amadora então eu tô aqui ó bem próximo da linha em cima eu tô no limite da linha aqui

embaixo e nas laterais a minha peça ela existe uma unidade visual então isso traz uma sensação muito mais profissional mais gostosa de ver tá E esse é o resultado da nossa peça com o processo de arte muito bem definido onde a gente coletou todas as informações com o nosso cliente analisamos o pedido e entendemos o propósito daquele pedido vimos muitas referências pesquisamos imagens para o projeto fizemos testes de layout e por fim fizemos o refinamento da peça se você assistiu esse vídeo até aqui ainda não deixou a sua curtida deixa aí a sua contribuição que

isso vai me incentivar continuar produzindo os novos conteúdos como esse quem vai ser ganhando é você mesmo e você também vai acabar ajudando outras pessoas que o YouTube ele entende quando você dá o like que esse vídeo é bom e ele vai direcionar esse conteúdo para mais pessoas nesse vídeo eu fico por aqui e até o próximo conteúdo