- Видео 17
- Просмотров 366 205
Ernesto “Ebweb” Barrachina
Добавлен 13 мар 2015
Deformación de posición libre y relleno según contenido
Tercer vídeo dedicado a la herramienta de deformación de posición libre o Puppet Warp, en el que aprendemos a usar la malla de la herramienta de deformación de posición libre.
Puedes acceder a los demás vídeos desde estos enlaces:
ruclips.net/video/UMSgOFcawqA/видео.html
ruclips.net/video/awFpEKUb8Ro/видео.html
Pero mi recomendación es que te pases por el artículo original, donde repaso cómo usar la deformación de posición libre paso a paso:
ebweb.es/herramienta-de-deformacion-de-posicion-libre-photoshop/
Web: ebweb.es
Facebook: ebweb.es/
ebweb@ebweb.es
Puedes acceder a los demás vídeos desde estos enlaces:
ruclips.net/video/UMSgOFcawqA/видео.html
ruclips.net/video/awFpEKUb8Ro/видео.html
Pero mi recomendación es que te pases por el artículo original, donde repaso cómo usar la deformación de posición libre paso a paso:
ebweb.es/herramienta-de-deformacion-de-posicion-libre-photoshop/
Web: ebweb.es
Facebook: ebweb.es/
ebweb@ebweb.es
Просмотров: 417
Видео
Modificar sonrisa con Photoshop
Просмотров 14 тыс.6 лет назад
En este segundo vídeo del tutorial que encontrarás aquí: ebweb.es/herramienta-de-deformacion-de-posicion-libre-photoshop/ completamos con otro ejemplo las posibilidades de la deformación libre de Photoshop. Una herramienta que crea una malla visual con la que mover ciertas partes de una imagen sin alterar otras. Te cuento los trucos de la herramienta de deformación de posición libre, cómo funci...
Articular extremidades con la herramienta de deformación de posición libre de Photoshop
Просмотров 7 тыс.6 лет назад
Este vídeo es un complemento de un tutorial en el que aprendemos a cómo utilizar la herramienta de deformación de posición libre: ebweb.es/herramienta-de-deformacion-de-posicion-libre-photoshop Una herramienta que permite crear una malla visual con la que modificar ciertas partes de una imagen sin alterar otras. Puede servirte por ejemplo, para generar los fotogramas de un gif animado o de un v...
Diseño web con Bootstrap
Просмотров 7 тыс.6 лет назад
Te enseño a descargar Bootstrap y a conectar los archivos CSS y JS con una de sus demos HTML. Este vídeo pertenece al artículo de iniciación a Bootstrap: ebweb.es/diseno-web-con-bootstrap/ Web: ebweb.es Facebook: ebweb.es/ ebweb@ebweb.es
Cómo hacer un mockup con perspectiva
Просмотров 21 тыс.7 лет назад
Te enseño cómo crear diferentes tipos de mockups, como este en perspectiva, a partir de dos imágenes. Este vídeo complementa al tutorial "Qué es un mockup. Cómo usar y crear mockups" que encontrarás en: ebweb.es/como-usar-un-mockup/ Cómo diseñar mockups con Photoshop de forma fácil y sin ser experto. Te explico con detalle cada paso: desde cómo preparar la imagen de fondo, hasta crear los refle...
Cómo usar un mockup
Просмотров 21 тыс.7 лет назад
Vídeo que acompaña y complementa al tutorial sobre cómo usar un mock up: ¿Qué es un mockup? ¿Para qué sirve? ¿Cómo se usa? ¿Cómo se edita? ebweb.es/como-usar-un-mockup/ Aprende a manipular un mockup cuando lo has descargado y no sabes muy bien qué hacer con él. Tanto en el vídeo como en el tutorial de la web recorremos las capas que forman el archivo Photoshop del mockup descargado. Logramos co...
Cómo crear un PDF interactivo
Просмотров 290 тыс.7 лет назад
Este vídeo es complementario a un tutorial que encontrarás en ebweb.es/pdf-interactivo , en el que aprenderás a crear un PDF interactivo con un ejemplo práctico que consiste en la carta de un restaurante. Aunque normalmente los tutoriales de mi blog van enfocados al diseño web en Valencia o temas de diseño gráfico con Photoshop, esta vez he decidido tratar los PDF interactivos o dinámicos. A pe...
Cómo crear un mock up
Просмотров 3,4 тыс.7 лет назад
Te enseño cómo crear un mock up a partir de dos imágenes para que puedas usarlo en la presentación de tu proyecto de diseño web o diseño gráfico. Diseña mock ups con Photoshop fácilmente. Este vídeo complementa al tutorial "Qué es un mockup. Cómo usar y crear mockups" que encontrarás en: ebweb.es/como-usar-un-mockup/ En él te explico como crear un mock up que simule una web vista desde un teléf...
Cómo crear un tema hijo de WordPress
Просмотров 1737 лет назад
Vídeo que acompaña al tutorial ¿Cómo crear un tema hijo de WordPress? en el blog ebweb.es/tema-hijo-de-wordpress Los temas hijos de WordPress evitan que al actualizarlo se sobre escriban las modificaciones en el código personalizado. Web: ebweb.es Facebook: ebweb.es/ ebweb@ebweb.es
Animatronic
Просмотров 3578 лет назад
Animatronic con movimiento de cabeza completo (cuello, mandíbula y ojos) a radiocontrol. En EBWEB no siempre nos hemos dedicado al desarrollo web y al diseño gráfico ;) Web: ebweb.es Facebook: ebweb.es/ ebweb@ebweb.es
Cráneo 3D Max
Просмотров 7128 лет назад
Prueba de modelado y animación en 3D MAX, como parte del trabajo de diseño gráfico y desarrollo web en EBWEB Web: ebweb.es Facebook: ebweb.es/ Contacto: ebweb@ebweb.es
Transformar un PDF online
Просмотров 988 лет назад
Vídeo complementario y perteneciente al tutorial sobre la herramienta smallpdf que puedes ver en este enlace: ebweb.es/archivos-pdf/ Web: ebweb.es Facebook: ebweb.es/ ebweb@ebweb.es
Google fonts
Просмотров 2538 лет назад
Este vídeo es un complemento al tutorial para la descarga de Google Fonts a tu ordenador, que puedes encontrar en este enlace: ebweb.es/descargar-google-fonts/ Web: www.ebweb.es Facebook: ebweb.es/ ebweb@ebweb.es
Adaptar una imagen para web
Просмотров 5778 лет назад
Si no quieres quedarte atrás con la optimización de tus imágenes, puedes descargar un curso completamente gratuito desde el siguiente enlace: ebweb.es/curso-de-photoshop-para-wordpress/ Web: www.ebweb.es Facebook: ebweb.es/ ebweb@ebweb.es
Subida de imágenes a WordPress
Просмотров 1358 лет назад
Vídeo perteneciente al artículo para principiantes sobre cómo subir imágenes a WordPress ebweb.es/subir-una-imagen-a-wordpress/ Web: ebweb.es Facebook: ebweb.es/ ebweb@ebweb.es
Gracias, buen dato!!!
Muchas gracias! Después de visitar varios tutoriales, este el mejor explicado sin duda. Lo he conseguido a la primera.
Muchisimas gracias por este tutorial era justo lo que andaba buscando!
¡Gracias por esto!
Ya cuentas con un nuevo suscriptor
Excelente video maestro saludos desde Perú
que majo eres tio definitivamente gracias por compartir este tipo de conocimientos
Me he suscrito porque despues de ver otros cuatro o cinco videos como este el que mejor lo ha explicado has sido tú con diferencia. Echaré un vistazo a tus videos. gracias
muy bien explicado!!! gracias
Muchas gracias! Por tu clara y paciente explicación, pude hacer mi primer mockup!
una huevada
maestro gracias.. por el tutorial
¡Gracias me servirá para mi proyecto!
Aguante barrachina!
Muchas gracias por el video!
Buenísimo!!! Muy agradecida.
Excelente video.
hola, que bien explicas, intentare hacerlo gracias
Hola Fabiola, Muchas gracias!!!
🇨🇴🇨🇴🇨🇴Maravilloso, hermano necesito hacerlo con muñequitos. Muchísimas gracias. Por favor .Colombiano marzo 2020.👉🏼👈🏼❤️
Hola The Spanish Coach, lamento decirte que si lo que quieres es una "animación al uso", este no es el programa ;)
Hola Ernesto, disculpa se puede crear una app para la play store
Hola ASMR SKY , Para eso tendrás que recurrir a Digital Publishing Suite.
Hola Ernesto, saludos desde Costa Rica. Se puede crear un link a una página externa dentro de Indesign?
Hola Marvin, disculpa el retraso en la respuesta. Claro que sí!!! En la ruta: Ventana > Interactivo > Hipervínculos.
Hola, quicera saber como hacer cuando quiero trabajar el menú en todas las páginas con una página maestra.
Hola Maik, si usas una página maestra, lo más seguro que tengas que desbloquear los elementos del menú para poder asignarles los destinos independientemente. La verdad es que no lo he probado.
una consulta, cómo me aseguro que se pueda ver bien tanto en android como en Iphone?
Hola Quique, no te va a funcionar como esperas ni en Android ni en iPhone. Es de lo primero que leerás en el post que acompaña a vídeo.
@@ernestobarrachina2651 hola, gracias por la respuesta, pero haciendo un archivo de 1080 x 1920,si se ve tanto en Android como en IPhone, y para que funcionen los hipervinculos lo veo desde Adobe Acrobat Reader en el celular y funciona muy bien. Muchas gracias gracias de todas formas.
Quique Monteagudo Yo he probado con colocar en "Evento" : "Al liberar o tocar", y me ha funcionado. El documento se abre en android con visor de pdf. saludos
Hola podria hacer lo mismo pero en vez de imagenes estaticas con videos cortos? como seria? gracias y buen video
Hola Diego, Sí que se puede, pero es bastante largo de explicar. Sería necesario otro tutorial ;)
Excelente!
Muchas gracias Vicente!!!
Hola, con este programa puedo crear un Manual de procedimientos?
Claro, es el programa ideal para eso. Pero si no te quieres complicar, también puedes usar PowerPoint, que te resultará más simple.
segui al pie de la letra 4 hojas nadamas y el preview si se ve el salto a las paginas pero cuando exporto, simplemente se ve el sombreado cuando paso el cursor por los textos pero no hace la función de llevarte a la pagina deseada. sera alguna activación en mi indesing o em mi mac? gracias!
Hola Santiago, si has seguido al pie de la letra las instrucciones debería funcionar. Si es una configuración de inDesig o de Mac, habría que comprobarlo. Pero lo dudo mucho. Me decanto por que sea que has pasado algún detalle por alto. Sin ver el archivo (que no va a ser posible) no puedo darte más información. Lo siento.
Buenas tardes amigo, tengo esta duda, cuando hago mi Previsualización Indesing me aparece perfectamente la interacción de botones y ventanas, cuando lo guardo como PDF interactivo y quiero abrir el archivo en mi Acrobat y le pongo Previsualización no hace la interacción del botón y ventanas, a que podrá deberse si en el preview EPUB me aparece que esta bien el ejercicio. saludos, muchas gracias!
Hola Sergio, la previsualización en la que debes basarte es la SWF, esto no es un EPUB. Revisa cada elemento porque todo apunta a que has omitido algún paso. En este ejemplo se muestra lo más básico de los PDF interactivos. Si sigues los pasos siempre funciona.
De verdad es exactamente lo que buscaba para realizar presentaciones, es una solución con adobe ID, pero no fue fácil conseguirlo. Gracias!!!
Muchas gracias Pablo ;)
Gracias y subi mas video tutorial y espero que youtube te premie
Gracias Jesús, aquí no premian a nadie jajajaja.
Hola, excelente, gracias por compartir, yo deseo hacer los mismo pero que la refencia que es un texto me salga resaltada de un color el texto o como resaltador, como podria hacer. Ejemplo, presiono la imagen y me lleva a un texto resaltado en color rojo
Hola Juan, siento no entender bien la pregunta. Prueba a formularla de otra forma. Muchas gracias
@@ernestobarrachina2651 ejemplo, en archivo pdf tengo una imagen, que quiero que al hacer clip sobre ella me remita a un texto en otra página y que al mismo tiempo lo resalte bien sea en letras de otro color o como un resaltador o marca de subrayado. Y gracias por responder. Bueno post y excelente su página web. Saludos desde Venezuela
Hola Juan, gracias por el piropo ;) Tú lo que quieres es que parezca una página web!!! Hasta donde yo sé, eso no es posible en un PDF interactivo tal cual. Para ir a un texto en concreto hay que crear una "tabla de contenidos", pero no podrás cambiar el texto de color ni resaltarlo por efecto del clic. InDesign tiene sus límites. No obstante tienes herramientas como Adobe XD para crear prototipos.
Pues creo que solo debes cambiar el texto destino a color rojo.
Hola de nuevo Juan, gracias por los piropos. Si quieres que el destino esté coloreado, debes colorearlo previamente. InDesign no lo va a colorear por ti al hacer de destino. No sé si me explico ;)
como exportarlo de photoshop sin que se baje la calidad como hago ? o es el formado del otro programa
Hola Under Soul, seguramente lo has exportado bien, lo que pasa es que "para ahorrar recursos" inDesign te muestra las imágenes a menor calidad. Para verlo en la resolución real debes acudir al menú superior VER > RENDIMIENTO DE VISUALIZACIÓN > VISUALIZACIÓN DE ALTA CALIDAD. Si no lo ves bien así, estás usando una imagen de muy poca calidad o demasiado pequeña para el tamaño del archivo inDesign.
Me surgió un inconveniente. Seguí los pasos del video al pie de la letra, pero ya a la hora de exportarlo y probarlo, tres de siete botones no están funcionando. No sé que error pude haber cometido
Hola Valeria, es difícil diagnosticar tu problema desde aquí. Si te funcionan 3 botones deberían funcionar los 7. Puede que hayas cometido un error en el 4º botón, y si has clonado algún elemento, hayas arrastrado el error con él. Para evitar ese tipo de sustos lo que hago son "exportaciones parciales de control" conforme voy creando elementos interactivos. Así en cuanto cometo un error lo detecto.
@@ernestobarrachina2651 Muchas gracias por responder! Creo que el problema está en los tres marcadores que no funcionan, no en el botón en sí, porque intenté dirigiéndolos a otro destino (que no era el suyo propiamente) y sí funcionó. No sé que hará que esto no esté funcionando, ya borré los tres marcadores y los volví a hacer del todo, y aún así todo sigue igual
Hola Valeria. Si sigues los pasos exactamente funcionará. Siempre hay un error humano de por medio ;)
hola bro espero me contestes. Tengo un gran problema y es que cuando exporto en pdf interactivo la calidad sale muy horrenda y eh probado de todo. Y cuando lo exporto en PDF para imprimir, aparece bien nítido. Necesito tu ayuda por favor!
Hola Carlos. Cuando te sale el panel de configuración del PDF interactivo, después de "Exportar > Adobe PDF (interactivo)" , en la ventana emergente verás una sección dedicada a las imágenes "Administración de imágenes", Desde ella, asignas la compresión y la resolución de salida. Puede que probando con "compresión sin pérdida", subiendo la "calidad JPG" o la resolución soluciones tu problema.
De verdad muchas gracias 💜 Te mereces tu like
Muchas gracias a ti por tu tiempo Estefanía!!!!!
Hola, tengo una duda. Yo estoy haciendo el diseño de una página web en indesign, la pagina web es bastante alta, y en la cabecera tiene los típicos botones de quienes somos, que ofrecemos, tienda y etc.. Y quiero que esos botones al pulsarlos me vayan directamente a las secciones que se encuentran en esa misma página del documento, pero un poco mas abajo. Habría alguna forma de hacerlo? Un saludo.
Hola María, supongo que igual que en las páginas web reales. En una web puedes asignar un ID para apuntar con el anchor text a cualquier elemento, por ejemplo a un div transparente. En indesign haría lo mismo. Crearía un texto transparente o del color de fondo colocado en el punto exacto.
@@ernestobarrachina2651 Hola, lo intenté hacer con los botones e hipervínculos pero no me funcionaba. Yo una caja de texto en la que tengo puesta Tienda, la convierto en botón, y la sección de tienda que tiene un rectángulo de color de otro color lo convierto en destino de hipervínculo. Pero al indicar que el botón me lleve a esa sección, que repito está en la misma página al igual que muchas páginas webs, como por ejemplo la del juego preguntados, no me lleva y se me queda en el mismo lugar. Pero en cambio entre otras páginas si me funcionan los botones. Ah tengo el indesign cc, creo que el primero que salió. Un saludo.
Hola María, creo en ese caso deberías usar una "tabla de contenidos", pero no sé hasta qué punto podrás darle aspecto de menú de navegación en horizontal. InDesign tiene sus límites!!!! No obstante tienes herramientas como Adobe XD para crear prototipos.
Gracias, me sirvio mucho!
Me alegro mucho Perla. Gracias por el comentario ;)
Gracias por tus tres tutoriales sobre la interesante herramienta de deformación de posición libre, podrias hacer un tutorial aplicando el movimiento creado con esta herramienta para crear un gif. Por ejemplo un gif de cambio de gesto en la boca de sonrisa a no sonrisa.
Hola Aditarna, perdona el retraso en contestar pero he estado bastante ocupado. Me encantaría hacer un tutorial del tipo que indicas, pero ya imaginarás que lo prioritario es el trabajo. Si encuentro el momento así lo haré.
Gracias @@ernestobarrachina2651
Puedo crear un manual interactivo en 3d? Ejemplo un instructivo de armado
Hola Francisco. No creo que inDesign sea la herramienta más adecuada para hacer algo en 3D
¿Por qué al dar doble click en el objetivo inteligente para modificarlo me aparece el objeto con el color en perspectiva y no de frente?
Hola Sam. Perdona el retraso en la respuesta. Seguramente será porque primero lo has deformado y luego lo has convertido en objeto inteligente. Crea el objeto y luego conviértelo en objeto inteligente. Así "recordará" las transformaciones aplicadas.
este pdf interactivo su extension de archivo es dps para ver en adobe viewer? saludos
Hola David. Te pido disculpas como a los demás por no estar pendiente de la cuenta. No. Su extensión es PDF, pero interactivo.
Excelente tutorial... gracias...
Gracias a ti por la visita Enders ;)
cual es alt y retroceso ? saludos
Hola Fernando. Perdona la demora en la respuesta. La tecla ALT, en Windows, está a la izquierda, junto a la barra espaciadora. La tecla retroceso está indicada como tal o como Backspace. Suele estar encima del Enter.
jajajajjajajaa este comentario me salvó la vida
Hola, buen tutorial! Pero tengo una pregunta, cómo seria la configuración para que funcione en los celulares?
Hola Asuka. Disculpa haber tardado tanto en responder. Se me ha pasado revisar los comentarios. Como digo en el artículo de mi web, adjunto al vídeo, los PDF interactivos funcionan "según en qué tipo de dispositivos se reproduzcan". Y no hay garantía de que funcionen correctamente en un dispositivo móvil. Es una lástima. No es por la configuración del PDF interactivo, sino por el reproductor. Aunque utilices Acrobat Reader , no tiene por qué funcionar bien.
hola Asuka, pudiste hacerlo para celulares?
jajajaja te falto poner el boton de regresar de pagina (por x o y motivo) entonces facil dices que es un reto jejeje, broma, buen tutorial, excelente trabajo.
Creo que poner el botón de regresar al menú ya era algo excesivo Área 51 Audiovisuales. Gracias por tu comentario ;)
El mejor, GRACIAS!
Muchas gracias Carlos. Se hace lo que se puede ;)
Hola, muchas gracias! una pregunta si quiero exportar de manera que no me deje pasar de una página a otra con las flechas, porque quiero un efecto de página web como hay que exportarlo?
Hola Cristina, si te refieres a las flechas de Adobe Reader, hasta donde yo se, no es posible. Para eso hay que recurrir a Adobe XD, del que no te puedo ofrecer más información porque nunca lo he usado, aunque sí lo he visto en funcionamiento. Es una herramienta que sirve precisamente para eso (que creo) que buscas. Pertenece a la plataforma CC y de momento es gratuita. Siento no poder ser más conciso.
Ernesto Barrachina aaah vale genial! Muchas gracias!
Excelente!!! Un video que va directo al contenido
Muchas gracias Kevin!!!!!
Hola! gracias por este gran video! tengo una duda, si envío este pdf interactivo por correo ¿Queda con esos efectos?
Hola Elizabeth, perdona la demora en la respuesta. He estado desconectado por unos días. ¡Claro que sí! Otra cosa es que se abra desde un dispositivo móvil, que en ese caso no te garantizo un correcto funcionamiento. No por el PDF, sino por el dispositivo.
@@ernestobarrachina2651 gracias por sus respuestas sobre el funcionamiento de los botones en los dispositivos moviles
increible herramienta
Me alegro de que te haya gustado ;)