Free Photoshop Tutorials

We have tutorials explaining the basics of Photoshop and more complex tutorials for the Photoshop experts. Whatever type of Photoshop tutorial you want we’ve got it.

Including some great tutorials on logo design such as our famous sky logo tutorial.

We have recently expanded out of photoshop and into PHP tutorials. Our most successful is a practical paypal ipn tutorial. Vital if you are struggling to work out how to sell online using paypal.

Buy Now buttons

Website Payments Standard uses a normal HTML Form to get information from your website. When you use their Create a Button wizard the HTML created is basically an HTML Form containing hidden HTML input variables that contain all the relevant details of the purchase.

1. Saved Buttons

Buttons created and saved on the Paypal website will have much of the information associated with them stored on the Paypal site. Consequently the HTML form on your website will be much simpler than one that is not stored on Paypal’s site. A saved button will have a variable with button id such as

<input type=”hidden” name=”hosted_button_id” value=”10954267″>

You should not edit this or try to generate your own hosted button ids but you can enhance the HTML form by adding extra value as custom variables. These should be added to a Paypal hosted button in Step 3 (Customise Advanced Features)

If you try to mix a hosted button with a manually created button you can get unexpected results. Paypal may ignore your manual additions. So I would recommend you go for one or the other.

2. The Form tag

The form tag will look like this. You should leave this alone.

<form action=”https://www.paypal.com/cgi-bin/webscr” method=”post”>

3. Input variables

The input variables don’t need to be seen by the purchaser so they are marked as hidden. They will take the following format.

<input type=”hidden” name=”variableName” value=”variableValue”>

4. cmd variable

The “cmd” variable is always required in the Form. It always takes the value “_s-xclick” or “_xclick” for a “Buy Now” button. Don’t alter this.

<input type=”hidden” name=”cmd” value=”_s-xclick”>

5. Passthru variables.

Paypal lets you set variables and it will pass them on unaltered. Their use is optional and will depend on your situation. The following are passthru variables.

<input type=”hidden” name=”item_number” value=”test1″> (up to 127 chars)
<input type=”hidden” name=”custom” value=”anythingyouwant”> (up to 256 chars)
<input type=”hidden” name=”invoice” value=”123456″> (up to 127 chars. Intended for use as invoice number)

6. Character Set and Currency code

You can specify which character set you wish to use. e.g. to use UTF-8

<input type=”hidden” name=”charset” value=”utf-8″>

and currency code (USD is assumed if not present) Codes accepted can be found here Currency Codes

<input type=”hidden” name=”currency_code” value=”CurrencyCode”>

7. Return URL for specific transactions.

There is the option to set a global return URL in your Paypal account which will apply in all cases for Paypal buttons you create. You may however want to override this for specific buttons or you may want to include session related information in the return url. How to use session information is beyond the scope of this tutorial.

<input type=”hidden” name=”return” value=”URLspecificToThisTransaction”>

“cancel_ return” is a URL to which the payer’s browser is redirected if payment is cancelled; for example, a URL on your website that displays a “Payment Canceled” page.

“rm” specifies the Return method. The FORM METHOD used to send data to the URL specified by the return variable after payment completion. Allowable values:

0 – all shopping cart transactions use the GET method
1 – the payer’s browser is redirected to the return URL by the GET method, and no transaction variables are sent
2 – the payer’s browser is redirected to the return URL by the POST method, and all transaction variables are also posted

The default is 0.
Note: The rm variable takes effect only if the return variable is also set.

“cbt” sets the text for the Return to Merchant button on the PayPal Payment Complete page. For Business accounts, the return button displays your business name in place of the word “Merchant” by default. For Donate buttons, the text reads “Return to donations coordinator” by default.
Note: The return variable must also be set.

8. Pre filling the form to make things easier for your customer.

If you already know the answer to some of the questions Paypal will need to know such as the Buyers Billings Address you can pre populate the form. This feature is not available in all countries. It is available in the US and UK.

