{"id":2272,"date":"2017-08-02T16:28:00","date_gmt":"2017-08-02T18:28:00","guid":{"rendered":"http:\/\/design.unifebe.edu.br\/?p=2272"},"modified":"2017-08-02T16:31:01","modified_gmt":"2017-08-02T18:31:01","slug":"2272","status":"publish","type":"post","link":"http:\/\/design.unifebe.edu.br\/?p=2272","title":{"rendered":""},"content":{"rendered":"<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-2273\" src=\"http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-02.png\" alt=\"\" width=\"814\" height=\"496\" srcset=\"http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-02.png 814w, http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-02-300x183.png 300w, http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-02-768x468.png 768w, http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-02-328x200.png 328w\" sizes=\"(max-width: 814px) 100vw, 814px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif; font-size: 12pt;\"><span style=\"font-size: 18pt;\">U<\/span>ma boa paleta de cores pode ser o ponto inicial de um projeto criativo. Afinal, as cores s\u00e3o capazes de passar sentimentos e emo\u00e7\u00f5es que fazem parte do projeto gr\u00e1fico.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-family: tahoma, arial, helvetica, sans-serif; font-size: 12pt;\"><span style=\"font-family: helvetica, arial, sans-serif;\">Muitos se perguntam como criar paletas de cores utilizando imagens como refer\u00eancia<\/span>. Hoje vamos mostrar uma ferramenta bem completa: o <a href=\"https:\/\/color.adobe.com\/pt\/create\/color-wheel\/\" target=\"_blank\" rel=\"noopener\">Adobe Color<\/a>.<\/span><\/p>\n<h2 style=\"text-align: center;\"><span style=\"font-size: 24pt; font-family: verdana, geneva, sans-serif;\"><strong>COMO FAZER?<\/strong><\/span><\/h2>\n<p><span style=\"font-family: helvetica, arial, sans-serif; font-size: 12pt;\">Em primeiro lugar, acesse o <a href=\"https:\/\/color.adobe.com\/pt\/create\/color-wheel\/\" target=\"_blank\" rel=\"noopener\">Adobe Color<\/a>, que funciona em seu pr\u00f3prio navegador. Caso n\u00e3o esteja logado, fa\u00e7a o Login em sua conta do Creative Coud.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-2274\" src=\"http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-01.png\" alt=\"\" width=\"1024\" height=\"496\" srcset=\"http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-01.png 1024w, http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-01-300x145.png 300w, http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-01-768x372.png 768w, http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-01-413x200.png 413w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif; font-size: 12pt;\">Vamos\u00a0usar uma imagem como refer\u00eancia para criar uma paleta personalizada.<\/span><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif; font-size: 12pt;\">J\u00e1 escolheu a imagem que deseja usar como refer\u00eancia? No meu caso, entrei no <a href=\"http:\/\/www.pexels.com\">Pexels<\/a> e achei que a seguinte imagem daria uma boa paleta de cores:<\/span><\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-2278\" src=\"http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/pexels-photo-248797.jpeg\" alt=\"\" width=\"640\" height=\"256\" srcset=\"http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/pexels-photo-248797.jpeg 640w, http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/pexels-photo-248797-300x120.jpeg 300w, http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/pexels-photo-248797-500x200.jpeg 500w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p><span style=\"font-size: 12pt; font-family: helvetica, arial, sans-serif;\">Tudo pronto. o pr\u00f3ximo passo \u00e9 clicar no \u00edcone da m\u00e1quina fotogr\u00e1fica, l\u00e1 no Adobe Color e fazer o upload da imagem para a ferramenta.<\/span><a href=\"http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-03.png\" rel=\"lightbox[2272]\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-2279\" src=\"http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-03.png\" alt=\"\" width=\"500\" height=\"245\" srcset=\"http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-03.png 500w, http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-03-300x147.png 300w, http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-03-408x200.png 408w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif; font-size: 12pt;\">Automaticamente o Adobe Color selecionar\u00e1 as cores de acordo com o modo de cor escolhido e criar\u00e1 uma paleta de utilizando a a\u00a0imagem que voc\u00ea fez o upload como refer\u00eancia.<\/span><\/p>\n<p><a href=\"http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-04.png\" rel=\"lightbox[2272]\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-2280\" src=\"http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-04.png\" alt=\"\" width=\"800\" height=\"392\" srcset=\"http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-04.png 800w, http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-04-300x147.png 300w, http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-04-768x376.png 768w, http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-04-408x200.png 408w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif; font-size: 12pt;\">Mas \u00e9 claro que voc\u00ea poder\u00e1 personalizar a paleta o quanto quiser. Altere o <strong>Modo de cores<\/strong> para visualizar a diferen\u00e7a ou simplesmente arraste a sele\u00e7\u00e3o na pr\u00f3pria imagem para definir as cores que far\u00e3o parte da paleta. No meu caso ficou assim:<\/span><\/p>\n<p><a href=\"http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-05.png\" rel=\"lightbox[2272]\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-2281\" src=\"http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-05.png\" alt=\"\" width=\"800\" height=\"392\" srcset=\"http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-05.png 800w, http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-05-300x147.png 300w, http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-05-768x376.png 768w, http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-05-408x200.png 408w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<h2 style=\"text-align: center;\"><span style=\"font-size: 24pt; font-family: verdana, geneva, sans-serif;\"><strong>UTILIZANDO A PALETA NO ILLUSTRATOR<\/strong><\/span><\/h2>\n<p><span style=\"font-family: helvetica, arial, sans-serif; font-size: 12pt;\">Agora vamos salvar essa paleta para poder utiliz\u00e1-la depois no Illustrator.\u00a0<\/span><span style=\"font-family: helvetica, arial, sans-serif; font-size: 12pt;\">Ap\u00f3s estar satisfeito com a paleta criada, basta clicar no bot\u00e3o <strong>Salvar<\/strong>, no canto superior esquerdo.<\/span><\/p>\n<p><a href=\"http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-06.png\" rel=\"lightbox[2272]\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-2282\" src=\"http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-06.png\" alt=\"\" width=\"800\" height=\"392\" srcset=\"http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-06.png 800w, http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-06-300x147.png 300w, http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-06-768x376.png 768w, http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-06-408x200.png 408w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif; font-size: 12pt;\">Uma caixa de informa\u00e7\u00f5es, parecida com essa, se abrir\u00e1:<\/span><\/p>\n<p><a href=\"http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-07.png\" rel=\"lightbox[2272]\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-2283\" src=\"http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-07.png\" alt=\"\" width=\"800\" height=\"392\" srcset=\"http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-07.png 800w, http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-07-300x147.png 300w, http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-07-768x376.png 768w, http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-07-408x200.png 408w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif; font-size: 12pt;\">D\u00ea um nome \u00e0 paleta, escolha a Biblioteca onde ela ser\u00e1 salva e, se desejar, crie tag\u2019s para que outros usu\u00e1rios possam encontrar seu tema de cores.<\/span><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif; font-size: 12pt;\">Ap\u00f3s salvar, entre no Illustrator, encontre a aba Bibliotecas (dispon\u00edvel em Janela &gt; Bibliotecas), e seu tema de cor estar\u00e1 l\u00e1, pronto para ser utilizado em seu pr\u00f3ximo projeto!<\/span><a href=\"http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-08.png\" rel=\"lightbox[2272]\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-2284\" src=\"http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-08.png\" alt=\"\" width=\"289\" height=\"407\" srcset=\"http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-08.png 289w, http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-08-213x300.png 213w, http:\/\/design.unifebe.edu.br\/wp-content\/uploads\/2017\/08\/Kuller-08-142x200.png 142w\" sizes=\"(max-width: 289px) 100vw, 289px\" \/><\/a><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif; font-size: 12pt;\">Caso o tema de cor n\u00e3o apare\u00e7a, basta clicar no \u00edcone do<strong> Creative Cloud<\/strong> para sincronizar as bibliotecas.<\/span><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif; font-size: 12pt;\">Dessa forma voc\u00ea consegue salvar v\u00e1rias paletas criadas \u00e0 partir de imagens para utiliz\u00e1-las diretamente no Illustrator ou qualquer outro software Creative Cloud.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; Uma boa paleta de cores pode ser o ponto inicial de um projeto criativo. Afinal, as cores s\u00e3o capazes de passar sentimentos e emo\u00e7\u00f5es que fazem parte do projeto gr\u00e1fico. &nbsp; Muitos se perguntam como criar paletas de cores utilizando imagens como refer\u00eancia. Hoje vamos mostrar uma ferramenta bem &hellip;<\/p>\n","protected":false},"author":13,"featured_media":2273,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[179],"tags":[],"_links":{"self":[{"href":"http:\/\/design.unifebe.edu.br\/index.php?rest_route=\/wp\/v2\/posts\/2272"}],"collection":[{"href":"http:\/\/design.unifebe.edu.br\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/design.unifebe.edu.br\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/design.unifebe.edu.br\/index.php?rest_route=\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"http:\/\/design.unifebe.edu.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2272"}],"version-history":[{"count":5,"href":"http:\/\/design.unifebe.edu.br\/index.php?rest_route=\/wp\/v2\/posts\/2272\/revisions"}],"predecessor-version":[{"id":2288,"href":"http:\/\/design.unifebe.edu.br\/index.php?rest_route=\/wp\/v2\/posts\/2272\/revisions\/2288"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/design.unifebe.edu.br\/index.php?rest_route=\/wp\/v2\/media\/2273"}],"wp:attachment":[{"href":"http:\/\/design.unifebe.edu.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2272"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/design.unifebe.edu.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2272"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/design.unifebe.edu.br\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}