RESOURCES BLOG

@ihaveresources / ihaveresources.tumblr.com

Hello and welcome to @ihaveresources!. Here you'll find PSDs, Textures, Codes, Tutorials & more. / tracking #ihaveresources
Avatar
Avatar
phantomcodes

strawberry | theme by sage

get the code: static preview / version 2 a sidebar (left or right) theme with sticky buttons for permalink & reblog — free through the month of april!

features (more info below the cut):

  • toggle: tags on click, music player, updates, right or left sidebar
  • headerbar includes blog icon/home link & search bar | (optional) music player & updates buttons | day/night & tumblr controls buttons
  • sidebar includes links for home, ask, archive, & up to 5 extras, an uploadable image, and custom description
  • customizable: blog title, description, colors, body & title fonts, and font size
  • responsive design, jumpination, scroll to top, 4 corner options, 3 post margin options, phosphor icons

nothing needs to be changed in the code, everything can be changed in the customize panel!

terms:

Avatar
reblogged

♡ system warning by blusources

click the source link to access the theme preview and code. do not remove the credit or hide it in any way, insert parts of this theme into other codes, or use this theme as a base code / draw heavy inspiration from it. do feel free to message @bluthemes with any questions and edit for personal use. a special thank you to the lovely @gordonramsei​ for her base code !
  • post sizes: 350px, 400px, 450px, 500px, 540px
  • font sizes: 9px, 10px, 11px, 12px
  • sidebar png: 350px by 400px
  • navigation tab: does not have to be edited in the html + can be toggled off
  • muse tab: must be edited in the html + can be toggled off 
Source: blutheme1
Avatar
Avatar
maziekeen

maziekeen’s hthaigtct, a coloring tutorial series

this is meant to be quicker and with fewer layers, and these tutorials works better if you edit your gifs from scratch, no base psds, etc

references & download

the tutorial:

Avatar
Avatar
poppykru

Hey hey hey! I did a little tutorial for some friends and decided to post it here if someone needs it!

This doesn’t contain directions on how to prepare your gifs and convert them into video timeline. Let me know if you need a tutorial on that!

Avatar

GIFMAKING FOR BEGINNERS 

as requested! this is a super super detailed tutorial for the a-z of gifmaking basics, starting from getting photoshop & downloading hq movies/videos alll the way to tagging & scheduling your gifsets on tumblr for max interaction. if you’ve wanted to get into gifmaking but feel intimidated or you don’t know where to start, this is the tutorial for you!!! making gifs might seem overwhelming at first, but with practice, it’s quite easy to get the basics down. for reference, this post is up to date as of nov. 2020. please rb if this helps!

TUTORIAL UNDER THE CUT:

  1. software needed
  2. how to download hq movies/videos
  3. screencapping
  4. importing to photoshop
  5. cropping & resizing
  6. animation
  7. gif speed
  8. actions
  9. sharpening
  10. coloring
  11. text
  12. exporting the gif
  13. fixing gif speed
  14. captioning gifsets
  15. how to tag gifsets on tumblr
  16. when to post gifsets on tumblr
  17. other helpful tutorials/resources! 
Avatar
Avatar
dramatical

warped text animation

today in ‘i can’t actually believe this works and it’s easy’ we’re learning to make a warped text animation like this one i made for @jatpwomen​ as per request of the members on the discord server <3

what do we need:

  • basic gif making skills <3
  • photoshop with timeline option

i’m working on photoshop cs6, i can’t remember if the option i’m using is available in earlier versions but from cs6 onwards you should be fine to make this. 

Tutorial will be image heavy so i’ll put it under the cut!

Avatar
Avatar
cal-kestis

