Procurando uma coleção de texturas de arco-íris de derramamento de óleo de alta qualidade? Confira este ga-analytics#sendElementsClickEvent”>conjunto incrível de 10 planos de fundo com cores inspiradas na arte psicodélica dos anos 1970.
![Fundos psicodélicos abstratos](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1381/posts/39556/image-upload/Abstract_Psychedelic_Backgrounds.jpg?ssl=1)
![Fundos psicodélicos abstratos](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1381/posts/39556/image-upload/Abstract_Psychedelic_Backgrounds.jpg?ssl=1)
![Fundos psicodélicos abstratos](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1381/posts/39556/image-upload/Abstract_Psychedelic_Backgrounds.jpg?ssl=1)
E se você preferir tutoriais em vídeo? Então você precisa conferir o canal Envato Tuts+ no YouTube. Aqui está um novo vídeo de Ashlee Harrell, que ensina como criar um efeito de arco-íris a óleo no Photoshop:
O que você aprenderá neste tutorial de Photoshop com efeito arco-íris a óleo
- Como criar um efeito de derramamento de óleo no Photoshop usando a ferramenta Liquify
- Como adicionar um fundo de arco-íris com uma predefinição de cor de derramamento de óleo
- Como usar seus fundos de arco-íris na arte do Photoshop
Vá para a seção que deseja seguir:
Ativos do tutorial de efeitos do Photoshop de derramamento de óleo
Os recursos a seguir foram usados durante a produção deste tutorial de efeito de derramamento de óleo do Photoshop:
Passo 1
Vamos começar a criar nosso fundo de arco-íris manchado de óleo configurando um documento com um tamanho de 3000 por 2000 pixels.
![criando um novo documento](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1381/posts/39556/image-upload/creating_a_new_document.jpg?ssl=1)
![criando um novo documento](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1381/posts/39556/image-upload/creating_a_new_document.jpg?ssl=1)
![criando um novo documento](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1381/posts/39556/image-upload/creating_a_new_document.jpg?ssl=1)
Passo 2
Vá para Arquivo > Lugar e coloque a foto da água fervendo dentro do seu documento. Você pode usar quase qualquer outra foto/imagem para este tutorial do Photoshop com efeito de arco-íris a óleo.
![colocando a imagem dentro do documento](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1381/posts/39556/image-upload/Placing_the_photo_inside_the_document.jpg?ssl=1)
![colocando a imagem dentro do documento](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1381/posts/39556/image-upload/Placing_the_photo_inside_the_document.jpg?ssl=1)
![colocando a imagem dentro do documento](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1381/posts/39556/image-upload/Placing_the_photo_inside_the_document.jpg?ssl=1)
etapa 3
Imprensa Shift-Control-X (ou ir para Filtrar > Liquidificar) e, em seguida, selecione o Ferramenta Forward Warp com as seguintes configurações:
- Tamanho: 700
- Densidade: 50
- Pressão: 100
- Bordas do pino: Ativado
![Configurando a ferramenta Forward Warp](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1381/posts/39556/image-upload/setting_up_the_forward_warp_tool.jpg?ssl=1)
![Configurando a ferramenta Forward Warp](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1381/posts/39556/image-upload/setting_up_the_forward_warp_tool.jpg?ssl=1)
![Configurando a ferramenta Forward Warp](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1381/posts/39556/image-upload/setting_up_the_forward_warp_tool.jpg?ssl=1)
Passo 4
Comece a usar o Ferramenta Forward Warp na sua foto até obter um resultado semelhante à imagem abaixo:
![usando a ferramenta Liquify Forward Warp na imagem](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1381/posts/39556/image-upload/using_liquify_forward_warp_tool_on_image.jpg?ssl=1)
![usando a ferramenta Liquify Forward Warp na imagem](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1381/posts/39556/image-upload/using_liquify_forward_warp_tool_on_image.jpg?ssl=1)
![usando a ferramenta Liquify Forward Warp na imagem](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1381/posts/39556/image-upload/using_liquify_forward_warp_tool_on_image.jpg?ssl=1)
Passo 5
E para a etapa final desta seção do nosso tutorial sobre como fazer um efeito de cor de derramamento de óleo no Photoshop, usaremos o Ferramenta Girar no Sentido Horário do mesmo Liquidificar painel. Use as seguintes configurações:
- Tamanho: 800
- Pressão: 100
- Densidade: 50
- Taxa: 50
- Bordas do pino: Ativado
![usando a ferramenta liquefazer no sentido horário na imagem](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1381/posts/39556/image-upload/using_liquify_clockwise_warp_tool_on_image.jpg?ssl=1)
![usando a ferramenta liquefazer no sentido horário na imagem](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1381/posts/39556/image-upload/using_liquify_clockwise_warp_tool_on_image.jpg?ssl=1)
![usando a ferramenta liquefazer no sentido horário na imagem](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1381/posts/39556/image-upload/using_liquify_clockwise_warp_tool_on_image.jpg?ssl=1)
Passo 6
Misture o fundo com o Ferramenta Girar no Sentido Horário até obter algo semelhante a este:
![usando a ferramenta Twirl Clockwise na imagem](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1381/posts/39556/image-upload/using_Twirl_Clockwise_Tool_on_the_image.jpg?ssl=1)
![usando a ferramenta Twirl Clockwise na imagem](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1381/posts/39556/image-upload/using_Twirl_Clockwise_Tool_on_the_image.jpg?ssl=1)
![usando a ferramenta Twirl Clockwise na imagem](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1381/posts/39556/image-upload/using_Twirl_Clockwise_Tool_on_the_image.jpg?ssl=1)
2. Como adicionar um arco-íris no Photoshop com um mapa de gradiente
Passo 1
Agora, vamos ver como adicionar um efeito de arco-íris no Photoshop. Estaremos criando um filtro de cor de derramamento de óleo. Bater Criar novo preenchimento ou Camada de ajuste e selecione Mapa de gradiente.
![criando uma camada de mapa de gradiente](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1381/posts/39556/image-upload/creating_a_gradient_map_layer.jpg?ssl=1)
![criando uma camada de mapa de gradiente](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1381/posts/39556/image-upload/creating_a_gradient_map_layer.jpg?ssl=1)
![criando uma camada de mapa de gradiente](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1381/posts/39556/image-upload/creating_a_gradient_map_layer.jpg?ssl=1)
Passo 2
Imprensa Reverter e, em seguida, use os seguintes códigos de cores em seu Faixa Gradiente.
#31db88
#0bcef2
#486cfa
#7044e9
#eb36c3
#fa6732
#e9b325
#dbc743
#c1dd7f
#56dcb2
#4ae7e9
#3ad2f4
Posicione-os conforme a imagem abaixo:
![Criando sobreposição de gradiente](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1381/posts/39556/image-upload/Creating_gradient_overlay.jpg?ssl=1)
![Criando sobreposição de gradiente](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1381/posts/39556/image-upload/Creating_gradient_overlay.jpg?ssl=1)
![Criando sobreposição de gradiente](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1381/posts/39556/image-upload/Creating_gradient_overlay.jpg?ssl=1)
Aqui está o resultado do nosso tutorial de como fazer um efeito de derramamento de óleo no Photoshop. Você terá um fundo de arco-íris legal que você pode usar para muitos projetos.
![visualização principal do efeito de derramamento de óleo do arco-íris](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1381/posts/39556/image-upload/rainbow_oil_spill_effect_main_preview_final.jpg?ssl=1)
![visualização principal do efeito de derramamento de óleo do arco-íris](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1381/posts/39556/image-upload/rainbow_oil_spill_effect_main_preview_final.jpg?ssl=1)
![visualização principal do efeito de derramamento de óleo do arco-íris](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1381/posts/39556/image-upload/rainbow_oil_spill_effect_main_preview_final.jpg?ssl=1)
3. Como usar o fundo do arco-íris no Photoshop
Esta seção do tutorial é opcional. Aqui, gostaria de mostrar como você pode usar seu fundo de arco-íris trippy. Encontrei este lindo ga-analytics#sendElementsClickEvent”>Modelo de pôster de gradiente criativo em ga-analytics#sendElementsClickEvent”>Envato Elements.
![Modelo de Cartaz com Gradiente Criativo](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1381/posts/39556/image-upload/Creative_Gradient_Poster_Template.jpg?ssl=1)
![Modelo de Cartaz com Gradiente Criativo](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1381/posts/39556/image-upload/Creative_Gradient_Poster_Template.jpg?ssl=1)
![Modelo de Cartaz com Gradiente Criativo](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1381/posts/39556/image-upload/Creative_Gradient_Poster_Template.jpg?ssl=1)
Vamos abri-lo no Photoshop e substituir a imagem em nosso plano de fundo. Coloque sua imagem acima da camada Lava BG Gradient e depois Clique com o botão direito do mouse > Criar uma máscara de corte.
![criando uma máscara de recorte](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1381/posts/39556/image-upload/creating_a_clipping_mask.jpg?ssl=1)
![criando uma máscara de recorte](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1381/posts/39556/image-upload/creating_a_clipping_mask.jpg?ssl=1)
![criando uma máscara de recorte](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1381/posts/39556/image-upload/creating_a_clipping_mask.jpg?ssl=1)
É assim que nosso folheto do Photoshop com efeito de derramamento de óleo ficará:
![pré-visualização do plano de fundo do derramamento de óleo do arco-íris no flyer](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1381/posts/39556/image-upload/rainbow_oil_spill_effect_preview_on_flyer_min.jpg?ssl=1)
![pré-visualização do plano de fundo do derramamento de óleo do arco-íris no flyer](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1381/posts/39556/image-upload/rainbow_oil_spill_effect_preview_on_flyer_min.jpg?ssl=1)
![pré-visualização do plano de fundo do derramamento de óleo do arco-íris no flyer](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1381/posts/39556/image-upload/rainbow_oil_spill_effect_preview_on_flyer_min.jpg?ssl=1)
Trabalho incrível, este tutorial de efeito de óleo de arco-íris acabou
Hoje, você aprendeu a fazer um efeito de arco-íris manchado de óleo no Adobe Photoshop com a ferramenta Liquify e uma sobreposição de mapa de gradiente. Espero que você tenha gostado do tutorial e agora esteja pronto para criar incríveis fundos psicodélicos e papéis de parede de derramamento de óleo.
![visualização final do efeito de derramamento de óleo do arco-íris](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1381/posts/39556/image-upload/rainbow_oil_effect_final_preview.jpg?ssl=1)
![visualização final do efeito de derramamento de óleo do arco-íris](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1381/posts/39556/image-upload/rainbow_oil_effect_final_preview.jpg?ssl=1)
![visualização final do efeito de derramamento de óleo do arco-íris](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1381/posts/39556/image-upload/rainbow_oil_effect_final_preview.jpg?ssl=1)
Você pode estar se perguntando onde pode obter este ga-analytics#sendPlaceitClickEvent”>maquete de pôster legal. A resposta é: em ga-analytics#sendPlaceitClickEvent”>Placei! Aqui você pode encontrar uma grande coleção de maquetes e modelos diferentes para praticamente qualquer finalidade: de maquetes de camisetas e pôsteres a modelos de banner do Twitch.
5 principais fundos e texturas do Photoshop para derramamento de óleo
ga-analytics#sendElementsClickEvent”>Fundos psicodélicos abstratos (JPG)
Se você é um fã de cores psicodélicas de derramamento de óleo, confira este incrível pacote de dez fundos de papel de parede de derramamento de óleo JPEG de alta resolução. É adequado para criar pôsteres, folhetos ou qualquer elemento de design digital.
![Fundos psicodélicos abstratos](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1381/posts/39556/image-upload/Abstract_Psychedelic_Backgrounds.jpg?ssl=1)
![Fundos psicodélicos abstratos](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1381/posts/39556/image-upload/Abstract_Psychedelic_Backgrounds.jpg?ssl=1)
![Fundos psicodélicos abstratos](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1381/posts/39556/image-upload/Abstract_Psychedelic_Backgrounds.jpg?ssl=1)
ga-analytics#sendElementsClickEvent”>Texturas ácidas (JPG, PNG)
Este pacote contém dez texturas multicoloridas exclusivas em uma resolução realmente alta (5000×3333 px). Essas texturas podem ser usadas para fazer panfletos, histórias do Instagram, papel de parede ou até mesmo capas de álbuns de vinil. Não se esqueça de experimentar o mapa de gradiente que criamos nessas texturas para obter um papel de parede psicodélico de derramamento de óleo.
![Texturas ácidas](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1381/posts/39556/image-upload/Acid_Textures.jpg?ssl=1)
![Texturas ácidas](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1381/posts/39556/image-upload/Acid_Textures.jpg?ssl=1)
![Texturas ácidas](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1381/posts/39556/image-upload/Acid_Textures.jpg?ssl=1)
ga-analytics#sendElementsClickEvent”>Texturas líquidas abstratas desbotadas (JPG)
Procurando por um grande pacote de texturas líquidas? Experimente este conjunto de 25 fundos de alta resolução. Essas texturas abstratas são uma escolha perfeita para criar capas de CD e fundos de arco-íris alucinantes.
![Texturas líquidas desbotadas abstratas](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1381/posts/39556/image-upload/Abstract_Faded_Liquid_Textures.jpg?ssl=1)
![Texturas líquidas desbotadas abstratas](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1381/posts/39556/image-upload/Abstract_Faded_Liquid_Textures.jpg?ssl=1)
![Texturas líquidas desbotadas abstratas](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1381/posts/39556/image-upload/Abstract_Faded_Liquid_Textures.jpg?ssl=1)
ga-analytics#sendElementsClickEvent”>Fundo cromado iridescente (JPG)
Quer algo metálico? Experimente este pacote de dez fundos cromados iridescentes. É um recurso incrível para qualquer uma das suas necessidades de design, desde o design de pôsteres até o papel de parede.
![Fundo cromado iridescente](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1381/posts/39556/image-upload/Iridescent_Chrome_Background.jpg?ssl=1)
![Fundo cromado iridescente](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1381/posts/39556/image-upload/Iridescent_Chrome_Background.jpg?ssl=1)
![Fundo cromado iridescente](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1381/posts/39556/image-upload/Iridescent_Chrome_Background.jpg?ssl=1)
ga-analytics#sendElementsClickEvent”>Fundos de arte fluida (JPG)
Precisa de um plano de fundo para sua próxima apresentação? Confira este conjunto de texturas fluidas abstratas com cores suaves. Todos os planos de fundo são arquivos JPEG de alta resolução com resolução de 4582×3054 px.
![Fundos de arte fluida](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1381/posts/39556/image-upload/Fluid_Art_Backgrounds.jpg?ssl=1)
![Fundos de arte fluida](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1381/posts/39556/image-upload/Fluid_Art_Backgrounds.jpg?ssl=1)
![Fundos de arte fluida](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1381/posts/39556/image-upload/Fluid_Art_Backgrounds.jpg?ssl=1)
Agora que você sabe como fazer um efeito de óleo de arco-íris no Photoshop, provavelmente deseja aprender mais algumas dicas e truques do Photoshop. Confira esses tutoriais incríveis: