Blog Vecindad Gráfica Diseño Gráfico

Diseño Gráfico y Más

Archivo de la Categoría ‘Tutoriales


Paso a paso de como se trazó un personaje en Illustrator (Inglés).
Para la creación de un personaje como este, es necesario que sepas dibujar, no existe un tutorial para producir personajes de la nada.
trazar en illustratortrazar en illustrator 2trazar en illustrator 3

Create a Vector Pirate Cartoon Character from a Hand Drawn Sketch

Un tutorial en Inglés para que puedas crear tu propio icono RSS con vectores.
icono RSSicono rss 2
Create a Vector RSS Icon with Illustrator

Me han preguntado si al crear unas tarjetas de presentación en Illustrator se puede repetir a la hora de imprimir como en Corel Draw.
Bueno, en Illustrator es un poco más complicado que solo pedir una impresión repetida. Aquí muestro una forma de hacerlo, pero cada persona puede encontrar una forma más fácil y rápida.

En una hoja tamaño carta, primero creas un rectángulo con el tamaño de la tarjeta 3.5 x 2″ (9 x 5 cm), y el diseño que va en ella, debes estar bien seguro que el contenido no esté muy cerca de la orilla, para que no se corte, de 3 a 5mm son suficientes.
tarjetas de presentacion

Seleccionas el rectángulo exterior y vas a Filter>Create Cropmarks.
tarjetas de presentacion 2

Al crear las marcas de corte, vemos que se crean con el color de “Registration”, el cual se imprimirá en todos los negativos de los Pantones.
tarjetas de presentacion 3

Seleccionamos las marcas de corte que se muestran, con la herramienta de selección de grupo y las borramos:
tarjeta de presentacion 3

Seleccionamos con la misma herramienta todo, excepto las dos marcas de corte de la izquierda:
tarjetas de presentacion 4

De ahí vamos a Object>Transform>Move…
tarjetas de presentacion 5

Le damos el valor de lo ancho mas un poco más, porque en la parte de atrás de la tarjeta existe un color que cubre todo y requiere un poco de “sangría”. Unos 55mm está bien. Tenemos que darle al botón de Copiar para que se duplique del lado derecho:
tarjetas de presentacion 6

Luego con Shift + Alt en la PC o Shift + Option en la Mac, arrastramos las marcas que quedaron del lado izquierdo y se copiarán del otro lado:
tarjeta de presentacion 6

Ya que tenemos las dos tarjetas, las seleccionamos con las cuatro marcas de corte que se muestran:
tarjetas de presentacion 7

Nos vamos otra vez a Object>Transform>Move… y ahora le damos en la opción vertical un valor de -5.55 y Copiamos:
tarjeta de presentacion 7

Ya nada más, sin deseleccionar le damos otras dos veces a Object>Transform>Transform Again
O con el atajo Control + D en PC o Command + D en la Mac, :
tarjeta de presentacion 8

Así tendremos un set de 8 tarjetas en una hoja. Al final seleccionamos las líneas de corte de arriba y las arrastramos con Shift + Alt o Shift + Option, para duplicarlas en la parte de abajo:
tarjetas de presentacion 9

No se te olvide quitarle la línea de los rectángulos, solo te ayudó en el diseño, pero no se imprimirá. Desde ese set ya puedes cambiar la información de cada trabajador, así puedes determinar si una persona requiere más tarjetas, puedes tenerla repetida en esa hoja.

Con el mismo método obtenemos también la parte de atrás:
tarjeta de presentacion atras
Tal vez se sienta que son muchos pasos, pero en realidad cuando te acostumbras, lo haces en unos cuantos minutos.

learn list