hi!! i am absolutely obsessed with your mulan edit (and the rest of them like. holy shit they're all fucking incredible. but that one in particular) and i was wondering if you'd mind sharing how you made the fifth gif? if you're not feeling it or don't do that sort of thing, no worries, it's just so unique and i think i can parse it but i really would love to hear about your process! regardless, thank you for sharing it and i hope you have a lovely day/night!

Avatar

Hi there!! Thank you!!! 🥺 I'm always happy to talk about gif-making! 💙 (I also just made a new tag for tumblr/photoshop help and some of my other mini tutorials)

I used a few techniques in this gif. So, I'll quickly talk about the typography + shapes and multiple blended gifs. But I'll go more in-depth on the delayed fade-in transition since, I think, that's the most unique aspect of this gif (I haven't seen anyone do it before, but I'm sure I didn't break ground here either lol). I didn’t expect to get so detailed but hopefully that’s a good thing. 😅 More under the cut!

Avatar
Avatar
kangyeosaang

how to pan gifs

were u ever like gahd these camerapeople again making yet another stage ungiffable. yeah me too.

sooo here in this tutorial i’m gonna try to explain how to pan gifs so ur subject can remain centered or at least not be out of frame, sth like this:

this is a more advanced tutorial, in a sense that i’ll assume you know how to make gifs, not in a sense that this is complicated lmao, okay let’s gooo:

Avatar
Avatar
morningstr

hey guys! this will be a quick tutorial for blending gifs in photoshop (i use cs5, and i make my gifs using the timeline) i included pictures and everything, so i hope it’ll be helpful so let’s say you have your two (or more) gifs ready, nicely cut, sharpened and colored. i’ll use these two of lucifer and chloe

firstly, drag one of your gifs on top of the other, and arrange them a bit (you can obvs drag them around any time if it doesn’t look good) (i circled the timeline in yellow, always make sure that your gifs are the same length! obvs if one of them is longer, you can drag around the end of the timeline to align them up)

now we’ll need a mask. select the top layer, and click on the Add layer mask icon in the bottom right corner. a white rectangle (our mask) will appear next to the layer

the next step is to select the Brush tool,  set the size to as big as you want (generally it looks better if you use a bigger brush, it’s much more seemless), and the color to black

then just paint around the edge of the top gif, you’ll see on the mask where the brush affects the layer. it’s generally better to just click around a couple times, than dragging the brush accross

now you can save it like any other gif, and this is what i ended up with

there are obviously many other ways of blending gifs, and this is far from the best one, but i feel like it’s the easiest if you have two similar gifs

sometimes setting the top layer on linear dodge looks great. if you’re using a dark and a light scene, you can play around with setting them on screen or soft light

i hope this helped, and if you have any questions, don’t hesitate to shoot an ask or message!

Avatar
reblogged
Avatar
clubgif

Outline Text Over Cool Text Effect Tutorial

As requested by Anonymous, this is a tutorial on how to achieve text like this:
© gif is from this lovely post by our affiliate @malecharacters

This tutorial will explain how to create the outline text and how to achieve the cool text effect under it.

LEARN HOW TO MAKE YOUR TEXT COOL UNDER THE CUT

Avatar
Avatar
taohs

hello everyone (੭*ˊᵕˋ)੭* ̀ˋ i’m back with another coloring tutorial to share some tips on how i personally color mangas! you can check out my first tutorial here where i go over the basics of coloring. in here i’ll go a little more in depth about shading and lighting, and the areas that i like to focus!

so without further ado here we go !! ♡

Avatar
reblogged
╰ ♡ UPDATED INSTAGRAM TEMPLATE

this is an update from my previous instagram template inspired heavily by instax mini mermaid and macaron films 😳 

you DO need basic photoshop knowledge in order to customise the colorings from this template. you will heavily use the CLIPPING MASK feature. i have highlighted ALL the customisable parts for your convenience. hope you like it and remember to like and reblog if you plan on using.  credits isn’t necessary but will be greatly appreciated ! click the source to be redirected to download link ♡

INFO

  • size : 750x750
  • font(s): arial
You are using an unsupported browser and things might not work as intended. Please make sure you're using the latest version of Chrome, Firefox, Safari, or Edge.