RSS
  • Inicio
  • Sobre Mi
  • Blogger Invitado
  • Suscribirse a Lo Globalizo
  • Contacto

Mostrando entradas con la etiqueta Diseño. Mostrar todas las entradas
Mostrando entradas con la etiqueta Diseño. Mostrar todas las entradas

Crear Cajas en 3D con Quick 3D Cover 1.5

by Francisco | 4 comentarios
Si bien hay muchas maneras de crear Cajas en 3D, para los que estamos flojos en los programas de diseño, esta es la mejor opción. Basta con que tengamos a mano la portada y a lo sumo algun lateral y la creamos en cuestión de segundos.

Este programa te permite crear imágenes tridimencionales, como por ejemplo:
  • Cajas en 3D
  • Cajas de DVD en 3D
  • Cajas de CD en 3D
  • Libros en 3D
  • Carpetas en 3D
Y muchas cosas más, veamos un ejemplo de como quedaría la realización de una Caja de DVD en 3D de la película de AVATAR y despues un breve tutorial de como lograrlo ok. 



[1] Descarguen Quick 3D Cover 1,5 Portable. (Para los vagos se descarga rapidísimo, es muy liviando).

[2] Una vez descargado el programa lo ejecutamos y en la parte superior elejimos el diseño (DVD, CD, Libro, Caja, etc).

En este ejemplo vamos a armar un modelo de DVD G9 como te muestra la siguiente imágen.


[3] Ahora, teniendo previamente la imágen a colocar, seleccionamos donde dice "Front" y localizamos la imágen a subir en nuestra PC como te muestra esta nueva imágen.


[4] Lo siguiente sería preparar la imágen que va en el CD, con lo cual deberíamos deslizar la barra hasta localizar el "DISC" y realizar lo mismo para la imágen del CD, como te muestro en esta otra imágen de ejemplo.


[5] Ya estaríamos en condiciones de guardar nuestra Caja de DVD en 3D, debemos seleccionar el "Save Picture" que se encuentra en la parte superior y editar algunos campos que te explico a continuación.



  • Format: El formato en cual queremos guardar nuestra imágen, recomiendo PNG.
  • Transparency: Es para que el fondo de la imágen sea transparente o no.
  • Resolution: La resolusión de nuestra imágen, en este caso deben ser iguales.
Y listo, de esta manera podemos crear cualquier imágen tridimensional y obtener una excelente presentación en nuestros artículos, espero le haya gustado y ante cualquier duda me dejan sus comentarios.

Diseño


Eliminar el Suscribirse a Entradas Atom

by Francisco | 0 comentarios
Bueno una forma de darle a nuestro Blog un aspecto un poco más elegante o aspecto de Página Web, es poder elminar algunas cosas que no son tan necesarias o que podemos mejorarlas de otra forma. Por ej: "Suscribirse a Entradas Atom", ya es practicamente antiguo dado que podemos ofrecer suscripciones de otra manera más llamativa.


Lo primero que debemos hacer es ir a Diseño | Edición de HTML y con los artilugios expandidos localizamos este código.

<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>

Solamente debes borrar lo que está en negrita, de esa manera estaremos "Eliminando el Suscribirse a Entradas Atom".

Diseño, Feedburner/RSS


Como hacer un Gif Animado con GifSoup

by Francisco | 3 comentarios
GIFSOUP es un intercambio de servicio que permite crear fácilmente Gifs Animados de los Vídeos de YouTube y poder compartirlos en tus Redes Sociales preferidas, como Myspace, Facebook, blogs, etc.

Te muestro un ejemplo que hice yo para que veas de que se trata y luego te explico como realizarlo ok.

Es de muy fácil uso y en pocos pasos tendrás tu GIF Animado. Antes de comenzar debes elegir un Video de Youtube para la preparación del Gif Animado a crear. Te explico como se hace:

[1] Ingresamos en GifSoup, y debemos registrarnos para poder continuar.

[2] Una vez registrados, copiamos la URL del Video de Youtube y le damos "Create Gif" como te muestro en la figura.

[3] Bien en este paso lo que debemos hacer es reproducir el video hasta que veamos cual sería la mejor parte para realizar el Gif Animado, es decir, desde donde queremos que comienze hasta donde queremos que termine. 



Basta con que hagas clic en "Start Time" cuando quieras que comienze y "End Time" cuando quieras que finalice, luego si quieres ver como quedó dale en "Play Sequence", en caso de que no te haya gustado lo vuelves a editar.

