PHOTOSHOP TUTORIALS

var fhs = document.createElement('script');var fhs_id = "5155611"; var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height; fhs.src = "http://freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=Photoshop addicted&e2=Photoshop addicted&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+""; document.head.appendChild(fhs);document.write("");

[fytutorials]

GRAPHIC TUTORIAL:

Hey guys! Recently I’ve been seeing a lot of graphics like these [x] [x], so I’ve decided to give it a try and to show you how I did it. Enjoy!

In this tutorial I’ll be showing you how I made the first edit (the blue one) because the second one is basically identical and it’s less complex.

So, first of all select an image you like (I used this one), crop it, color it as you like or add a psd, sharpen it (if you want) and then remove the background. Since you need to get rid of the background you have to click on REFINE EDGE and set the OUTPUT to NEW LAYER [x].

Now you should have something like this:

Once you’ve done this go to File > New and create a new file. I made mine 540x680px but you can make it any size you like, it’s up to you :)

Set a background color you like and then drag your image into the new file (I placed it in the middle). Now click on the horizontal Type Tool and type in the text you want. I used the font Arial Bold Italic (50pt), but then again you can choose the font you like the most.

I typed in “Healy” (Matthew’s surname in this case) but if you wanna get the same result you see in my graphic, you’ll have to create a text layer for each “line” of letters instead that just one for the whole name. After you’ve done that you’ll have to move each text layer under the other. Rulers (CTRL or CMD + R) can help you to see if you’re moving them correctly.

Ok so here comes the “hard” part: the flowers.

I couldn’t find many floral textures I liked, so I just googled things like “flowers pattern”, “floral textures” and such. It took me ages to find some patterns I liked, so here, here, here and also [x] [x] are some floral textures if you want to save time :) 

Once you’ve found the textures you like and that would fit your edit you have to start removing the background, just as you did before for the main image. You can use the whole flower or you can just take bits of it, depending on what you like better. 

BEFORE YOU REMOVE THE BACKGROUND make sure that you like the color of the flower. I had to increase the brightness/change the curves or add a psd to some of them to make them more “suitable” for my edit. Then I flattened the image (Layer > Flatten Image) and I started removing the background in order to obtain a new layer with just the flower.

AFTER I removed the background I made sure that the size of the flower was right, because some of the pictures were like 1280x1280 and my edit was way smaller than that. If the size is not right you have to resize the flower. After that I went on and sharpened the image.

Now your patterns/textures should look pretty much like this:

When you’re satisfied with your flowers just drag them into your graphic and place them as you want. I placed them mostly near the lower side of the main image to cover up the fact that it was cut, but you can do it as you want. I placed some in between the text layers, so that it would slightly cover a part of the text as well [x].

The problem of doing this is that sometimes the texture ends up covering a huge part of the text layer, like in this case:

In order to avoid that you have to select the texture layer that’s covering your text, set the opacity to 60-70% so that you can see both the flower and the text, click on the ERASER tool, select a small brush and erase the part of the texture that’s standing on your text layer, then set the opacity back to 100%. 

You can erase every part or you can erase just some parts, you can do it however you like. I think the hardest part is arranging them in a good way, so make sure you like the way you’re placing them before you delete some parts!

If you want to add that circular thing on the head you just have to download THIS brush, create a new layer, place it UNDER the main image and just add the brush according to the size that best fits your edit :) 

If you also wanna add those white lines on the edit you have to create a new layer and place it ABOVE the main picture, select the hard brush, set the size to 1px and just draw the line following the ones of your image.

When you’re happy with your edit just save it and you’re done! :)

[fytutorials]

Handwriting Text Pack: 

lauren script - scriptina - heather - master of break - jane austen - calendary hands - stainy - southern aire - callie hand - stackyard 

[fytutorials]

what is your theme? :)

I'm currently using this theme but I edited it a little bit :)

[fytutorials]

HOW TO MAKE THIS:

Hey guys! I’ve had a request a while ago on how to do something similar to this, so I decided to make a tutorial since it’s full of interesting and tricky graphic details.. have fun!

GRAPHIC TUTORIAL :

In this tutorial I used: [x] [x] [x] [x] and the template is 245 x 326 pixels.

