Tutorial – Gabriel Catalano®

The Dummies’ Guide To Creating Your Own Facebook Cover Photo // thnxz to @simplyzesty and @Claire_Brown_

Via http://www.simplyzesty.com/

This tutorial will show you how to create your own integrated timeline masthead using Photoshop. So not only will you have an amazing cover photo for your business page at the end of this tutorial, but we’ll also be going through and using some of the essential tools in Photoshop.

Full Article

We’re even providing a PSD template for you to download, meaning all the hard work is done and you don’t need to worry about all the dimensions and measuring up! This template will ensure that you create seamless continuity between the two images.

Full Article

Quality Tutorial Designer’s Checklist | langwitches.org

Langwitches Blog

Helping students become quality Tutorial Designers has been on my mind and agenda lately. The reasons are plentiful, from the train of thought “if you can teach it, you know it”, being a vital skill in the 21st century, Alan November’s work “Who owns the Learning?”/ “Digital Learning Farm” to tutorials being an important piece in the self-motivated and self-directed learning of our times.

Teaching, nor creating (digital) tutorials, may come natural to everyone. There are are several skills involved. which are valuable for our students to learn.

communication
not only understanding content and process, but being able to express and communicate them to someone else. The communication can be accomplished in a variety of media.
collaboration
curating all student created tutorials in one place (ex. wiki) will create a hub, where students can search for tutorials of content, that they need a refresher on and it creates a depository for students in future years to come.
writing
writing a script is an essential part of tutorial design. Tutorial writing could be considered part of the expository writing and technical writing genre
vocabulary
using specific vocabulary related to the content explained
storyboarding
“Storyboards are graphic organizers in the form of illustrations or images displayed in sequence for the purpose of pre-visualizing”~ Wikipedia
digital storytelling
a tutorial is a special type of story. It requires the “teller” of the story to engage the “listener” via different digital media
networking
tutorials are meant for others to learn from us
digital media
creating, editing, and mixing of a variety of media forms (text, images, audio, video, etc.) and the fluency to work with a variety of media and switch effortless between them
empathy
the ability to understand and share the feelings (ex. not know how to do something or understand) of another >>> Leer más “Quality Tutorial Designer’s Checklist | langwitches.org”

Best Of Web And Design In September 2012 | creativenerds.co.uk

creativenerds.co.uk

A great round-up of the best design tutorials, and articles published on the on-line design community. The perfect resource every designer needs to further develop there design skills. I hope you enjoy the round-up , and would love to hear your thoughts in the comments section.

Photoshop

How To Create Your Own Judge Dredd Badge Design

One of the biggest movies at the moment is the Judge Dredd remake, which is obviously the inspiration for this tutorial. Follow this step by step guide to create yourself an awesome judge’s badge design with Adobe illustrator and Photoshop. You’ll create the basic artwork in Illustrator before moving over to Photoshop for colouring and texturing.

Abstract Photo Manipulation in Photoshop CS 6

It’s amazing to see that such amazing images are most of the times done by simple techniques. This tutorial will show you how to achieve similar effect using Photoshop with Masks and Layer Effects. It’s an intermediate tutorial but I am sure you will have so much fun doing as we did.

How to Create a Cassette Tape Illustration from Scratch in Photoshop

You will learn how to create a cassette tape illustration from scratch in Photoshop.

Quick Tip: Create a Neon Text Effect in Photoshop

In this tutorial we will show you how to make a neon text effect in Photoshop using layer styles and textures.

Illustrator

Create a Quick and Easy 3D Type Effect

Clean and modern 3D type is a cool effect, and it’s surprisingly quick and easy to create. With the combination of Photoshop and Illustrator, this effect is can be created in minutes. Leer más “Best Of Web And Design In September 2012 | creativenerds.co.uk”

How To Use Photoshop Content Aware Tool | via creativenerds.co.uk

howtousecontentawaretool How To Use Photoshop Content Aware Tool

http://creativenerds.co.uk

