Tuesday, January 28, 2014

tutorial: (layering//add text//remove background)

Well this is my first tutorial that i'll give to you, it just about basic technical for photoshop. I'd been a blogger since I was 18, it was just something I knew how to do. I blogged without goals and without a vision of what blogging could accomplish for my future business. Many articles said that we must have niche for our blog, and I think hard about this. I do blogwalking both Indonesian and abroad bloggers. feels like visiting our neighbor home. just by sitting in front of a computer we know some of their life stories or their hobbies, life style, habits and many others. and you know what? many of them are fashion blogger, especially indonesian blogger. I love to see their outfits for reference. hhhe

but I'm not skinny, short and not really good at fashion. I wear simple outfit for my daily, cz I need efficient clothes for my activity. so I try to find another niche. than I realized that I fall for design, spent lot of my time to make experiment from photoshop formulas. And did some project from them. I decide to post anything about design and share the tutorials for you. 

This post will explain the basic technics of photoshop, so if you're beginner, you can learn step by step from here. in this tutorial I use the picture of ka Puput Utami. She is one of hijab blogger from Indonesia. I love her style, simple but looks awesome. In my eyes she doesn't just pretty but also smart girl. I was so happy when she replied my email for photo use permission. you can visit her blog at www.pupututami.blogspot.com

STEP 1
first, open the photoshop window. click file than choose 'Open' (or you can click Ctrl+O). Next choose the picture (in here I use ka Puput's photo)

STEP 2
for remove the background we use Lasso Tool to cut out the picture. (I used magnetic lasso for this picture)

STEP 3
than you have to cut out around the main picture. be patient and look to details

STEP 4
after you cut out all of side, click new to make a new canvas

STEP 5
set the new canvas, it's up to you. but here i used A4 paper

STEP 6
drag to move the window (use Move Tool). so we have 2 windows 

STEP 7
next, drag the selected picture to the new blank canvas

STEP 8
congratulation, you've made one layer! next we'll make a rectangle for the background. choose rectangle Tools

STEP 9
draw it! 

STEP 10
Now we'll make the rectangle at behind the picture. look at layers box, we have to change the layers position. drag the layer 1 to the top. so it will look like this (layering)

STEP 11
next give the pattern. you can use same way for layering (like before) 

STEP 12
and put them behind the objects (use layering technique)

STEP 13
you can use Ctrl+J to copy the pattern. than drag another pattern to the right side

STEP 14
next, we'll make the text. it's easy, choose the Type Tool

STEP 15
then type the text!

aaaand! it's done babe. good luck! :)
anyway makasi banyaaak yah buat ka Puput. Sukses buat kerjaannya dan jodohnya! ditunggu berita bahagianya lhoo. hhhe :P 

33 comments:

  1. great post, :)

    my newest post,
    http://pieine.blogspot.com/2014/01/peach-madeleine.html

    ReplyDelete
  2. Nice tutorial! Great edit of the picture, like it a lot. :) x

    ReplyDelete
  3. Wah tutorialnya gampang diikutin ya. Thanks for sharing Iena :))

    ReplyDelete
  4. Cool...photoshop tutorial. I think i can start learn it from this blog ^^
    Mind to following each other? Thanks~
    Nice to know you :)

    wwww.naturalhut.net

    ReplyDelete
  5. Great tutorial! Thanks for sharing.

    http://www.juliechagas.com/

    ReplyDelete
  6. Oh I so needing this ! i'm such a sucker in photoshop :(

    Love, Leonita
    http://blackblueblizzard.blogspot.com/

    ReplyDelete
  7. Nice tutorial dear, I'll try it soon! Thanks for sharing :) Mind to follow each other?

    Cheers,
    Karina Dinda R. ♥
    BLOG | TWITTER | INSTAGRAM

    ReplyDelete
  8. wow! amazing tutorial!!! super easy! :)

    xoxo
    http://www.tastemycloset.com/

    ReplyDelete
  9. I actually looove the background, so original.
    Good sharing tho'
    http://sepatuholig.blogspot.com/

    ReplyDelete
  10. thanks for the tutorial dear, it's very usefulll<3

    anw, i already followed you.:) would you mind to follback and keep in touch?:)

    xx
    raynamarchyiane.blogspot.com

    ReplyDelete
  11. thanks for sharing dear ^^

    hello ~
    would you like to follow each other? let me know! :)

    Love
    http://rifamarwah.blogspot.com

    ReplyDelete
  12. Great, dear!! Thanks for the advices!!!
    xoxo
    https://www.bloglovin.com/blog/4487669

    ReplyDelete
  13. Great. I do not have Photoshop. can you send me some link about it.
    Want to follow each other on GFC, Bloglovin, FB and Twitter? Love
    New Post Fashion Talks

    ReplyDelete
  14. This is great! I'm useless with Photoshop! Would you like to follow each other? x
    Freya's Fashion Chapter

    ReplyDelete
  15. you are good at it! and i think to produce such result, basic photoshop skills is not nearly enough, one needs to have the creativity and you certainly do!

    ReplyDelete
  16. nice tutorial,,thanks for sharing!! and thanks for sweet comment on my blog kak ^^

    http://sonya-thaniya.blogspot.com

    ReplyDelete
  17. love this tutorial. I have no patience even when using magnetic lasso tool. heheh.

    ReplyDelete
  18. Very cool tutorial! Love it! Would you like to follow each other?

    xx
    www.starringsamantha.com

    ReplyDelete
  19. Thanks for tutorial. I will try it :)
    Following you

    Chic Swank

    ReplyDelete
  20. so great! thanks for sharing!

    http://alovelystyle.blogspot.co.uk/

    ReplyDelete
  21. Thanks for the info btw love the outfit!

    WWW.PUTRIVALENTINALIM.BLOGSPOT.COM

    ReplyDelete
  22. love the outfit! thanks for sharing an awesome tutorial <3

    Letters To Juliet

    ReplyDelete
  23. This is a really good tutorial! You look beautiful

    ♡Tallia
    Trending In Fashion

    ReplyDelete
  24. I love your blog
    followed
    http://minimaysi.blogspot.co.uk/

    ReplyDelete
  25. Nice blog and post! I really like it! I think I will be here more often ;) I'm ur follower! :)

    Feel free to join my worldwide choies giveaway! - http://compagnion2.blogspot.com/2013/12/worldwide-giveaway-choiescom.html

    or to check out my OOTD - http://compagnion2.blogspot.com/2014/02/blog-post.html

    ReplyDelete
  26. Woah, this is really helpful! :O Thank youuu <3

    BLOG | TWITTER | BLOGLOVIN

    ReplyDelete
  27. Thank you for visiting my blog and thanks for sharing the tips for Photoshop! It might come in handy in the future :)

    ReplyDelete
  28. Nice tutorial, Iena! :D
    Duh aku kangen photoshooopp... Di laptop ketauan bajakan jadi deactivate *eaaa*
    Di freeware lainnya ga ada yang seluwes photoshop :')

    ReplyDelete

So, what do you think? :)