#image resizer website

[dailychunsik]

[78] crocs lol

[vimbry]

is it common knowledge that if you see an image on a website that you wish were bigger and seemingly isn't even when you open it, to check the url to see if the height and width are in the link, bc it's being displayed scaled down, which you can either delete or - if that sometimes leads you to a broken page - change to a larger size

[bopx]

Here is my Professional Portfolio™ because I'm

💀✨Looking For A Job✨💀

If anyone on tumblr dot com needs a character concept artist for their videogame or project for some reason... let me know. Reblogs are always appreciated :^)

[linabirb]

.. why does 16personalities have a premium

[twinkskeletons]

maybe instead of trying 2 get all my fob stuff together i should just take pics of them all individually and start a collection tag :3

[poptartmochi]

peace and love, i do not understand photo editors 😭

[starkitten101]

Behold my bookmark folders, sorted by priority

[the-unofficial-village-idiot]

Every so often, I remember I can draw whatever I want and no one can stop me.

OG image

[sporesgalaxy]

HI!! Do you wanna have a neocities website where you can put images and read words? Have you never coded a dang thing in your life?

THE BEST TIME TO FUCK AROUND AND FIND OUT IS NOW!!!! And you can feel free to fuck around with MY CSS and HTML code!!!! Check it out!

LOOK AT THAT! Isn't she beautiful? It's got amazing features such as

boxes with rounded corners!

one column!

ourple!

a top spot and a bottom spot for links!

two images that follow you around as you scroll!

pretty OK resizing for mobile view!

AND NOT MUCH MORE!

Simple and hopefully easy to fuck around with, I hope maybe this code can help more people experiment with making their own web page because it is very fun! ^_^

[awkwardwhims]

In celebration of reaching 900 followers!

Ever since I started playing the Globetrotter challenge by @moonfi; I've been creating a collection of UI Widget style templates. This collection includes 20(ish) different templates for you to use in your gameplay screenshots. I'm hoping I did my best to make this as user-friendly as possible; but if you have any questions or notice something off - don't hesitate to message me or send an ask!

[Terms of Use] Do: Use & edit as much as you want and/or know how to. Don't: Reupload & claim as your own. Do: Link back to this post if asked where they're from.

[You Need] Fonts: April | Lemonmilk | Kids Handmade TS4 Icons: deathbypufferfish | w-sims | TheSimKid (I've had L'Universims' icons before they were hacked but as far as I know they've moved to a new website so download from there at your own risk.)

DOWNLOAD (SFS) 66.3mb **FIXED** (Missing moodlet)

[Tips & Hints]

Open the awkwardwhims psd collection file in Photoshop, then drag & drop the folder or group of templates onto your image.