Keep in mind that regardless of the address you fill in, when address_override=1 is passed a member’s confirmed address on file will be used as the shipping address and will be uneditable. When a non-PayPal account holder pays, their billing address and shipping address will need to match.

<input type=”hidden” name=”first_name” value=”John”>
<input type=”hidden” name=”last_name” value=”Doe”>
<input type=”hidden” name=”address1″ value=”9 Elm Street”>
<input type=”hidden” name=”address2″ value=”Apt 5″>
<input type=”hidden” name=”city” value=”Berwyn”>
<input type=”hidden” name=”state” value=”PA”> (or as appropriate for non US)
<input type=”hidden” name=”country” value=”US”>
<input type=”hidden” name=”zip” value=”19312″>
<input type=”hidden” name=”night_phone_a” value=”610″> (Buyers home phone. Area code for US. Country code for non US. 3 digit max)
<input type=”hidden” name=”night_phone_b” value=”555″> (Buyers home phone. 3 digit prefix for US. Entire phone number for non US. 16 char max)
<input type=”hidden” name=”night_phone_c” value=”1234″> (Buyers home phone. 4 digit phone number for US.)
<input type=”hidden” name=”email” value=”jdoe@zyzzyu.com”>
<input type=”hidden” name=”lc” value=”US”> (payers language for the billing info/log in page only. Default is US. Use UK for United Kingdom)
<input type=”hidden” name=”charset” value=”utf-8″>

9. Product Options

Specify product options such as size on a dropdown box or text box. You can specify up to 7 options on a single button (Up to 5 dropdown and 2 text)
You can either use the create button wizrd to do this or specify the code manually.

for example

<form action=”https://www.paypal.com/cgi-bin/webscr” method=”post”>

<input type=”hidden” name=”business” value=”herschelgomez@xyzzyu.com”>

<input type=”hidden” name=”cmd” value=”_xclick”>

<input type=”hidden” name=”item_name” value=”Hot Sauce-12 oz. Bottle”>
<input type=”hidden” name=”amount” value=”5.95″>
<input type=”hidden” name=”currency_code” value=”USD”>

<input type=”hidden” name=”on0″ value=”Type”>Type of sauce

<select name=”os0″>
<option value=”Select a type”>– Select a type –
<option value=”Red”>Red sauce
<option value=”Green”>Green sauce
</select>

<input type=”image” name=”submit” border=”0″ src=”https://www.paypal.com/en_US/i/btn/btn_buynow_LG.gif” alt=”PayPal – The safer, easier way to pay online”>
<img alt=”" border=”0″ width=”1″ height=”1″ src=”https://www.paypal.com/en_US/i/scr/pixel.gif” >

</form>

10. Product Quantity.

The default is 1 item but you can use the button wizard to change this. Or use this example code.

<form action=”https://www.paypal.com/cgi-bin/webscr” method=”post”>

<input type=”hidden” name=”business” value=”herschelgomez@xyzzyu.com”>

<input type=”hidden” name=”cmd” value=”_xclick”>

<input type=”hidden” name=”item_name” value=”Hot Sauce-12 oz. Bottle”>
<input type=”hidden” name=”amount” value=”5.95″>
<input type=”hidden” name=”currency_code” value=”USD”>

<input type=”hidden” name=”undefined_quantity” value=”1″>

<input type=”image” name=”submit” border=”0″ src=”https://www.paypal.com/en_US/i/btn/btn_buynow_LG.gif” alt=”PayPal – The safer, easier way to pay online”>
<img alt=”" border=”0″ width=”1″ height=”1″ src=”https://www.paypal.com/en_US/i/scr/pixel.gif” >

</form>

11. Offering a discount.

Paypal allows you to offer a discount.
- “Discount_amount” must be less than “amount”.
- If you don’t specify “discount_amount2″ then “discount_amount” will apply to all items not just the first.
- To use “discount_amount2″ you must specify “discount” as greater than or equal to 0.