A great educational resource, on how to use one of Photoshop’s most powerful new features. The new content aware feature is a great addition to Photoshop. The feature allows Photoshop users to remove objects and people from photographs, while not disrupting the background of the photo, and not showing noticeable amendments.In this resource we have produced a video screencast upon how to use the content aware feature in Photoshop, where we will guide you through the process of using the content aware tool to extract people and objects from a photography. Once you learn how to use this tool you can remove objects, people, etc from almost any photo. This is a great quick tip, which you will truly enjoy.The tutorial takes less than a few minutes, so watch and enjoy. I would love to hear your thoughts and feedback in the comments section below, it would be really appreciated.

The Tutorial

Tutorial Details: Leer más “How To Use Photoshop Content Aware Tool | via creativenerds.co.uk”

Free Script for Adobe Illustrator – Random Order

Today we present you some useful script for Adobe Illustrator. These scripts have been designed by a talented Ukrainian developer and a friend of mine – Yemz, who is also known as the developer of the Free Mesh Tormentor Plugin. The Random Order script places the selected objects in random order in the Layers panel.

You can download Random Order script by clicking the Download button on this page.

Install the scripts into the following folder:

For Windows: C:\Program Files\Adobe\Adobe Illustrator CS5\Presets\en_GB\Scripts
For Mac: Applications / Adobe\Adobe Illustrator CS5\Presets\en_GB\Scripts

To demonstrate the work of the script we take any symbol from the Symbol library and using the Symbol Sprayer Tool splash it on our Artboard.

Now select other symbols and repeat the action couple of times.

Select all the Symbol Sets and go to the Object > Expand and then ungroup the received groups (Object > Ungroup). Leer más “Free Script for Adobe Illustrator – Random Order”

17 Stunning Pure CSS3 Menu Techniques

Menu is probably the most important part on many websites. It’s sitting there for merely one single purpose: easy for you to navigate through all the pages. Before CSS3, the background images of each menu item can bring you a heck load of pain, as well as the javascript powered drop-down items and sub-sub menu . Now we are able to create stunning menus only using pure CSS, even including awesome animations. The following pure CSS3 menu techniques and tutorials are for you to experiment and get a hang of it. Let’s get started.

More CSS Techniques from Previous Articles:

Pure CSS Drop-down Menu

Live Demo Tutorial

Stunning Menu in CSS3

Live Demo Tutorial

Code a Responsive Navigation Menu

Live Demo Tutorial

Leer más “17 Stunning Pure CSS3 Menu Techniques”

25 Fresh & Brilliant Photo Manipulation Tutorials

When we talk about Image Effect or Editing, Photoshop is the first thing that comes to our minds. These 25 Fresh & Brilliant Examples of Photo Manipulation Tutorials helps to bring your ideas into reality and improve your creativity skill and make the most stunning photo effects. With the correct tools and techniques you can create most historical photo effects in Photoshop. The art of photo manipulation requires some imagination and creativity. Before starting design effects you need to understand how to create it. The listed below tutorials help you to learning various creative techniques of how to manipulate images using Photoshop.

Don’t forget to subscribe to our RSS or Follow us on Twitter if you want to keep track of our next post.

01. Abstract

Learn how to create this eerie abstract photo manipulation called “The Pain”. You’ll learn how to combine different stock photos to create this scene then apply a cold color tone to it.

02. Mythological Statue

In this Photoshop photomanipulation tutorial, you’ll learn how to take a stock image of a person, turn them into a statue using various texture mapping methods, and then how to superimpose this statue into an incredible scene. You’ll see how to handle various stock images of various colors and lighting, as well as how to work with a variety of photomanipulation techniques.

03. Miniature City Wildlife

In this tutorial, we will learn how to create a conceptual surreal photo-manipulation. We are going to learn the process of creating depth of field using a few advanced tools. We are going to learn how to blend images so seamlessly that it would look like a single image using the Brush tool, masking and several adjustment layers.

04. Molten Shattered Statue

Photo composites often require several Photoshop tools and techniques to achieve a desired effect. In this tutorial we will combine several photos to create a statue from a photo of a model. We will then explain how modify the statue to create cracks, and molten rock using layer masks, adjustments, and several blending and painting techniques. Let’s get started!

05. Space Station

