mouthporn.net
#tutorials – @photoshopshitilike on Tumblr
Avatar

Open the Box

@photoshopshitilike / photoshopshitilike.tumblr.com

This is some of the photoshop & tumblr resources I like, I blog it here for my own personal reference but you're welcome to it.
I post tutorials and resource links that I find useful & reblog random posts that inspire me.
Most of the psds, texures ect are my favourites or new ones I like the look of.
Avatar

Saving as JPG vs PNG for tumblr

I have read/watched alot on this subject in order to make up my own mind.

  • JPG: Smaller file size so they load quicker on the blog/dash. When it comes to publishing edits/stills/graphics to tumblr at the small dimensions we use, I think .JPG is perfect.
  • PNG: Bigger file size so it takes longer to load on the blog/dash. .PNG is used for large Hi-Res images, transparent images, printing, HD backgrounds ect.
  • In this video he explains the tech differences between the save settings and this is a good short video on the subject also.

How to Save a High Quality JPG Using Photoshop:

File>save for web>

Avatar

GIF Manipping Tutorial

I couldn’t really think of anything to do when I passed a follower milestone, so, belatedly–and because @dreamofspring suggest-requested it–I’m going to write up a tutorial on gif manipping/merging/whatever you want to call it/the process I use to make gifs like the ones below.

imageimage
imageimage
imageimage

Some notes before we begin:

  1. I use Photoshop CS 6 on a Macbook Pro.
  2. I use @patchface‘s gif making process by and large, with some additional tweaking.  I’m pretty attached to using smart objects in the gif making process so this tutorial relies on that, rather than keeping frames in a timeline form.  I won’t be explaining how to make gifs.  @patchface​‘s tutorial is pretty solid, and there are plenty of others out there if you want to dip your feet if you search around Tumblr.
  3. I’m also going to be using Layer Masks, but not explaining how they work so much as why I use them.  Here’s a tutorial that explains them, and I’ll link it again below when relevant.
  4. Thanks to the members of the creatorsresourcenetwork for looking this over before I posted!
Avatar

I thought I would compile a list of some of my most useful Photoshop tutorials on something you could reblog and archive. I hope this will be helpful for some of you!

