Theme By: Destroyer / Sleepless

Okay, here’s a tutorial to do the drop-down menu. The option tag is most important and is what shows the content and links. You can change the width, height, font color, font size, font family, and background color using the style tag for personal customization. Add more option tags if needed. Put the code below in the info/description section of your blog.

YOU CAN PUT A HEADING HERE

<form>

<select onchange=”location=this.options[this.selectedIndex].value;” style=”width: 200px; height: 18px; font-size: 9px; background-color: #FFFFFF; color: #000000; font-family: Arial;”>

<option value=”#”>THIS FIRST TAG IS SEEN FIRST BUT IS NOT A SELECTABLE TAG</option>

<option value=”THE LINK GOES HERE">TAG #1</option>

<option value=”THE LINK GOES HERE">TAG #2</option>

<option value=”THE LINK GOES HERE">TAG #3</option>

</select>

</form>

294 notes 3 years ago

NOTE: Before you start this tutorial, you will need KMPlayer (a free video program that will let you capture screenshots to make your gif).

Open KMPlayer and open the video file. Then click CTRL (Command) + G. This will bring up the 'Frame Extraction' dialog box. Settings should be the following: see here. Now find the part of the video you’d like to capture and press start on the dialog box and then stop at the end of the section. This part is done. Yay!

Now for the actual giffing part. Open Photoshop and make sure the animation window is open via the 'Window' Menu > Animation at the top. Click the 'File' Menu > Scripts > Load Files into Stack, bring up a dialog box. Press browse and then find the screenshots you just took and select them. For Tumblr’s file size restriction of 500kb, selecting 10 - 16 screens would be best. Click Ok once done. It takes a while to load the layers so sit tight. 

Now that the layers are loaded, you will sharpen each layer ('Filter' Menu > Sharpen > Sharpen). If the animation window is in (this) view, change it to frame view by click (this) button. Click the Animation Option button [x} and choose 'Make Frames From Layers.' Go back to the option button and now choose Select All Frame and then Reverse Frames. Click the play button on the animation window panel. I usually set all the frames to 0 seconds but it’s entirely up to you. Make sure it’s set to 'Forever' so it loops.

Now for the part us Tumblr giffers hate, saving it to fit Tumblr’s guidelines. Go to the ‘File’ menu > Save for Web & Devices. Remember 500KB is the goal. Follow the instructions to reduce file size here. Click save and you are done! Upload to Tumblr. I’m proud of you! :)

295 notes 3 years ago

Disclaimer: This tutorial will only be demonstrated for use in Photoshop.

Open Photohop. Open any picture or drag one to the canvas.

*[Now once you open the image. Click Ctrl + D, to create a duplicate layer. Make the top layer is selected, then go to the Filter Menu - Blur - Motion Blur. It will open a Motion Blur setting box. Angle should be 0 degrees and distance between 25 to 35 for an effect that’s just right. Click ok. Now turn off that blurred layer. 

Go to the Window menu and click Animation to bring up the animation widget (usually at the bottom). If the animation widget is in (this) view, change it to frame view by click (this) button. You will see one thumbnail (frame) in the animation widget like (this). Okay, once that is done, you will now create a new frame like so (x). With the second frame selected, turn on the blurred layer back on. Go to the first frame and it should not have the blurred layer on. 

Now you have to time it. You will see seconds under the thumbnails in the animation widget. Simply click the arrow to choose from different secs. and/or mins combinations. I chose 0.5 seconds for the first frame and 0 seconds/no delay for the second frame.]*

Now under the first frame you will see another arrow, click that and change it to ‘Forever’ so that it continuously loops.

Repeat the * section of this tutorial for as many photos you want to have in your blur image slideshow.  

File Menu - Save for Web & Devices. Change to GIF format in the drop down menu located under the Preset drop down menu. Click save and to the desired location on your computer. Viola! Fin. Completion. You did it, you should be proud. I am proud of you! :)

205 notes 3 years ago

Disclaimer: This tutorial will only be demonstrated for use in Photoshop.

