Hello! I’ve been meaning to do this for awhile, but here is a masterpost for creating content such as gifs and graphics in Photoshop. It includes links to tools, helpful websites and tutorials.
This is not a static masterpost, and I will update it as frequently as I can, with both my own tutorials as well as others that I have found helpful.
Since Tumblr’s text post formatting is not very useful for this much information, this masterpost is hosted on a public google document, and can be commented on. If you have any questions, requests or concerns, please feel free to send an ask.
so donnanobl made a tag and i decided i would follow through and make a tutorial! beware because my tutorials can be a little confusing (i don't save PSDs, and i tend to make mistakes in re-doing that i have to go back and fix), but i'm going to try my best to explain each and every step. i'm going to show you how to edit this cap:
into this:
okay, step one for me is cropping to the right ratio. for the picspam i was working on, i wanted to use 500 x 275, so i cropped it just slightly, but did not resize yet. that's at the end!
next i adjusted my curves (layer set to normal) and added a black and white gradient map and set that layer to soft light. adjust the curves to suit whatever cap you edit, but for this one i used input: 26 and output: 92. as for the black and white gradient map, i just use that for contrast, and to take a little of the redness out of the overall tone, usually. now it looks like this:
it looks a little dark but we'll fix that later! next, i'm going to color her hair. for this part i'm going to select my curves layer (so that the new layer is added beneath the dark gradient; all my coloring layers go beneath that layer, but i add it first to get a better feel for the end result) and go to layer > new > layer. this adds a transparent layer, which i'm going to set to overlay.
this is where the palette comes in! the colors i was working with are #be6a75 and #ff8a7c, and for the hair, i'm going to use #be6a75. using a soft brush, i'm going to color in her hair. i won't tell you how big to make your soft brush or what hardness to set it to, because it varies per cap, and i often actually change the size of my brush, but i did color her hair entirely on 0% hardness. i usually do hair on a 0% hardness because it has soft edges.
side note: if you don't know what the soft brush is, it's the paintbrush icon on the side! to change the size go up to the top left corner.
paint carefully over all of her hair and don't be afraid to really work at it, but also don't be afraid to color over tiny spaces between locks of her hair either? notice how the color goes on some locks, but not fly-aways. now it looks like this:
next step is to color her cardigan! since this is a palette, i wanted to get as much use out of the palette colors as possible, you know? so i used the same pink (#be6a75) but different settings. creating a new layer on top of the one i just used to color her hair, i set it to screen mode and used a soft brush again, 0% hardness still, to brush over her cardigan. remember to play with brush side and the eraser tool to get in those tight corners! now it looks like this:
now both of these colors are a little too bright and unnatural for me? so i'm going to play with their opacity until i find what i like. in the case of these two layers, i used 76% opacity for the layer with her hair, and 61% opacity for the cardigan/sweater whatever. now the cap looks like this:
next i'm going to color the background! for this i'm going to create a gradient map and use #be6a75 for the foreground and #ff8a7c for the background, so it looks like this:
next i'm going to mask it off of lydia's actual person. gradient maps come with the layer mask already, so all you have to do is make sure you're painting with the black layer and use your soft brush to get it off of lydia. we're not worrying about edges yet -- we'll fix those in a moment -- so for now just get it off her and don't worry TOO much about staying in the lines. my cap now looks like this:
now i'm going to go in with my soft brush set to small and switch the brush color to white, meaning i'm masking the color back on, in order to fix my edges. i find this easier than worrying about the edges on the inside. once i go in with the smaller brush (set to 0% again because it's small and i'll still get hard-ish edges). when i'm done it looks like this:
that background is also a bit too dark for me; it doesn't show any texture behind her or anything. so i'm going to change the opacity of that too, in this case i went with 58%, which turns out to be:
now for the final touch, to brighten things and bring the color together, i'm going to use the same gradient map from before (#be6a75 and #ff8a7c) and set it to screen mode.
but that's way too light and washed out! so opacity to the rescue once more, this time on 47%.
however, looking at it now i am realizing all of my mistakes, which is the best part because now i've done all the hard work and i get to edit it! there might always come a time where you realize "shit, that's way too dark" or something similar, but you can always go back and edit stuff (well, almost always). in my case, i don't like how dark the background still is, and the hair is a little too light for me, so i'm playing with opacity again (it's my best friend, trust me). now my hair layer is on 90% and my background is on 33%:
but it's STILL too muted for me, so i decided to adjust curves as well. now, on input: 22 output: 90, i feel a bit better:
once that's done it's the final stretch. i'm going to stamp a new layer (as a PC user this means selecting my top layer and pressing ctrl + alt + shift + E, but you can google for mac users!) and set it to multiply, because i want to bring out my colors and some contrast.
obviously that's way too dark! so i'm going to bring down the opacity to 47%:
there! i think i've got it. now i just have to resize and smooth. first i resized (image > image size) to 500 x 275. now, to smooth it out; since i like my caps to be smooth, i'm going to stamp another new stamped layer and use the reduce noise filter on it (filter > noise > reduce noise). play with these settings for every cap you use, because different lighting creates different noise. my settings on this cap were strength: 6, preserve details: 14%, reduce color noise: 0%, sharpen details: 13%. now it looks like this:
and that's it! it's not exactly the same cap as from my picspam but it is close. i hope it wasn't TOO confusing; if necessary go back through and just read my editing of my original settings instead of going back and fixing all my mistakes, but i made the tutorial as i made the picspam so there was no avoiding them if i wanted to show examples. :( still! i hope this was informative and helpful to you all!
So I decided that I would recreate [this] picture and show you how I got that look. Of course, it won't be the same graphic, but I will show you how to get the effect!
What You'll Need
Two pictures - A [main] picture and a [background] picture.
A Photo Manip Program - I'll be using CS6
Some fonts, textures, psd's, anything you need for creativity!
Step One
Open both of your pictures. We are going to work with our main picture first, so put your background picture aside. With your main picture, I can say that it would be a lot easier to have a picture with a solid background. It doesn't matter about hair and what not, but it's still good to have single color background. First thing is first, cut out your main picture from the background. Over on the layers board, unlock the background so we can delete stuff easier. There are a few different ways you can cut your picture: you can use the [pen tool]. Or if you want to risk it a bit, you can select pieces of the picture, use the [eyedropper] tool to select a background color, go Select > Color Range... and try to get the background as close to white as you can, then erase if some of your main picture is selected. This is what I have now. Some other things I did was resize it to 500px (w) by 200px (h), rotated the image, and sharpened it.
Step Two
Now, head over to your background image, and crop/resize it to 500px (w) by 200px (h). This will allow it to look great on Tumblr. Now that this is looking good, we are going to blur the background just a bit. Go to Filter > Blur > Field Blur. The Blur PX is up to you to decide what looks good and what not. I like to keep mine under 5px, but that is just personal preference. The reason we are blurring this picture is because we want the main picture to really stand out. Now this is what I have for my background.
Step Three
We have to put it all together now. Drag your main picture onto your background picture. For this step, we are going to be messing with the main picture to get it how we want. What I did was resize it with the [mover] tool, with the [show transform controls] selected. I hit shift and just dragged one of the corners until it was where I like it. I really wanted to have the lightening look like it was going through the crystal ball. And this is what it looks like now.
Step Four OPTIONAL
So, I was looking at the picture, and I really wanted to do something with the crystal ball. What I did was select only the ball, copy it, deleted the ball, and paste it into a new layer. Now, I messed with the layer mode until I got it to where I like it. I decided on Color Burn for the layer settings. Now, back to the tutorial!
Step Five
Now that we side stepped from the main tutorial, let's get back to what we were doing. On your layers board, go back to the hand layer (or whatever your main layer is) and right click > blending options > drop shadow. Your settings will be up to you, but here are my [settings] for my drop shadow. I also enhanced the drop shadow on the ball with these [settings]. Woot, we have that done. This is what you should have.
Step Six
At this point, you can add textures and PSD's however you want. I suggest, when it comes to your textures, to put it under the main picture and mess around with the layer settings. I decided to add these things to my graphic; [texture 1] [psd 1]. Doesn't it look pretty cool? I think so!
Step Seven
Let's add some text now! I want to add a background for my text, just because it will help the text really stand out. This is another point of creativity. You can draw shapes, use PNG paint smears, whatever you want! For this, I am going to use a PNG paint smear to the graphic. I resized it right on the graphic, and moved it to be just above the background image. Now it looks like a cloud! You can add a drop shadow/stroke or whatever you want to do. After you do that, we are going to add some text!
Step Eight
Once you have your text written out and where you want it, right click > Blending Options > Stroke and Drop Shadow. I really like the look of a straight font that is small and used for the like "header" stuff (see below for example) with a hand written or cursive font as the "main" title.Make sure to put it above your layers. And that's it! You're done. I hope you found this tutorial helpful, and if you have any questions, feel free to ask me anything!
This is a requested tutorial on how I got Photoshop CS6 Extended for free.
(There's an actual video to this but a friend had trouble so I'm making this for her, from word to word. (: If you want to watch the video instead, I'll provide the link at the end of this tutorial.)
This tutorial worked for both my Windows 8 desktop and shitty Window Vista laptop so I'm pretty sure it'll work out for you. (Though I don't know for Mac.)
First off: If you don't already, you will need WinRAR.
NOTE: Keep in mind that you'll have to know what system type your computer is (i.e. 32-bit, 64-bit, etc.) and the way you can find that out is by going to computer>system properties>and find "system type". Knowing this is important.
Once that's taken care of, proceed to Adode.com. On top of the site, there should be a "Download" tab like so:
Click it and and the "Downloads: Featured product downloads" page should appear. Find "Photoshop CS6 Extended", hover over it and click "Try".
You should be redirected to this page. Find and click "Join and download now".
Again, you should be redirected to another page, like so:
Click "Sign in and download now".
NOTE: Yes, it will be required to make an account if you don't already have one.
Once you're done making your account, the "Sign in and download now" button should now say "Download Now". Click it and "Adobe Application Manger" will begin downloading.
NOTE: This is also required in order to excess Photoshop CS6 Extended.
Let "Adobe Application Manger" install when done downloading. With that, this box should appear:
Click "Try" and Photoshop CS6 Extended will start downloading. (It may take long for some people; 30min to an hour or so; or maybe even shorter for other people, depends.)
Once that's done downloading, you can open photoshop and see that it'll ask you for a verification code. But hold on, we're only halfway done. Next, I will show you how to download the crack in order for you to gain the full version.
(**UPDATE**: I KEEP GETTING A LOT OF MESSAGES ABOUT THE CRACK NOT WORKING. THE CRACK COULD EXPIRE BY THE TIME YOU READ/TRY THIS TUTORIAL SO I SUGGEST YOU CHECK OUT THE VIDEO FOR THE CRACK (FOUND AT THE END OF THIS TUTORIAL). IF THE VIDEO'S CRACK STILL DOESN'T WORK FOR YOU THEN PLEASE TRY THIS ONE. IF THAT'S STILL A PROBLEM THEN I'M AFRAID YOU'LL HAVE TO SEARCH FOR A CRACK. I'M SORRY FOR ANY INCONVENIENCE
)
(NOTE: The crack I used during the time was from MediaFire but apparently the person from the video has updated the link but I tested it and it also does work)
So go to this link and the first link on the page should say "Photoshop CS6 Crack file [.dll]". Download the crack file.
After that's done, it should open to WinRAR like so:
Click the bottom file and it should open to two files. One being "32bit"; the other being "64bit". This is where knowing your computer's system type will be essential. Depending on your computer's system type, choose the file that is your system type, which will then lead to the ".DLL" file when clicked. Now, you're going to drag that file into the "Photoshop CS6 Extended" dictionary. So go over to Computer>Hard Disk Drive (Local Disk(C:)/OS(C:)>Program Files>Adobe>Adobe Photoshop CS6 (64/32 Bit)
You will then click and drag your file into the dictionary like so:
(Whatever pops up, like, Copy and Replace or Continue; whatever the case, just click yes or ok.)
And now, you're done! You can go locate photoshop by searching up "Photoshop CS6 Extended (32bit/64bit)", You can also check if it's the full version by going to "Help" and you should see Product Registration, Deactivate..., and Updates..., blacked out.
For those who want to watch the video the link is here. (All credits go to this youtuber and their fabulous video.) If there's still some confusion then feel free to ask me any questions. (:
(I hope this was a bit more clearer and helpful, Kathryn. :D)