You can specify “discount_rate” and “discount_rate2″ as an alternative to “discount_amount” and “discount_amount2″. This applies a percentage from 0 to 100.
Unlike “discount_amount” if you don’t specify “discount_rate2″ then “discount_rate” only applies to the first item.

Use “discount_num” to specify an upper limit on the number of items to which “discount_amount2″ or “discount_rate2″ applies.

Use the button creation tool wizard or this example code that provides a $0.15 discount on the first item ordered and a $0.20 discount on the next four items.
<form action=”https://www.paypal.com/cgi-bin/webscr” method=”post”>

<input type=”hidden” name=”business” value=”herschelgomez@xyzzyu.com”>

<input type=”hidden” name=”cmd” value=”_xclick”>

<input type=”hidden” name=”item_name” value=”Hot Sauce-12 oz. Bottle”>
<input type=”hidden” name=”amount” value=”5.95″>
<input type=”hidden” name=”currency_code” value=”USD”>

<input type=”hidden” name=”discount_amount” value=”0.15″>
<input type=”hidden” name=”discount_amount2″ value=”0.20″>
<input type=”hidden” name=”discount_num” value=”4″>

<input type=”hidden” name=”undefined_quantity” value=”1″>

<input type=”image” name=”submit” border=”0″ src=”https://www.paypal.com/en_US/i/btn/btn_buynow_LG.gif” alt=”PayPal – The safer, easier way to pay online”>
<img alt=”" border=”0″ width=”1″ height=”1″ src=”https://www.paypal.com/en_US/i/scr/pixel.gif” >

</form>

12. Shipping and Handling charges

“shipping” and “shipping2″ specify the cost of shipping an item and subsequent items.
“handling” applies regardless of number of items.

13. Tax

Use “tax” and “tax_rate” to apply a transaction based tax amount or tax rate irrespective of customers location.
“tax_rate” can be 0.001 to 100

14. Weight

“weight” and “weight_unit” (lbs or kgs)

15. How the Paypal Checkout Looks

“page_style” can be set to “paypal” to use the Paypal page style
“page_style” can be set to “primary” to use page style you defined as primary in your account
“page_style” can also be set to any custon style you created in your account profile.

“image_url” specifies where the 150×50 pixel image is that will be used as your logo. If you don’t specifiy this then your business name will be used if you have a business acccount otheriwise your email address.

“cpp_header_image” specifies the image at the top left of the checkout page. maximum size is 750×90 pixels. PayPal recommends that you provide an image that is stored only on a secure (https) server.

“cpp_headerback_color” specifies the background color for the header of the checkout page. Valid value is case-insensitive six-character HTML hexadecimal color code in ASCII.

“cpp_headerborder_color”specifies the border color around the header of the checkout page. The border is a 2-pixel perimeter around the header space, which has a maximum size of 750 pixels wide by 90 pixels high. Valid value is case-insensitive six-character HTML hexadecimal color code in ASCII.

“cpp_payflow_color” specifies the background color for the checkout page below the header. Valid value is case-insensitive six-character HTML hexadecimal color code in ASCII. Note: Background colors that conflict with PayPal’s error messages are not allowed; in these cases, the default color is white.

“cs” specifies the background color of the checkout page. Allowable values:

0 – background color is white
1 – background color is black

The default is 0.

“lc” specifies the language of the login or sign-up page that subscribers see when they click the Subscribe button. If unspecified, the language is determined by a PayPal cookie in the subscriber’s browser. If there is no PayPal cookie, the default language is U.S. English.

“no_note” specifies to not prompt payers to include a note with their payments. Allowable values:
0 – provide a text box and prompt for the note
1 – hide the text box and the prompt

The default is 0.

“cn” is a label that appears above the note field. This value is not saved and will not appear in any of your notifications. If omitted, the default label above the note field is “Add special instructions to merchant.” The cn variable is not valid with Subscribe buttons or if you include no_note=”1″.

“no_shipping” specifies to not prompt payers for shipping address. Allowable values:

0 – prompt for an address, but do not require one
1 – do not prompt for an address
2 – prompt for an address, and require one