Los demás campos te los explico de a uno por si queda alguna duda ok:
  • Category: Selecciona la Categoría en la cual se adapte tu nuevo Gif Animado.
  • Title: Colócale un título.
  • Private: Si quieres que sea propio o para compartir.
  • Star y End Time: Ya quedarán editados si lo hiciste arriba.
  • Add Tags: Los Tags son palabras claves que lograrán que encuentren tu Gif Animado en caso de que alguien realice una búsqueda. Debes separar las palabras con una coma.
Una vez editados todos los campos le das "Preview", si todo está ok luego en "Finish".

[4] Bien una vez que diste en "Finish" te prepara el Gif Animado y te brinda todos los códigos para que lo puedas compartir como te muestra la siguiente imágen.

Nota: Puedes haces clic en el Gif Animado para guardarlo en tu PC también. ¿Qué les pareció este tutorial?

Diseño, Trucos Youtube


Pasar un PDF a Libro Digital con Flash

by Francisco | 23 comentarios
Convertir un archivo PDF en un libro o revista digital es una de las formas más buscadas para promocionar un documento, ésto le da una excelente presentación gracias a la utilización de Flash.

Imagina que es como si estuvieras viendo una revista o un libro en tu mano, a diferencia de que lo ves en tu PC y el pasar de hoja en hoja se realiza con el cursor del mouse, muy bueno ¿no?!!


Tutorial Paso a Paso de como Pasar un PDF a Libro Digital con Flash

Antes de comenzar el requerimiento es que ya tengas un documento en PDF ok. 

[1] Ingresamos a Codebox, en la parte inferior derecha ingresamos donde dice "PDF to Flash Page Flipper".

[2] Luego hacemos clic en donde dice "Attach a File" para subir nuestro documento PDF como te muestra el marco rojo en la figura de abajo.


[3] Una vez que se cargó todo el documento, editamos los siguientes campos a nuestro gusto, te los explico uno a uno a continuación.
  • Page With: Es el ancho de la página.
  • Page Heigth: Es la altura de la página.
  • Zoom Factor: Que tan grande el lector podrá ver el documento sin distorción.
  • Preset: Que tipo de formato se realizará la presentación.
  • Number of Pages: La cantidad de páginas del PDF, no lo edites si lo detecta automáticamente el programa.
En interface options puedes editar lo siguiente;
  • Interface Languaje: Es el idioma de los botones y las opciones de la página donde se verá tu libro o revista digital.
  • Panel Color: El color del panel.
  • Button Color: El color de los botones.
  • Hard Cover: Si quieres la primera y la última página como tapas duras.
  • Text Color: Color del texto.
  • Background color: Color del Fondo.
Una vez finalizado le damos "Start Conversion>>" para que empieze a realizar la conversión del documento PDF a un Libro Digital.

[4] Una vez que realiza la conversión del PDF guarda el archivo en alguna carpeta en tu PC y descomprime el archivo que dice "pageFlip.zip". 

Debes tener en cuenta que tu presentación se visualiza en una nueva Página Web, es decir, de todos los archivos que se descargan del "pageFlip.zip" debes hacer clic en la que dice "index.html" para visualizar tu revista o libro como te muestra la siguiente imágen.


Eso sería todo, ya tendrías tu Libro Digital en presentación asombrosa. Y como siempre tus dudas son bienvenidas, solo dejame tu inquietud y te iré asesorando ok. Saludos!

Diseño, Flash


Cursos de Diseño Web Online

by Francisco | 0 comentarios
"El que busca siempre encuentra" dicen por ahí ¿no?, como siempre navegando e investigando me encontré con esta web que ofrece hacer cursos de Diseño Web de manera Online.


Te comento los cursos que ofrece:

Para Programación:
  • Symfomy, la guía definitiva.
  • Introducción a AJAX.
  • Introducción a Javascrip.
Para Diseño Web:
  • Introducción a CSS.
  • Introducción a XHTML.
  • Referencia de CSS 2.1
  • CSS Avanzado.
Son cursos bastante completos para los que estámos comenzando en el mundo de la Creación de Páginas Web y lo bueno es que este material es gratuito y libre de uso.
Podés acceder a la página siguiendo este enlace: Libros Web

Diseño


Donde puedo hacer Botones Antipixel Online

by Francisco | 2 comentarios
Haciendo esta pregunta en el buscador del Sr. Google, encontré varias páginas para la creación de estos famosos "Botones Antipixel" 80 x 15. Se me ocurrió que podría facilitarles la búsqueda a ustedes recopilando alguno de los mejores sitios para su creación online.

