sofia & remy asked for this tutorial so here it is :)
note: i pay for photoshop and currently own the most recently released version of april 2025 - some things might be different if you're working on earlier versions of photoshop
i've made several gifsets (x, x, x, x) where i've isolated the gif subject so i can change the background into a bright, colorful background or into b&w backgrounds - in this tutorial i'll explain how i do that :)
in this tutorial we'll be going from this:
to this:
putting the tutorial under a read more!
step 1 — open your gif
i usually tend to make my gif beforehand, fully colored and sharpened and everything else, and save it before reopening it (as a gif) in photoshop cause i find it's the easiest way!
you'll have to work in frames mode when isolating the background color (because as said, you'll have to do this frame by frame) and it's important to always have the same frame and layer selected, otherwise you might run into some issues
for the purpose of this tutorial my premade gif (eddie<333) has not been colored, only sharpened
step 2 — selecting your subject
next up we're going to select our subject by going to the select category up top and clicking subject
↓ you'll now have a marching ants line around your subject ↓
sometimes photoshop will be silly and select either too much or too little, and you'll have to manually make sure (for every frame) that your subject is correctly selected - but i'll get back to that later!
step 3 — adding a solid color (/gradient color) layer mask
once you have your subject selected the way you want it, we're going to add a solid color (or gradient color) layer mask by clicking this half filled circle icon in your layers tab - from here on out you can choose whether you want to add a solid color or gradient (for this tutorial - we'll go with a solid color)
photoshop will ask you to pick a color (or gradient) so just go ahead and pick whatever color you wish to make your background! the lighter your color the brighter your background, and the darker your color the duller your background (for b&w backgrounds you can use black or white, it makes no difference) - once you're happy with your color, just press ok :)
step 4 — create a clipping mask
this might seem like nothing, but is actually an important step in the process! you want to make sure that the color fill layer you just created is clipped to the corresponding frame like so:
you can do this by pressing cmd/ctrl + alt + g or clicking right on your color fill layer and selecting create clipping mask
by clipping your color fill layer to the corresponding gif layer, you avoid this happening:
the color fill layer for the last gif layer has been applied on all gif layers before that, which will make it so that your subject will move in and out of the colored background and makes your gif look silly ↓
obviously this is what we want to avoid so clipping your color fill layer to your gif layer is an essential step!
step 5 — invert the layer mask of your color fill layer
next up we're going to select the layer mask and invert it by pressing cmd/ctrl + i
this way we go from this
to this
step 6 — changing the blend mode of your color fill layer
the final step (!) is changing the blend mode of your color fill layer - i tend to just use the blend mode color on most of these as this mode tends to give the brightest results but you can definitely mess around and see what you prefer :)
(for this set i actually put the blend mode to soft light to create a duller background, for a gradient background just follow the exact same process but in step 3 choose gradient instead of solid color)
and you're done! now you only have to repeat this process for every. single. gif. frame. :)
and that's all there is to it really, so happy creating <3 see more tips/comments below and if you have questions, my askbox is always open!
tips / comments
1.- record this entire process into an action (tutorial on how to create actions) – this way you'll only have to select the correct frame/layer combo before pressing play and letting photoshop do the work for you! i made two general actions;
bw with subject select: use this action when photoshop can select your subject without issues!
bw without subject select: use this action when you need to manually edit the selection of your subject! (see 2.-)
feel free to download and use these actions! they will turn your background b&w - you can change the background color by clicking this square;
sofia @sadgayeddie made an action to select next frame + layer so you don't have to move your cursor around as often and graciously allowed me to share it <3 you can find it here
2.- (circling back to step 2) make sure photoshop correctly selects your subject – when using the select subject feature, photoshop may fuck up the selection of your subject, as such ↓
i don't want the lady in the background included in my subject - you'll have to use the quick selection tool to manually unselect whatever you don't want in your subject and/or manually select what you do want in your subject
from personal experience i know photoshop tends to fuck up with;
hair (especially when it moves around a lot)
blurry subject (eg eddie dancing in 8x06)
one or more colors in your subject being too close to the background color(s) (such as bobby's suit in this example)
hands (the smaller the hands, the more photoshop makes a mess)
this is what the subject looks like without the lady in the back selected:
it's a bit more work if you have to edit the subject selection for every frame (and you might make small mistakes), but it's worth it! we want the gif looking like this in the end (sneak peek for my bobby set!!)
IMPORTANT NOTE: Do not use this crack on any pre-existing or pre-installed version(s) of Photoshop on your PC, as it is specific for this version and this version alone. In the event that you’re struggling to get through the steps or Photoshop is somehow not working properly, I am but a message away, very content to help out!
Step 1: Download from this link.
Step 2: When done downloading, unzip it (Windows can do it for you, but otherwise, I personally use a program called 7ZIP) anywhere on your PC, even your desktop works fine (you can delete it after you’re done with all the steps).
Step 3: Open the unzipped folder, then select the folder that correlates to your Windows’ version (most PCs sold at present come with 64 bit by default, but if you want to be sure, there’s an easy way to verify).
Step 4: Go into the ‘Adobe Photoshop CC’ folder and double click the file ‘Set-up (click this)’ and follow the instructions as per usual in the installation that ensue (in the very unlikely event that it says that you’ve used up the trial linked to that setup already, navigate to this link and scroll down to the download links and when there, download ‘Photoshop CC 2019 (64-bit)’ and install it through that instead and then continue to step 5).
Step 5: Return to your unzipped folder (and the windows version folder you chose) and head into the ‘Patch’ folder. Double click the file titled ‘Adobe.CC2018.Anticloud.r4′ within and simply hit ‘Next’, let it run, it should take only seconds, hit ‘Finish’. Voila, Photoshop has been cracked and is upgraded to its full version.
Step 6: The most important one of them all, enjoy!
Download of a more recent Photoshop can be found here!
IMPORTANT NOTE: If you already have another version of Adobe's Photoshop CC/2024 installed, it will require you to uninstall that first. Just like in the old days with my previous versions, simply follow the instructions and all should immediately work as intended. And don't worry, I pinky-promise you that this works and won't give you any problems, no matter whether you're a techie or a bit clueless as to how to navigate computers. And in case you're struggling, I'm here at your beck and call until it's working!
IMPORTANT NOTE #2: In case you get a popup that says Photoshop needs to be licensed, or it will uninstall itself otherwise, please have a look at this fix!
Step 1: Please navigate here, and download Photoshop (alternative link here).
Step 2: When done downloading, unzip it (Windows can do it for you, but otherwise, I personally use a program called 7ZIP) anywhere on your PC, even your desktop works fine, as you can delete it when the installation is done if you'd like.
Step 3: When done, have a look inside the folder you just unzipped, and you'll see a file called 'Set-up (just click this and install!)', you simply need to run it, and install it as per your preferences (if you aren't too tech-savvy, don't worry, you can leave the default installation options as they are and all will be fine), and it is already pre-cracked, so there's no extra work from your end that needs to be done, we're just left with the last little step...
Step 4: Everything is done! You can now start it up and use it as you want!
If in the unlikely event that you do run into any sort of issue of any kind, my DMs and askbox are always here for you, so don't be shy, I promise I'll welcome you with chocolate and fruit.
While I don't request for anything in return outside of a like if this helped you (or ideally, a reblog so that others can find this), I was asked in the past whether I had a Ko-fi, so I set one up back in the day. It's not required at all, but it's always appreciated. 🤍
IMPORTANT NOTE:Do not use this crack on any pre-existing or pre-installed version(s) of Photoshop on your PC as it is specific for this version and this version alone. In the event that you’re struggling to get through the steps or Photoshop is somehow not working properly, I am but a message away! Don’t hesitate. <3
1. Download from my mega.nz (don’t hesitate to let me know if the link no longer works!)
2. When done downloading, unzip it somewhere you can find it back (Windows can do it for you, but otherwise, I personally use a program called 7ZIP), even your desktop works fine.
3. Open the unzipped folder and double click the file called ‘Set-up.exe’ and let the installation run.
4. When the installation hits 100%, close it and everything should be functional. As it’s pre-cracked, there’s no additional steps to take!
Have fun, enjoy and please consider reblogging the post if it helped you!
And if you’d like to show support, consider leaving me a tip on Kofi!
This is something i’d been meaning to do for a while, since I have so many actual filter psds, but never any adjustment ones! This will fix those dark blue tones you can get in shows with low lighting or colder moments, so that when you apply your actual coloring psd - it will look like a normal, well lit scene! All prepped, and ready to be edited.
- will brighten, and correct the blue tones in images, to make them warmer and more vibrant
- no need to credit anywhere since this is a simple adjustment psd. but it would be highly appreciated if you could –
IMPORTANT NOTE: Do not use this crack on any pre-existing or pre-installed version(s) of Photoshop on your PC as it is specific for this version and this version alone. In the event that you’re struggling to get through the steps or Photoshop is somehow not working properly, I am but a message away! Don’t hesitate. <3
1. Download from my mega.nz (don’t hesitate to let me know if the link no longer works!)
2. When done downloading, unzip it somewhere you can find it back (Windows can do it for you, but otherwise, I personally use a program called 7ZIP), even your desktop works fine.
3. Open the unzipped folder and double click the file called ‘Set-up.exe’ (the one with the blue icon) and let the installation run.
4. When the installation hits 100%, close it and everything should be functional. As it’s pre-cracked, there’s no additional steps to take!
Is your Photoshop closing upon startup? Here’s the fix:
5. In the unzipped folder, you’ll find a folder called ‘Creative Cloud’ with a setup executable inside of it. Click it and go through the installation. If you’re prompted to log in, simply use your existent Adobe account or a brand-new one, either works! Once installed, you don’t need to launch it, as it simply being installed will fix the auto-closing problem. If you ever do launch the program on accident, never allow it to update Photoshop, as it will break the cracked version of Photoshop. If it does happen, however, do not fear; simply uninstall Photoshop entirely and refollow the above steps.
Have fun, enjoy and please consider reblogging the post if it helped you!
And if you’d like to show support, consider leaving me a tip on Kofi!
GUIA COMPLETO DE COMO EDITAR FOTOS EM ALTA QUALIDADE (HQ)!
oiê, bem vindos(as)! à pedidos, estou trazendo um tutorial bem abrangente sobre como editar fotos no geral para icons, headers, etc., em alta qualidade. neste guia/tutorial trarei dicas, truques e informações gerais sobre o que é preciso para editar em hq. lembrando que o conteúdo deste guia é sobre como eu edito, a maneira que funciona comigo e meu progresso e aprendizado ao longo de quase 12 anos editando icons, ou seja, o que contém neste guia pode — e deve — ser adaptado à sua maneira e ao software de sua preferência. aproveitem e se divirtam!
nota: este tutorial está bem longo, então, se possível, veja este guia pelo pc/notebook!
O QUE VOCÊ VAI ENCONTRAR NESTE GUIA
softwares necessários com links para download;
onde e como baixar as fotos para as edits;
métodos de edição e passo a passo;
como melhorar a qualidade de uma foto;
como salvar a foto corretamente para postar;
dicas de actions e outros resources.
clique em “continuar lendo” para ver o tutorial.
1. SOFTWARE
photoshop
eu recomendo fortemente o uso do photoshop cc na versão mais recente, ou outra versão com camera raw ou filtros neurais suportada pelo seu pc ou notebook.
você também pode usar o photopea como alternativa (eu particularmente prefiro o photoshop pois acho que as edits ficam com mais qualidade). se você preferir o photopea, algumas dicas desse guia poderão não funcionar devido à falta de algumas funcionalidades que o photopea não oferece (ex: camera raw, galeria de filtros, filtros neurais e outros).
eu uso a última versão do photoshop (atualmente, a versão 25.5.1) e uso a versão paga (obrigada adobe pelo desconto de estudante!!!!!), mas vou deixar alguns links para você baixar o photoshop gratuitamente caso você não seja estudante e/ou não tenha condições para assinar um plano.
atualmente eu uso um mac mini 2014 para editar, mas sempre usei windows, então, as dicas e os links valem para os dois sistemas operacionais.
links
macos: 1, 2 & 3.
windows: 1, 2, 3 & 4.
2. BAIXANDO AS FOTOS
galerias de fotos
muitos artistas têm fansites com galerias de fotos e você pode achar facilmente digitando no google: “nome da pessoa + gallery”.
o artista que eu quero não tem galeria própria e agora? tranquilo, ainda temos galerias de fotos de famosos variados como hqdiesel, hqsource, hq-pictures e até mesmo o theplace.
em último caso você pode usar o gettyimages e usar um removedor de marca d’água ou um site como o gettyimages downloader.
instagram
para artistas estrangeiros que tenham apenas instagram e/ou não tenham fotos em galerias de imagens, eu recomendo o instagram pessoal da pessoa.
você poderá fazer o download das fotos com extensões de navegadores como o image downloader for instagram (para firefox e google chrome), ou sites como o saveig, o snapinsta ou o igdownloader.
eu recomendo baixar pela extensão do navegador, pois ela baixa a foto direto do site do instagram no computador, diferente dos sites que você precisará ir foto por foto, copiar o link e colar no site para fazer o download.
mas, caso a extensão esteja indisponível, com algum erro ou pare de funcionar, o site é uma excelente alternativa (só precisa ter mais paciência).
nos sites para baixar fotos do instagram, geralmente eles dão a opção para você escolher o tamanho da foto. você deve sempre selecionar a resolução maior da foto (acima de 1000px é o melhor).
pinterest
em casos extremos de artistas low profile, sem instagram, sem aparições públicas, sem galerias de fotos, nadica de nada, eu recorro ao pinterest.
porém, é preciso ter muito cuidado ao fazer download de fotos do pinterest, porque são muitas fotos repetidas e muitas com baixíssima resolução e qualidade.
se você for baixar fotos do pinterest, escolha a foto com maior resolução (imagens maiores que 500px já são ok para editar icons), e depois de baixar a foto, eu recomendo fazer um tratamento na foto para melhorar a qualidade dela, como vou ensinar.
3. EDITANDO
3.1 importando a foto no photoshop
apertando ctrl+o ou cmd+o uma guia vai abrir no programa, onde você vai até a pasta onde a foto foi salva. selecione a foto e clique duas vezes nela para abrir.
3.2 cortando a foto nas dimensões desejadas
muitos tutoriais de edições de icons sugerem que você copie a imagem e cole ela em um documento novo já do tamanho da sua edit, mas eu não recomendo essa opção, pois ao redimensionar a foto com a ferramenta de transformar (ctrl+t), ela dá poucas opções para manter a qualidade da foto e se você não souber o que cada opção faz, poderá perder a qualidade da imagem. então, eu sempre faço o recorte na própria foto para não alterar muito a qualidade dela.
aperte a letra c no teclado para abrir o atalho da ferramenta de corte. (se o seu photoshop for alguma versão do cc, eu recomendo que você marque a opção para usar o modo clássico de corte, assim fica mais fácil e você tem um controle maior sobre a ferramenta!). para fazer essa alteração é simples, vá no ícone de engrenagem, clique e marque a opção “usar modo clássico”.
para fazer icons, você deverá cortá-lo usado dimensões quadradas, ou seja, 1x1, e para headers 15x5. você pode mudar as dimensões na caixinha da ferramenta de corte.
3.3 redimensionando a foto
nessa parte você precisará prestar atenção, pois ao redimensionar a foto, você poderá perder ou ganhar um pouco mais de qualidade na foto, e para isso você usará uma opção chamada reamostrar (ou resample se seu photoshop estiver em inglês). deixe a opção marcada para usar as definições.
3.4 explicando as definições do reamostrar e qual definição usar de acordo com o resultado que você quer
bilinear: a melhor opção para redimensionar gifs, mas para fotos não é tão bom pois dependendo da foto algumas partes ficam nítidas, outras mais suaves e se você for aplicar action de nitidez, pode ficar com um aspecto de “craquelado” com as bordas granuladas, o que eu pessoalmente acho que fica um pouco estranho.
bicúbico mais suave (ampliação): como o nome já diz, ele deixa a foto mais suave, ou seja, os pixels “craquelados” e granulados da foto ficarão mais suaves. é uma ótima opção tanto se você for aplicar actions de nitidez ou actions mais desfocadas e mais suaves.
bicúbico (gradientes suaves): pode parecer a mesma coisa do bicúbico mais suave, mas esta opção além de suavizar a imagem, cria um “desfoque iluminado” nas transições das cores da foto. é a melhor opção para fotos sem muita qualidade e principalmente se você for usar actions suaves e desfocadas, sem muita nitidez.
bicúbico mais nítido (redução): acentua os pixels e as arestas nítidas da foto, ou seja, essa definição redimensiona a imagem mas preserva a nitidez da foto. se você usa actions de nitidez que não tem desfoque nas configurações, essa é a melhor opção de reamostra. (mas cuidado, se sua imagem ficar muito nítida com essa definição, você precisará usar outra opção. caso contrário, quando você aplicar a action, a edit poderá ficar muito exagerada e/ou com aspecto áspero.)
preservar detalhes (ampliação) com redução de ruído: esse em especial é ótimo para quando você precisar redimensionar uma foto para deixá-la maior sem distorcer tanto a imagem. você pode ajustar a redução de ruído para deixar a foto mais suave, sem perder muita qualidade. (obs.: essa opção não deve ser usada para redimensionar imagens muito pequenas, por exemplo de 200x200 para 400x400, ou a imagem vai ficar muito distorcida. ela deve ser usada quando a diferença de pixels não é muito grande, por exemplo, você cortou a foto e ela ficou no tamanho 370x370, aí sim você pode redimensionar para maior sem perder muito da qualidade. então você pode ir ajustando a qualidade com a porcentagem da redução de ruído).
pelo mais próximo (arestas sólidas): essa é uma opção traiçoeira, pois não fica bem em quase nenhuma imagem (a menos que seja um pixel art). essa definição redimensiona a imagem e mantém os pixels nítidos, ou seja, a foto fica menor mas tudo nela que tem aspereza vai prevalecer. é muito usada para redimensionar pixel art, pois preserva as bordas ásperas. pode ocorrer de ficar boa em uma foto aleatória mas não será possível aplicar action, ou a imagem ficará exagerada.
3.5 aplicando a nitidez depois de redimensionar
depois de escolher a foto, baixar, redimensionar de acordo com o estilo da action da sua escolha, está na hora de aplicar.
eu fiz duas versões para mostrar como fica com cada tipo de action:
assim, os dois icons tem uma alta qualidade usando actions diferentes, graças a remostragem ideal para cada tipo de action :)
4. TRATAMENTO DE IMAGEM PARA MELHORAR A QUALIDADE
nesta parte, é muito importante que você tenha baixado uma versão do photoshop com neural filters e/ou com o camera raw, mas caso você não tenha, tudo bem também, vou ensinar como fazer uma melhoria na foto de três jeitos: com camera raw, com neural filters e com desfoques. a melhor forma vai depender de quão ruim está a qualidade da sua foto. em geral, apenas fazendo ajustes no camera raw você já tem um ótimo resultado na maioria das fotos.
camera raw
se seu photoshop tem o filtro do camera raw, ele vai estar em filtro > filtro do camera raw...
tudo que iremos fazer será na aba de “detalhe”, ali você deve dar mais atenção ao ajuste de redução de ruído, pois é ele que vai remover o ruído da imagem e melhorar a qualidade dela.
vá mexendo nas configurações de redução de ruído até que a foto fique mais suave. ajuste também o detalhe e o contraste da redução de ruído.
essa parte será mais no olhômetro mesmo, pois as configurações vão variar de foto para foto, mas eu recomendo muito você mexer também na nitidez para não deixar a foto tão desfocada, mas nada muito intenso para não interferir na action que você irá usar.
eu mexo também na redução de ruído de cores, porque dependendo da foto, algumas cores estarão saturadas ou com muito ruído. só cuidado para não colocar um número muito alto, pois esse ajuste pode tirar a saturação da sua foto e deixá-la apagada.
enfim, aqui está uma comparação da foto original com o tratamento feito com o filtro do camera raw e depois já com a action de nitidez aplicada:
e essas foram as configurações que usei nessa foto em específico:
como eu disse antes, as configurações irão variar de foto para foto, a depender da qualidade de cada uma e de quão ruim a foto está, mas com essa configuração básica, você já vai conseguir melhorar algumas fotos.
neural filters
se a versão do seu photoshop vem com neural filters (ou filtros neurais), ele estará em filtro > neural filters...
irá abrir uma janela com vários filtros mas o que a gente irá usar vai estar em “restauração”, com o nome “remover artefatos jpeg”. se precisar, faça o download do filtro.
eu recomendo usar a intensidade sempre média, a menos que a foto esteja muito ruim, aí você usa a intensidade alta. mas em geral, a intensidade média ou baixa já dá conta do recado.
a saída deve sempre estar na camada atual, ou seja, na camada da foto selecionada.
assim:
e aqui está uma comparação da foto original com o tratamento feito com o neural filter e depois já com a action suave com desfoque aplicada:
a opção do neural filter é uma ótima alternativa ao camera raw, o único contra é que ele deixa a foto com uma textura áspera, e quando você usa uma action de nitidez eles ficam muito visíveis e acaba não ficando muito legal.
porém, um bom jeito de contornar isso é adicionando ruído na foto. eu uso o efeito de granulação do camera raw para adicionar ruído no icon (você também pode adicionar o ruído em filtro > ruído > adicionar ruído..., mas eu prefiro o camera raw pois ele dá mais opções para ajustar o granulado do jeito que eu preferir).
no primeiro icon abaixo, dá para perceber a textura áspera que o neural filter deixa depois de melhorar a foto e adicionar nitidez; já no segundo icon eu mostro como eu adicionei o ruído e contornei esse defeito.
as configurações de ruído que usei no camera raw foi 12 de granulado, 35 de tamanho e 20 de aspereza.
lembrando que, se você for usar uma action de desfoque e/ou remoção de ruído, não será necessário adicionar a granulação, pois a própria action já vai suavizar a textura do neural filter (a menos que você queira adicionar o ruído, claro).
redução de ruído + desfoque
caso a sua versão do photoshop não tenha nenhuma das opções de camera raw ou neural filter, caso você use um photoshop mais antigo, photoshop portable ou prefira usar o photopea, essas alternativas podem ser úteis.
mais uma vez, irei me basear no olhômetro, de acordo com a foto e irei ajustando as configurações de acordo com o que eu quero e acho necessário.
vamos começar com a redução de ruído! ele está em filtro > ruído > reduzir ruído...
na janela de redução de ruídos você verá alguns ajustes que são: intensidade, preservar detalhes, reduzir ruído de cores e tornar detalhes nítidos e vou explicar cada um para que você possa saber ajustar eles de acordo com sua foto:
intensidade: o número de 1 a 10 irá definir a intensidade da luminescência, a intensidade do filtro e o quanto da imagem você quer preservar ou extinguir, sendo 1 o mínimo da intensidade do filtro e 10 o máximo;
preservar detalhes: o número digitado irá definir a porcentagem de detalhes a serem preservados. quanto maior o número, maiores serão os detalhes mantidos na foto, como ruídos, manchas e outras aberrações da foto;
reduzir ruído de cores: o número digitado irá definir a intensidade e reduzir o ruído cromático, ou seja, vai reduzir as aberrações cromáticas, como por exemplo, fotos que distorcem as cores. preste atenção na porcentagem inserida, pois quanto maior o número, menos saturação sua foto terá e poderá ficar com aspecto de foto envelhecida;
tornar detalhes nítidos: o número digitado vai definir a porcentagem de nitidez para restaurar pequenos detalhes da foto. quanto maior a porcentagem, maior vai ser a intensidade dos detalhes da foto. preste atenção na porcentagem inserida, pois se a intensidade da nitidez for muito alto, vai afetar a sua action, seja ela de nitidez ou de desfoque.
sendo assim, para a foto usada eu fiz estes ajustes:
obs.: se você for um usuário mais avançado do photoshop, poderá explorar a opção avançado, que possui as configurações básicas para melhorar a foto e também as configurações para remover ruído das cores primárias (vermelho, amarelo e azul) individualmente. mas, mesmo se você não for um usuário expert, eu recomendo você dar uma olhada nessa opção e explorá-la, mexendo nas configurações e ir ajustando e aprendendo, pois o resultado poderá ficar ainda melhor nos ajustes avançados.
aplicado a redução de ruído, vamos partir para o desfoque! eu estarei usando o desfoque inteligente antes do desfoque de caixa. você vai achá-lo em filtro > desfoque > desfoque inteligente...
na janela que abrirá, você verá os ajustes: raio, limiar, qualidade e modo. vou explicar eles:
raio: vai determinar o tamanho da área que será considerada para o desfoque. quanto maior o número, mais detalhe serão preservados;
limiar: vai determinar a diferença dos pixels entre si antes de serem alterados pelo desfoque.quanto maior o número, maior será a área em que o desfoque será aplicado;
qualidade: vai determinar a qualidade e intensidade do desfoque. ao escolher a opção mais alta, mais partes da foto o desfoque atingirá;
modo: vai determinar o traçado das linhas de bordas que o filtro identificar. o modo normal aqui é o ideal, pois os outros modos “somente arestas” e “sobrepor arestas” irão identificar somente as bordas da imagem.
sendo assim, esses foram os ajustes:
após o desfoque inteligente, partiremos para o desfoque de caixa! ele está em filtro > desfoque > desfoque de caixa...
(você também poderá usar o desfoque gaussiano a depender da foto, mas para esta em questão, o desfoque de caixa funcionou perfeitamente)
a intensidade do desfoque de caixa, assim como do desfoque gaussiano, é medida em pixels e o mínimo é 1 pixel, e para icons é uma intensidade forte, então eu coloco o número mínimo (1, no caso) e depois de clicar em OK e aplicar o desfoque, vou em editar > atenuar desfoque de caixa... e ajusto a porcentagem de acordo com a foto. nessa foto deixei a porcentagem em 33% e ficou ótimo.
no entanto, infelizmente, por não ser o melhor método para melhorar a qualidade de uma imagem, ela ficará um pouco desfocada demais. mas podemos contornar isso usando o filtro alta frequência para devolver um pouco da nitidez e detalhes na foto. você encontrará esse filtro em filtro > outros > alta frequência...
o filtro de alta frequência, assim como os desfoques, é medido através de pixels e quanto maior o número, mais detalhes passarão despercebidos, ou seja, menos detalhes e menos nitidez sua foto terá. eu recomendo em torno de 2px se você quiser mais detalhes e em torno de 5px se você quer mais suavidade.
a primeira vista esse filtro parecerá estranho e distorcido, mas dará tudo certo, você só precisará mudar o modo de mesclagem. para isso vá em editar > atenuar alta frequência e mudar o modo de mesclagem para “sobrepor” ou “luz indireta” se você quiser que fique mais suave. se preferir, poderá também ajustar a opacidade para os detalhes ficarem mais ou menos intensos.
assim:
assim fica o resultado sem o filtro de alta frequência e com o filtro:
sendo assim, fica a seu critério usar o filtro ou não.
aqui está a comparação das fotos com o tratamento de redução de ruído + desfoque com e sem o uso das duas actions:
5. SALVANDO A EDIÇÃO
e chegou a melhor parte: salvar a edição para postar!
seja a edição um icon, uma header, ou qualquer outro gráfico estático (edições não animadas), a melhor opção é sempre, sempre, SEMPRE, salvar no formato PNG!
o formato jpg ou jpeg não preserva a qualidade original como o formato png preserva. então, sempre escolha esse formato ao salvar suas edições estáticas!
a melhor forma de salvar uma edição em alta qualidade é exportando ela. sendo assim, vá em arquivo > exportar > exportar como...
em “configuração de arquivo”, selecione o formato PNG e desmarque a opção “transparência” se sua foto não é uma imagem com fundo transparente; em “tamanho da imagem” deixe como a altura, a largura e a escola como estão, apenas mude a opção em “criar nova amostra” para BICÚBICO AUTOMÁTICO; e em “espaço da cor” marque a opção CONVERTER PARA SRGB, porque assim, independente da calibração do seu monitor, a foto ficará com as cores originais e não sofrerá alteração.
assim:
no entanto, se você tiver um pc ou notebook lento, ou apenas não tiver paciência para salvar sua edit em exportar, você pode salvar no modo normal, indo em arquivo > salvar como... OU arquivo > salvar uma cópia..., no entanto, se você for usar essa opção, não esqueça de marcar a caixinha para “incorporar o perfil de cores srbg”, essa opção geralmente fica na parte de baixo da janela que abre quando você vai salvar a edição.
6. ACTIONS & RESOURCES
para facilitar pra vocês, todos as configurações de filtros usados neste guia, estarão disponíveis para download em uma pasta de action. para fazer o download é só clicar aqui: ★. já a dupla de actions usadas (a de nitidez & a de desfoque suave) estarão disponíveis para download na lista de dicas abaixo.
dicas de actions de nitidez
– premium & gratuitas (free)
lovie potion by @loviestudio [premium]
action #26 by @harupsds [premium]
action #25 by @harupsds [free]
01 action by @harupsds [free]
cherrie by @loviestudio [free]
action #11 by @miniepsds [premium]
face action by @miniepsds [premium]
crispy by @nebulies [free]
scarlett by @l-agallerrie [free]
eight action by @peachcoloring [premium]
bubblegum by @hisources [free]
kendall by @hisources [premium]
hekate by @hisources [premium]
sharpen by @l-agallerrie [free]
#01 action by @buntterflies [free]
dicas de actions “suaves”
– premium & gratuitas (free)
teddy bear by @loviestudio [free]
action ten by @peachcoloring [premium]
caelestis by @miniepsds [premium]
fleuriste by @hisources [free]
angel by @loviestudio [free]
action #13 by @harupsds [premium]
action #12 by @harupsds [premium]
wild action by @hisources [free]
outras actions
– premium & gratuitas (free)
denoise action effect — remove o ruído das fotos sem perder muita qualidade by @loviestudio [premium]
photopea quality action — action para melhorar a qualidade da foto no photopea by @loviestudio [free]
exclusive hq actions — um conjunto com as actions que foram usadas neste tutorial by @girasois, @loviestudio [free]
denoise and sharpen actions — conjunto de actions para melhorar a qualidade da foto automativamente by heavnsent
7. BÔNUS: DICAS EXTRAS
a adobe cc learn tem muitos tutoriais que você pode dar uma olhada e aprender muito mais sobre o photoshop e outros programas da adobe!
o youtube é outra fonte incrível para você aprender edição no photoshop, lá você encontra tutorial para quase tudo de edição de fotos e muito mais! se você entende inglês, eu recomendo muito os canais piximperfect e brendan williams tutorials.
para fonte de inspirações, o tumblr é o lugar certo! se jogue nas tags para se inspirar e nos blogs de photoshop para ver muito mais tutoriais e muito mais resources.
o blog @looksgreat infelizmente não é mais atualizado, mas você ainda pode encontrar muitos tutoriais sobre quase tudo de edição, e o melhor, todos os tutoriais são em português!!
ainda recomendo outros tumblr brasileiros de resources e tutoriais: @miniepsds, @harupsds, @peachcoloring, @gmfioart, @colour-source, @l-agallerrie, @wasirauhlpsds, @hisources, @opulenceps, @sunshinepsds, e @loviestudio; e no deviantart: jungrainsoul, rockjealous, heavnsent, aureangels e rohdossantos.
8. CRÉDITOS E INFORMAÇÕES
crédito colorings
off hearts + whimsy by @miniepsds ♡
informações
antes de tudo eu gostaria de pedir desculpas pelo tamanho deste guia, mas eu quis abranger o máximo de dicas possíveis para vocês e deixar o tutorial super completinho.
em segundo lugar eu gostaria de agradecer todo o carinho de vocês, isso me motiva muito a continuar. obrigada, de coração!
enfim, é isso! minha ask estará sempre aberta para dúvidas, sugestões, pedidos e mensagens fofas (sempre com educação e respeito, claro)!
oiê! tudo bem e contigo? claro, vou listar meus favoritos <3
asterales by @loviestudio
solasta by @miniepsds
favorite by @colour-source
home by @nebulies
sunflower by @girasois
best lover by @colour-source
summer magic by @wasirauhlpsds
valentine by @hisources
raisel by @harupsds
coloring1329 by @l-agallerrie
pomegranate by @hisources
bimyou by @miniepsds
psd #135 by @harupsds
hershey's by @peachcoloring
vanille by @peachcoloring
sailor moon by @opulenceps
psd #258 by @opulenceps
matilda by @hisources
fairytopia by @loviestudio
(alguns psds dessa lista são pagos, mas na minha humilde opinião, valem MUITO a pena!!)
se quiser outros psds, recomendo muitíssimo o trabalho das maravilhosas @miniepsds, @harupsds, @colour-source, @wiintermoon, @peachcoloring, @opulenceps, @l-agallerrie e @wasirauhlpsds <3
NEW YEAR, NEW FONTS #USERGIFNYNF
TYPOGRAPHY CHALLENGE ・ JAN 8-12
Let's kick off 2024 with a new challenge... all about typography! If typography has ever made you feel stuck, we hope this challenge helps you break out of your comfort zone, discover new fonts, and try new styles! This event is open to gifmakers from all fandoms and will run from January 8-12, featuring 5 prompts:
DAY 1 (1/8): LAYER STYLES
↳ Use any combination of blending options (screen, hard light, difference, etc.) and/or layer effects (bevel, shadow, glow, gradient overlay, etc.).
DAY 2 (1/9): ONLY ONE
↳ Refine your choices and use ONLY ONE font throughout your entire set.
DAY 3 (1/10): PERFECT PAIRS
↳ Use a different font pairing per gif. Check out our font pairing recs!
DAY 4 (1/11): THREE TYPEFACES
↳ Use 1 Serif + 1 Sans Serif + 1 Script typeface in your set.
DAY 5 (1/12): FAVORITE FONT(S)
↳ Show off your favorite font(s) any way you want!
Rules for how to participate below the cut:
Reblog this post and follow @usergif
Create a gifset using the prompts provided above
Tag #usergifNYNF so we can reblog your creations!
Caption your post with:
@usergif new year, new fonts: day # - prompt
description
[fonts used: font name (source)]*
*Optional: We encourage including font names and their sources in your caption so others can find them [e.g. Blastimo Sans (dafont.com)]. After all, this challenge is about discovering new fonts and typography styles! You can also put this in a "read more" after your main caption or put a link in part of your caption that redirects to an internal Tumblr link (e.g. a page on your blog that lists fonts used). We don't recommend linking to external sites as doing this too many times in one post can affect the visibility of your post.
Questions about the event? Send us an ask here. We’ll tag all event answers with #usergifNYNF.ask. Need inspo? Check our RESOURCE DIRECTORY for typography tutorials or look through some of our members' font recs!
We also want to take this moment to thank you all for helping us reach over 10k followers! We hope this blog can continue to be a source of help and inspiration for gif effects, and we can’t wait to see what you create for this challenge! 🪄
Fonts used:
Gif 1, in order of appearance: Traveling Typewriter*, Bassy*, Buy More*, Germanica [Plain Germanica]*, Doky*, Magic Retro*, GIN Grotesk [Gin Rounded] (befonts.com), Random House*, Lostar*, Amberla*, Schizoid Personality* (* = dafont.com)
Gif 2: Karla (Google Fonts), Buffalo Script (dafontfree.io)
* this psd is poc friendly , but may white wash without adjustments
* credit is required , but you are free to edit however you wish
* do not resell , reclaim , etc .
* this is a highly edited combination of two of my previous psds : BLOWN OVER & QUESTION
* download here , free but please consider buying me a kofi