The default is 0.

A Basic Non hosted Buy Now button sample code

<form action=”https://www.paypal.com/cgi-bin/webscr” method=”post”>

<input type=”hidden” name=”business” value=”herschelgomez@xyzzyu.com”>

<input type=”hidden” name=”cmd” value=”_xclick”>

<input type=”hidden” name=”item_name” value=”Hot Sauce-12 oz. Bottle”>
<input type=”hidden” name=”amount” value=”5.95″>
<input type=”hidden” name=”currency_code” value=”USD”>

<input type=”image” name=”submit” border=”0″ src=”https://www.paypal.com/en_US/i/btn/btn_buynow_LG.gif” alt=”PayPal – The safer, easier way to pay online”>
<img alt=”" border=”0″ width=”1″ height=”1″ src=”https://www.paypal.com/en_US/i/scr/pixel.gif” >

</form>

A Basic hosted Buy Now button sample code

<form action=”https://www.paypal.com/cgi-bin/webscr” method=”post”>
<input type=”hidden” name=”cmd” value=”_s-xclick”>
<input type=”hidden” name=”hosted_button_id” value=”10954267″>
<input type=”image” src=”https://www.paypal.com/en_US/GB/i/btn/btn_buynowCC_LG.gif” border=”0″ name=”submit” alt=”PayPal – The safer, easier way to pay online.”>
<img alt=”" border=”0″ src=”https://www.paypal.com/en_GB/i/scr/pixel.gif” width=”1″ height=”1″>
</form>

Have you seen the other Paypal tutorials on DesignerTuts?

Adding a More Complex Buy Now Button
Adding a Really Simple Buy Now Button
Paypal IPN
Paypal IPN Receiving Instant Payments

Instant Payment Notification is better known as Paypal IPN and is Paypal’s interface for handling real time confirmation of purchases.

A typical use for IPN is where you want a customer to pay for a software download but there can be more to it than that and the IPN interface provides a wealth of options some of which I will go through in this article.

Paypal have a simple demo of the basics of a Paypal IPN purchase, plus a good explanation called Introducing IPN and I have a more in depth Paypal IPN Tutorial available on this site which includes example php code. You should view these explanations before reading on but a very simple summary goes as follows:

1. Customer clicks the buy button and makes the payment through Paypal
2. Paypal posts a notification to your server with all the payment details
3. Your server echoes back the details
4. Paypal authenticates the transaction and sends VERIFIED or INVALID response
5. When your server sees VERIFIED it makes some checks and processes the order

The best place to search for information is the Paypal Integration centre. which has guides, code and links for everything to do with integrating your website with Paypal. It covers much more than just IPN. This article will assume you have decided that IPN is right for you.

The one place you MUST visit is the Paypal IPN Forum on the developer website. As well as a constantly changing list of discussion topics about IPN, there are some good sticky posts about troubleshooting tips, IPN variables, template code etc.

Paypal Sandbox

When you are developing your website you really don’t want to be trying to get it working by experimenting on a real money system. Any early bugs in the system could leave security holes but even if you write perfect code it is best not to do your testing using real money.

Paypal provides what they call a sandbox, almost identical to the live Paypal system. You can setup fake customers with fake money and make as many test purchases as you want. The perfect system to fully test your web application.

The Sandbox sets the variable test_ipn with a value of 1 in the HTTP response back to your IPN page. You may want to check for this so you know you are dealing with the real or the sandbox system.

There is a Sandbox Forum on the developer network. It’s a great place for advice.

Paypal Account

Paypal provide 3 different types of account. Personal, Premier and Business. You will need Premier or Business to use IPN.

Paypal IPN Events

IPN messages are normally generated to indicate a payment has occurred but this is not the only situation and you should be prepared to handle all of the following situations.