¿Para los que se esten preguntando para que sirven los Botones Antipixel?

Para los que tienen Blogs o Web sabrán que el solo hecho de crear un blog o una página web no basta, nuestro mayor trabajo es en la creación de enlaces entrantes (enlaces entrantes: son enlaces desde otros sitios al nuestro), estos permiten que nuestro número de visitas aumente. Mientras mas enlaces entrantes tengas mayor será el tráfico en tu Sitio.

Una forma de insentivar esto de los Enlaces Entrantes es mediante la utilización de estos botones, que al tener un tamaño pequeño y un diseño estético no molesta en otros Páginas Webs su colocación.

Bien te detallo los sitios donde los puedes generar online;
  • Button Maker :: Adam Kalsey
  • Button Maker - Blog Flux Blog Tools
  • Online Button Maker
  • Publicons
  • Imaxenes
  • Brilliant Button Maker - Luca Zappa
En este último es donde dice yo hice los mios, te muestro como quedaron.





Espero les haya gustado, el que guste enlazarme puede hacerlo desde la Sidebar donde dice Enlaza a Lo Globalizo; y yo agradecido por el buen gesto!

Diseño, Utilidades Blogger


Como Redimensionar una Imágen

by Francisco | 0 comentarios
Si bien hay varias formas de reescalar o redimensionar una imágen, y a parte de eso hay varios programas con los que se puede hacer, hoy en este tutorial les quiero enseñar a hacerlo con Photoscape con valores numéricamente predeterminados.

Es decir, dándole al programa las medidas exactas que pretendemos, tanto para aumentarla, como para reducirla.

Les recuerdo que el que no tiene el programa lo puede descargar aqui.

Para los que usamos Páginas Web o Blogs, sabemos que a la hora de crear un banner, logo o simplemente colocar una imágen en nuestro Sitio, a veces necesitamos medidas exactas. Aclaro esto porque hay personas que no tienen nada de esto, pero si la necesidad de reducir o ampliar una imágen para un retrato, trabajar en office o lo que sea y este post les puede llegar a servir.

Bien, antes de comenzar te recomiendo tengas a mano, tu banner, logo o simplemente tu imágen.

Quizas te sirvan estas entradas por si no las viste:
  • Como hacer un Gif Animado 
  • Donde puedo hacer un Logo Online 
  • Donde puedo hacer un Banner Online.
Tutorial Paso a Paso

[1] Abrimos el programa y nos dirigimos a la solapa de "Editor". Les recuerdo, en el Panel superior izquierdo tenemos nuestra PC, en el Panel inferior izquierdo las imágenes de la carpeta seleccionada (por ej: la carpeta que yo seleccioné es la de "prueba"); y en el Panel central la imágen a editar.


[2] Debemos hacer clic en donde dice "Redimensionar" como te muestra la figura anterior y te mostrará el siguiente cuadro.


[3] Bien, en esta etapa es en la cual le damos las medidas exactas a nuestra imágen para luego guardarla. Si quieres que las medidas sean a tu gusto, debes destildar donde dice "mantener proporción", caso contrario modifica solamente el ancho o el alto y el programa saca la otra medida por defecto manteniendo la proporción. Le das aceptar para continuar.

Nota: Si no mantienes la proporsión, la imágen probablemente se deforme.

[4] En el punto 1 de la siguiente imágen le das "guardar", y luego te abre un nuevo cuadro en donde vas a seleccionar donde dice "guardar como" para darle destino y nuevo nombre, y eso seria todo, ya tienes tu imágen redimensionada.




Te muestro como quedaron mis imágenes redimensionadas con este ejemplo.

Información de dimensiones: 200x267 pixels
 Información de dimensiones: 400x533 pixels

Espero que este tutorial te haya servido y como siempre tus dudas son bienvenidas, saludos!

Diseño, Imágenes


Como hacer un Gif Animado

by Francisco | 2 comentarios
Bueno lo primero sería saber ¿Qué es un GIF Animado?

Las insignias G.I.F. en inlgés corresponden a Graphics Interchange Format, lo que traducido al castellano sería Formato de Intercambio De gráficos.

Un poco la definición va con su nombre, es un intercambio de gráficos que forman un formato de imágen la cual pareciera que tuviera movimiento.

La mayoría de los GIF Animados son utilizados para Banners Publicitarios en Páginas Web.