In this tutorial I’ll show you how to create a sci-fi artwork featuring a space station. You will learn advanced blending techniques, but also some fantastic drawing, lighting and detailing techniques.

Leer más “25 Fresh & Brilliant Photo Manipulation Tutorials”

How To Create Seamless Patterns Using Illustrator CS6 | [Tutorial Video]

http://creativenerds.co.uk

howtocreateseamlesspatternsusingillustrator How To Create Seamless Patterns Using Illustrator CS6

We have another great illustrator quick tip to share with you. The quick tip utilizes how you can use the pattern feature in the latest version of illustrator, in order to construct seamless vector patterns. The tutorial is a great starting point for gaining an understanding of how the new pattern tool feature works, its also a step towards mastering new feature.

I hope you enjoy the quick tip. I would love hear in the comments your thoughts on the tutorial and I hope you enjoy. We have a YouTube channel where you can watch previous quick tips, also don’t forget to be subscribe to our YouTube channel so you never miss another tutorial.

Note: The video is available in HD, so when watching the video be certain to change the definition to HD.

Tutorial Details
Difficulty: Beginner
Tutorial estimation time: 6 to 3mins
Program: Illustrator CS6

Preview

seamlesspattern How To Create Seamless Patterns Using Illustrator CS6

VIDEO Tutorial:

6 novedades para CSS3 que puedes implementar hoy | CSSBlog ES

Via Scoop.it – human being in – perfección

Cada cierto tiempo van saliendo nuevas propiedades CSS3, todas ellas son muy útiles y sencillas, pero ¿están soportadas por la mayoría de los navegadores?. En esta entrada os mostraré una lista de novedades para CSS3 que sí pueden ser usadas hoy, debido a su gran compatibilidad con los navegadores. Todas ellas las hemos explicado anteriormente en el blog, así que solo recopilaré los enlaces…

Via www.cssblog.es

Learn Modern Techniques and Interactive Advent [Adobe After Effects Tutorials] | Smashing Buzz

Adobe System have many tools for designers and developers and one belong to our today topic “Learn Modern Techniques and Interactive Advent [Adobe After Effects Tutorials]” this software specially developed for creating motion graphics and visual effects and we getting help from professional motion graphic designers and listing some awe-inspiring after effects tutorials with useful ingredients to share with all beginners and professional for enhance their skills toward making projects of adobe after effects.

Via Scoop.it – human being in – perfección

How-To Create Text Effects Using Photoshop

Adobe Photoshop users as well-known about the layer functions, in this post we are talking about text layer and their effects while to make more striking text effects using few tricks step, yes true as far as my experience when I was learning about Photoshop, I was start from Photoshop text effect tutorials because this is more important part when we are start learning about Photoshop tool. Few days back I was compile a roundup for textual logo designs where I learn so many ideas how to create a logo just because of tricky text effects and typeface then I decide to make another on this initial process when designers should take control on their text effect knowledge.

These of all Photoshop text effect tutorials will teach you in professional design perspective because website designs also making their landing pages where we can use this awe-inspiring text effects, so why not you go below to get idea on the way of typography techniques and art.

http://www.smashingbuzz.com

Adobe Photoshop users as well-known about the layer functions, in this post we are talking about text layer and their effects while to make more striking text effects using few tricks step, yes true as far as my experience when I was learning about Photoshop, I was start from Photoshop text effect tutorials because this is more important part when we are start learning about Photoshop tool. Few days back I was compile a roundup for textual logo designs where I learn so many ideas how to create a logo just because of tricky text effects and typeface then I decide to make another on this initial process when designers should take control on their text effect knowledge.

These of all Photoshop text effect tutorials will teach you in professional design perspective because website designs also making their landing pages where we can use this awe-inspiring text effects, so why not you go below to get idea on the way of typography techniques and art.

Quick Tip: Create a “Transfarmers” Text Effect Using Layer Styles in Photoshop

In today’s quick tip tutorial we will demonstrate how to create a cinematic “Transfarmers” Text Effect using the layer styles. Let’s get started!

Create a “Clock Up” Wallpaper in Photoshop

Using 3D text effect as main design element wasn’t something new. I’m pretty certain that most of us has been seen 3D text in many place like magazine, poster or in the internet. Years ago, we need 3d application and some skills to create believable 3d text.