The photo album template was inspired by @folkbreeze (definitely check out their resources, they're all so nice!) & other various examples I saw online.

Resize the template by selecting the folder as a whole; resizing individual layers may makes things unaligned.

Feel free to change background colors/fonts/etc as much as you want.

The text message template has 3 styles: sender, green receiver & blue receiver. There are also reaction icons & a separate reaction bar.

For the to-do list template I didn't include every aspiration icon (I was trying to keep this file as small as possible) but you can download this pack by @deathbypufferfish that has all the aspiration icons you'll need. However, it may be missing some of the newer aspiratons.

When adding photos (album cover/recent photos/etc) use a clipping mask.

The weather template includes all the different weather icons, so be sure to hide/unhide the one that applies.

For the new transaction template, make sure to only change the number of the price otherwise the Simoleon symbol will get changed to Times New Roman.

The notification message template is for life events, bad events & default game notifications (ie: legacy player, etc).

DOWNLOAD (SFS) 66.3mb **FIXED** (Missing moodlet)

@alwaysfreecc @maxismatchccworld

[saradika]

—HOW TO USE CANVA TO MAKE MOODBOARDS

I got a kind message asking how I make moodboards in Canva, so I wanted to do a little tutorial! Canva is a free graphic design app/website, and I use it for everything.

To start - open the app/page and use the search bar at the top to search for a template. I usually use: photo collage, scrapbook, aesthetic moodboard - all of these will pull up pre-made templates for you to use.

[I have a couple linked below that I’ve used and liked, or have bookmarked to try:]

one | two | three | four | five | six | seven | eight

Anything with a crown is for Canva Pro members - you used to be able to use the templates as a free member (just not the paid assets) but that changed recently. The linked templates above are all free ones that you can use right away.

PHOTOS:

Once you’re in the template, you can press the + in the bottom corner to bring up the menus. The Elements tab have items you can add in (more on that later) - for now you want to go to Uploads, and add the photos you want to use. I mostly get mine from Pinterest and Google Images.

[If you are writing an x reader fic and are looking for tips for creating an inclusive moodboard, there are some awesome resources here: one | two !]

After that, go back to your template and click on the different photo frames, and use the Replace button in the toolbar - it will let you replace the template photos with your own. Double tap to move and resize your image within the frame, (and there are also filters you can use if you want!)

When working on moodboards, I like to move things around. You can replace the frames they use by clicking on the item and then clicking the Trashcan. Then go back to the + menu, and then Elements, and scroll down to Frames. You can scroll through them all, but my fave keywords to use in the search bar is: polaroid, torn, and ripped.

Once they’re added, you can move them wherever you want. There’s a button on the toolbar that says Position, and you can shift the object forward/back between the items around it.

DETAILS:

Once you add your photos, then comes the details! You can change the background color and add/change the fonts (or upload your fave font to use!) Try out all the tools on the toolbar to see what you can do, there’s a lot of options.

I love love layering with my moodboard, so I will go back to the + / Elements tab, and then search for things to layer in. My fave searches for Graphics recently are: ripped paper, grunge patterns (to use in the background), star patterns, dried flowers, and dried leaves.

You can use the Position tool on them to fit them in-between or in front of your photos. I usually use them to hide harsh edges or in places that look a little empty.

I also like adding fabric texture to the backgrounds, to fill the space between the photo frames. There isn’t an easy way to do this - the best way I figured out is to find an image of the texture you want, and then to add a photo frame with a torn or jagged edge in the very back (and then use your new texture there). You can duplicate and move it, to cover the space (you can see some examples below - the beige flower pattern in the Din one, the black velvet for Alfred).

Here are some examples of the original templates, and then what my finished ones look like. You can see what I swapped out, moved, and added:

original image | my moodboard

EDITING:

Once I am happy with the design I download it, and then edit. I love this part - pop it into your fave editing app, and play around with the exposure/contrast/hues/sharpness. I will mess with the color balance & vibrancy as well - this can really take a moodboard I like, to one I love.

Here’s some gifs I made showing before /after editing - both are pretty before but I think the after has an oomph that I really appreciate.

[When you finish with one and want to use the same template, you can click Make a Copy, and it will duplicate it. I began with templates but everything I do now are copies of heavily/edited templates or ones I’ve made from scratch. But for starting off, I think a template is the way to go!]

And that’s it!! I would really suggest just opening it up and seeing what you can do. Not all of mine turn out great, but each time I think I get a better handle on all the different options and what my moodboard style is.

I really hope this helps! And feel free to tag me if you post any you make, I’d love to see them (or drop me an ask if you have any questions!) 💖💕

[bookmark-beast]

how to make gif stamps

you ever wanted to make your own stamps with gifs like this and have no idea how the fuck to do that?

it's really easy and all you need is a gif of your choice and the stamp base. all stamps are 99 x 56px as a tip for normal stamps.

during these steps i am pressing the buttons below every edited image so its easier to navigate.

step 1.

head over to the website ezgif.com. i use it for a lot of gif related things too and its really damn useful.

step 2.

head over to the resize tab and toss in your gif.

make sure the width is 93 pixels and the height is 49 pixels, dont worry about it being stretched since it resizes it down and some a little bit of cropping.

and if you want it to cover a specific area just go to the crop tab and make a selection around the area that's about the shape of the stamp, doesn't need to be perfect. and then head back to resize and do the resizing.

step 3.

head over to overlay in the effects

make sure to press the blue button under the gi that says "extend canvas size" its really important you do this so the actual stamp part doesn't get cut off. and add your overlay image aka the stamp base

and heres the base:

step 4:

adjust the overlay by putting 43 to the left and 22 to the top so it lines up like its shown here.

step 5.

and finally go to crop and scroll down and enable the checkbox that says "trim transparent pixels around the image" and hit crop image.

and there you go, you just made an animated stamp. and heres the finish product on the one i made.

hopefully this helps out in someway and that the steps were easy to understand, let me know if you have any issues or questions.

[mxbo]

I couldn't fit the tutorial on a reply lmao, here's a full post explaining my process :]]

