A folded t-shirt Photoshop template

Photoshop, t-shirt

One of my first purchases for my t-shirt business were t-shirt templates for my website. I initially purchased the Ultimate Mockup Template Collection 2 from Go Media. This collection contains Photoshop Mockup Templates for Men’s Polo, Men’s crew neck, ladies crew neck, Pullover hoodies, Ringer Tees, ladies tank tops, and Men’s longsleeve. I used the mockups to create the color options for each t-shirt design. After creating the t-shirt color options, I decided that I wanted to display a folded t-shirt for the initial display of each design (on the home page, category pages, etc). But a folded t-shirt was not part of the Ultimate Collection.

Continue reading

Checkout My New Site - T-shirts For Geeks

GreenScorpion.com – My Portfolio Site

Flash, Joomla, Photoshop

I finally completed the redesign/development of my portfolio site (GreenScorpion.com).

This site was my first attempt at grunge design. I used Photoshop brushes that I downloaded from GetBrushes.com to design the site (and followed some tutorials that I found on SixRevisions.com and DesignHard.com).

I developed GreenScorpion.com using Flash/ActionScript 3 and Joomla (and a bit of JQuery).

For the portfolio display, I created a Flash Movie relied heavily upon the gpAS3Library and XML. I then used Joomla to create a component that incorporated the Flash movie. After the Joomla component was completed, I created a Joomla module based upon the component so that the Flash movie could be displayed in a specific area on a page (on the home page).

I need to add more to the site, but the portfolio part is done. I also need do something to create a more consistent color feel between operating systems. I created the design on my Mac, but I did most of the development on Ubuntu. The website is much darker on Ubuntu than on my Mac (I haven’t looked at it on Windows, but I’m sure that there will be a difference as well). But for now, I’m done.

Checkout My New Site - T-shirts For Geeks

Photoshop: Web Photogallery

Photoshop

In the past, one of the more tedious tasks of web design was creating the thumbnail and large view images for a photogallery. I would open an image in a graphics editor, adjust the size to create a thumbnail image, save, re-adjust the size to create a large view image, and save again. I would repeat these steps for each image of the photogallery. Depending upon the amount of images, creating a web photogallery could take quite a long time.

Quite a few years ago, I began to use Express Thumbnail Creator to create the images for a photogallery. The tool can be used to make web photogalleries, but I only used it to create the thumbnail and large view images. I would select a source folder (or select multiple images), set the width or height for both the thumbnail and large view images, and then let Express Thumbnail Creator generate the images in batch mode. It would reduce each image according to my specifications in a fraction of the time that it took me to manually reduce each image.

Over the last few years, my Mac has become my primary computer. Because Express Thumbnail Creator does not have a version for the Mac, I began to explore other ways to quickly adjust image sizes for a photogallery. Little did I know that Photoshop has the capability of creating a web photogallery.

  1. Open Photoahop and then open all of the images that you want in your photogallery
  2. Select File->Automate->Web Photogallery and the Web Photo Gallery Dialog appears.
  3. You can select a style for the photogallery, but I only use it to adjust the image sizes in bulk, so the default style is fine.
  4. Select the source and destination folders
  5. Under “Options”, select “Large Image” and set the image size and quality. You can also choose whether to constrain the height, width, or both.
  6. Under “Options”, select “Thumbnails” to set the max width.
  7. Click “OK” to create the photogallery.

Easy enough.

Checkout My New Site - T-shirts For Geeks