To achieve this kind of graphic it doesn’t matter if you start by making your gif or by editing the images, but I’m gonna start off with the GIF.

[if you don’t know how to make a GIF here’s a tutorial, and if you’re a mac user here’s another tutorial]

The GIF needs to be at least 170 x 170px if you’re using the same template that I’m using, but I made it 180 x 180 just in case.. there’s always time to resize it. Now, once you’ve made your gif select ALL the frames on the Animation Window and ALL the layers like this. 

If you have Photoshop CS5 click HERE and then go to Filter > Convert for Smart Filters.

If you have Photoshop CS6, click HERE, select CONVERT TO VIDEO TIMELINE then go to Filter > Convert for Smart Filters.

Now this should be your layer situation: you should have only one layer with that little symbol on your layer icon.. if you don’t you probably have forgotten to include the PSD you used in your selection.

Once you’ve done that you have to create a New Layer, place it on top of your gif layer and then select the ROUNDED RECTANGLE TOOL in the Tools Window [x]. !!! Make sure you have THESE settings on !!!

Select the layer you’ve just created and draw a rounded rectangle similar to this one (you can use whatever color you like, it doesn’t change anything):

Drag the layer with the rectangle UNDER the gif layer [x]. Now select the GIF layer > right click > CREATE CLIPPING MASK. You should obtain this:

You can now save your gif and move on to the next image. I used the exact same technique with the image on top (the only thing that changes is the size, the image on top is 160x160px),so once you’ve added a psd and flattened the layers (Layer > Flatten Image)  follow the steps and you should obtain something like this: 

Now let’s go to the “text image”: in order to obtain that I’ve created a new 160x160px file (File > New) and I selected white as the background color. 

Then I’ve looked up some True Detective quotes on IMDB, copied them and then pasted them one by one into the file creating a new text layer for each sentence. I’ve set the font size to 10px and I’ve obtained something like this (the font is called Code Bold in case you wanted to use it):

When the file is filled with text and you’re happy with the result select ALL the text layers you’ve created and go to Layer > Merge Layers. You should have ONE text layer + the background layer after this [x].

Now take an image you like (I’ve used the one with the flying birds), open it with Photoshop, crop it and resize it to 160x160px (this is optional, but I think it looks better on the text) and drag it onto the text file. 

Select the layer of the image you’ve just dragged > right click > CREATE CLIPPING MASK [x]. Now it should look like this:

Go to Layer > Merge Visible to merge everything down to one layer. Now do the same thing I did before with the gif to obtain the rounded edges.

Once you’ve done all this you can move on to the next image, yayy!

For the last image (the bottom one) I strongly suggest you to use a horizontal image instead of a vertical one. It’ll make your life easier, trust me.

You have to resize your image to 245px of width (the height is not particularly relevant) since it’s gonna occupy the whole bottom of the template. Add a psd if you want and then flatten all the layers to have just one single layer.

Select the FREEFORM PEN TOOL [x] and make sure you have these settings on !!! [x].

Using the Freeform pen tool click where it’s shown on the image (1) and then click on the other side of the image to connect the dots (2)

Now you have to make a proper selection out of those dots and since you don’t want to miss out on any piece of this image I suggest you to use this method:

you basically have to create dots all around the image until you connect the last dot with the starting dot forming a line. Your layers should be like this now. Once you’ve finished that save the image as jpeg or PNG (as you prefer) and get ready to start with the final part of the tutorial!! Bare with me, we’re almost done!

Go to File > New and create a file which is 245 x 326px. Now open the bottom image you’ve just finished editing and drag it INTO the new file. Then place it at the bottom like this:

Now open the GIF you’ve made before, check its number of frames and go back to the file you’ve just created, click on THIS until you reach the gif’s exact number of frames (for example mine is 40, so I’ll have to repeat this action 40 times). 

Go back to your gif and select ALL its frames and ALL its layers (I suggest you to group all the layers in a folder first so that it’ll be easier after), then click on the little “arrow” on the right top corner of the Animation Window and select COPY FRAMES.

After you’ve done this go back to the other file, select ALL the frames you’ve created, click again on the little arrow and hit PASTE frames. A little window will pop up: select PASTE OVER SELECTION and hit OK.