STAMP TUTORIAL (TF2 edition, but works for everything)

99% of the process is done on the website ezgif. Ezgif carries the stamp-making process lmao

1. Get your GIF

Tenor: Ok place to grab your GIFs. Average quality of the GIFs is good enough, and looks ok when resized to the size of the stamp. You'll find like 1 normal GIF every 4 buff characters GIF tho.

GIPHY: Average quality of the GIF is better (I don't think the web compresses the GIFs that are uploaded)… If you find what you're looking for. You'll have to SCROLL before finding what you're looking for because there are always non-related GIFs on the top of your searches or the same GIF multiple times, it's crazy.

makeagif: You will find cool GIFs, but the quality is pretty low (I think the web itself compresses the GIFs a lot). It looks bad even when resized down. And it has a watermark, which I recommend cropping because it's not even visible when resized, it just looks like a gray blob on the corner.

Google: Best option by far, quality is pretty good and the ratio of “things I was looking for/things I actually find” is SLIGHTLY in favor of “things I was looking for” (and most of “things I actually find” are just the characters rotating, not NSFW, so that's only a nice change from Tenor). You won't have to scroll much to see different and interesting GIFs. JUST REMEMBER TO FILTER BY GIFS.

You search whatever > Images > Tools > Type > GIF

Make it on your own: Aka, you download your video, go to ezgif's “Video to GIF” (then you can crop it, CUT IT. THIS IS IMPORTANT, YOU DON'T NEED TO GO ANYWHERE ELSE TO CUT YOUR CLIP, YOU CAN DO IT ON EZGIF ITSELF). Ok, I lied, it wasn't Google, this is the best oftion by far. You get exactly what you want, the best quality if you don't compress it much until after the GIF has been resized into the size of a stamp… It's just super time-consuming, and you'll have to spend like an entire hour just watching a video to find the clips.

OK, I HAVE MY GIF NOW

Hehe, his legs go pipupipu

2. Resize

Go to ezgif, this is where the fun begins (if you weren't on ezgif already). You download your GIF, or copy the link and insert it, or you'll have it there if you made it yourself.

A STAMP MAKES 99px × 56px

THE INNER PART OF THE STAMP MAKES 91px × 47px

I RECOMMEND MAKING YOUR GIF 92px × 48px

BTW, THESE MEASURES ARE FOR THE TEMPLATE I'LL GIVE YOU LATER. If you use another template, just go to an image editor and see what the inner size of the stamp is.

So, you set your GIF's width to 92px.

Then crop it, so your height is 48px.

Or you can resize it so it's directly 92px × 48px, but the crop will be in the center, and SOMETIMES YOU DON'T WANT THAT.

For example:

It's a vertical GIF whose area of interest is not in the center, so if we resize it directly-

oops-

ANYWAY

Once you have your GIF resized:

IMPORTANT: BEFORE THE NEXT STEP, REMEMBER TO CONVERT TO GIF IF THE FILE YOU'RE WORKING ON ISN'T A GIF ALREADY

Sometimes you'll be working with a webp without even noticing (EW, I hate webp) and transparencies don't work particularly well with that extension.

3. Overlay

Click on this icon.

Ok, now that that's fixed:

Extend the size of the canvas.

Select your template and Upload image!

This is the template, btw.

Then move the overlay around until it contains the GIF nicely, or just set Left to 43, Top to 20 and Generate image! (I have these numbers memorized, it saves you like 20 seconds lmao)

Also, again, these numbers work on MY template, if you use another one, you'll have to figure it out yourself.

4. Crop

THIS OPTION IS A TIME-SAVER FR

5. Optimize (optional, highly recommend)

I always set my optimization method to Lossy GIF and level 10 because I find that there is no quality loss, and the file size might drop by 30%-70% (actually crazy). These percentages don't change much in higher compressions, even though you'll start seeing a drop in quality around level 35 of compression (the default).

6. Save

YIPPE!!! Your stamp is done :D

You can save it and look at it and place it on your profile or website.

Here it is btw, in case someone wanted it :]] The Sniper GIF but correctly cropped and made into a stamp as well.

