Mostrando entradas con la etiqueta tutorial. Mostrar todas las entradas
Mostrando entradas con la etiqueta tutorial. Mostrar todas las entradas

miércoles, 21 de mayo de 2014

farangullas creativas...

... hoy, en una nueva edición de farangullas creativas (sigo pendiente de las del mes de abril pero aún no reconfiguré la impresora), presento un mini tutorial de edición de fotos, con el efecto tilt-shift, también conocido como efecto maqueta...
... si ese de la gotita de instagram...
... pero en plan "pro", hecho con GIMP, del que ya os hable las últimas creativas...
... es un tutorial completo, pero fácil de seguir, así que ahí vamos...

... para un buen resultado debemos escoger bien la foto, pues de ello dependerá que se parezca más o menos a una maqueta...
... una vista de pájaro, desde un mirador, una ciudad sobre una ladera... pueden ser buenas fotografías para convertir a maqueta...

.... para este ejemplo voy a usar una foto de Cudillero que os mostraba en el último post de españa bonita...


... 1. abrimos el programa y abrimos nuestra imagen (Archivo > Abrir > Buscamos nuestra foto)...

... 2. lo primero que debemos hacer es duplicar la capa principal (Fondo) situada en el menú de nuestra derecha clicando con el botón derecho, seleccionamos duplicar capa y nos aparecerá una nueva (Copia de fondo)...


... 3. a la capa "Copia de fondo" de vamos a aplicar un desenfoque (esto quiere decir que la capa que debe estar seleccionada es "Copia de fondo"), así que nos vamos al menú superior a Flitros > Desenfoque (Blur) > Desenfoque gaussiano...


... 4. nos sale el siguiente menú donde modificamos el radio de desenfoque como mínimo a 15 pixels...


... y ahora verá la imagen totalmente borrosa y desenfocada, tal que así...


... 5. añadimos una máscara de capa, sobre la capa "Copia de fondo"...


... para ello clickamos con el botón derecho sobre ella y seleccionamos Máscara de capa y añadimos Blanco (valor por defecto)...
... en el menú derecho, al lado de la imagen de "Copia de fondo" deberá ver un rectángulo de color blanco...


... 6. seleccionamos la herramienta de mezcla del menú izquierdo y modificamos su forma a bilineal...


.... 7. ahora viene lo laborioso, debes escoger que zona desear ver nítida, siempre desde el centro de la imagen...
... en este caso, quiero ver las eficaciones más nítidas por lo que pincho (en el centro) cerca de las casas más altas y arrastro hasta cerca del acceso del puerto (trazo en vertical) y me sacará una franja horizontal más nítida y es posible que no quede nítido todo lo que yo quiero...


... puedo hacer y deshacer hasta conseguir aproximarlo más pero no os preocupeis porque lo solucionamos en el siguiente paso...
... (por cierto, si deseais que la franja nítida sea en vertical, el trazado de los dos puntos debe ser en horizontal)...


... 8. cogemos el aerógrafo del menú izquierdo para definir las partes que nos quedaron difuminadas (podemos aumentar el diámetro del pincel si es preciso)...


... finalizado el proceso, en la máscara (aquel rectángulo blanco del que os hable en el punto 5 mostrará una franja difuminada en negro y un pegote negro, que se corresponde con los pasos 7 y 8, tal que así...


... 9. cambiamos de capa y seleccionamos "Fondo" a la que le aplicaremos un filtro...
... en el menú superior, Filtro > Realzar (Enhance) > Máscara de desenfoque, marcamos los valores por defecto que hará que la imagen realce un poco...


... 10. ahora ya podemos aplanar la imagen, clickando sobre una de las capas con el botón derecho seleccionamos Aplanar imagen...


... 11. para darle un toquecillo más de maqueta, ajustamos los colores en el menú superior...


... Colores > Tono Saturación y aumentamos la saturación entorno al 45...


... 12. y por último, vamos a jugar con las curvas, también en el menú superior...
... Colores > Curvas...


... en el menú vereis un segmento desde la esquina inferior izquierda a la superior derecha en el que debeis desplazar (en horizontal) sus extremos hacia el centro, tal que así...


... 13. y este es el resultado...


... os gusta?...

viernes, 11 de abril de 2014

farangullas de inspiración...

... aprovechando los últimos coletazos del invierno, la inspiración de hoy aún toca un poco abrigada...
... las próximas prometo que serán más veraniegas...

1 / 2 / 3


4 / 5 / 6


7 / 8 / 9





viernes, 21 de marzo de 2014

farangullas caseras...

... como no todo van a ser diy de ropa o complementos, hoy nos atrevemos con pequeños diy para casa...
... por eso de darle un aire distinto y diferente a un rinconcito...

1 / 2 / 3


4 / 5 / 6



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...





lunes, 17 de marzo de 2014

farangullas de inspiración...

... hoy toca bolsos, de mano, como a mi me gustan...

1 / 2 / 3


4 / 5 / 6


... el tercero ya lo he hecho, y me encanta!!!...
... que os parece?...




miércoles, 26 de febrero de 2014

farangullas boho...

... que bonitos son las melenas recogidas en trenzas, cuidadas o descuidadas...
... los moños desordenados o simplemente las ondas naturales...
... asi que aquí unas propuestas...

1 / 2 / 3


4 / 5 / 6