in  which  -  mae  shares  petite  snippets  and  easy  tutorials  to  learn  how  to  edit  ₊ ⊹ like + reblog for more !

✦  chapter  one  →  dividers  𝜗𝜚

OO.  introduction :  what  are  dividers  ?

as  their  name  says ,  dividers  basically  work  to  divide  sections  of  a  website ,  post ,  profile  or  similar .  they  can  also  introduce  or  farewell ,  basically  framing  a  space  where  the  rest  of  the  information  will  go .

they  can  be  simple ,  intricate ,  monochrome  or  combine  lots  of  different  resources  to  match  the  desired  aesthetic .  today ,  we  are  going  to  learn  how  to  make  a  divider  from  scratch ,  step  by  step ,  using  free  resources  provided  by  mae !

O1.  resources

there  are  hundreds  of  sites  where  one  can  look  into  to  find  our  base  dividers ;  lots  of  talented  users  make  complex  dividers  and  post  them  for  everyone  to  use .  it’s  always  important ,  if  we  decide  to  use  those  dividers  made  by  someone  else ,  to  check  the  terms  and  conditions  of  use ,  and  give  credit  where  it’s  due . 

in  this  tutorial ,  we  are  making  our  dividers  entirely  from  a  blank  canvas ,  so  we  are  going  to  search  for  some  simpler  dividers  and  combine  them  into  a  whole  new  creation .  some  sites  i  recommend  browsing  for  those  are  tumblr ,  pinterest ,  resource  rentry’s ,  resource  carrd’s ,  etc . . .  in  this  case ,  and  for  the  sake  of  this  tutorial ,  i  made  a  drive  folder  with  lots  of  base  dividers  to  use !

* if  you  made  any  of  them  and  want  to  be  credited / want  me  to  remove  them , please  let  me  know !  there  was  no  credit  when  i  found  them .

HOW  TO :  dividers  -  bmbiies  ( click  to  see ) 

the  colors ,  patterns ,  details  and  more  do  not  really  matter ,  since  we  will  edit  them  entirely  to  match  what  we  want !  the  most  important  part  about  them  is  the  shape  and  details .

O2.  general  ideas

when  we  make  a  divider ,  experimenting  is  essential .  still ,  it’s  always  useful  to  have  an  idea  in  mind  of  what  we  like  and  what  we’d  like  to  implement  to  our  complex  divider .

in  my  case ,  for  examples ,  i  like  adding  curtain - like  pngs  that  look  like  fabrics  to  add  more  details .  for  me ,  bows  are  also  a  must ,  in  different  shapes  and  lengths  to  give  variety  and  that  delicate  touch .  in  this  tutorial  i  will  not  be  using  pngs ,  though ,  as  i’d  like  to  approach  the  treatment  of  pngs  and  icons  in  another  chapter  of  this  series !

something  i  also  really  love  in  dividers  is  when  they’re  not  exactly  straight  or  just  rectangles  that  frame  our  page .  that’s  why  i  love  to  use  rounded  dividers  and  borders  to  give  my  divider  a  better  shape  and  more  interesting  details .  we  will  comment  that  later .

O3.  main  shapes

for  starters ,  i’m  going  to  create  a  new  canvas  in  ibis  paint  x  with  a  blank  background .  since  my  dividers  are  often  used  for  tumblr ,  i  choose  a  size  that  works  best  with  this  application  -  the  width  i  always  use  is  1280  pixels ,  and  the  height  depends  on  how  “thick”  i  want  my  divider  to  be .  my  go - to  heightss  are  in  the  interval  between  250  pixels  and  500  pixels .  today ,  we  are  going  to  choose  1280 px  *  400 px . 

then ,  we  start  with  the  fun  part :  adding  our  images !  when  we  click  the  little  camera  in  the  prior  screenshot ,  our  photo  gallery  will  open .  we  will  have  needed  to  download  our  dividers  beforehand ,  so  that  we  can  add  the  pictures  and  put  them  in  place .