Now do that another… eleven times, and you'll have a stamp pack to make into a Tumblr post... Oof TT

There's no website that lets you make stamps faster lmao (I wish)

@sir-broken-bones (I'm @ them so they actually see it, I made this tutorial for them after all lol)

[artfightdramaconfessions]

HOLY SHIT!! DIRECT REPLIES?! IMAGE RESIZING AND BORDERS IN WEBSITE?! THEY WERE COOKING

.

[whoify]

photopea gif tutorial!

i recently started learning the craft of gifmaking with the free software photopea. when i first started, i had to piece together several different tutorials as well as extrapolate from some photoshop tutorials because-- no one uses photopea.

but they should! it's free! it can run in your browser! it can do most everything photoshop can do and you don't have to deal with adobe or torrenting. so i'm making a tutorial of my photopea gifmaking process because that's what i needed a couple months ago, and i hope it can be of use to some others. let's go!

1: PREPARING

source the scene you want to gif. it's best to download your video when you can, but screen recording can work in a pinch. this is the video downloader software i use.

once the source video is downloaded, i like to pick out the specific moments i'm going to gif and save them as their own files-- this makes future steps easier. an individual gif shouldn't be more than 4ish seconds, so limit your selections to about that. name your files in a way that makes sense to you:

2: CONVERTING TO .JPG

i like to convert my video clips to .jpg format. it is possible to load video clips directly into photopea, but unless it is a very short <30fps clip, it is likely to freeze or crash in my experience. i use this website as it downloads a higher framerate (~25fps) than others i've used.

convert your video files and download the .zip folder containing your frames. make sure to unzip them and name them something helpful if you need to.

3: OPENING YOUR FRAMES IN PHOTOPEA

photopea looks like this when you open it:

select "open from computer" and select only the first frame of your first gif:

your environment should look like this (ignore the other projects i have open, you should just have 0001.psd or similar):

go to file> open and place, and select ALL of the rest of the frames from your first clip:

they'll load in one by one, and your environment should look like this:

notice how all the frames have a little square in the corner? that means they are smart objects, and we need them to not be for our purposes. select all of your frames, right click, and choose rasterize:

in order to make the series of jpgs move as a gif upon download, select all of your frames and go to layer> animation> make frames:

all your layer names should now start with _a_. you can really do this at any point in the process so it's not a big deal if you forget at the beginning.

finally, you want to limit the frames in individual gifs to around 50 or less. if you find you have more, delete some frames off of the beginning or end by right clicking and selecting delete.

4: CROPPING AND RESIZING

select the crop tool on the left hand panel:

at the top bar, select fixed size:

gifs on tumblr are limited to 540px wide for single column gifs, 268px for two columns, and 178px for three columns. the height is up to you; i like to use 350px height with the 540px width.

enter your values into the W and H fields and do not press enter yet. drag the cropped area to where you want it to be-- try to line up the top and bottom edges so as not to lose too much of your image. once you're satisfied with the selection, press enter. your gif is now cropped and resized to tumblr standards.

5: SHARPENING

(if you are working with low-qual video, check out this tutorial by @hellboys before sharpening. basically filter> filter gallery > grain, select soft and play with the settings. then proceed!)

still making sure all of your layers are selected, navigate to filter> sharpen > smart sharpen:

you should see this dialog box:

these are the settings i like to use, but you can play around to see what you like. here's the before and after of my sharpening settings:

the difference will be more noticeable once we complete the next step-- brightening and coloring.

6: BRIGHTENING & COLORING

navigate to layer > new adjustment layer:

at any time, you can edit your adjustment layers by clicking this button in the right hand panel:

for each edit you make to your gif, you will add a new adjustment layer. always make sure they're at the top of your layer stack. i like to start with adjusting the brightness and exposure, which are both pretty straightforward.

additionally ,you can select a curves adjustment layer, choose the RGB channel, and drag the curve just slightly upwards to further brighten your gif, like so:

here's a before and after:

now for coloring-- i mostly use the saturation/vibrance, curves, color balance, and selective color adjustment layers. just play around with all of these until you find a style you like. i like my gifs to look really bright and colorful, so i push the saturation and try to draw out warmer tones in the color balance:

7: CAPTIONS

the font i like to use for captions is arial bold italic. you can download it (or any font of your choosing) from pretty much any free font website. if you choose to download a font not in photopea, go to file> open and select your font; it will now show up in the list of fonts.

navigate to the text button in the left hand panel:

and type in the captions for your gif. i make the font size 20 for 540px gifs.

next, while only your text layer is selected, navigate to layer> layer style > blending options:

click on drop shadow, and play around with the settings until you get something you like. here's mine:

next, click on stroke and do the same thing:

when you're done, make sure your text is your top-most layer.

8: EXPORTING

you're done! head to file> export as> GIF. you'll be prompted with a dialog that looks like this, with your gif playing (you can also do these steps without saving if you want a preview of your gif during editing):

the only thing you should need to adjust is speed. this is the main difference between photopea and photoshop. the only way to specifically adjust the delay in photopea is to manually enter "_05" (or whatever amount of delay) at the end of every layer name. if you're like me you'll agree that is simply too much and settle for the speed slider.

i don't really know what logic governs the speed slider. it doesn't seem to be consistent across gifs, so play with it until it looks right. i've had it on 200% lately which seems insane but looks visually normal.

once the speed is adjusted, hit save and you're done! here's a final before and after of all the work:

BONUS: SAVING .PSD PRESETS

did you think manually creating and editing all those adjustment layers was a lot of work? here's how to streamline it for next time.

at the very bottom of your screen, below your layers, select the icon that looks like a folder (third from the right).

it will create another layer called folder 1. drag your adjustment layers into this folder, making sure they stay in the same order. your layers should look like this when you're done:

ONLY ONCE YOU HAVE SAVED YOUR GIF, delete all other layers that are not in the folder. then select file> save as PSD. save it somewhere convenient.

next time you're making gifs, after you've cropped and sharpened your frames, select file > open and choose your .psd file. it will open as another project. select the layer that says folder 1, and drag it to whatever project you're working on at the top bar. voila! your adjustment layers are applied to your new gif!

i still like to play with the settings, as coloring and brightness needs will differ from gif to gif.

thanks for reading! here's the gifset i made while making this tutorial :-)

[ultimac]

CLİPART - DRAGON+ (6)

For individuals looking to add a touch of creativity to their kitchen-themed projects, kitchen clipart provides a wide range of options to choose from. With over 42,100 kitchen clipart stock illustrations and vector graphics available royalty-free, individuals can explore a plethora of designs to enhance their cooking-related materials. Whether it's for recipe cards, cooking blogs, or culinary presentations, kitchen clipart offers a diverse selection of high-quality images and graphics to elevate the visual appeal of various projects. Additionally, kitchen clipart is available in various formats, including transparent PNG files with a resolution of 300 DPI, making it easy to incorporate into different digital and print designs.

Party clipart, another category of clipart available on the website, caters to individuals seeking visual elements related to party, components. With 195 favorites from Etsy shoppers, party clipart offers a range of illustrations ideal for technical manuals, engineering presentations, or educational materials focusing on machinery and industrial processes. This category of clipart provides detailed and intricate images that can help individuals effectively communicate complex technical concepts in a visually engaging manner. Additionally, party clipart is often available in vector format, allowing for easy scalability without compromising image quality.

For sports enthusiasts and content creators, sport clipart offers a diverse collection of athletic-themed graphics and illustrations. From sports equipment like soccer balls, footballs, basketballs, and tennis rackets to action-packed sports scenes, this clipart category provides a wealth of visual resources for sports-related projects. Whether designing sports event flyers, creating sports-themed party decorations, or developing sports-related educational materials, sport clipart can add an exciting and dynamic element to various design projects. With the availability of vector sports clipart downloads, individuals can customize and resize images to suit their specific design needs.