Son muchos tutoriales, algunos son un poco retro, otros bastante techno, asi que hay para todos los gustos. A veces no es fácil crear algo en photoshop, más si no conocemos todas las herramientas que se pueden usar, pero con estos tutoriales seguramente puedan lograr hacer posters increíbles.

Fuente: VandelayDesign

Tutorial

PSD

Fuente

1).Create a Mysterious Fashion Photo Manipulation in Photoshop

2).Photo Manipulation – “Surreal Bubbles”

3).Create an Alien Invasion Photo Manipulation in Photoshop

4).Creating the Eerie Photo-Manipulation ‘Captive’

5).Create an Elegant Fantasy Photo-manipulation

6).Urban Wasteland Photo Manipulation

7).How To Create A Chilling Photo Manipulation

8).Creating Different Elemental Effects

9).Make a Story Book Come to Life in Photoshop

10).Create A Stylish Dancer Photo Manipulation

11).Facing a New Day – Photoshop Manipulation

12).Create a Striking Nature Scene in Photoshop

13).How to Create an Amazing Apocalyptic Photo Manipulation in Photoshop

14).Serene Fantasy Photo Manipulation

15).The Babel Tower Photo Manipulation

Hay algunos con estilos realmente originales y con imágenes también.

How to Build a Kick-Butt CSS3 Mega Drop-Down Menu

Create an Advanced CSS3 Menu

jQuery Style Vertical Menu with CSS3 – No Javascript

CSS3 Dropdown Menu

Create a Slick Menu using CSS3

Recreating the OS X Dock with CSS

Apple’s Navigation Bar Using only CSS

CSS3-Only Horizontal Drop Line Tab Menu

Accordion Using Only CSS3

Sweet Tabbed Navigation Bar using CSS3

Use CSS3 to Create a Dynamic Stack of Index Cards

Create the Accordion Effect Using CSS3

Simple CSS3 Dropdown Menu

Create a Fun Animated Navigation Menu With Pure CSS

CSS3 Minimalistic Navigation Menu

Nicer Navigation with CSS Transitions

CSS3-Only Tabbed Area

CSS3 Transition Tutorial – Slide effect menu with the Apple-Style

How to Create a Drop-down Nav Menu with HTML5, CSS3 and jQuery

Build a Chunky CSS3 Menu

Está en inglés, pero siguiente las imágenes es bastante fácil obtener buenos resultados.

Fuente: PSDlearning

Acá dejo una recopilación de algunos de los mejores tutoriales para Illustrator

Grungy 3D Text in Illustrator

Create Complex Shades

Create a Hellboy Poster in Illustrator

Create Retro Type with Smart Guides

3D Cubic Text Effect in Illustrator

Creating an Illustrative Monogram

Learn to Create a Variety of Script Lettering

Create a Vector Soldier Character in Illustrator

Abduzeedo 2011 Poster in Illustrator and Photoshop

Create a Viscous Green Text Effect in Illustrator

Create an Artistic Watercolor Poster in Illustrator and Photoshop

Create a Female Portrait in Illustrator

Fuente: CreativeFan

Paso 1:

Buscar nuestra imagen, yo utilicé esta que pueden bajar de acá. Deben usar una imagen, texto o logo con fondo transparente.

Paso 2:

Abren un nuevo documento de Photoshop con el ancho que quieran (igual o mayor a su imagen) y el doble de alto que la imagen. Pintan el fondo de color negro y pegan su imagen en una nueva capa.

Paso 3:

Duplicamos la capa de la imagen y la re nombramos ”reflejo”. Teniendo seleccionada esta capa reflejo vamos a EDICIÓN – TRANSFORMAR – VERTICAL y colocamos la capa “reflejo” debajo de la otra como les muestro en esta imagen

Paso 4

Teniendo seleccionada la capa duplicada le aplicamos una mascara de capa haciendo clic donde les muestro en la imágen:

Paso 5

Siempre trabajando sobre la capa duplicada… seleccionamos la herramienta de Degradado que les muestro en la imagen y hacemos un degradado de negro a blanco como muestro en la siguiente imagen.

Paso 6

Con la herramienta de degradado y en la dirección que indica la flecha de la imagen hacemos el degradado a nuestro gusto y luego a esa capa duplicada (o la capa de reflejo) le damos un 75% de opacidad

Listo, tenemos nuestra imagen reflejada fácil y en pocos pasos

Video Tutorial

Además podemos descargar los archivos necesarios para el videotutorial desde este link

Paso1. Crear el fondo en photosho. Hacemos un cuadro de 120×120 pixeles, con un color gris oscuro para el fondo (en el tutorial usan el color #434040). Después le ponemos algo de ruido yendo a filtro/ruido/añadir ruido, en el tutorial se usa “gauseano 2%”

Guardamos este fondo con el nombre bg.png.

Paso 2. En la misma carpeta donde guardamos la imagen de fondo vamos a crear un documento de texto que luego guardaremos con el nombre de index.php. El contenido de dicho documento es el siguiente:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml”>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8? />

<title>Efecto LetterPress</title>

<h1>Prueba</h1>

<h2>Este es el efecto</h2>

</head></html>

Paso 3. Creamos otro documento, también en la misma carpeta. Dentro de este nuevo documento ponemos:

body {

background: #474747 url(bg.png);

}

h2 {

font: 70px Tahoma, Helvetica, Arial, Sans-Serif;

text-align: center;

color: #222;

text-shadow: 0px 2px 3px #555;

}

Luego lo guardamos con el nombre de Style.css

En este documento style.css guardamos los efectos que aplicamos al documento index.php, por ejemplo en la línea de código donde dice “Este es el efecto”, con la etiqueta de H2 estamos aplicandole las propiedades de style.css y esa línea tendrá una letra de 70 pixeles que puede ser Tahoma, Helvetica, Arial o Sans-Serir y que se alineará al centro. Que el color de la letra será #222222 y que los datos de la sombra irán así:

Paso 4. Creamos otro archivo similar al del paso 2 y lo llamamos “prueba.html”. Adentro de este archivo colocamos:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml”>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8? />

<title>Efecto LetterPress</title>

<link href=”style.css” rel=”stylesheet” type=”text/css” />

<h1>Prueba: letras sin efecto.</h1>

<h2>Este es el efecto</h2>

</head></html>

Finalmente si probamos esto en un navegador que soporte CSS3 (Como Google Chrome) veremos algo así.

Claramente los colores pueden variar a nuestro gusto.

Les sirvió el tutorial? Lo entendieron?

Fuente: ARTEgami

Hoy les dejo una recopilación de todos estos, la colección más grande de recursos para diseños navideños.

Desde Kabytes un pack de estilos navideños para nuestras tipografías

Descargar

En el blog de DiegoMattei compartieron todo un alfabeto navideño

Descargar parte 1

Descargar parte 2

También algunas tarjetas navideñas en flash y gratuitas

Descargar

En Vectorizados.com hay muchisimos vectores para esta navidad

Descargar

Descargar

Descargar

Descargar

Descargar

]]> http://elblogdesol.com.ar/index.php/2010/12/recursos-para-disenos-navidenos/feed/ 1