• Instant payments, including Express Checkout and direct credit card payments
• eCheck payments and associated status, such as pending, completed, or denied
• Payments that may be pending for other reasons, such as those being reviewed for potential fraud
• Events related to recurring payments and subscriptions
• Authorizations, which indicate a sale whose payment has not yet been collected
• Chargebacks, which are initiated by a credit card processor; for example, when a customer disputes a charge
• Disputes, which are initiated by a buyer using the PayPal resolution process
• Reversals, which occur when you win a dispute or a chargeback is canceled
• Refunds, which you may choose to give

Listener

Paypal IPN messages are not synchronized with actions on your website. You detect IPN messages from Paypal with a piece of code known as a listener. Paypal provides example code and there is also an example IPN code snippet in the IPN tutorial.

You specify the URL of your listener in your Paypal account’s profile (Profile, Selling Preferences, Instant Payment Notification Preferences) but you can override this for specific transactions when you setup a button or API operation (Set the notify_url HTML form variable). You can also temporarily turn off the sending of IPN messages, useful if your site is down for maintenance. They are still generated and stored until you switch sending back on again.

Paypal expects an acknowledgement from you (within 30secs) to show you have received the IPN message ok. If you don’t send an acknowledgement Paypal will resend the IPN message at intervals for up to 4 days after the first message. So even if you don’t intend to process the message you must acknowledge it or Paypal will send it again. If you receive a re transmission from Paypal even though you sent an acknowledgement you should send another acknowledgement. There may be a timing problem or the first acknowledgement may have been lost. Your listener code must be able to cope with this retry situation without processing the transaction twice.

Paypal recommends that your checkout flow should NOT wait for an IPN message before it is allowed to complete.

Listener Processing

You must perform a number of checks on the IPN message received from Paypal.

• Check the email address to make sure it is yours
• Check that you have not already processed the transaction identified by the transaction ID
• Make sure that the transaction’s payment status is “completed”
• Verify that the payment amount actually matches what you intend to charge

Example IPN Message

A typical IPN message:

mc_gross=19.95&protection_eligibility=Eligible&address_status=confirmed&payer_id=LPLWNMTBWMFAY&tax=0.00&address_street=1+Main+St&payment_date=20%3A12%3A59+Jan+13%2C+2009+PST&payment_status=Completed&charset=windows-1252&address_zip=95131&first_name=Test&mc_fee=0.88&address_country_code=US&address_name=Test+User&notify_version=2.6&custom=&payer_status=verified&address_country=United+States&address_city=San+Jose&quantity=1&verify_sign=AtkOfCXbDm2hu0ZELryHFjY-Vb7PAUvS6nMXgysbElEn9v-1XcmSoGtf&payer_email=gpmac_1231902590_per%40paypal.com&txn_id=61E67681CH3238416&payment_type=instant&last_name=User&address_state=CA&receiver_email=gpmac_1231902686_biz%40paypal.com&payment_fee=0.88&receiver_id=S8XGHLYDW9T3S&txn_type=express_checkout&item_name=&mc_currency=USD&item_number=&residence_country=US&test_ipn=1&handling_amount=0.00&transaction_subject=&payment_gross=19.95&shipping=0.00

Testing your Listener

The Sandbox has an excellent IPN Simulator (under Test Tools) which lets you choose the transaction type, fill in all the parameter values and send a test IPN to a specified address.

Some advice on the forum about using curl/fsockopen/local testing.

When things go wrong…

If you receive nothing at all.

• check that you have specified not only the correct file name for your IPN listener but also the correct path to the file.
• Check your firewall isn’t blocking HTTP POST messages from PayPal.
• Check the webserver logs for any errors

If you receive some messages but not all.

• Make sure the listener is processing ALL messages
• Make sure account is valid and confirmed

If you receive INVALID message.

• Check you are sending your responses to the correct paypal address
• Verify that your response contains exactly the same IPN variables and values in the same order, preceded with cmd=_notify-validate.
• Ensure that you are encoding your response string and are using the same character encoding as the original message.
• someone on the forums

IPN History

Paypal provides an IPN history page under the My Account tab. Click on History to see it. It includes everything you want to know about each IPN message including the following Status values.

