Posts Tagged ‘Tutorials’
For those who primarily focus on web design, designing for print can be a little bit intimidating at first. If you’ve been wanting to design your own business cards but have been hesitant to make the jump to designing for print, you may find it to be helpful to follow a tutorial. There are a lot of tutorials available that will lead you through the process of designing a print-ready business card. Following a few tutorials will teach you the basics, and then of course you can use that knowledge to create a more personalized design of your own.
Here you’ll find 25 different tutorials (for Photoshop, Illustration, and even InDesign) that teach the essentials of business card design.
To see some great business cards please see:
- 33 Letterpress Business Cards for Inspiration
- 25 Professional Business Cards
- Beautiful Personal Business Cards
- 13 Full Color Business Cards
- Showcase of Die Cut Business Cards
This post was originally published several years ago. As technology and trends have changed over the years, the content of the post became outdated. So we’ve updated the post with all new examples that will be more relevant for modern design and development.
jQuery Image Gallery/Slider Tutorials:
This tutorial by Jake Rocheleau is a re-make of a popular tutorial originally written by Soh Tanaka. Jake has updated the code used in the tutorial to include some new user-requested features.
This tutorial from Mary Lou teaches the process to create an awesome slider that is great for displaying products or other items.
In this tutorial from Mary Lou you’ll learn how to create a slider with a cool 3D effect.
This is a very in-depth tutorial by Patrick Kunka that is a great starting point for anyone looking to code their own slider.
Thoriq Firdaus shows how to create a slider that will be user-friendly for visitors on touch devices.
In this tutorial Mary Lou shows how to create a slider with a parallax effect to slide different backgrounds.
Mary Lou shows how to create a unique slider with a twist in this tutorial. The images slightly rotate when sliding.
This tutorial by Valeriu Timbuc shows how to create a basic slider with jQuery and CSS3.
Another tutorial from Valeriu Timbuc, this one explains the process for creating a responsive slider.
Many times the best slider to use as a starting point is a basic, simple slider. This usually will make it easier to add your own customization. This tutorial by Paul Mason shows how to create a basic slider.
This tutorial by Kevin Liew shows the process of customizing the jCarousel plugin, which can be really helpful if you’re needing to customizing an existing slider plugin for your own site.
jQuery Image Gallery/Slider Plugins:
This is an experimental 3D gallery that uses CSS3 3D transitions to create a unique effect.
Gamma Gallery is an experimental responsive gallery.
SlideMe is a responsive full-screen slideshow plugin. It uses CSS3 and is customizable.
StackSlider is an experimental slider that flips through the images in 3D.
Perhaps the most popular slider plugin out there, Nivo can be easily customized and even comes as a WordPress plugin (premium).
Unslider is a lightweight plugin that doesn’t have a lot of fancy effects, but it looks great and can be a good starting point.
bxSlider a responsive slider with advanced swipe/touch support. It uses CSS transitions for slide animations.
Slicebox uses a cool 3D slicing effect during slide transitions.
This plugin uses some cool and unique 3D effects during the transition of slides.
Royal Slider is a powerful image gallery and slider plugin. It is responsive, touch-friendly, and customizable.
Juicy Slider is a responsive and lightweight slider plugin.
SlideJS is a responsive slider plugin with touch support and CSS3 transitions.
Flexslider is a responsive slider plugin from WooThemes.
Blueberry is an experimental open-source slider for responsive websites.
For more resources please see:
- 10 Helpful Resources for Testing Responsive Web Design
- Popular Design Trends for Responsive Navigation
- 13 Resources to Design for Bootstrap
- 15 jQuery Carousel Plugins
If you are going to publish your first ebook (or have plans to do so), good for you. Self-publishing ebooks is opening up a lot of doors for many an aspiring author, trying to make a name in the genre of their choice.
One of the biggest problems these writers will face is discoverability of their work. You first need to get people to notice your ebook before they would be interested to get a copy. Aside from the marketing and promotional work you can pour into getting your book out there, there is also the need for a great ebook cover design.
Fortunately there are plenty of tutorials to help you get started. We also have plenty of tools and Photoshop actions to help you create 3D ebook cover images for both hardcover and paperback. Make your work stand out from the crowd with a little help from Photoshop.
Recommended Reading: Beginner’s Guide To Book Cover Design
Here are the shortcuts for your quick reference:
Ebook Cover Design Tools
3D Box Shot Maker. Select your spine and cover images and tweak the parameters (box size, shadow and reflection) to your liking.
3D-Box Maker. Just choose your front and back covers, and spine image, then click Create 3d-box.
Free Ebook Cover Creator. This tool offers you a choice of four templates. Once you’ve selected a template, just upload a flat image of your book cover and select a background color, and you’re done.
MyEcoverMaker. Unlike the previous tools, this one provides a number of background images (or you can opt for your own), fonts and text design options to choose from when designing your cover.
Ebook Cover Design Tutorials
Photo Album Cover – How to make a photo album-styled cover from a template image.
Design An Ebook Cover In Photoshop Using Action – Design a cover and turn it into a 3D ebook cover using Photoshop actions.
Make A Professional Ebook Cover In 5 Minutes – How to use Photoshop actions to create a professional-looking 3D ebook cover.
How To Create A Digital Ebook Cover – Design and create a 3D ebook cover from scratch.
E-Book Cover Tutorial – How to turn a pre-existing flat cover image into a realistic 3D ebook cover.
How To Create An Ebook Cover In Photoshop – How to turn a flat cover image into a 3D ebook cover, complete with shadow.
How To Create An Ebook Cover With Photoshop – How to create a simple 3D ebook cover image using a template.
How To Create Ebook Cover Tutorial With Photoshop – How to create a 3D ebook cover from scratch.
How To Make A 3D Ebook Cover Image – How to make a slightly different style of 3D ebook cover.
Ebook Cover Design Photoshop Actions
E-Cover Action Script 2 – Turn your flat cover image into an angled 3D hardback ebook cover.
Hardback Ebook Cover Action Script. Create a 3D hardback ebook cover, complete with shadow.
Free Photoshop Action For Ebook Covers – Turn flat to 3D curved paperback cover with reflection and shadow.
ECover Profile Action – Try a slightly different perspective for your 3D ebook cover.
ECover Reflection PS Action – Like reflections on your cover? Here’s a Photoshop action to help.
ECover Slim Photoshop Action – Go slim with this paperback style cover, plus reflection.
ECoverSuiteElite. The motherload of more than 60 actions designed to create 3D ebook covers in a variety of styles and angles.
Softcover Ebook Cover Photoshop Actions. A large selection of free actions to turn your flat image into 3D soft covers, with a lot of different styles and viewing angles.
Hardcover Ebook Cover Photoshop Actions. A large selection of free actions to turn your cover image into a variety of different 3D hardcover ebook covers.
It’s that creepy time of the year again, where the macabre and zombies own the night. While you may have Jack O’Lanterns and spider webs at your front door, and witches, ghosts and goblins roam the streets searching for candy, why should your sites and blogs miss out on the fun?
To help you with that, I’m dying to share with you a huge Halloween freebie bundle to make your designs shockingly dreadful. You are looking at 20 creepy fonts, 15 pumpkin icon sets, 25 horrific Photoshop tutorials, and 20 scary vector illustrations to download. And all for free.
Recommended Reading: 50+ Free High Quality Gothic & Horror Fonts
Halloween flyers, posters, banners, and cards need special fonts to give it the full halloween effect. These 20 scary and spooky, bloody and scratched-out fonts will give you nightmares and goosebumps. Perfect for the deadest night of the year!
I have also come across these spooky icon sets that will give your projects the ‘festive’ cheer for Halloween season. Complete your Halloween designs and themes with these (cute) fonts.
Zombies got your brains and you are finding it hard to create Hallo-riffic designs? Here are 25 Photoshop tutorials which include the scaries: monsters, witches, zombies, vampires, skulls, horror landscapes, and bloody text effects to spice up your next Halloween project!
Fancy rats, full moons, skulls and bats instead? Here are 20 free Halloween vector illustrations that can be downloaded in either Illustrator or EPS files. These illustrations can be useful while creating greeting cards, flyers, logos and website decorations for Halloween.
Not Quite Over
If I made you scroll too much, I apologize but hopefully, this collection is useful for you and will inspire one or two creepy Halloween designs in your to shock your clients with. Have more to add to the list? Don’t be shy and drop a quick comment below.
This post was originally published a few years ago, and since that time many of the tutorials that were featured in the post are no longer online. So we’ve revamped the article with a fresh selection of tutorials, some old and some new, that should prove to be very helpful.
Photoshop allows designers and photographers to improve photos in countless ways. Some photos are edited in a subtle way that the viewer may not even notice unless it is side-by-side with the original photo, and others are edited in more drastic ways. The good news is that there is a tutorial for just about anything you would want to do in Photoshop. Here you’ll find a collection of 45 different tutorials that teach the art of photo editing.
For more Photoshop tutorials see: