"These tips are for GIMP, but I have been learning from tutorials for PS as well, and have been applying them in GIMP. I found these two programs to be quite interchangeable, which makes sense, because GIMP was made as a free alternative for PS."
oi prin, tudo bem? amei seu tutorial!!! baixei o ps 2024 que está linkado lá e estou com uma dúvida, as fotos aparecem bem diferentes no programa e no arquivo salvo... vc sabe como posso consertar isso? faço icons e tá me atrapalhando um pouco na hora de visualizar os psds :/
oiê, tudo bem e contigo? então, isso já aconteceu muito comigo tbm e eu me bati demais até achar o problema jskdfjks
mas enfim, vc vai precisar fazer alguns ajustes dentro do painel de cores no photoshop. pra isso vá em edit > color settings > e selecione a opção “north america general purpose 2”; depois vc faz alguns ajustes, deixando assim:
depois de fazer estes ajustes, quando vc for abrir uma foto, vai aparecer uma mensagem dizendo que o perfil de cores não bate com os ajustes, então é só vc selecionar a segunda opção, assim:
OU se vc não quiser fazer a mudança já antes da foto abrir, vc pode mudar depois de aberta, é só ir em edit > convert to profile > selecione sRGB IEC61966-2.1, nessa janela assim:
já para visualizar sempre como vai ficar a edit final com o psd, vc pode ir em view > proof setup > selecione a opção “internet standard RGB (sRGB)”, assim:
espero que te ajude! hehe qualquer coisa, se seu photoshop for em português ou se vc tiver outras dúvidas, só mandar outra mensagem que vou ficar feliz em ajudar :)
I love this trick for getting just a little edge colour on complicated shapes using clipping mask, layer mask, and gaussian blur! These steps are for Photoshop but a similar principle should work in most programs.
The object whose edges you're highlighting needs to be on its own layer.
Create a new layer above your Main Layer. Select the new layer, then click and drag THE MAIN LAYER to the [+] sign at the bottom right of your layers palette. This will give your new layer a layer mask matching your Main Layer's shape. Select the layer mask and reverse it using ctrl+I on your keyboard (or by going to Image > Adjustments > Invert).
Fill your new layer with a bright colour, then apply the layer mask.
Make your new layer a clipping mask above your Main Layer. The colour will alllllmost disappear - this is where Gaussian Blur comes in!
With your new layer still selected, go to Filter > Blur > Gaussian Blur and adjust the slider until you have the amount of blur you want. Apply the blur!
Last step: use Image > Adjustments or layer opacity to adjust your edge colour until it's just right.
Unlike making a selection and then using Stroke, this method produces a strong and reliable colour. The double mask also ensures that even small unconnected areas have the technique applied to them. It can be a pain to shift+select too many small areas!
Never let your shadows be black. The shadow's color will always match the background's one. It can be halftone brighter or darker - depends on the lighting you have on the scene, but never goes completely black.
Preserve the colors at any cost. No matter how many additional layers you have above, the original colors must be preserved even after all manipulations.
3. Convert your raster images into smart objects. Resizing such things in default mode = quality loss. Luckily for us, this problem was foreshadowed a long time ago. Convert your non-vector images to smart objects before doing the resizing / warping / perspective transform and enjoy the flawless result!
For the anon curious about these Spotify gifs, this is not so much a tutorial but a (hopefully beginner-friendly) guide on how to tinker with the Spotify PSD file.
Also anyone who wants to use the PSD for their own projects is free to do so! No credit needed.
Guide and download links under the cut!
Things you need:
PSD file and video (download here)
Photoshop
Shortcuts to PS tools:
Move (press V)
Brush (B)
Text (T)
CTRL + and CTRL - to zoom in and out
I. LAYERS
Open BASE.psd. You'll notice a bunch of folders. LAYOUT contains all the Spotify buttons and text. Underneath all that is BG VIDEO. That’s where we put the background video.
Quick note: I usually resize the BASE file down to 268px (my preferred default width for this kind of gifset) before I change anything. I do this to cut down on file size and avoid crashing PS. Video layers eat space! To avoid problems with animation later on, I highly suggest resizing it now.
To do that, look at the menus on the top of the window. Select Image > Image Size or hit Alt+Ctrl+I for a shortcut.
II. CHANGING THE TEXT
All of the text layers are directly editable with the Text Tool (hit T). Just hover over the text you want to change and click to edit. Hit ESC or click on any random layer to exit the text editor.
III. CHANGING THE TIME
Same with the song titles. Hit T, hover your cursor over the numbers and click to edit.
IV. MOVING THE SCRUBBER BUTTON
Go to the SCRUBBER BUTTON layer. Hit V to select the Move Tool. Press SHIFT (not SHIFT+V, only SHIFT) while moving it horizontally with your mouse so the button stays flush on the bar.
V. CHANGING THE SLIDER SCRUB POSITION
Now we gotta match the bar/timeline to the Scrubber Button. Select the BAR 100% OPACITY layer. Click exactly on highlighted area.
This is a Layer Mask. On this mask, anything painted black will become transparent and anything painted white will show up. Currently, most of the bar is hidden by that mask. We want the BAR 100% OPACITY layer to match the where the SCRUBBER BUTTON ends so we have to paint part of it back in.
To do that, hit B to use the Brush Tool. To quickly change the brush size, hit ‘[’ or ‘]’ on your keyboard. Take a look at this portion of the toolbar on your left:
The color on top is the one you’re painting with. If you hit X in Brush Tool mode, you can quickly switch between the top and bottom colors. We want to paint with white on this Layer Mask to expose more of the BAR 100% OPACITY layer. You can use the SHIFT trick (same thing with the Move Tool) to keep your brush stroke straight.
Now the Scrubber and bar/timeline match!
VI. ANIMATING LONG SONG TITLES (optional)
You'll notice that the song title has a Layer Mask too. It's there to mimic the scroll-fade effect Spotify puts on long titles. But compared to the BAR 100% OPACITY mask, this one is missing that little chain link in the middle.
If we turn the chain link on for the text layer (click on middle portion), this is how it will animate:
The mask is moving with the text. Not what we want.
But if we turn the link off, the Layer Mask stays put and only the text moves. We get that Spotify scroll-fade effect.
Now we animate! Look up the menus and select Window. Find and click on 'Timeline'. This window should appear on your workspace:
In your Layers window make sure the big T is selected, not the mask. Then find the song title layer in the Timeline.
Scrub to the start of animation timeline. Click on the tiny stopwatch next to Transform. You've created your first keyframe.
Scrub forward to where you want to end the animation. To move the text, hit V to select the Move Tool and then press the left/right arrow keys OR do the same trick with SHIFT + mouse same as before.
Move the text to the left until the last few letters are no longer obscured by the mask. This should automatically create another keyframe on your animation timeline, like so:
To preview your animation, hit SPACE. Adjust the keyframes until you find the right speed. And that's animation done!
VII. SAVING YOUR GIF
Click on File > Export > Save for Web (Legacy) or hit ALT+SHIFT+CTRL+S at the same time to bring up this box:
Leave the settings as they are. Hit save and you’re done!