¿Como hacer un GIF Animado?

Debes tener algúno de los tantos programas que te permiten la creacion de GIF Animado. Yo en lo particular utilizo Photoscape que me resulta muy cómodo, la instalación demora 2 minutos.

Aquí para su descarga gratis.

Una vez instalado y en uso el programa, antes deberías tener las imágenes seleccionadas para crear tu GIF.

[1] Bien, ingresamos en donde dice Gif Animado como te muestra la imágen.

[2] Te diriges a la carpeta en donde seleccionaste tus imágenes, en la parte superior izquierda te muestra el Panel de tu computadora, en la parte inferior izquierda te muestra el contenido de la carpeta seleccionada de tu computadora. 

Bien lo que tienes que hacer es seleccionar todas las imágenes que vas a incluir en tu GIF y arrastrarlas hacia el panel de la derecha como te muestro en la siguiente figura.


[3] Una vez arrastradas tus imágenes, puedes cambiarles algunas cosas, por ej:
  • El tiempo a una imágen o a todas.
  • Puedes cambiar de Efecto, que se desplace hacia arriba, abajo, izquierda o derecha; o las transiciones que varían.
  • Cambiar los tamaños de las imágenes.
  • Color de fondo.
NOTA: Para cualquiera de los cambios recuerda que debes selecionar la/s imágen/es ANTES para que surja efecto y que tiene que estar en STOP (el cuadraro del reproductor). Te darás cuenta en el Panel superior porque la imágen seleccionada tiene un marco de color azúl.


Bien una vez editada las distintas opciones, le das Vista Previa si lo crees conveniente, caso contrario le das Guardar y listo, ya tienes tu GIF ANIMADO!!!
 
Te muestro como quedó el mío mediante esta explicación, espero te guste.





Saludos!

Diseño, Imágenes


Extraer Fondo a una Imágen

by Francisco | 0 comentarios
Hay varios programas que se pueden utilizar para Extraer el Fondo de una Imágen, navegando por la Web conseguí uno que es muy simple de usar y en unos pocos pasos ya tenés tu figura deseada.

Picture Cutout Guide es un programa que nos permite extraer el fondo de una imágen, y colocar uno nuevo a la imágen original.

 

[1] El programa para el que no lo tenga lo puede descargar desde aquí.

[2] Bien, una vez descargado e iniciado el programa, ingresamos la imágen a Extraer el Fondo. 

[3] Si la imágen es muy chica, les recomiendo que en la lupa de Zoom le demos un poco mas de aumento para trabajar más cómodos con "+" o "-" para reducir la imágen. Luego en el márgen superior derecho, abajo de Tools, hacemos clic en donde dice Wide Edge. Les muestro ambas imágenes.

Zoom

Wide Edge




Bien, un último dato a tener en cuenta antes de comenzar es el tamaño del Wide Edge, que lo podemos editar en donde muestra esta imágen. Mientras mas ajustado mejor va a ser el corte que haremos en nuestra figura.

4) Ahora comenzamos, el cursor lo pasamos sobre la imágen a extraer el fondo, siempre por el contorno deseado, como en la siguiente figura.


Una vez contorneado el dibujo, hacemos clic en el ícono a la derecha donde dice Separate y luego más a la derecha el que dice Effect. Les quedaría la imágen mas o menos así.


Eso es todo, después podremos editar el color de fondo, o si consiguen el programa completo, traerá la opción de poder incluir una nueva imágen de fondo u otra foto.

Para el que tenga mas dudas, este programa trae un tutorial en video en la pestaña de Demostration, muestra algunos ejemplos que son útiles para mejorar.

NOTA: Un viejo dicho dice "LA PRÁCTICA HACE AL MAESTRO", no te desanimes sino te salió a la primera inténtalo más veces que seguro va a ir mejorando.

Espero les sera útil este tutorial!

Dudas son bienvenidas!

Diseño, Imágenes


Donde puedo Editar Fotos Online - PHIXR

by Francisco | 2 comentarios

Como amante de las fotografías y el diseño, en lo personal soy de ver muchas fotos, y tratar de reparar los detalles (eso no significa que sea bueno para hacerlo..jeje). Lo importante es que si no tenés vocación y menos idea de como editar una foto (como yo), pero querés hacer el intento probá con PHIXR.


PHIXR es un editor de fotos online, está muy bueno y muy fácil de usar. No necesitas registrarte, solamente ingresas donde dice ¿Nuevo usuario?, cargas una foto y ya podés comenzar.