• Sent: indicates that PayPal sent the message to your IPN listener
• Failed: indicates that PayPal did not receive an acknowledgement to the message
• Queued: indicates that PayPal is ready to send the message
• Retrying: indicates that message was resent between 1 and 15 times and PayPal continues to be resend the message
• Disabled: indicates that the message will not be resent because the merchant’s account has been disabled

IPN Resending

Use the History page to resend an IPN.

Conclusion

Paypal IPN is a difficult subject but the combination of an excellent testing environment in the form of the sandbox and the good quality advice provided through the forums should make it possible for you to get your website application up and running.

Interesting External Blogs

• Process Paypal IPN Requests Through Wordpress « James Van Dyne – Process Paypal IPN Requests Through Wordpress. Introduction. Paypal is perhaps the easiest way to send/receive money online and Wordpress is perhaps the most popular blogging platform out there. Wouldn’t it be great if there was a way …

• PayPal IPN Python Code | Django Aware – PayPal has Instant Payment Notification (IPN) libraries with examples for Perl, Java, and even Ruby, but look as hard as I may none for Python. Then again I.

There are many schemes out there to stop people changing your links but in my opinion there is only one worth considering – the “htaccess technique”. It does require a certain level of technical expertise to set up but its not that difficult and this tutorial will take you through the steps needed.

A popular way to make money is by use of affiliate links. This is where you advertise a product on your website and the product owner pays you a percentage of the purchase price when the person who follows the link subsequently buys the product or service.

For example a (fictitious) company Brilliant Books sells books at www.brillbooks.com and has an affiliate scheme where they pay 10% to you for every person you send to them who buys one of their books. They do this by getting you to register as an affiliate and give you a unique affiliate id code of 1234.

They know it’s you who sent the potential buyer to them because you link to www.brillbooks.com?affid=1234 instead of to www.brillbooks.com

Some people write malicious programs that they install on computers without the owners knowledge that will for example alter your link to brillbooks so that it says www.brillbooks.com?affid=6666 Now when the potential buyer clicks on the link the 10% affiliate fee goes to someone else.

So how do you stop this?

1. Find out if your web host is suitable.

This method only works for web servers that use Apache (as far as I know). Go to www.netcraft.com/whats and type in your website address into the “whats that site running” box. Then look under the “server” column and look for the word “Apache”. If its there then this method will work.

2. What is htaccess. Where is it located.

htaccess is a configuration file that contains instructions for the web server. You may already have one ( or more than one as they can work on a per directory basis). To find out fire up your ftp program or file browser or whatever you normally use to upload your website to your webserver and have a look.

htaccess is stored as a hidden file on the webserver which means its filename will be .htaccess
Your ftp program may by default not show you hidden files so you may need to enable viewing hidden files to be able to see .htaccess
Look for .htaccess in the same folder as your website’s index file. (index.html, index.htm, index.php or similar)

If you find one then you can edit it using any editor that is suitable for text files. Watch out on Windows systems that it doesn’t try to change the name to something more Windows friendly. This is because a file named .htaccess is alien to Windows. Usually putting quotes round the name when you do Save As will solve any problems i.e. save as “.htaccess”

If you don’t find an existing one then create a new one.

3. What changes do I need to make to .htaccess

Here is an example of the changes you need to make. Just add all the following at the top of your .htaccess file. Don’t touch anything that’s there already.

<ifmodule mod_rewrite.c>
RewriteEngine On

RewriteRule anyfilename.htm http://myaffid.blueberryc.hop.clickbank.net/?tid=LOGO1 [R=301,L]

</ifmodule>

4. Now change example code to real code

Where I have anyfilename.htm you should put a filename appropriate to your situation. e.g. if you were linking to a book website and a book about rare birds you might put rarebirds.htm This filename can be anything you want as long as it DOESN’T already exist.

Where I have put http://myaffid.blueberryc.hop.clickbank.net/?tid=BIRDS1 you should put your real affiliate id link as provided by your affiliate website.