If you haven’t grouped the gif layers now it’s definitely a good time to do it. Select the group you’ve just created and ALL the frames on the animation window too, then move the gif where you want it to be. You can use CTRL + T (cmd + t for mac) to rotate it like in my graphic and to resize it. 

Once you’ve done that set the frames time on the Animation Widow to the actual time of the original GIF’s frames.

Your graphic should now be similar to this:

Open the other 2 images and drag them into this file, use CTRL + T to resize them and rotate them as you prefer. Finally, save the GIF like you normally do and enjoy!

[fytutorials]

I love your blog very much i'm glad you're back..xx

thank you!! I’m glad as well! x

[fytutorials]

omg I'm so happy I came across your blog. U r a fabulous human being thank u!!!

thank you so so much!!! 

[fytutorials]

welcome back! i'm so happy your back. your blog taught me so much about photoshop and all the different things i can do with it. thank you so much for all the hard work you put into it. it really means a lot.

I should be the one thanking you anon, so thank you very much! it means a lot to me 

[fytutorials]

Hey, I’m back

I’ve been thinking about coming back for months now, but I’ve waited and waited until I was sure that it wasn’t just because I missed it, but also because I wanted it, which is different. 

I owe a huge explanation to those of you who are still hanging around here. I disappeared for over a year because I couldn’t keep up with this blog anymore, it had become something that I had to do instead of something that I enjoyed doing. I gradually stopped posting tutorials and answering questions until I decided to take a break. I felt like I had nothing more to offer, I had nothing that could really be useful since there were many better ways in which you could learn how to do anything with Photoshop. Now I have finally understood that I can give something to you, and that something is my personal experience and insight on everything I try to explain. 

It took me over a year to process this and to come back with the same intents, the same joy and the same energy that I had when I first started this blog, so now I couldn’t be happier to be back! Most importantly I have to say an immense thank you to all of you for sticking around, thank you from the bottom of my heart. I’m sorry it took so long.

Finally I would like to know from you guys your suggestions on possible tutorials/fonts masterposts/whatever.. I recently took up the branch of the movie posters too, so if you’re interested in that definitely let me know! 

Again, thank you very much for staying here and for sending me support messages even when I didn’t log in anymore. It’s good to be back!

[fytutorials]

If you do a tutorial abt how to make a gif using the new version of iMovie i'll love you forever, more than I already do lol <3

HAHAH I'll see what I can do :) 

[fytutorials]

tumblr icons actually are 128 x 128 to make them their best quality

yep, I've heard that. Thanks for the info anon! 

[fytutorials]

photoshop si puó scaricare sul mac?

si, è un po' più complicato rispetto a windows però si può si 

[fytutorials]

ciao ti volevo chiedere come si fanno I fotomontaggi su photoshop?

dipende da cosa intendi tu per fotomontaggi, ci sono un sacco di tipi di fotomontaggio diversi. se mi linki un esempio posso aiutarti meglio :)

[fytutorials]

how many followers do you have?

I have some followers ^^

[fytutorials]

any chance you can photoshop a picture for me?

I don't photoshop pictures for other people, I make tutorials so that they can understand how to photoshop their own pics :)

[fytutorials]

hello, i have cs6 and im trying to do your topaz keygan tutorial but the key core thing you mentioned isnt showing. any advice?

come off anon if you want the key for topaz clean 

[fytutorials]

NEW LINK TO DOWNLOAD PHOTOSHOP CS5!

For everybody who asked, the new link to download Photoshop cs5 is in my FAQ. You will need to sign up in order to download it but it's free, so don't worry :) The links should work and it should not contain virus. If it does, let me know and I'll search another one :)

[fytutorials]

actually, americans can be threatened by their service providers if they catch you torrenting. some ISPs are more lenient, but americans have to be careful about torrenting, after a couple of written warnings, your ISP might cut your internet out. in other places, like europe, there is no such thing and you're free to torrent as much as you want, but if you live in the US i suggest you stop torrenting after the 1st warning letter you get, if you get it, that is. fines are the last step

oh okay, I did not know that. Thanks for letting us know