How get rid of borders around art: Choose file, add name of art credits then hit F12 paste this code: $J('#image_width').val(1000).attr('id',''),$J('#image_height').val(1).attr('id',''); PRESS ENTER AND CLOSE CONSOLE. Then press save and continue. That worked for me good luck.
If you're getting an error message while trying to put code in the console, make sure that you paste it BEFORE you upload the artwork. Inspect your image BEFORE you upload. That fixed it for me, cheers :)
make sure youre on your browser, then right click the image, and click inspect. At the top right you'll see a tab called "console" click on that and paste the necessary code :)@@iiSatoruGojo
none of those things work can u please help me im struggling. it keeps saying error when i paste the code in before i upload the artwork and it doesnt work pls help.
what's the error message? also you should probably change your profile picture xD Things to check. 1. Make sure you're on browser 2. Make sure you're putting it into the console "tab" after "inspect element" on picture
Well I didn't argue or taunt him I just gave my opinion maybe you're right that I'm slow but I still managed to make an artwork from his video but it took alot of time due to low details and I think that other people also agree with me because I got couple of likes and it someone usually likes a comment when he most likely agree with someones opinion.... And yeah I'm serious at some steps i was stuck forever then completed the steps after watching different videos...
@@Oblivionze literally step one, 'oh i dont have this thing hes showing right away how bout i look up what it is, oh it says i have to be level 10 guess i gotta level up' you shouldnt expect him to baby you through every simple task
Simple and effective. I was paying people to do my artwork. I’ll have to try this one time when I get some time off and go crazy. lol Thank you for the excellent tutorial!
for anyone having trouble with the size try removing the frames it helps a lot i had to removed every 2d frame and 3rd frame. You can do it on the website in the Optimization method
the cut between 2:44 and 2:45 makes it to where you have no idea how to actually convert it to a gif, and also does not tell us how to upload it to photoshop correctly, and there are no extra layers showing by default when moved to ps
This video glosses over a lot of finer details required to make this whole thing work. "Just get your subject and make sure it's on all the layers" ok bud, as someone who hasn't used photoshop before, I have no idea how to do that off the bat.
do yourselves a favor and avoid the animated one. been at it for about 7 hours now having to step by step figure out things with my own research after starting. videos too rushed, and photoshop has a million tiny different little hidden options and settings that will hinder you from moving forward. its not worth the headache just buy a theme and play games on steam lol
Thank you! Awesome video :) Anyway I have a question: I want to use a GIF (eg. Dancing Pepe) on a static background. How can I "cut out" the static background on every layer (imported a MP4 into PS) in the right spot? It's the first time using PS for me and I really struggle after trying this for hours.
the mp4 file i have only has options for 33 or 25 fps but the mp4 file is 30 when i first uploaded it to photoshop is there any way to fix this? also great tutorial incredibly follow-able and a well deserved subscriber earned
no offense but you wont go far if you cant even figure this out. ps is an image editor, all you had to do is google the alternatives that is free. the only reason you needed a ps is to combine both image, you could do that with most online editor out there unless you want more feature(editing color, contrast, brightness etc etc) then software is your option and again, there's tons of em out there.
@@Sylvaard It's synced to load time. When someone loads your page the pic and the background should load at the same time and thus play at the same time.
Yo can anybody help i tried step by step but my image dosent show up when uploading it and it just says error Sorry! An error was encountered while processing your request: There was a problem processing your request.
how to do it if i dont have photoshop? i want to make a custom artwork for animated profile background on steam but i've only seen texts on still background on giphy
It does not work for me..even when I type that code in the console, It still say's "You can only upload files less than 5MB in file size". Can someone tell me why is this happening? Please and thanks..
Sounds like your file is still bigger than 5MB. When you are on ezgif and are optimizing your file, make sure it is either exactly 5MB or a little bit less and not 5.02MB, that is already too big. If you need more detailed info on that let me know
Hello guys, any help on this error ? --- ncaught TypeError: Cannot set properties of undefined (setting 'value') at :1:52 This happens when i put the code on console
bro i need help i cant paste command in console it keep saying this: Warning: Don’t paste code into the DevTools Console that you don’t understand or haven’t reviewed yourself. This could allow attackers to steal your identity or take control of your computer. Please type ‘allow pasting’ below to allow pasting.
ima be honest im confused asf with this iv been trying to do it for like an hour and im just not getting it (its nothing wrong with your vid im just not a tek guy and this is not something im used too)
Hey thanks for the help ! I just have a little problem... if someone can help me... when i right click for the code i dont get "inspect" so if someone can help me !
![I Replaced ALL my ADOBE APPS with these [free or cheaper] Alternatives!](/img/1.gif)
How get rid of borders around art:
Choose file, add name of art credits then hit F12 paste this code:
$J('#image_width').val(1000).attr('id',''),$J('#image_height').val(1).attr('id','');
PRESS ENTER AND CLOSE CONSOLE.
Then press save and continue. That worked for me good luck.
If you're getting an error message while trying to put code in the console, make sure that you paste it BEFORE you upload the artwork. Inspect your image BEFORE you upload. That fixed it for me, cheers :)
@louisawdwdawdwadawd no problem :) I was struggling with it and KNEW I was missing something xD glad I could help
how to inspect your image in the your computer?
make sure youre on your browser, then right click the image, and click inspect. At the top right you'll see a tab called "console" click on that and paste the necessary code :)@@iiSatoruGojo
none of those things work can u please help me im struggling. it keeps saying error when i paste the code in before i upload the artwork and it doesnt work pls help.
what's the error message? also you should probably change your profile picture xD
Things to check. 1. Make sure you're on browser 2. Make sure you're putting it into the console "tab" after "inspect element" on picture
very low details in your video many people get stuck between the steps atleast give details if you are making a video
Can't tell if your serious, you gotta be slow to not understand this
Well I didn't argue or taunt him I just gave my opinion maybe you're right that I'm slow but I still managed to make an artwork from his video but it took alot of time due to low details and I think that other people also agree with me because I got couple of likes and it someone usually likes a comment when he most likely agree with someones opinion.... And yeah I'm serious at some steps i was stuck forever then completed the steps after watching different videos...
real
@@Fatherofallfilipinos why we need to be level 10 then? he doesnt explain that
@@Oblivionze literally step one, 'oh i dont have this thing hes showing right away how bout i look up what it is, oh it says i have to be level 10 guess i gotta level up' you shouldnt expect him to baby you through every simple task
Eye catching thumbnail 😮❤ amazing job on this video :) it's really easy to understand!
Simple and effective. I was paying people to do my artwork. I’ll have to try this one time when I get some time off and go crazy. lol Thank you for the excellent tutorial!
ye but its still image. U still have to pay for us to make animated caracters :P
@@blizaardy ok
@@blizaardy aint no one paying for ur ai generated garbage
for anyone having trouble with the size try removing the frames it helps a lot i had to removed every 2d frame and 3rd frame. You can do it on the website in the Optimization method
Best Tutorial regarding the Steam Profiles upgrade, thank you mate
can you make it for me idk how to use photoshop
@@honza3197 You Tube my friend, it will teach you everything. I too has to use it every time I touch photoshop, as I don't use it often.
the cut between 2:44 and 2:45 makes it to where you have no idea how to actually convert it to a gif, and also does not tell us how to upload it to photoshop correctly, and there are no extra layers showing by default when moved to ps
Its self explanatory my guy, if you don't know how to use web tools then you shouldn't be doing this in the first place.
@@TheOfficialDio lmao such a pretentious reply, shut the fuck up
these are like basic common sense things dawg
Thank you sir,finally i can make a nice steam profile!
Simple and straight to the point! Amazing video :)
i still have a black bar right side any fix?
I really missed one of the first requirements of doing this... the LEVEL😭😭😭
"right click and inspect" proceeds to zoom in so much u dont know where to right click
you right click anywhere mate
if only you could search up background on the site...
good video bro!
tysm!
thank you for this! i will just have to do it with my static wallpaper as the animated on i want i not on the website (Getsu Clan Estate)
Thanks!
worked perfectly, thank you
You are insanely underrated
hell yea
thank you so much bro, youre the goat
Code does NOT work. Image does not "fullscreen" on my page.. Any help/tips?=
This video glosses over a lot of finer details required to make this whole thing work. "Just get your subject and make sure it's on all the layers" ok bud, as someone who hasn't used photoshop before, I have no idea how to do that off the bat.
the photoshop app is not even free bruh
@@huncho_will Use something else then lol
click the eye icon with the link looking thing under the layer panel
brother can u like maybe make a video where u show it and dont step 80% steps? its dont work
thank youuu
Do you still have this edition of Triss? If so, could you provide the link?
Nice vídeo.
after i put the code in the console it still had borders
how did you fix? i only have a black bar on my right left is fine
@@aqualol6143 i never fixed it its still didnt work for me
Any update?
my background isnt an mp4 file its just png files. what do i do? i want an animated background, and the background im using is animated
do yourselves a favor and avoid the animated one. been at it for about 7 hours now having to step by step figure out things with my own research after starting. videos too rushed, and photoshop has a million tiny different little hidden options and settings that will hinder you from moving forward. its not worth the headache just buy a theme and play games on steam lol
Thank you! Awesome video :)
Anyway I have a question: I want to use a GIF (eg. Dancing Pepe) on a static background. How can I "cut out" the static background on every layer (imported a MP4 into PS) in the right spot? It's the first time using PS for me and I really struggle after trying this for hours.
If you can find a PNG Gif (transparent) with only your subject like Dancing Pepe. You should be able to drag that to your background in PS
Cool tutorial
I’m having a really hard time getting a gif below 5mb
Just use a Gif compressor, it worked for me
@@StopYc I did, didn’t compress it nearly enough
@@StopYc it’s all good though I just used a static image
nice video
It says " There was an error saving your showcase configuration", should I just wait or is there a problem?
can you please show us an alternative for after effect?
I got an animated background i want to use, it is on steam, i've purchased it but it isn't on the website, what do I do ?
It's over bro
their is a google doc guide but I it didn't find it very helpful. docs.google.com/document/d/1_HnFFEKlpsj_myD18OcO2Xfe2CofkszbQ51cuPQEDMU/edit
Bro where do you find the backround?
i uploaded the artwork, borders still there ive uploaded it over and over and nothing has changed? can someone help me please
what could be a free alternative for abode photoshop?
the mp4 file i have only has options for 33 or 25 fps but the mp4 file is 30 when i first uploaded it to photoshop is there any way to fix this? also great tutorial incredibly follow-able and a well deserved subscriber earned
is there any way i can do that without Ps? Like i ain't gonan buy Ps and keep paying for an month, just to make a simple animated steam profile
no offense but you wont go far if you cant even figure this out. ps is an image editor, all you had to do is google the alternatives that is free. the only reason you needed a ps is to combine both image, you could do that with most online editor out there unless you want more feature(editing color, contrast, brightness etc etc) then software is your option and again, there's tons of em out there.
its all good, found a way.@@nightstar9.
Any other sites used for backgrounds? For some reason it wont let me get any of them using steam points because it says game required.
You have to buy a game in order to use a certain background. Try a different one
how do you get the animated background to use with the artwork
animated backgrounds in backgrounds.gallery
Do other people see this on your profile or is it client sided?
hey dude even with the code i still have black bars can u help
i paste the sentence in description in my command before i put the gif but i still get these borders in the showcase artwork on my steam acc why ?
you have to choose featured showcase and not the normal one
Where do you paste it?
i still have a black bar right side any fix?
did you manage to find a fix i got one on my right aswell
@@aqualol6143i still doenst know how to fix it sadly..
Its not working. It doesnt fill the featured artwork box and looks terrible
same
and we do press enter
you need to take the right part of the animated background you downloaded and do the same with it.
It worked for me, u have to be doing something wrong
@@Laast. I have. I done everything right
how do i make sure the photo stays through the whole the video cuz when i play it it disappears after a second
You have to put it in the first layer of the gif, when you're editing it in Photoshop.
there is a console error message. how i fix it
on devientart images which is not paid is free to use?
copy the code on the screen or in the description ?
Don't know how to get the gif to sync with the background
do you figure it out?
@@breaktherules1554 Nah gave up lol
@@Sylvaard It's synced to load time. When someone loads your page the pic and the background should load at the same time and thus play at the same time.
For yall, the command doesnt work, try this one: $J('#image_width').val(1000).attr('id',''),$J('#image_height').val(1).attr('id','');
where do i use the command?
@@itzhrvy console
Only way this worked for me. Should be pinned, thank you so much.
@@sam-tw9yy you're welcome. Ye the creator of the video has the wrong command
THANK YOU SO MUCH!!
teşekkürler arkadaşım
Yo can anybody help i tried step by step but my image dosent show up when uploading it and it just says
error Sorry!
An error was encountered while processing your request:
There was a problem processing your request.
how do I search for my steam background on the website?
u explain stuff fast like we know something on adobe thank u for the waste of time
WHere can i find artworks dab?
can i use gimp instead of photoshop
does the code also works for me on Windows? O.O ^^"" i might be4 super stupid, but it dont seem to work at me xD
How do i do this if i already have the animated background?
how to do it if i dont have photoshop? i want to make a custom artwork for animated profile background on steam but i've only seen texts on still background on giphy
photopea
if its show you error that you can't put the code you first need to type allow pasting
Can't make it work I follow every step but I looks horrible and doesn't sync.
and why dosent the animated middle load ?
0:22 "From deviants you watch"??
u need to pay for ps
It does not work for me..even when I type that code in the console, It still say's "You can only upload files less than 5MB in file size". Can someone tell me why is this happening? Please and thanks..
Sounds like your file is still bigger than 5MB. When you are on ezgif and are optimizing your file, make sure it is either exactly 5MB or a little bit less and not 5.02MB, that is already too big. If you need more detailed info on that let me know
Hello guys, any help on this error ? ---
ncaught TypeError: Cannot set properties of undefined (setting 'value')
at :1:52
This happens when i put the code on console
same prob here
u need to inspect element BEFORE you upload it - on your steam browser
i got error at the end when i wanted to upload it what do i do i did static way
How to i get the pic for the gif on photoshop? on 2:55
The last part with ps dose litterly not work. No lagers. No image over the video. Nothing
That bar at the bottom does not appear for me
bro i need help i cant paste command in console it keep saying this: Warning: Don’t paste code into the DevTools Console that you don’t understand or haven’t reviewed yourself. This could allow attackers to steal your identity or take control of your computer. Please type ‘allow pasting’ below to allow pasting.
just type allow pasting you said it yourself
@@ErenCS2 ye i just cant belive i didnt understand that
How you get photoshop?
guys i cant open the console by rightclick... idk what to do..
cant use photoshop and tried using another software but the image just becomes purple.
which software you used?
my gif is always to big i tried several things can somebody help me pls
even when I put in the code i still get the borders, have they patched this?
make sure u press enter after typing in the code
@@Racha_. TYPING IN THE CODE WHERE. u cant just say "type in the code" like wheeeere
@@MeteorHDD use your eyes and ears
@@namesrowan3288 he never explains where and he never shows
Hi, just wondering as to where I put the code?
press F12, put the code and then enter i think
@@necrovixen thank u, it worked!!
the dimension of picture ?
ima be honest im confused asf with this iv been trying to do it for like an hour and im just not getting it (its nothing wrong with your vid im just not a tek guy and this is not something im used too)
this is great and all but paying $20+ a month for ps.... yea no
it didnt look good for me the artwork was too high
how do u do it with full screen
cant find the fire, looked everywhere
Can I create an animated avatar to use on my profile?
No, you can’t do get custom animated pfp
you can get animated pfp... @@TixtemTip
my photoshop isnt accepting the gif file
when i put the code in the black bars still there
Hey thanks for the help ! I just have a little problem... if someone can help me... when i right click for the code i dont get "inspect" so if someone can help me !
you need to be on the steam website not the app
@@cyburrsonsoundcloud9902 yeah thanks for the help but I already found it but thx !
@@cyburrsonsoundcloud9902 It wont let me upload artwork or even edit my profile on the steam website
Bro just upload the triss artwork so we can download it
All the good background requires me to purchase and play 2 hours of a random game, annoying af
i want that pfp
Why is my file 58mb and not 8mb? PLSSS HEEEEEELLLLLLLLLLLPPPPPPPPPPPPP😭😭😭😭
with out ps i cant make it ?
in my steam is saying that i cant upload more than 5 mb
hey it says for me upload file less then 5 mb
cant use anything other then photoshop?
can someone tell me what does he inspect to add the code?
f12
not a clue what the aspect ratio is on the crop but that's alright ig
Exactly why I'm in the comments
I cant put my artwork into the GIF