Leave the [R=301,L] alone. It tells the webserver to redirect any requests for rarebirds.htm to http://myaffid.blueberryc.hop.clickbank.net/?tid=BIRDS1

5. And finally

Edit your webpage and put your new cloaked website affilate link in place of the existing link.

For example you might have the following html:

<p>The people at Brill Books have some good books about <a href="http://myaffid.blueberryc.hop.clickbank.net/?tid=BIRDS1">Rare Birds</a>.</p>

You should change it to

<p>The people at Brill Books have some good books about <a href="rarebirds.htm">Rare Birds</a>.</p>

It no longer looks like an affiliate link but it is. Make sure you check it is working properly of course.

Art is one of the best methods of self expression. It is a means by which individuals and groups can communicate their feelings to others.

Many resources online look at Emo and Goth art and offer useful tips on capturing Goth and Emo effects. Interesting artistic designs reflecting these subcultures can also be achieved through the use of Photoshop. Some common features that can be easily done in Photoshop include the following.

Emo and Goth Eye Effects

The most recognized feature of these groups is the use of makeup, especially around the eyes. Want to see how you would look as an Emo or Goth? Open one of your pictures in Photoshop, and get to work. The first step is to duplicate the background layer. Right-click the background in the Layers panel and select “duplicate layer.” Then, in the Tools palette, choose the Burn tool. It is beside the Blur tool. (If you are not familiar with Photoshop, moving your cursor over the various tools will show you the names.)

In the Tool options, choose a small brush. Around 30 to 40 will do. Set the range to midtones and the exposure to anywhere between 30 to 50. Apply the Burn tool around the edge of the iris. Then increase the brush size and use the Burn tool on the pupil. Try to get it as dark as possible.

Next use the Burn tool on the edges of the eyelids, and you can keep going until you are happy with the end result. The Dodge tool should be used to lighten the area just outside the pupil if you want to create an eerie look.

The unsharp mask filter in Photoshop can also be used to create interesting effects. Just select Filter from the menu bar, go down to Sharpen, and from there select Unsharp Mask.

It is clear why a program like Photoshop would be popular with Emos and Goths. This software program has a lot of features that can bring to life themes of importance to Emo and Goth teens.

Jewelry

Photoshop can also be used to create drawings reflecting Goth and Emo concepts in jewelry designs. Goth jewelry relies heavily on imagery such as pentagrams, crucifixes, daggers and other symbols. You can either start with your own drawing scanned into Photoshop or download an image from the Internet. Many websites offer a wide array of Goth-inspired jewelry.

Whether you consider yourself a Goth or Emo, or just find the image appealing, you are sure to find something you like. If you have only basic Photoshop skills, download a non-copyrighted image, and use the program to modify the image to make it more into your own style. With Photoshop this is easy to achieve, and the result could be converted into a unique pendant or even earrings.

T-shirts

Great line drawings can be used in producing eye-catching screen printed t-shirts. If screen printing is your thing, take advantage of Photoshop’s drawing features to produce unique designs symbolic of Emo and Goth cultures.

You can take also create Goth or Emo-style artwork for heat transfer to t-shirts if you don’t want to be limited to just basic lines. Heat transfer is perfect for elaborate designs, especially if you are not into screen printing. You can find great samples and tutorials online with a quick search.

See another (funny) Goth tutorial here

And with the 10 minute alarm going off, here’s our final result:

Update:

Just found this great collection of Grunge Fonts

Open a new document (file -> new or ctrl + n). The document will need to be relatively large, I’m using 3000 pixels wide and a height of 3000 pixels. Also ensure that the document is grayscale.

Next go to filter -> Render -> Difference Clouds.

Continue repeating this filter (the shortcut is ctrl + F). After about the tenth or so time you should get something similar to mine:

To create the lines we will be using the pinch filter (Filter -> Distort -> Pinch)

In the popup set the amount to 100% and press ok.

Once again you must repeat this filter (ctrl + F). You should notice the lines get longer and cleared each time you repeat the pinch filter.

