Archivo de la Categoría 'Ilustración'

Póster naútico a base de vectores

Tutorial de como hacer un póster submarino usando los pack vectoriales que venden en Go MediaZine. Este tutorial se ha realizado a modo de celebración por su nuevo pack número 10. Podeís disfrutar de algunas muestras gratuitas de sus packs aquí.

octodiver_poster_vectores

Link: Create a stunning undersea painting using Vector Packs

Popularity: 34% [?]

Crear un trébol de 4 hojas

Tutorial de como crear un trébol de 4 hojas 2.0, bonito y sencillo.

trebol_clover

Link: Create A Four-Leaf Clover

Popularity: 28% [?]

Crear un icono de un casco amarillo

Tutorial de como hacer el icono de un casco basándose en una fotografía.

yellow_helmet_casco_amarillo

Link: Creating a Cool Yellow Helmet Icon

Popularity: 37% [?]

Diseño de mascotas para web

final_dunken_monkey_collectibles

Explicación del autor:

En este artículo voy a explicar como diseñé por encargo, el personaje para Drunken Monkey Collectibles, empresa dedicada a la venta de juguetes y coleccionables. Daré un repaso a todo el proceso de creación, desde los bocetos al acabado final con Photoshop. A lo largo del post encontrarás enlaces a diferentes artículos hospedados en SOSNewbie, donde cubro más en detalle cada fase del proceso.

SUMARIO

1. El Briefing
2. Buscando referencias
3. Dibujando el personaje

progreso_dibujo_color

4. Démosle un poco de color:
* Colores planos
* Sombras
* Valores medios de iluminación
* Luces
* Reflexión
* Color de líneas

digital_color_photoshop

5. Diseñando el logotipo
6. Presentación final

Link: Drunken Monkey Photoshop tutorial (en español)

Popularity: 55% [?]

Guía de migración de Freehand a Illustrator CS3

Desde la web de Adobe se puede descargar en PDF una guía para migrar de Freehand, cuyo desarrollo ha terminado, a Illustrator CS3. Está en Castellano.

guia_fh_ai

Descargar: Guía para migrar de Freehand a Illustrator CS3

Visto en: Uklaworld

Popularity: 76% [?]

Agregar texturas a ilustración para dar un mejor efecto

Muchas veces una simple textura de relleno puede mejorar mucho el resultado final de una ilustración vectorial. En PhotoshopStar han hecho un tutorial explicando los pasos a seguir.

texture-image

Enlace al tutorial: Add stock textures for extra "Oomph"

Enviado por Jose de Moskis

Popularity: 61% [?]

Corazones de San Valentin: diseñando un fondo de pantalla

Excelente tutorial para crear un fondo de pantalla con motivo del día de San Valentin. Está en inglés pero muy bien explicado paso a paso en las 7 partes que componen el tutorial, es sencillo.

corazones_san_valentin_valentines_hearts

Link: Valentine’s day hearts: Designing the abstract background for Valentine’s Day.(en inglés)

Popularity: 40% [?]

Cómo hacer un Post-it

En este tutorial voy a explicar como hacer un Post-it con Photoshop.

En primer lugar abre el Photoshop y crea un lienzo cuadrado, por ejemplo de 600 x 600 pixels y creamos una nueva capa encima del fondo (background). Ahora con la herramienta marca rectangular (rectangular marque tool) hacemos en el centro un cuadrado si no esta en el medio no importa, siempre lo podemos mover, pulsando en su borde, con la herramienta mover.

Truco:
Para que el cuadrado salga perfecto tenemos que mantener pulsado mientras lo hacemos el botón SHIFT. Si mantenemos pulsado ALT en el centro del lienzo blanco y arrastramos el centro del cuadrado será donde hayamos pinchado. Por supuesto si mantenemos pulsado ALT y SHIFT ala vez saldrá un cuadrado perfecto y centrado.

Con la nueva capa que hemos creado seleccionada, escogemos un color, el que queramos, y con el cubo de pintura rellenamos con color la selección que hemos hecho.

Ahora, hacemos una selección con la herramienta marca rectangular en la esquina inferior izquierda. Acto seguido pulsamos el botón derecho del ratón y seleccionamos transformación libre y volvemos a pulsar el botón derecho y seleccionamos la herramienta deformar (warp).

posit_potoshop_1

Después de esto cogemos el punto de la esquina inferior derecha y lo llevamos hacia dentro como si de una hoja doblada se tratase. Ahora con la herramienta pluma (pen tool) dibujamos la esquina que faltaría rellenándola de color blanco.

Uso de la herramienta pluma o pen (si sabes usarla omite este paso): para usar la herramienta pluma tienes que seleccionarla y marcar puntos donde quieras dibujar. Cada punto que hagas, en este caso 3, tienes que pincharle de nuevo antes de hacer el siguiente con la tecla ALT pulsada. Para darle curvatura tienes que pinchar y sin soltarlo arrastrar el ratón hacia donde quieras dirigirlo. Si quieres modificar algún punto coge la herramienta selección directa (direct selection tool). Verás que Photoshop crea una capa llamada shape o capa de forma que contiene el color y la forma.

posit_potoshop_2

Creamos una nueva capa y, haciendo una selección de la forma que acabamos de crear (CTRL + clic en la capa de la forma), pintamos de color blanco en la nueva capa la selección que acabamos de hacer. Ahora, con la herramienta degradado (bajo el cubo de pintura) seleccionamos un degradado lineal y pinchando con el botón derecho en el editor de gradientes seleccionamos unos colores que se ajusten a nuestro Post-it . A continuación hacemos una línea como muestra la imagen, de fuera hacia dentro, para que salga el degradado.

posit_potoshop_3

Por último aplicamos las sombras paralelas como más nos guste. Pongo los valores que he puesto.

posit_potoshop_4

Finalmente:

postit_photoshop_tutoblog

Archivo para Photoshop CS3 descargable:

postit_photoshop_tutoblog

Tutorial en pdf:

postit_photoshop_tutoblog

Otro tutorial de como hacer post-it 2.0:

post-it_stickers

Link:Create Web 2.0 Stickers

Popularity: 30% [?]






Cerrar
E-mail It