2012 – 3D LETTERS, TEXT EFFECTS, TYPOGRAPHY PHOTOSHOP TUTORIAL PRODEZEN

In this tutorial we are going to show you how to create 3d letter in photoshop,as this is a photoshop type tutorial.We are going to create 3d letters and create 3d effect in photoshop and learn some techniques that you can later use to create your own 3d text with photoshop.

Exploding Text Effect

For this tutorial we’re going to use a little bit of 3D Studio Max, so make sure you have it and that you know your basics before you start. We’re also going to use textures, which you can grab from sxc.hu. That’s about it, everything else we’ll be creating ourselves.

Supernatural Text Effect

In this tutorial we’ll be creating a smoky night effect on text to give it an eerie supernatural sort of feel. It’s a good exercise in using the Wave distortion filter…

How to Create a Chocolaty Valentine’s Day Card for Your Girlfriend

This tutorial will show you how to create an easy swirling background and how to use layer styles to create a chocolaty text effect. Once you’re done, feel free to customize it with personal photos or just a few cute hearts.

Cool Dots Text Effect

This Photoshop tutorial explains how to design a three-dimensional text, which consists of dots and a blurred extension.

Leer más “How-To Create Text Effects Using Photoshop”

30 Latest Photoshop Poster Tutorials

A poster is a sort of publicized material intended to be fastened to a wall or vertical spot. Usually, posters consist of both textual and graphic components, but a poster could be at times totally graphical or completely text. Posters were created to convey information as well as grab attention. A very common method of making an impressive poster designs is by means of Photoshop. Photoshop makes it possible for designers to make wonderful posters that is employed for a vast array of applications such as movie promos, product promos, event promos, and also just for enjoyment and practice. There are a variety of outstanding tutorials around that show the entire process of designing a poster in Photoshop.

http://naldzgraphics.net/tutorials/latest-photoshop-poster-tutorials/

Here are the 30 Top of the Line Photoshop Poster Tutorials that will help you to learn something new. Take a moment to post a comment to share any tutorials we might have overlooked. Enjoy!

In this tutorial, you will learn how to create a Spectrum Poster design using Adobe Photoshop.

How To Create a Retro Style Typographic Poster Design

This step by step tutorial will teach you how to create a retro style typographic poster design with distressed textures and a muted colour scheme.

Create a Dramatic Western Style Movie Poster in Photoshop

In this tutorial, you will learn some Photoshop techniques to create an awesome Western movie poster.

Dark Knight Rises Poster in Photoshop

In this tutorial, you will just be using simple and straightforward techniques to create the Dark Knight Rises poster in Photoshop. Leer más “30 Latest Photoshop Poster Tutorials”

PSD Vault RECOMENDADO

http://www.psdvault.com/

About PSD Vault

In operation since 2008, PSD Vault (www.psdvault.com) is a blog that focuses on providing high quality, step-by-step Photoshop tutorials to all Photoshop lovers and hobbyist around the world.

On top of providing Photoshop tutorials, we also run regular digital art showcases, collecting graphic designer resources and freebies to give to our readers.

PSD Vault is the brain child of James Qu, who loves Photoshop whole-heartily and has been using it since version 5.0.

Tutorials for Making Your Website Mobile Friendly

Mobiles have become a necessity in our lives and are being used worldwide. Today’s phone set has the capability to browse the web, listen to songs, watch videos or even download any required information. This is the main reason why many companies have considered rebuilding their sites to make them mobile compatible.

With the introduction of iPhone there has been a massive demand of mobile web services. Today we present to you 25 tutorials and articles to help you understand and develop sites for achieving mobile presence on websites:

How to Create a Mobile Site
This article shows you the way of creating a mobile site that is good for old cellphones and stunning for iPhones:

by Bhanu Ahluwalia
http://www.noupe.com/how-tos/tutorials-for-making-your-website-mobile-friendly.html

How to Create a Mobile Site
This article shows you the way of creating a mobile site that is good for old cellphones and stunning for iPhones:

Leer más “Tutorials for Making Your Website Mobile Friendly”