Open a new document in Photoshop to get started (Any size - but for the purpose of this tutorial: 500px x 500px. Go to here or here and look for screencaps that I want to choose. I pick 5 that I want to use. One of the 5 will be used as a bacground image. I drag that one onto the canvas. You can resize to your liking. My result. [1]

For the other screencaps, I used the Sun Glare coloring I made. If you don’t have this, you can simply download it from my [resources] page. Open the coloring in Photoshop from where it’s located on your computer. Once opened, you will see a folder and a picture thumbnail in Layers palette. You replace the picture example with one of 4 other screencaps. Then go to Layer → Merge Visible (SHIFT + CTRL + E). Keep doing the last 2 steps until you done it to each of the remaining screencaps. I then resized all the screencaps to a width of 200px (constrained proportions must be checked). I dragged each screencap into the original 500px by 500px document we started with and aligned them in the middle of the canvas atop of the background screencap like so. [2]

As you can see the 4 screencaps are a vibrant color where as the background image is rather dull. To fix that, I selected the eyedropper tool (press I and it will automatically switth to it), selected a sample color from one of the vibrant colored screencaps. I got this color #e6d600. I selected the background screencap layer and press & hold: SHIFT + CTRL + N (creating a new layer in between the layers). The new layer should be selected. You will now use the Paint Bucket Tool (press G) and click once on the canvas. It should have filled the canvas with the color you selected. I changed the blending mode of that layer to overlay and an opacity of 90%.The result was this. The background screencap should be the same tone of the others now.

I then you used some of my textures (located on my resources page) to spice it up things a little. I dragged this [x] found in texture pack 04 and this (with a blend mode of Lighten) [x] from texture pack 05 between the color and background layers to give me this. [3]

Optional: I selected the top layer in the layers palette and created a new layer (SHIFT + CTRL + N). I used the brush tool (Press B) to create a feather vignette. Make sure the brush size is 150px with a hardness of 0% and line the edges of the canvas. I then set that layer to the blend mode: Color Burn. Resulting in the final graphic in this tutorial.

You did it! I’m proud of you. I’d like to see results. :)

92 notes 3 years ago

Disclaimer: This tutorial will only be demonstrated for use in Photoshop.

Open Photohop. Open any picture file of your choice. Now once you open the image. Click Ctrl + D, to create a duplicate layer. Make the top layer is selected, then go to the Filter Menu - Blur - Motion Blur. It will open a Motion Blur setting box. Angle should be 0 degrees and distance between 25 to 35 for an effect that’s just right. Click ok. Now turn off that blurred layer. 

Go to the Window menu and click Animation to bring up the animation widget (usually at the bottom). If the animation widget is in (this) view, change it to frame view by click (this) button. You will see one thumbnail (frame) in the animation widget like (this). Okay, once that is done, you will now create a new frame like so (x). With the second frame selected, turn on the blurred layer back on. Go to the first frame and it should not have the blurred layer on. 

Now you have to time it. You will see seconds under the thumbnails in the animation widget. Simply click the arrow to choose from different secs. and/or mins combinations. I chose 0.5 seconds for the first frame and 0 seconds/no delay for the second frame. Now under the first frame you will see another arrow, click that and change it to ‘Forever’ so that it continuously loops. 

File Menu - Save for Web & Devices. Change to GIF format in the drop down menu located under the Preset drop down menu. Click save and to the desired location on your computer. Viola! Fin. Completion. You did it, you should be proud. I am proud of you! :)

89 notes 3 years ago

All textures used can be found on the resource page from Texture Pack 01.

Open a new document in Photoshop to get started (Any size - but for the purpose of this tutorial: 500px x 700px. I drag this texture to fit to the canvas. I then drag in this texture atop of the previous one. I change the blend mode to Lighten. The result should be this.


I make sure the the first texture is selected and drag a HQ photo. I change the blend to Hard Light (other blend modes may give better results/effects), resulting this. I then go to the top layer and drag over a picture which I crop and make into a small square. Repeat until you have something like this.


I create a new layer on top. I click the brush tool and make sure it’s a diameter of 100px and a hardness of 0%. I have the color white selected and I create a horizontal line (hold down shift and drag the mouse) over the bottom of square thumbnail pictures. Looks like this.


Now I click the text tool and click on the canvas. Simply type whatever you like. Now select all the layers, click the Layer Menu at the top and then Duplicate Layers. Clicl CTRL and E, which will merge those duplicate layers. click on the ‘Filter menu’ at the top, then Sharpen and Sharpen once more.


Viola! Now you click menu, Save for Web & devices and you are done. I’m proud of you! Show me the result if you’d like. :)

33 notes 3 years ago