download tutorials
photoshop cs5topazbrushespatternsfontsactionsgradients
basic gif tutorials
how to make a gifhow to use psdssharpen framessharpen all frames at oncehow to add text
gif graphic tutorials
one (preview) • two (preview) • three (preview) • four (preview) • five (preview) • six (preview) • seven (preview) • eight (preview) • nine (preview)
basic edit tutorials
how to make an edithow to resize a photohow to use a templatehow to make a basic collagehow to make an icon (#2) • how to use layer maskshow to remove a background (with hair) • how to do typographyhow to use gradients/gradient maps
graphic tutorials
one (preview) • two (preview) • three (preview) • four (preview) • five (preview) • six (preview) • seven (preview) • eight (preview) • nine (preview)
editing tutorials
natural pink lipsfanmix/playlist imageextending backgroundresizing small imagestwitter graphicenhancing colors3d effectpastel hairenhancing eyeschange white background colorpreserving skin tone while coloringlighten dark screencaps/imagesblog preview header
coloring
coloring one (preview) • coloring two (preview)
headers
header one (preview) • header two (preview)
Avatar
Avatar
andre3k1

How To Properly Implement The Tweet Button On Tumblr

Excellent. Cause I was looking at the api scratching my head. I would normally just use add this cause I would want to track analytics, but I haven’t figured out how to customize it for permalink tags in there yet.

I must admit, it took me a while (lots of trial and error) to figure out how to properly implement Twitter’s Tweet Button on Tumblr. Hopefully this article will help you help you do the same.
Step 1 Head over to Twitter’s website. Under “Goodies” you will find the Tweet Button link. For brevity’s sake, just click this direct link.
Customize the Tweet Button to your liking. Choose your button type: vertical, horizontal or no count. Even recommend a person or two to follow.
Step 2 Copy the code that Twitter generated and paste it into your favorite text editor. We’re going to need to do a bit of hacking to make it work how we want it to. You should have something similar to what’s below:
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="andre_io"> <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
Add the following parameters into the hyperlink code:
data-url="{ShortURL}" data-counturl="{Permalink}"
Your code should end up looking like this:
<a href="http://twitter.com/share" class="twitter-share-button" data-url="{ShortURL}" data-counturl="{Permalink}" data-count="horizontal" data-via="andre_io">Tweet</a> <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
What we just did was ensure that our Tweet button was linking to our post instead of to our homepage. We do this by telling Twitter to use the post’s short url while referencing the full permalink. Referencing the full permalink allows for our short url to properly count towards our post’s total retweet count.
Step 3 This step is optional. Here we define what text we want the retweet to default to. The main challenge that we must face is that each type of post (text, photo, video) uses a different tag to identify its title. In fact, some types of posts don’t even have titles!
Once again, we will be adding this bit of code to our hyperlink.
For text posts and chats add:
data-text="{Title}"
The complete code for text posts and chats should look like this:
<a href="http://twitter.com/share" class="twitter-share-button" data-url="{ShortURL}" data-counturl="{Permalink}" data-text="{Title}" data-count="horizontal" data-via="andre_io">Tweet</a> <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
For links add:
data-text="{Name}"
The complete code for links should look like this:
<a href="http://twitter.com/share" class="twitter-share-button" data-url="{ShortURL}" data-counturl="{Permalink}" data-text="{Name}" data-count="horizontal" data-via="andre_io">Tweet</a> <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
For photos, photosets, videos, quotes and audio posts that have no title we must improvise and add something generic:
data-text="Check this out"
The complete code for photos, photosets, videos, quotes and audio posts should look something like this:
<a href="http://twitter.com/share" class="twitter-share-button" data-url="{ShortURL}" data-counturl="{Permalink}" data-text="Check this out" data-count="horizontal" data-via="andre_io">Tweet</a> <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
Step 4 Now all we have left to do is copy/paste our snippets of html into our theme code.
Under each post type in your code copy/paste the appropriate snipped of html. For example, under posts of type “stat-text” we would copy/paste the snippet of html that we tweaked in Step 3 for text posts.
That’s it! Your all done. Feel free to give me a retweet if you found this article useful.
Avatar
Avatar
kogami

add lace/banner to any theme tutorial

tutorials like this probably exist but, if you want something like this on your blog

the first thing to do is copy and paste this code just below the <body> tag in your theme. 

then the parts you’ll wanna adjust are

height: (depending on how tall your banner is) opacity: (depending on how transparent you want the banner to be) background:url(‘http://yourimage’): replace the url in the quotes with the url of the image you want

and for some themes you may have to adjust

margin-top: (the smaller the number is the higher it’ll move) margin-left: (the smaller the number is the further left it’ll move)

for the margins, note that you can use negative numbers as well as positive numbers, like margin-top:-50px; and so on.

as with all my mini codes, this code will work on all my themes. but since i don’t know how other people code their themes i can’t guarantee that it will work with 100% of the themes on tumblr. most of the time it should work though : )

Avatar
Avatar
godmezmarie

ERROR "Preferences file invalid"

okay so i this window popped up while i was trying to open photoshop 

i looked through the whole internet to find the solution, so if you will ever have this problem i’m gonna teach you how to fix it ,for both windows and mac.. it’s super easy tbh.

  • Please like/reblog if this was helpful
  • don’t hesitate to ask <3

so all you have to do is click 

              Ctrl+Alt+Shift (Windows)

              Command+Option+Shift (Mac OS)

                         and then click ok

Avatar
Avatar
nouiszarry

(please don’t delete thanks xx)

A lot of people are asking me how I made this edit. So here is a simple tutorial by me :) special thanks to Harry Styles for being my model.

If you still have any question, feel free to ask me!! I’m always glad to help you out. (please do not ask me where to download Helvetica, etc.)

btw, if you think this tutorial is helpful. please like/reblog to give me a credit! if you’re using my edits as an inspiration, please credit me in your post. thank you in advance! xx

Source: cuphaz
You are using an unsupported browser and things might not work as intended. Please make sure you're using the latest version of Chrome, Firefox, Safari, or Edge.
mouthporn.net