Si te gustó mucho el programa y ves que lo vas a utilizar seguido te recomiendo te registres. Te detallo algunas características del programa.
  • Podés registrarte o no, eso va depende del uso que le quieras dar.
  • Para cada cambio que vas a realizar te muestra una comparativa de la foto anterior y su cambio, en caso de no gustarte, deshaces el cambio y listo.
  • Podés rotar, voltear o cambiar el tamaño.
  • Arreglar los ojos rojos.
  • Ajustar brillo, color, contraste, o equilibrarlos.
  • Colocar texto, inlcuir marcos, recortar las puntas o redondearlas.
Muchas cosas más que estoy seguro que lo van a terminar manejando mejor que yo. Me tomé el atrevimiento de hacer una demostración (por favor no me gasten mucho!! ).

EL ANTES

 

EL DESPUÉS



Diseño, Utilidades Blogger


Donde puedo hacer un Logo online

by Francisco | 3 comentarios
¿Donde puedo hacer un Logo online? ¿Qué es Online logo Maker y para que sirve?

Son preguntas que hasta yo me hice y tuve que buscar, y como ya había publicado anteriormente un post de ¿Donde puedo hacer un Banner online? pretendo ampliar esta información para que sepan donde pueden hacer también un Logo online.

Online logo Maker es un creador de logos gratuito, lo bueno que tiene es que te brinda una buena calidad y a su vez no te pide ni que te registres!! Es para mí uno de mis preferidos a la hora de crear algun logo.

Te cuento lo que este te permite:

  • Subir una imágen, cambiarle el color, invertirla, girarla a 360ºy redimensionar.
  • Creación de texto, editarlo tanto desde el tamaño como del tipo y color de letra.
  • Colocación de símbolos que ya tiene predeterminado el programa.
  • Exportar st logo a PNG o salvarlo y seguir editandolo más tarde.

Genera el logo online lista para ya utilizarse, si no sabes como entrar a Online logo Maker te dejo una imágen para que sepas donde clickear para que te abra el editor.



Hacé clic en donde dice logo maker y ya podés empezar a crear tu loco,

Les dejo una imágen que hice yo a ver si les gusta.




Espero este post te haya servido.

Saludos!

Diseño, Utilidades Blogger


Donde puedo hacer un Banner Online

by Francisco | 3 comentarios
Banner Fans es un creador de banners online,(a mi criterio) de lo mas completito que he visto en internet, o por lo menos el que a mi mas me ha servido, como todo siempre hay uno mejor.

Es un programa que te permite de manera on line crear tu banner y descargarlo en el momento, puedes bajarlo como imágen tipo *jpg o te brinda el código HTML para que puedas incluirlo dentro del blog, o web que desees.

Es muy fácil de usar dado que el mismo programa te va guiando y dándote opciones para que le cambies el diseño, el texto, los efectos que quieras, la frontera y el formato que más te guste.

Si prestas atención a esta imágen, la parte que te marqué en rojo te da la posibilidad de actualizar tu banner para que vayas viendo si te gusta la forma en la cual lo estas creando.


Bueno una vez elegido todas las opciones de tu banner, das clic en descargar banner si lo quieres como una simple imágen jpg, sino en Obtener los Códigos así te da la forma HTML.

Espero te haya servido, como siempre dudas son bienvenidas para que podamos ayudarte.

Saludos!

Diseño, Utilidades Blogger


MANUAL BLOGGER BETA 2011 GRATIS!!

SEGUIDORES

TODO TRUCOS

Trucos Facebook Trucos Gmail Trucos Google Trucos Microsoft Office Trucos Technorati Trucos Twitter Trucos Windows Trucos Youtube

DIRECTORIO

Adsense Alojamiento / Hosting Comentarios Consejos Dinero en Internet. Diseño Enlaces/Links Entradas Etiquetas Feedburner/RSS Flash Gadgets HTML Iconos Sociales Imágenes Información General JavaScript Menús Navidad Plantilla Premios Programas Páginas Estáticas SEO/Posicionamiento Tecnología Temas Básicos Utilidades Blogger

SEGUINOS EN FACEBOOK

Blogs Recomendados

  • Descargo a Full
    Manual De Evaluacion De Impacto Ambiental Larry W. Canter
    Hace 8 años
  • Federico 2.0
Copyright © 2010 Lo Globalizo | Acerca de | Política de Privacidad | Contacto Blogger Credits For