miércoles, 19 de marzo de 2014

farangullas creativas...

... hoy creo sección nueva...
... es una pequeña afición, que hace un tiempo empecé a desarrollar para la creación de carteles para la asociación y ahora con el blog estoy experimentando más...
... hace nada, cayó en mis manos la Guía de Pickmonkey hecha por Blanca de Personalización de blogs...
... ya os contaba que estaba probando a hacer cosillas y que las iria mostrando poco a poco...
... la historia es que el uso de Pickmonkey no dista mucho del uso de Gimp...
... y quien es Gimp? pues Gimp es un programa tipo "Photoshop" pero gratuíto (puedes descargarlo aqui)...
... a primera vista es complicado y laborioso, pero si cotilleas un poco por la red, su uso básico, es muy similar al de Pickmonkey...
... a donde voy con todo esta parrafada sin sentido? pues a que de vez en cuando intentaré hacer algún mini tutorial para poder aplicarlo en nuestos diseños...

... si recordais, hace un tiempo Carmen de Milowcost inició la iniciativa españa bonita...
... yo decidí participar y tenía claro que una de las cosas que quería mostrar era el nombre del lugar con unas letras con textura...
... para ello había utilizado un tutorial que había encontrado por la red, pero la imagen final no guarda la transparencia por lo que trasteando conseguí hacerlo bien y este es el resultado...

TUTORIAL DE GIMP: COMO APLICAR UNA TEXTURA EN UN TEXTO

... bien, pues mirando por ahí he encontrado la manera de hacerlo, y ahora paso a describiros...
... lo primero que necesitais es una imagen que os guste para hacer de textura...
... debe ser de buena calidad y si es en formato png mejor que mejor...
... en mi caso he utilizado esta...



 ... lo segundo es buscar una tipografía adecuada...
... tienes que tener en cuenta que si quieres que se vea la imagen debe ser de un grosor considerable...
...  si no os gusta ninguna de las que tiene vuestro ordenardor se serie, en dafont podrás encontrar montones de fuentes...

... ya podemos abrir el programa...
... nos vamos a Archivo - Nuevo...



... nos aparece una ventana como esta en la que marcaremos das dimensiones (al menos las mismas que la foto o más, y si no lo que sobre ya lo recortaremos)...
... y antes de aceptar, lo más importane es ir a opciones avanzadas y en el desplegable de rellenar con... escogemos transparencia...


... ahora abrimos la carpeta donde esta la imagen y la arrastramos sobre la ventana central y nos quedará tal que así...
... fíjate en la ventana de la derecha, en las capas, ahora tenemos dos: la base y la de la imagen...



... luego nos vamos al botón de texto, y trazamos un área para escribir sobre la imagen... 



... sobre el recuadro aparece un menú y en la venta izquierda también, donde podrás escoger la tipografía, tamaño, alienación...



... si lo que has hecho no te convence, selecciona el texto y edítalo con estos menús...


... Nota: si por un casual cambiamos de capa, para volver a la misma fíjate en la ventana de la derecha...
... con pinchar seleccionamos la capa sobre la que trabajamos (ojo, aparecen colocadas según su orden sobre la capa base)...

... una vez tenemos el tamaño, si no está en la zona que queremos texturizar, usamos la herramienta de mover (ojo, siempre sobre la capa de texto) y centramos el texto ...


... ahora nos vamos a la ventana derecha, y clickamos con el botón derecho sobre la capa de texto, en este caso "farangullas" y seleccionamos "alfa sección"...
... ahora el texto lo vereis así...


... ahora pinchamos sobre la imagen con el botón derecho y vamos a seleccionar - invertir...



... nos vamos a la ventana derecha y ahora pinchamos sobre la capa de la imagen...
... volvemos a la central y clickamos sobre la foto con el botón derecho y elegimos editar - cortar...
... y te quedará asi...


... borras la capa de texto y ya tienes la letras texturizadas...



... bien, pero nos queda blanco verdad?...
... para eliminarlo y que sea transparente nos vamos sobre la capa de imagen en la ventana de la derecha y clickamos con el boton derecho y seleccionamos añadir canal alfa...
... nos vamos a la imagen y botón derecho editar - cortar...
... nos quedan unas partes...
... vamos sobre la capa y botón derecho alfa selección...
... y en la imagen pinchamos sobre ellas y luego botón derecho editar - cortar hasta eliminarlas todas...




... ya está...
... nos vamos a las capas, pinchamos sobre una con el derecho y combinamos las capas visibles...


... la recortamos y lista para guardar (exportar, mejor dicho, para guardar la transparencia, recuerda, siempre formato png)...






... y el resultado es este...

... bueno, espero que os haya gustado este pequeño tutorial de gimp...

... y con ello podemos hacer cosas como estas, un freebie muy apropiado para esta época que os dejo para descargar...
...fondo de pantalla formato iphone 5, iphone 4 y otro para adaptar a otras medidas...



... ah, y si os surge alguna duda, preguntad...





4 comentarios:

  1. allaaa me molaaaa, voy a probar, que yo con los programas de diseño soy super negadaaaaaaa

    ResponderEliminar
    Respuestas
    1. pues te recomiendo usar este, que para estas cosillas es muy útil (yo tampoco se pa que funcionan la mitad de las cosas, jejejejj)

      Eliminar
  2. No conocía Gimp!!! voy a cotillearlo a ver....

    Besosss

    ResponderEliminar