#resize image online free
Explore tagged Tumblr posts
luletools001 · 8 months ago
Text
Luletools: A Reduced Web-Based Color Selector
Understand the features of Luletools, your go-to resource for a quick and easy Online Color Picker from Image. Select and identify colors with comfort, helping you to use your creativity and improve your design process. Luletools offers smooth color extraction and customization capabilities that will improve your creations.
2 notes · View notes
luletools · 8 months ago
Text
Resize Images Without Losing Quality - Luletools
Resize images without losing quality using Luletools' advanced online resizing tool. Perfect for web optimization and more. Resize images seamlessly without compromising their quality with Luletools' cutting-edge online resizing tool. Whether you're a professional photographer or a website owner, maintaining image quality is crucial when resizing images. With Luletools, you can resize images effortlessly while preserving their original clarity and sharpness. Our advanced algorithms ensure that your images look their best, regardless of the dimensions you choose. Say goodbye to pixelation and distortion - Luletools guarantees professional-grade results every time. Whether you're resizing images for web optimization, social media posts, or personal projects, our platform offers the perfect solution. Join the ranks of satisfied users who trust Luletools for their image resizing needs. Experience the difference today and take your digital content to new heights with Luletools!
Tumblr media
0 notes
awkwardwhims · 8 months ago
Text
Tumblr media
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)
Tumblr media
[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
2K notes · View notes
onlinetoolsite · 2 years ago
Text
Free Online Digital Tools
Are you working online or deal with things online ?
Then you will do task manually. Here we offer free digital tools to our users like :
Image Converter ( PNG to Web , Webp to PNG, JPG TO PNG and vice versa).
Image resizer
Text Case converter in one click!
and Image editor or typing speed test tool.
Look at the tools here : Online Tool Site
1 note · View note
carabinersims · 2 years ago
Text
Tumblr media
Computer Lab Series 1
This set is inspired by: early 80s computers, my dad’s office when he taught electrical engineering, and VHS tape artifacts. Many of the pieces in here are stylized versions of real-life things, which I’ve included more info about under the cut.
This set contains 11 new meshes and features 2 retro computers, a desk chair, a desk, and lots of retro clutter items.
Download link (SFS): Separate packages or ZIP of the whole thing.
Tumblr media Tumblr media
Here's some fancy promo GIFs!
Set contents:
Electronics:
Carapro II Portable Computer: Based on the Kaypro II Portable Computer (1982) // 4 swatches (including wood grain/rainbow!), 789 polys
BBC Micro Computer: Based on the BBC Micro Computer (1981) // 4 swatches (including wood grain/rainbow!), 329 polys
Furniture:
Steelcase Desk Chair // 5 swatches, 746 polys - has 1 LOD
Retro Desk // 4 swatches, 264 polys
Clutter/decor:
Floppy Disks // 2 swatches, 734 polys
Stapler // 3 swatches, 152 polys (has 1 LOD)
Caradex V (Rolodex) // 1 swatch, 834 polys (has 1 LOD)
Desk Caddy // 2 swatches, 1580 polys (has 1 LOD)
Computer Manual Posters // 4 swatches, 20 polys (resized EA soccer poster mesh)
Cassette Recorder // 4 swatches (including wood grain/rainbow!), 212 polys
Cassette Tape // 4 swatches, 202 polys
Here's everything you get:
Tumblr media Tumblr media Tumblr media
-------------------------------------------------
Credits:
Images for the poster set are taken from the manuals for the Kaypro and BBC Micro; thank you to folks who upload these online!
Fonts used in the textures are Nootrasim, Uni(versity) Llama, and Simlish Crayon.
-------------------------------------------------
Technical notes/known issues:
Sims’ hands slightly clip into the computers with angled keyboards; this is not something I can fix due to how the animations are set up.
The computers don’t have mice (they wouldn’t have had them at the time), so the Sims will move their hands around as if they were using an invisible mouse.
The BBC Micro computer has a medium decor slot on top -- perfect for cute plants, books, clutter, etc. In testing, I noticed that if you place something there that trails down the sides, Sims will not want to use the computer (you have to make them sit in the chair and then interact with it). Most items don’t seem to do this so I’m leaving the slot in - just know if you put trailing stuff on top, this might happen.
The cassette recorder has a decor slot in the perfect place to actually put the cassette tape in it, and I love it! I’d recommend picking the cassette tape you want before putting it in; once it’s in the recorder, I couldn’t figure out an easy way to get it out again. You can always delete the whole thing and re-place a cassette recorder.
-------------------------------------------------
Other notes:
TOU: Don't upload to paid sites or claim you made these. If you do recolor, you can include the mesh if you link back to me.
This is my first larger set and I'm kinda nervous! If you encounter any issues please message me on here and let me know.
I've also created a companion "further reading" post here, which goes into more detail about the research and references I used for these
⭐ Like my stuff? It's all free but it does take me time -- if you want to, feel free to leave a tip on Ko-fi. ⭐
@mmfinds @maxismatchccworld @simbfinds @adoring-ccfinds @mmoutfitters  @public-ccfinds  
2K notes · View notes
changingplumbob · 2 months ago
Text
A Party To Die For Templates: SFS
Tumblr media Tumblr media
So I may have got a tad overexcited about the Halloween CAS Challenge created by @la-llama-sims, and I made templates for every prompt. I wanted to share them on the off chance someone wanted to also do the challenge but maybe didn't have time to do much other than screenshots.
Tutorial below on how to make your own cards using the templates if you are unfamiliar with photo software, all you need is the template and a screenshot of your sim! Very little technical skill required to so feel free to jump in for Simblreen (the month of October on simblr). Remember to go to the original creator post to check out the prompts and the hashtag given for creations is #LLPTDF. Hope to see some of your creations next month, keep them for the spooky season 🎃👻🦇
Strap in and follow along as I make Glenn here (he won't do the spellcaster prompt for Simblreen, it's dress up after all, but it makes sense for a demo)
Step one: Grab the zipped folder of templates on SFS HERE. Unzip the folder and put it somewhere easy to find in your documents, I have a tumblr specific folder my templates are normally sorted in.
Step two: Open your photo editing program of choice. I use paint.net which is old but for this demonstration I will use Photopea, the online free alternative to adobe. You will see the screen below
Tumblr media
Step three: Click "Open From Computer" right in the middle under the main title. Find the screenshot you have taken that you would like to use and open it. Now the hole in my template is 744x991 but you can make it slightly bigger if you don't want to fuss as much with lining things up exactly. To resize image from the top bar (Image -> Image Size) We're going to use the crop tool when we have our picture.
Tumblr media
Step four: Pull on the squares at the edges to change the size. If you need click View in the top bar and you can zoom in to allow finer selecting. When you have the right size click the tick and copy the image. Keyboard shortcuts are Ctrl+A to select all, then Ctrl+C to copy.
Tumblr media
Step five: Open the template you want to use (File -> Open, from the top bar). Add a new layer using either the top bar (Layer -> New -> Layer) or the icons on the bottom right.
Step six: With the new layer selected paste the image, Ctrl+V.
Step seven: On the right of the screen you'll be able to see layer order. Drag the layer with your sim underneath the background layer. This is what will let you slot in your picture.
Tumblr media
Step eight: Finishing touches! Unless you are super duper lucky your sim won't appear in the exact right place, you'll have to move them around using the move tool. For precision you'll need to zoom in and move your field of vision using the hand tool.
Tumblr media Tumblr media
You'll know it's in the right place when you can no longer see any of the negative space behind it. I like to check both corners to make sure I've got it. This is where having a sim image slightly larger will make it easier.
Tumblr media Tumblr media
If you like you can finish now. From the top bar File -> Export as -> PNG or JPG. The picture will save to your downloads folder. If you want to add your own text, keep reading, as I've left space at the bottom for your username, the sim name, and a profile pic or other logo. Or go ahead and crop it out, who needs extra hassle when there are cute CAS looks to be made?
Step nine: From the bar on the right select the large T to add some text, it will automatically spawn in a new layer. Scroll through text options and find one you like (the text style I used isn't in photopea so we will find another). Depending on the type of text you will likely need to play around with the size as well.
Tumblr media
Step ten: Start typing. When you're done you can highlight what you have written and use that size box to adjust how big the text is. Select the move tool from the right to move your text where you want it. Repeat step nine if you want text on the other side. I've chosen to put my username on one side, and my sim's name on the other.
Tumblr media
Step eleven: Logo time. Open a pre shrunk logo (I scaled my pride plumbobs down to 125x125) and copy. Back on the template add a new layer then paste your image (for some reason I had to copy twice before it would do the right thing, I don't have an explanation sorry). Then using the move tool and the hand tool get your image where you want it.
Tumblr media
From the top bar File -> Export as -> PNG or JPG. Again it will have saved to your downloads folder.
Tumblr media
Voila, we have a Glenn card! Hopefully you have a your sim card. I spent hours doing up all the templates so feel free to fill them with your sims for the challenge. All I ask is that you don't claim templates as your own work or shove them behind a paywall because rude and the whole premise of Simblreen is free treats! Obviously you do NOT need the templates to participate in the challenge, the cards are just how I'll be presenting mine. Like CAS challenges the possibilities are most often only limited by your imagination.
55 notes · View notes
afrikagora-blog · 4 months ago
Text
Welcome to Our Image Compression Tool
Effortlessly compress and resize your images while maintaining high quality. Optimize your images for faster load times, reduced bandwidth, and better user experience. Our tool is easy to use and completely free!
Our Image Compression Tool is designed to simplify the process of optimizing images for various purposes. Whether you're a web developer aiming for faster load times or a designer looking to conserve bandwidth without compromising quality, our tool offers a seamless solution. With just a few clicks, you can compress and resize your images while ensuring they retain their visual appeal. Explore the features below to see how our tool can enhance your digital projects.
76 notes · View notes
meruz · 7 months ago
Note
i hope this hasn't been asked before. what size do you make your canvas? and do you crop it to fit other socials (like Instagram for example)? i hear that 300 dpi is standard. i never know if it's good to make my canvas big or not.
hi i think this ask is like at least 4 months old but i was scanning my sketchbooks from last year and i abruptly remembered i had gotten this ask because i had made a little chart in my sketchbook trying to figure out how to answer it
Tumblr media
anyways theres pros and cons. and the size of your canvas is really going to depend on personal needs + preference. how good ur computer is, how complicated ur art style, how comfortable drawing feels, how much disk space you have to spare, what youre gonna end up using the art for in the end...300dpi is standard for PRINTING specifically, if you only plan to ever post things online then 72dpi works great and will save you space (fun fact a lot of professional animation files i deal with are 72dpi. and those eventually go on your tv screen). but personally i make everything i draw 300dpi because i am always printing stuff for cons, zines, etc and its nice to have the option even if i dont end up printing.
when I was a teen I used to draw on a rly shitty laptop and i made everything 800x800px 300dpi because big canvases would cause a lot of lag and also the resolution on this laptop was pretty small so 800px was a lot of the screen already. now i have a slightly better laptop with a bigger resolution and i sketch on giant 10000px-40000px canvases with the hard round brush and no shape dynamics or transfer whatsoever to minimize lag. when it comes to making a final illustration when i know ill be using a bunch of layer effects/blending modes/colors/mixing brushes etc etc ill generally crop the canvas down to the 6000px range. most illustrations i try to make sure are comfortably printable on tabloid size paper so thats pretty much anything hovering around or above 3000x5000px w 300dpi (so 11x17in). HOPE THIS HELPS?
EDIT: OH ALSO re: socials. i always ALWAYS size down my art to post on the internet. i think its crazy when other artists dont. because why would i ever let the internet have my hi-res file for free. also in general i think it looks better if you do the resizing yourself because if you don't then many social media sites will compress your file for you! a lot of people will post a hi-res file to twitter and then go "Wow twitter killed the quality of this img!!!" UH YEAH because they have an automatic image compressor. because they need to save space too lol and they dont want your image to take 248263895 years to load. same with instagram and to a lesser extent tumblr. when i post anything on social media i resize it down to 1200px-1600px on the longest side... its a little arbitrary but im kind of basing it on the smallest resolution of widely available screens. mostly because i think it looks stupid when u open up an image file fullsize and u have to scroll to see the whole thing... also iirc instagram only takes images up to 1080px before it resizes them? granted if you upload something smaller than that itll also resize it up which will look worse so I think bumping the numbers just over 1080px is pretty safe.
I should really be bringing the dpi down to 72 too when i post online but often im too lazy to do that. but it will technically help ur image load faster and stuff. and make it less likely for people to yoink it off the web and print it themselves.
147 notes · View notes
funkyfreshinthebuilding · 27 days ago
Text
Tumblr media
i had to put this fella in one of those sketchy free online image resizers cuz he packed too many pixels for tumblr
44 notes · View notes
buglaur · 2 years ago
Text
Tumblr media
tutorial contents:
1 ‣ gshade & photoshop actions 2 ‣ template or cropping & colouring 3 ‣ notifs & pop-ups
okay hi! i have a really old editing tutorial from back in january that i've been linking people to, but it's pretty outdated by now. i also keep getting anons asking about the same things, which is fine, but i always have to go searching for the post explaining it, so having it all in one place will be a lot more convenient lol
i use a ☠ copy of photoshop cc 2017 to edit my screenshots, however the majority of everything i'm doing also works on photopea
photopea is an online version of photoshop that's 100% free and works very well! i can't recommend it enough, it's fantastic
Tumblr media
first things first, you're going to need some screenshots to edit. for the sake of this tutorial i'll be working with this one of raffy:
Tumblr media
in all honesty, gshade will do most of the work for you. of course it's not needed, but i definitely don't think i could live without it! in this screenshot i used sunset n' vinyl by nesurii
when opening the screenshot, the first thing i do is run it through 2 photoshop actions:
butter action by early-grape
smooth sharp (no topaz) by poolbrop
to add actions in photoshop go:
windows > actions > the 4 lines at the upper right corner of the newly opened window > load actions > your downloads folder > open up the .atn files!
if you're using photopea, as far as i'm aware you can't use photoshop actions, but i've found that 'filter > stylize > oil paint' and 'filter > sharpen > smart sharpen' have a very similar effect when using the right settings. try these:
Tumblr media
i like these two actions because they smooth everything out nicely, but keep it sharp at the same time! i always run butter before i run smooth sharp, however butter may leave you with 2 layers. make sure to merge these layers before running smooth sharp to achieve the full effect.
here's a before and after (of the photoshop action):
Tumblr media
from here you can move on to step 2
Tumblr media
before anything else i want to share the template that i use to make editing a lot faster. you don't need to use it but it's definitely made things a lot easier for me! it's a .psd file and will work perfectly in photopea
download (simfileshare)
if you're using the template you can skip right on to the next section, as it's already cropped to the right size and has the colouring folder included. just drag your screenshot into it and resize to fit the height.
if you're not using it, crop your edited screenshot to:
1707 width x 1280 height
then adjust the colours to your liking. it always varies slightly depending on the picture but my regular process for each screenshot would be:
up the saturation by 8%
up the lightness by 3%
up the contrast by 12%
all of this can be done by looking in the 'images > adjustments' tab
Tumblr media
you should end up with something similar to this!
Tumblr media
if you want to add a moodlet or social interaction or anything similar, it's all the same process. what you'll need is a screenshot of it straight from the game. i just press the 'c' key to capture them! i'll be working with these two:
Tumblr media
for the blue notification i'm going to select it using the box select tool. try to get it as exact as possible. one you have it selected
for photoshop users:
click on the 'select and mask...' option located at the top
adjust the global refinements at the side as follows:
smooth: 70 feather: 0.0px contrast: 50% shift edge: 0%
for photopea users:
go to select > modify > smooth
set it to 15
select 'ok' and press 'ctrl + c' to copy it, then 'ctrl + v' to paste it into your screenshot. adjust the size and position and you should end up with something like this:
Tumblr media
next you want to add the transparent border around the notification. if you're using my editing template, right click on the reference notif in the layers tab and select 'copy layer style' (photopea > 'layer style > copy'). from there you can paste that layer style onto your own notif through the layers tab.
if you're not using the template, here's how to set it up on photoshop:
right click your notification layer and select 'blending options'
under styles, tick the checkboxes for stroke and drop shadow
input these settings:
Tumblr media
on photopea, it should be more or less the same. repeat the exact same process with the social menu option, but instead of selecting it with the box select tool, use the magic select tool. in the end you should end out with this!
Tumblr media
from here you're finished! thanks for reading! go to file and export as png
if you've got questions never hesitate to ask, just make sure to read the faq in my pinned. i might edit this post soon to include the gen intro traits and aspirations bit, but this is all for now. hope it helps, my editing process post has been in need of a revamp for a very long time. i haven't proof-read this so apologies for any mistakes!
1K notes · View notes
phayz · 4 months ago
Text
Tumblr media
i made some cute food themed mouse cursors! read more if you want them for yourself
Tumblr media Tumblr media Tumblr media
you guys can use these for anything btww idgaf also feel free to request more and i may get around 2 them eventually
[*NOTE: the pixel art above has been resized and is NOT the same as the .cur files, you have to download and use those. Link below.]
cursor file download (WeTransfer) (dm me if link expires)
Cursor replacement tutorial for a Windows PC (sorry mac users):
Open the Start Menu or press the Windows button
Type "Mouse" and hit enter
Click "Additional Mouse Options"
In the pop-up, go to the tab labeled "Pointers"
Download the .cur files (Cursor files) from the link above ^
Select which pointer you want to replace, and click "Browse..."
Find where you downloaded the .cur files
Select them, and hit "Apply"
and boom, you're done! If you don't like them you can re-select the ones you want to change, and hit "Use Default" To revert back to your computer's original settings.
How to make your own:
If you would like to make your own cursors, you can download any small .png image (has to be .png because .jpg doesn't support transparency). You can also use any image editing websites or software to shrink/tweak larger images - I use Aseprite for my pixel art, and I highly recommend it for no compression or pixel loss when resizing images, but I'm sure there are free alternatives out there.
After you somehow acquire a small transparent image you can convert them using this handy online tool. Convert it to .CUR for image cursors, or .ANI for animated/gif cursors.
Have fun! Thanks for reading <3
25 notes · View notes
hymnism · 1 year ago
Text
well here is sunny's scuffed gif tutorial for anyone who wants to learn how to gif 🎉🎉
so first of all you're obviously going to need a clip of whatever you want to gif. you can either download full videos or use a screen recorder (like obs for example) to record the specific scene you want to gif
once you have your clip you go into photoshop and look for "file -> import -> video frames to layers" then choose your clip and you'll get a screen like this
Tumblr media
you can use the two small arrows to trim the clip to just what you need then click ok and it will open the clip up into frames
(btw if you don't already have it on make sure to go to "window" and turn on timeline. that's where you will see the frames)
now personally my first step is cropping and resizing. cropping is kind of self explanatory but to resize the gif make sure you go to "image -> image size" (NOT canvas size. just wanted to say that since the options are kind of similar) (although you can still use canvas size for cropping) and here is a handy little chart that is helpful if you want to know what to resize gifs to (width is what's important here height can be whatever you want it to be)
Tumblr media
now personally my next step is sharpening although you can probably also do this at the end. i use maizekeen's gif sharpening actions (if you don't know how to use actions in photoshop there are many tutorials online but very basically you download the actions then go into the actions menu (windows -> action if you don't have it open) and click on load actions) and then from there you just choose your action and click the play button
then after that is usually when i delete any extra unwanted frames in the timeline (it's not necessary to delete the frames from the layers panel)
NOW is the fun part and also where a lot of this becomes up to taste and personal style ✨
make sure you have your adjustment panel open (window -> adjustments)
Tumblr media
the ones underlined are the main ones i use. i recommend playing around and seeing what does what and seeing what ends up looking cool to you
oh and when you use adjustment layers make sure they are above all the layers of the gif like this
Tumblr media
i made some different edits of the same gif to show some of the different things you can do. like i said it's up to personal taste and style
here is the original unedited for comparison
Tumblr media
and here are some different edits i did real quick to hopefully give you some ideas for what you can do
Tumblr media Tumblr media Tumblr media Tumblr media
and if you want to change the speed of a gif make sure to select all frames and then use this little arrow
Tumblr media
i tend to use either 0.05 or 0.04 since anything faster or slower tends to start looking wonky but you can try it out yourself and see what looks good to you
btw here is the difference between 0.05 (left) and 0.04 (right)
Tumblr media Tumblr media
NOW FOR SAVING
when you feel like you're done you wanna go to "export -> save for web" (it might say legacy next to yours it still works the same) and you will get a window like this
Tumblr media
the most important things here are the two options i circled. most of the time i just leave these at adaptive and pattern. perceptual and selective can be used in place of adaptive but i've found that adaptive tends to look best. diffusion instead of pattern can help lower the size of a file in some situations but it doesn't always work but for the love of god please don't set it to "no dither". also make sure the looping option is set to forever (unless you specifically wanna make a non looping gif)
and from this menu you can preview your gif (lower left corner). slightly above the preview button is where you can see your file size (in this case this gif is 7.8mb) tumblr says their gif limit is 10mb but in reality it's slightly less than that so if your gif is 9.7~9.8mb it's probably too big
now if everything looks good then just click on save and name your gif and you're done 👍
now i'm sure there are a lot of things i didn't explain well so if there are any question feel free to send me an ask or a dm and i'll try to explain things more in depth :)
74 notes · View notes
highlordofkrypton · 6 months ago
Text
Tumblr media
This tutorial is for @inferiorvibes who asked me how I did my Manacled set (pictured below) with art going over three book spines. I won't be covering how to use the design programs, so if you have any questions, or would like a boarder tutorial, please let me know.
This tutorial also works for dustjackets.
Tumblr media
Tools:
Ruler or measuring tape
The hardcovers of the books you're going to be binding on
InDesign, Photoshop or Photopea (free online version of photoshop) -- I've never used Canva
STEP ONE: MEASURE THE SPINES / YOUR CANVAS
It's important to know what space you're working with, so put all your books side by side and measure the width of ALL the books next to one another + the height.
Yes, I do measure the little space between the spine and the front/back covers.
Tumblr media
STEP TWO: CREATE YOUR CANVAS
In the program of your choice, open a document with the measurements you took above. Keep your books and rulers close though! You also do not need bleed, columns or margins for this step.
Tumblr media Tumblr media
STEP THREE: OUTLINE EACH SPINE
Time to get your rulers out both physically and in your program. Start by measuring each spine. Then, using the rulers, drag them onto your screen. A little math is going to come into play, but bear with me!
Tumblr media Tumblr media
It's important to also change your rulers in your design program to centimeters. I feel like it's a more precise measurement than inches, but feel free to do it however you're comfortable.
Here's how to access your rulers & change their measurement. To change the measurement, make sure to RIGHT-CLICK on the ruler.
Tumblr media Tumblr media
The first spine is the easiest to mark-out, as you just drag and drop your ruler to the exact measurement. For the second spine, you'll have to do the measurement of your first + the second. So, I dragged my second ruler to 6.3cm (2.5cm + 3.8 cm) in the program. After this, the remaining space will be your third spine!
You should end up with something that looks like your books when they're placed next to each other!
Tumblr media
STEP FOUR: INSERT YOUR ART!
Now, you can add your image to the canvas. I like to "Place" image and resize it! Ignore the purple line, what you're focusing on is the canvas outline and the blue rulers you've added.
You can also put your program in preview mode if you find the lines confusing. Now, you can see the whole image of your spines when they'll be placed together.
TIP: It's better to have an image that has "excess" that goes outside of the canvas. When you create your hardcover design or jacket, you'll want the art to "bleed" so that when you look over the top edge of your book, the art won't suddenly cut to white, but rather, extend far enough that it gets folded away and covered by your headband/book.
Tumblr media Tumblr media
STEP FIVE-ISH: EYEBALL YOUR ART
I actually eyeball my art when I insert it to the final file. Yes, I'm saying it out loud, and yes, I do have to do tester prints to make sure they'd correct. One trick I have is to see what art markers there are for where/how I place the art.
For example, I know that the middle spine barely has his thumb. The side spines need to end one edge where his thumbs are.
STEP SIX: INSERT YOUR ART INTO YOUR COVER
Using the same measuring techniques, I build my hardcover. Then, I insert the spine art and adjust depending on which volume of the book it is.
Tumblr media Tumblr media Tumblr media Tumblr media
I hope this made sense! I didn't really look up tutorials, I just cooked on InDesign and it worked in my favour.
Please let me know if you have any questions 🤗
8 notes · View notes
nieded · 10 months ago
Text
Tumblr media
So I painted my yoga mat... I'm including the process and credits below the cut.
So, I have been wanting a cork yoga mat for a while. Do I need one? No. Will I pick up yoga again for a month and then quit? Hopefully not, but likely yes.
Every time I get back into yoga, I start looking at cork yoga mats because they're grippier and also very very pretty. The only problem is... they are friggin' expensive.
Tumblr media
I first was attracted to cork yoga mats because of some of the really amazing designs, but I can't afford this shit. Instead, I settled for a cheaper cork yoga mat that is plain, and I thought that if I saved up enough money and still cared about yoga enough to buy a fancy one, I would.
But then I got to thinking... could I paint my yoga mat? And the answer is yes, yes I can.
I originally got the idea when I read online of other people doing this to their rubber and PVC mats, so you do not need a cork mat to do this!
Buying the Mat
Even an inexpensive cork yoga mat is still far more than I've ever spent on one before, so I had to choose wisely. I ended up choosing the Gaiman cork yoga mat, which is about 5mm in thickness. It's roughly 68 x 24 inches. One thing I had read is that cork mats can get quite heavy, but this one is pretty lightweight while still being cushy. I was really tempted to use it right away, but I didn't want it to get dirty or oily before I painted it.
Tumblr media
The Design
I am not an artist. I cannot draw well enough to freehand something confidently. What I do have is a Cricut Maker. If you don't know what a Cricut Maker is, it's an ill-advised purchase that I got secondhand and is actively ruining my budget. Depending on the model, it can cut out designs on a variety of materials, such as vinyl or infusible ink and can even tool leather. I used cardstock for this project to cut out stencils.
There are many free SVG templates out there as well as images created by other Cricut Makers that are only .99 each. There are many, many other places where you can purchase designs as well, or you can create your own! I am not talented enough to create my own design.
I tried several free SVGs, didn't like them, and then stumbled on this on Design Space, the Circut Maker program/shop. To quote Macklemore, "But shit, it was 99 cents!"
Tumblr media
The image was designed by GlamSVG by Emylia and the inspiration came from an embroidery pattern by Emily June, which you can find HERE. I went through an embroidery phase during quarantine, and I have mine hung on the wall. I look at it daily.
Tumblr media
I had to resize this image to fit my yoga mat, which ended up being 24 x 36". Because I cut the stencil out of cardstock, I had to segment everything into 8.5x11 pieces, cut, weed, and then piece it all back together on the mat. Once I had all the pieces, I stuck them to transfer paper to keep the floating segments in place. I organized and labeled everything so I could put it back together again easily. It looked like this:
Tumblr media Tumblr media
Once it was assembled, I sprayed the backs with temporary adhesive so the stencils would stay down. I removed the transfer paper and began painting the outline. I did end up losing a couple of the floating pieces (see the letter O and the leaf on the far right side), so I had to freehand some of it. Overall, the stencil turned out great!
I had a variety of success with the temporary adhesive. Because I bought a more inexpensive mat, I soon discovered how not durable it is. The 'temporary' adhesive pulled up small pieces of cork after I removed the stencil. This was partially my fault, since I didn't pull up the stencil as I went. Still, there were pieces that were going to lift anyway. This revealed that the cork is only one layer, but fortunately, each piece of cork that lifted was quite small and unnoticeable, and the thread behind it matched in color. It wasn't ideal, but I could live with it.
Some of the cardstock became permanent fixtures on the mat, which I then had to paint over. Also, some of the stencil didn't stick at all, so I had minor bleed through. Problems all around! But it still turned out nicely!
Tumblr media
I need to preface that I have never painted anything before. Well, that's a lie. I've painted a wall, and six years ago I had a Bob Ross themed birthday party. The SO, however, is the son of an artist and taught me about mixing acrylic. His first tip was to test out colors. I used Paint.Net and came up with this mock-up:
Tumblr media
I knew I wanted the heart anatomy to be shades of red, so that was easy. The flowers were harder. I tried my favorite colors, like yellow and purple, but it didn't sit right visually. I turned to Canva Color Wheel to help me find complementary colors to the shades of red I wanted to use. That's how I came up with the pretty blues. To mix the colors, I used ColorHexa to show me the percentage of CYMK I needed.
Here are some progress shots:
Tumblr media Tumblr media Tumblr media
I'm super happy with how it turned out! My color mixing didn't turn out exactly like the mock up, but I love the results. The last step was to let it dry for at least 48 hours. Then I set it with Mod Podge Acrylic Sealer.
I chose Mod Podge since it's non-toxic, and I will be putting my face on it. Also, my dogs walk on it while I do yoga. They think it belongs to them. :) Knowing now that there is only 1 layer of cork, I do worry how it'll hold up to dog nails over time.
Lastly, the real test was to see if it would roll, and it does! So now I just need a yoga strap, and I'm good to go!
17 notes · View notes
captivemuses · 4 months ago
Note
(How do you make your icons? Do you have any tips for beginners? What program do you use?)
@honkai-star-fun
Tumblr media
First off hello! For once I can put my icon knowledge to use lol. But my icon process on how I do them is probably a bit more time consuming than it needs to be just from the sheer amount of steps there are but I'm too set in my ways to change.
First I'll take crops from the actual caps of whatever I want to make icons of, then I use a free program called Photoscape to resize the icons down to the standard 100x100 size that all my icons are (I know that I'm able to do that step in Photoshop but I never learned how and again too stubborn to change my work process lol). Then I go over to Photoshop to clean up all the icons (things like sharpening the image, cleaning up any backgrounds, tweaking lighting to the icon is more visible, things like that. Then the final step for me is actually putting my PSD over the icon I'm making (if it's not an icon for someone else that may or may not be edited with a border or overlay on top).
I premake all my borders ahead of time so when it comes time for the editing process I just slap them right on top of the icon and adjust the image as necessary so it's centered and make sure everything looks good. You can find pirated versions of Photoshop out there if you look enough I'm sure, but I personally just pay for an Adobe subscription every month so the software gets updates and I just do any icon work I can to justify the cost, whether it's just making a bunch for myself or making icons for friends who ask me to. But there's also free online alternatives to Photoshop that I've had to use in a pinch in the past. For me they're not the greatest for doing icons in bulk simply because I don't think you can mass upload files like you could on a legit version of Photoshop, but if you're really desperate it can get the job done. You'd just have to Google search like 'free online photoshop' or something along those lines to find a webpage for one.
As for the caps themselves that I use, a friend of mine does all my capping for me in exchange for me making icons for her own use because I've never been able to get the hang of using capping software, but if you search around on Tumblr and Google for caps blogs you can find a lot of free to use caps to make icons and graphics from or find people that do commissions for caps. It's also possible to find free to use premade icons if you search around Google enough (search things like 'Honkai rp icons' and you'll often find Tumblr posts that have free to use icons for the general public, or you'll find people that have some available for purchase through a commission like I do.
My biggest tip for a beginner is there's no shame in using free for public use icons if you just don't have the time to make your own from scratch. Do what you have time to do. I personally have been making my own rp icons from scratch for over 10 years now, but that's purely a personal preference of wanting complete control over how they're cropped and how they look and I'm willing to put in the time to make them look exactly how I want. Icon making can be really time consuming if you're making a lot of them or are icon'ing a character that shows up in a lot of their source material, so it's totally fine to do what you can to try and get through the process faster. And if you think just commissioning someone for icons to save yourself stress is a better way to go, it's totally fine to just spend a bit of money if you have the disposable income.
Anyway hope all that helped and if you have any more questions don't hesitate to ask!
4 notes · View notes
wyrmguardsecrets · 10 months ago
Note
✨️TRP TIPS✨️
• all images can be resized to make them bigger/small/create lines. There are free image aspect ratios and resizing calculators online that will help you to resize a pictures width and height to keep it the proportions right.
• Use screenshots in photoshop to find the hex# (the number value that comes up in the color wheel) of certain images to match text (gives a great effect).
• By setting a section of text to the same color as the background, and you effectively make it invisible. This is a great way of indenting text if you don't want it to sit directly left/right/centre. You can also do this to space out text more, by putting invisible dots between letters.
• https://www.stuffbydavid.com/textcolorizer is a great tool to use for color text, however you will need to change some of the coding to be read by TRP3. Copy+Paste the result into a Google doc, which will allow you to remove all instances of a character at once, and change them from one thing to another.
You need to change all of the '[ ]' into '{ }', the 'color' into 'col', and '=#' into ':'
-
16 notes · View notes