The learn list is a super simple resource that aims to gather the best tutorial and book links from all over the web.

  • 2 Comments
  • Categoría: Tutoriales
  • Otra lista de recursos para Photoshop

    Directorios de Tutoriales para Photoshop
    Good Tutorials
    Pixel2Life
    PhotoshopTalent Tutorial Directory
    Photoshop Tutorials
    Tutorialized
    Tutorial Man
    Heathrowe
    Tutorial Park
    Tutorial Kit
    Total Tutorials

    Publicaciones de Tutoriales para Photoshop
    PhotoshopTalent Tutorials Section

    Talk Mania

    Tutorials Garden
    Photoshop Tutorials
    Photoshop Essentials
    jeDezigns
    xtro32
    Photoshop Monster
    Tutorial Wiz
    Time2Photoshop

    Adobe Tutorialz
    Your Photoshop Guide

    Bancos de Fotografías
    stock.xchng
    Image*After
    Stockvault
    FreePhotosBank
    FreePixels
    Morguefile
    NWYH Stock Images
    deviantART stock
    Stock Cache
    Free Images
    Best Brands Of The World
    Yotophoto
    Freephotostation
    Qualitagious
    Bigfoto
    Openphoto
    Pixel Perfect Digital
    A Digital Dreamer

    Patrones y Texturas
    Amazing Textures The Inspiration Gallery
    Mayang’s Textures
    Texturewarehouse
    Imagetemple

    Pinceles
    PS Brushes
    Photoshop Brushes

    Podcasts
    Understanding Adobe Photoshop
    The Russell Brown Show
    PixelPerfect
    The Photoshop Workbench
    Photoshop Quicktips
    Photoshop Online Video Podcast
    Photoshop Killer Tips
    NAPP TV
    The Little Photoshop Video Show
    Adobe Creative Suite Video Podcast

    Otros sitios acerca de Photoshop
    Photoshop TV

    Photoshop Lab
    Drawing lessons
    Go Media zine
    Depthcore
    Flickr

    Lista tomada de photoshop talent

    En este sitio nos muestran un tutorial para crear un logo al estilo Web 2.0, hecho con Photoshop:
    Logo al estilo web 2.0
    Create a Web 2.0 logo using Abobe Photoshop

    Y por otro lado nos presentan el efecto Web 2.0 de reflejo, hecho con Illustrator:
    efecto de Reflejo
    Create the web 2.0 reflection effect with Adobe Illustrator

  • 3 Comments
  • Categoría: Tutoriales
  • tutorial crear un poster
    Buen tutorial para crear un poster, el cual nos muestra desde la adquisición de fotografías, texturas, crear el trazado en Illustrator y llegando hasta las Tipografías.

    ACÁ ESTÁ EL TUTORIAL:
    Gigposter Design: The New Sex

  • 6 Comments
  • Categoría: Tutoriales
  • Tutorial por Luis Alarcón.

    convertirfoto de color a blanco y negro

    La fotografía en blanco y negro, que por mucho tiempo fue el medio fotográfico más usado, quedó poco a poco en desuso al hacer su aparición la fotografía en “Color” en la década del 30 del siglo pasado, dando paso a toda una revolución por el uso de la imagen. Kodak y Agfa, fueron los desarrolladores de esta maravilla.
    Una vez pasada a mejor vida, la técnica de la fotografía en Blanco y negro acaparó adeptos en el mundo del arte como medio de expresión en donde la imagen monocromática cobra vida y expresa ese detalle o atmósfera que la fotografía a color a veces no captura, además es un excelente instrumento de documentación: es memoria y es visualización; es crónica, es reflejo de situaciones humanas y en ocasiones es poesía, luz , es mensaje expresivo e interpretativo.

    Con la llegada de la fotografía digital se nos abre nuevas oportunidades para experimentar con la fotografía, Photoshop es un gran aliado para cambiar el aspecto de nuestras imágenes como por ejemplo quitarles el color y transformarla en esas románticas imágenes de antaño, la imagen blanco y negro no ha pasado de moda, por suerte Photoshop nos ayuda y nos ofrece seis formas distintas para transformar una imagen color en blanco y negro con su nueva versión CS3.

    1 Ajuste Black & White
    Bien por Adobe, por fin incluye una herramienta para hacer en forma directa el cambio de color a blanco y negro, además podemos trabajar los niveles de grises cambiando los distintos valores en combinaciones RGB y CMYK y por si esto fuera poco incluye una opción llamada “Tinta” para virar nuestras fotografías a algún tono que seleccionemos, por defecto ya viene marcado el tono sepia.
    Menú imagen > Ajustes > Blanco y Negro
    Image>Adjustment> Black & White
    ajuste

    2 Convertir a blanco y negro con modo de color
    Es la opción más simple y rápida. En el 3er menú del programa (Imagen) encuentras la opción “Modo”, sólo tienes que seleccionar “Escala de grises”.
    Menú imagen > Modo > Escala de grises
    Image>Mode> Grayscale
    grayscale

    3 Tono y saturación
    Este ajuste que nos permite ademas mejorar o cambiar el tono de nuestra imagen nos ofrece la segunda opción para cambiar nuestra imagen. Para hacerlo solo debes mover el control de saturación hacia el lado izquierdo (desaturar) de esa forma poco a poco le quitamos la información de color.
    Menú imagen > Ajustes > Tono y Saturación
    Image>Adjustment> Hue/Saturation
    tono y saturacion

    (more…)

    A petición de nuestro lector Gilberto Balderas les presento este tutorial para conocer el Duotono en Photoshop CS3 y el llamado Duotono falso que se ha utilizado por años, primero en PageMaker, luego en QuarkXpress y posteriormente en InDesign.

    Para crear el Duotono falso en InDesign o QuarkXpress guardaremos la imagen de escala de grises (modo Grayscale) en formato TIFF. Esa es la forma para poderla colorear desde estos programas de maquetación.
    En el caso del duotono creado desde Photoshop se guardará en formato EPS.

    Joanne Gair dutono 1

    Para uno en Photosop, a partir de una fotografía en escala de grises podemos obtener un duotono, tritono o cuadritono. Escogemos el modo de Duotono:
    duotono 2

    Dejamos el Black que viene por defecto, para que al llegar a InDesign o QuarkXpress sea el mismo que se encuentra en esos programas. Como segundo color escogeremos uno que nos produzca un tono cálido:
    duotono 3

    Lo más importante al crear un duotono en Photoshop es “saber” manipular las curvas del color, para que podamos escoger en donde queremos el tono del Pantone, en este caso el Negro lo queremos en las zonas oscuras, quitándolo de los tonos medios y claros que es donde estará el Pantone 102.
    Aquí vemos la curva del Negro:
    duotono 4

    El Pantone 102 lo queremos en los tonos claros y medios, pero no en las zonas oscuras:
    duotono 5

    Para finalizar puedes hacer que la imagen tenga el tono que desees, manipulando las curvas, pero ten cuidado, porque esta herramienta es muy delicada y cualquier cambio repentino en la curva te creará un efecto no deseado, por ejemplo aquí yo me fui muy al amarillo, pero si así lo deseas lo puedes dejar así.
    duotono 7

    Guardaremos esta versión de la imagen como Photoshop EPS, para que se puedan exportar los Pantones:
    duotono 8
    (more…)

    Muy buena aproximación a la ilustración con vectores.
    bocetoboceto a lapizvectoriales con illustratorarte vectorial

    From Sketch to Vector Illustration


    Comentarios Recientes:



    Archivos por Mes

  • 2008: e f m a m j j a s o n d
  • 2007: e f m a m j j a s o n d
  • 2006: e f m a m j j a s o n d
  • 2005: e f m a m j j a s o n d
  • 2004: e f m a m j j a s o n d

  • Creative Commons License
    Esta obra está bajo una licencia de Creative Commons.

    Add this blog to my Technorati Favorites!

    BloGalaxia

    TOP Bitacoras.com para Mxico


    vecindad 3 aniversario

    vecindad 3 aniversario

    Los invito a leer los Artículos del Pasado. Encontrarán infinidad de tópicos o ligas a diferentes lugares sobre Diseño Gráfico.
    Este no es un blog de "noticias de último minuto", se pretende que sea un punto de referencia en nuestra profesión.

    Si deseas recomendar una Noticia, un evento, concurso, un Sitio o aportar con un Artículo en este Blog, puedes avisarnos en el formulario de CONTACTO.

    Si tienes una pregunta específica o requieres un método de diseño visita los mejores foros de Diseño Gráfico
    foroN.jpg
    Foro de Diseño Gráfico
    Aumenta tu Cultura Visual


    Suscribirse al Foro RSS Feed

    En México Capacitación en Diseño Gráfico y clases con Adan Avelar, cursos de Diseño Web, Cursos de Diseño Editorial y Diplomado Multimedia:
    Recreo Digital
    recreo digital cursos y diplomados Web


    Eventos Activos

    Dile NO a TELCEL
    NELtelcel.com

    Concurso Los Leones No Son Como Los Pintan 2008

    Concurso Los Leones No Son Como Los Pintan 2008


    Posts muy interesantes del Pasado:
  • El sitio de Corona Beach
  • La obesidad es inversamente proporcional al grosor de la televisión
  • Banderas del mundo calificadas por su diseño
  • Guillermo del Toro y Hellboy II The Golden Army
  • Evolución de los productos y Fotografías de la Historia de Apple
  • Se preguntan si la pelea de Vacas en Suiza es algo cruel
  • Hay una humano en mi sopa
  • Podcasts de AIGA
  • Que viva la solidaridad del pueblo!!!!! temblor de 1985
  • Si todavía no tienes AdSense

  • Ligas Recomendadas


    Posts Favoritos del Público:

    Categorías

    Agencias, Estudios o Despachos (31) Alianzas y Estrategias (29) Alumbramiento y Creatividad (8) Animación (259) Arte (115) Arte del Vecino (1) Arte en Blogs (6) Autopromoción (3) Blog de la Semana (19) Blog del Año (1) Blogs (319) Bocetos (3) Bolsa de Trabajo (5) Capacitación Personal (4) Cine (237) Color (91) Comics (168) Como se hace (5) Comunicación con el Foro (13) Concursos y Eventos (115) Creatividad (115) Cultura General (107) Desarrollo Web (3) Diferentes Tipografías (8) Diseño Alternativo (27) Diseño de Escenarios (2) Diseño de Personajes (1) Diseño Editorial o Impreso (169) Diseño en la Comunidad (5) Diseño horriblemente malo (16) Diseño Industrial (133) Diseño Supremo (32) Diseño Web (260) Educación en el Diseño Gráfico (123) Empaque (1) Encuestas (1) Entrevistas (6) Estándares Web (234) Flash (51) Fotografía (287) Frase (6) Galería del Vecino (18) Historia y Personajes Diseño Gráfico (100) Iconos (3) Ilustración (250) infografía (6) Lenguaje Visual (4) Logos de Blogs (9) Logos del Diario (2) Logos y Marcas (261) Los Viajes Ilustran (6) Mac (197) Números visuales (2) Opinión Gráfica (2) Pensamiento Célebre (3) Pensamiento Visual (82) Podcast (1) Políticas del Diseño Gráfico (1) Posters (75) Pregunta del día (3) Preprensa (2) Principios de Diseño Gráfico (12) Producción Gráfica (3) Proyecto Bitácora Vecindad Gráfica (58) Proyecto Estudiantes o recién Egresados (1) Publicidad (726) Recomendación de Sitios (10) Recursos del Diseño Gráfico (200) referencias (4) scan del día (1) Sin Categoría (37) Tecnología (576) Tendencias en el Diseño Gráfico (5) Tesoro Creativo (1) Tip del Día (10) Tipografía (190) Tips de Illustrator (30) Tips de Photoshop (96) Tutoriales (73) Técnicas de Desarrollo en el Diseño Gráfico (5) Técnicas de Diseño Gráfico (3) Ventana Visual (107) Vida Diaria (12) Vida personal diseñística (77) Video (327) Visual del día (669)

    quiteloudFM rompiendo el silencio
    Programación de radio vía Internet con un punto de vista original

    PROMEDIA  Dirección General de Comercio Interior y Economía Digital Subsecretaría de Industria y Comercio Secretaría de Economía
    Programa de Desarrollo de la Industria de Medios Interactivos.