Tutorial: Crea un recortable con cualquier imagen
9 jun 2009
Ayer estuve investigando la forma de crear un recortable (ponerle unos bordes recortables a una imagen) con algún editor de imágenes como Photoshop, Illustrator o Fireworks. Lo único que encontré fue un tutorial para Illustrator que no conseguí hacer funcionar. Tocaba investigar. Después de un ratillo jugando a “prueba y error” obtuve un resultado bastante satisfactorio. Aquí tienen un pequeño tutorial de cómo crear un recortable con Fireworks.
- Abre la imagen que quieras convertir en un recortable con Fireworks, en mi caso la mascota de PisitoenMadrid.
- Utiliza la “varita mágica” para seleccionar todo el fondo y a continuación pincha en Seleccionar-> Seleccionar inverso. Tendrás seleccionado sólo lo que quieres hacer recortable.
- Vete a Seleccionar-> Expandir Recuadro. Esto hará que la selección se amplíe un número de píxeles, dibujando un contorno fuera de la imagen. Introduce, por ejemplo, 14px.
- Pincha en Seleccionar->Convertir recuadro en trazado. Esto convertirá el contorno en un trazado muy fino y continuo.
- Cambia la herramienta “varita mágica” por la herramienta de “seleccion” (flechita negra). Selecciona el trazado y en el menú inferior cambia el fondo a trasparente, el color de línea a gris oscuro, el grosor de la misma a 3 y el trazado a Línea discontinua-> Guión básico.
- Finalmente dirígete a Word o Pages (u Open Office) para insertar un símbolo. Selecciona la fuente Wingdings, e inserta el cuarto o quinto símbolo que es una tijera cortada. Cambia el tamaño de la fuente por una bastante grande (dependiendo del tamaño de la imagen), y copia y pega el símbolo en Fireworks. Sólo tendrás que ubicarla donde quieras y listo, ¡tendrás un recortable!
Aunque el tutorial es específico para Fireworks, en Photoshop y editores similares se puede hacer de la misma forma ya que todos tienen la herramienta “varita mágica”. ¡Espero que les sea útil!
Pues lo intentaré y luego te comentaré mi experiencia
Gracias
David, hasta el punto 3 si problema en Fireworks, pero el 4… no encuentro la opción “Convertir recuadro en trazado” por ningún lado
Qué raro… Está en el menú Seleccionar, al final casi. También puedes pinchar con la varita mágica con el botón derecho encima de la selección y Modificar Recuadro -> Convertir en trazado.
Yo tengo el Fireworks CS4, no sé si cambiará con otra versión…
Pues sí, es algo nuevo del CS4 porque yo tengo el MX y no hay rastro de eso
Por cierto, el plugin que tienes que te informa del SO y navegador del comentarista es una mojona de a kilo, ¿pues no dice que escribo desde Mac OS X on SAfari cuando lo estoy haciendo desde Windows XP con Chrome?
Vaya, qué rabia… Puede que esté en otro lado, dudo mucho que sea algo nuevo. Busca algo relacionado con trazado.
Ya, lo del plugin es un show. Como el Chrome usa el motor del Safari para funcionar se hace la picha un lío
Creo que es un programa que no he abierto nunca….
Pero nunca está de más empezar. Asi que el día que necesite hacer algo parecido…
Carpe Diem
Al ver este tutorial me he acordado de uno que tenía yo preparado para colgar y que seguro que te gustara. Es uno para realizar una pegatina con tu logo o en tu caso mascota. Lo he resumido de un tutorial que encontre por ahí en ingles, a ver que te parece. Un saludo!
Mi tutorial en http://www.micajaverde.wordpres.com
Parece sencillo. Lo probaré un día de estos en Photoshop.
Estoy intentandolo con GIMP, pero no consigo realizar los pasos 4 y 5. Si alguien sabe como se hace, por favor, que lo comente. Gracias.
Lo que me tiene intrigado cada vez que entro en tu blog es cómo has puesto tu logo con el Te comento… ¿comentas?… soy muy piijotero y quiero algo así para el mío, jejeje
Muy práctico para los que tenemos enanos en casa
no vale para nada jajajajajajajaja