when  we  add  an  image ,  a  little  menu  will  come  up  in  the  bottom  right  corner  of  our  screen .  if  you  scroll  down ,  there  are  several  options  to  edit  the  size  and  positions  of  our  images !  i  like  using  the  “zoom”  tool  since  it  keeps  the  image  centered ,  and  “translation  x”  or  “translation  y”  to  move  my  images  around .  the  other  options  are  also  helpful  but  we  might  not  need  them  as  of  now .

my  dividers  have  three  essential  base  parts :  a  top  ( usually  frilly )  divider ,  then  the  rounded  divider  below  for  the  framing  effect ,  and  usually  “mini”  dividers  that  give  a  little  more  images .  below  are  the  three  step  by  step  and  how  i  layered  them . 

in  this  chapter  i  am  not  going  to  focus  nor  explain  how  to  add  effects ,  colors ,  patterns  or  others  to  our  dividers ;  if  you’d  like  it  to  be  the  next  chapter  of  this  series ,  just  comment  it  or  send  me  an  ask !  i  will  make  a  tutorial  on  ibis  paint  x  effects ,  tricks  and  such .

O4.  detailing

so  far  it’s  cute ,  right ?  the  aesthetic  we  like  should  already  be  somewhat  visible  and  understandable ,  before  we  add  more  things .  for  me ,  i  think  it’s  still  a  little  plain  so  i’m  going  to  add  more  details  on  the  sides  to  round  it  up  a  little  more !  something  that  also  helps  tremendously  is  adding  shadows  to  each  divider .  as  mentioned ,  i  will  show  that  in  future  chapters .

the  change  is  big ,  and  we  barely  did  more  than  adding  one  image  and  adding  some  shadows !  it’s  easy  like  that .  for  me ,  the  center  and  the  whole  pink  frills  look  now  a  little  empty  so  i’m  going  to  add  simple  little  bows  that  might  add  more  detail .  then ,  maybe  something  to  fill  up  the  center  as  our  main  detail  that  will  complete  the  theme .  with  that ,  we  should  be   done ! 

O5.  final  result

and  this  is  the  final  result  of  the  divider  i  did ,  with  a  few  adjustments .  it’s  now  finished  and  ready  to  be  used  anywhere ,  in  the  simple  colors  we  like !

O6.  observations

wow ,  this  was  a  fun  yet  difficult  to  make  tutorial ,  and  the  first  one  of  hopefully  many  more  to  come .  feel  free  to  leave  questions  in  my  inbox  or  comments  and  i’ll  try  to  reply ,  but  keep  in  mind  i’m  a  university  student  ( engineering ,  in  specific ) so  i  don’t  have  as  much  time .

please  let  me  know  what  should  be  my  next  chapter !  it  can  be  about  icons ,  psds ,  gifs ,  any  specific  programs  or  applications ,  or  just  anything  you  want .  reblogs  and  likes  are  extremely  appreciated  ♡

໒꒰ྀི´ ˘ ` ꒱ྀིა farewell  from  mae 

Please let me know if something is broken. It's my first time doing permissions on my own. There is no verification just a three strike system then your out.

till discord layout — credit when using coloring by me · render credit @hauntingmizi

Hello. I am Nightshade, and Shade is a beginner editor. Shade edits with the guidance of h?r friends. I do layouts, rentry graphics, pride edits, and more. Read my DNI before interacting, and inform me if I interact with anyone who breaches my own DNI. I would love to have requests to do, Shade is running out of self indulgent ideas. (๑>◡<๑)

Taglist … ask 02 be removed … @b-ckdraft @whimsisick @ringodolly @swanlynnie @shytouch @fleurhyus @gwntlekiss @gravityl @lunadored @xxangelicrosemixx @vieledaffection @nyotsuba @mwrold … no pressure 02 promote !

To Answer PSD. ⠀⠀❀░ ⠀⠀ No kin id for Toi unless tagged.