I repeated mine about ten times to get the following result.

Next go to the brightness and contrast tool (Layer -> New Adjustment Layer -> Brightness and Contrast).

When you click on this a new window should open up titled “New Layer”, just press ok. Now another window should appear.

In this window use the following settings:

Brightness: +100
Contrast: +100 (you may wish to use a different setting for this, depending on the result you wish to achieve)

Press ok. Now your document should look something similar to mine:

Your result probably doesn’t look all that great at the moment, so next we must remove all of the unwanted parts of your picture. Find a section of your document that you think looks good and select the crop tool (shortcut: C). Now click and hold on your document and select the area of your document you wish to use.
This is the result I got after cropping my image:

That’s pretty much the end of the tutorial, all that’s left to do now is add a picture of your favorite manga character and your done.

Here’s my finished result:

If you want to get in the mood first, have a look at my skull design page

Step 1:

Before we start we’ll need a few resources. You’ll need to download the following images:

T-Shirt

Splat

Skull

Step 2:

Next you’ll need to download the font I used here.

Option: You can always decide to use a different font to make your shirt more custom

Step 3:

Now that we’ve got all our resources, we can begin the designing!

First let’s open up all the images you just downloaded, in Photoshop.

Drag the Splat image into the T-Shirt document and position the Splat so it’s at the Top-Center-Left of the T-shirt. Now close the Splat image. You should now have something like below:

Step 4:

Now let’s add the Star Shape. Get our the Custom Shape tool and on a new layer, draw a good-sized Black star with a 2 pixel White stroke.

Make sure this layer is over the Splat layer. Use the image below as a guide:

Now we’re going to start playing around with the perspective of this Star Shape. Press CRTL + T to transform the shape and click Perspective.

Use the image below as a guide:

Now use the the Transform Handles to change the perspective and position of the Star Shape to how you want it.

I choose to make it look sort of 3D, like below:

Starting to look good already, huh?

Step 5:

Now we’ll be adding the Skull image under the Star shape but over the Splat image. Get the Skull image in Photoshop and drag it in the document you’ve been working with.

Simply, position the Skull image so it’s under the Star shape but over the Splat image.

You may use the images below as a guide:

Here’s how my Layer’s Pallete looks like:

Step 6:

To finish off our Skull/Grunge T-Shirt Design, we’re going to add some text using that font you downloaded (or you can use your own).

Using Planet Kosmos, Size 8, Sharp type out Skulls in Black with a 2px White stroke.

Now Rotate it a few degrees to the left and position it so it’s on the right side of the Star shape. Use the image below as a guide:

And now you’re finally done with your Skull/Grunge T-Shirt Design!

Update:

I’ve recently come across this great collection of T-Shirt templates.

Create a new file of your choice. Fill the background with black. Select type tool and type ‘m’ with these settings:

Font name = Times New Roman
Font size = 100 points
Font color = #00C0FF

Duplicate the type layer by pressing control+j and change the color to white.

Duplicate the layer again. This time, change the text color to #006485.

Hide the last type layer by clicking on the eye icon.

Click on the middle or white colored type layer to activate it. Press ‘alt’ key and click on the point shown by the arrow. It will create a clipping mask.

Now, click on the move tool and press the up arrow key from the keyboard to move the white colored ‘m’ type layer 16 pixel upward.

Click on the empty box in the 3rd type layer to show it.

Press alt key and click on the middle layer to make the clipping mask.

Now move the third type layer 3 pixel right side.

Using the same technique, draw a circle, duplicate it two times, make clipping mask and adjust the layers to have a shape like shown in the figure.

Group and merge the text and circle layer. Press control+j to duplicate the layer. Press control+t and transform the layer as shown.

Change the layer opacity of duplicate layer to 28%. You will see a nice reflection of the shape.

Draw a light grey colored circle between the two layers.

Type “Media Group” and change the text color to #006485.

Duplicate the type layer. Change its color to white and press down arrow key once to add white color shade to the text. Our logo is ready.