.::PasaLaWEB::.

Como hacer un complemento de pago ante SAT 2018

2018-09-16T22:04:00.001-05:00

Hola que tal les tengo un tutorial que navegando por la web encontré debido a la facturación electrónica en el SAT y el cambio que hubo en septiembre de este año. Es sobre como realizar un complemento de pago, esta bien explicado y les puede ayudar en algo. https://youtu.be/ghkRcmAILjE

El mejor curso de SEO en español para Principiantes

2018-08-23T15:56:00.001-05:00

Hola mis lectores en esta ocasión les traigo un curso al que he estado visualizando desde hace poco, ya que con eso del SEO en google es difícil posicionarnos en los primeros lugares de los buscadores debido a sus nuevos algoritmos de recolección de información. Para eso empece a una infinidad de vídeos que realmente hablaban de distintas maneras de poder posicionar tu web pero en realidad
nadie te explica con peras y manzanas en lo que se especializan ellos ya que si dan sus trucos o tips puede que la mayoría de las personas las utilicen y saturen el mercado por así decirlo.

Del curso que les presentare es una persona que es extremadamente fanático del SEO o mejor dicho aun del marketing de contenidos y se divide en varios vídeos los cuales iré subiendo uno por uno o de más en cada post.

Vídeo 1

Vídeo 2

Instagram bloqueado?😱

2018-08-11T01:14:00.001-05:00

¡NO! BLOQUEES TUS SERVICIOS AL MUNDO

¿Un perfil de empresa privado? ¿Porqué? ¿A quién le vendes😓? Seguro crees que
pueden hackear

tu cuenta.

Si entra un posible cliente, perderá el interes de contratar tus servicios en
cuestión de segundos si no logra ver quién eres y lo que ofreces.

Siiii así de rápido como cambiar de página y seguir buscando hasta encontrarlo, ¿rápido no crees?, acabas de perder una buena venta y el inicio de una buena relación de negocios todo por "tener tu privacidad".

Lo dice un dicho de un buen amigo "Si tienes algo que esconder entonces no tienes nada que ofrecer" Estamos en un mundo en donde la información se comparte todos los días de forma gratuita y completamente transparente, puede que entre millones de empresas te descubran y se interesen en tus servicios....claro si cambias tu perfil a ¡PÚBLICO!... No escondas tu talento y muestrales como se hace 💪.

Bancos de imagenes gratis, fotos gratis y más!!👌

2018-08-10T00:21:00.001-05:00

Hola tenía mucho que no publicaba alguna entrada por motivo de trabajo pero hoy les tengo una serie de sitios web que nos servirán para descargar imágenes libres de derechos de autor que nos sirven para nuestros diseños lo mejor es que son gratis!!

Señores. Así que agreguenlas a sus marcadores en su navegador.

Sabemos que hoy en día google ha cambiado y ya no podemos encontrar imágenes de buena calidad en su buscador ya que recuerdo que anteriormente encontrabas alguna que te gustaba y con la opción que tenia de "buscar similares" o "buscar mas tamaños" en realidad no se bien que decia ya que todo lo hacemos por costumbre pero ese botón ya desapareció, asi que tomen nota.

www.freepik.es
Un sitio donde a demas de buenas imagenes podemos encontrar vectores aunque no todos son gratis porque tenemos que contribuir con el autor no de forma monetaria pero si poniendo algún link o los creditos. Tambien cuenta con la posibilidad de suscripción premium en donde puedes descargar ahora si cualquier foto o vector que te agrade.

www.pixabay.com
Este sitio nos muestra más que nada imagenes aún mas atractivas para mi gusto, ya que todo depende de para que las vayamos a utilizar, a lo mucho nos va a pedir que nos registremos pero no nos cobra ningun peso y si eres agradecido podras dejar alguna donación.

www.freeimages.com
Hasta su nombre lo dice, tiene poca variedad en cuanto a imagenes pero no se cuanto tiempo lleva en la red, supongo que conforme vaya durando agregara cada vez más imagenes conforme a las busquedas que obtenga de los que entran en ella.

www.kisspng.com
Esta web es sin duda una de mis favoritas debido a que su nombre lo dice "png" cuenta con muchisimas imagenes ya sin fondo y nos facilitan el diseño digamos que para post o un sitio donde no requiera mucha calidad de imágenes, aunque también cuenta con archivos editables en .psd, en cuanto a si necesitamos registrarnos no lo pide y tienes infinidad de descargas sólo teniendo que esperar que cargue el captcha.

Eso fue todo por ahora y espero les sirvan para sus futuros diseños, nos vemos en otro post donde traeré mas recursos, consejos y tips de distintos temas.
Saludos.

Paquetes de logotipos muckup para Photoshop

2015-09-09T13:59:00.001-05:00

Si lo que necesitan es un logo rápido les traigo 10 paquetes de logotipos en Photoshop para poder modificarlos a la manera que más nos guste y con los colores, formas y texto que más se acomode a nuestras
necesidades. Recuerden que al menos para uso cotidiano, mas no profesional ya que para eso es mejor hacer un estudio completo. Además si se fijan bien los logotipos que descarguen son muy genéricos, así que es mejor usarlos para imágenes o decoraciones rápidas ahorrándonos mucho tiempo en el diseño, solo concentrándonos en el contenido.

6 Vintage Logo Badges

Vintage Logo MockUp PSD #2

Rubber Stamp PSD MockUp

3D Wall Logo MockUp #2

Vintage Logo MockUp PSD #3

Vintage Logo MockUp PSD

Logo MockUps – Paper Edition

Wood Engraved Logo MockUp #2

Spot UV Logo MockUp

5 Retro Insignias

Vía webdesigndev

Creación de rayos de sol en Photoshop

2013-04-15T23:22:00.001-05:00

Hola que tal buen dia antes que nada, hoy les traigo un tutorial que nos va hacer demucha utilidad; en algunos casos incluso a mi me ha tocado querer hacer este tipo de efecto ya sea a un paisaje o algo por el estilo, lo que quiero es que resalte mas que nada en la imagen y llame la atencion.
Les dejo un tutorial muy explicado y a la vez muy sencillo, ahora no podremos decir a nuestros clien
tes o amigos que no les podemos hacer eso.

La imagen de los rayos solares sin

La imagen antes de aplicar rayos de sol

La imagen con rayos de sol

La imagen después de aplicar rayos de sol

Vea el video

Los pasos

Pasos rápidos para los usuarios avanzados de Photoshop

Duplicar el canal de color con el máximo contraste entre el cielo y los árboles.
Rellene el siguiente canal con Negro y establecer el modo de fusión a Superponer establecido.
Rellene este canal nuevo con Blanca y establecer el modo de fusión a Superponer establecido.
Repetir la última Llene 2 a 3 veces más hasta que todos los grises se vuelven blancas.
Cmd + Haga clic en [PC: Ctrl + Click] sobre la capa para cargarlo como selección.
Crear una nueva capa y rellenar con blanco y el modo de fusión en Normal.
Cmd + D [PC: Ctrl + D] para anular la selección.
Aplicar un conjunto Desenfoque Radial y 100%, Zoom, y Best.
Aplicar un resplandor exterior fijado a luz suave, 100% de opacidad, Amarillo predeterminada y Tamaño de 5px.

Fuente y tutorial completo:photoblogstop.com

[Video] Haciendo maravillas con el Photoshop

2012-07-03T19:26:00.000-05:00

Me entero en NFG sobre un ruso llamado Alexander Koshelkov que entre su talento más destacable está el hecho de hacer de los mejores fotomontajes que quizá uno pueda encontrar. Y es que no bromeo, lo que el hace es crear escenas desde cero, arrancando partes de imágenes y juntándolas de tal forma que el resultado pareciera que es una composición única.

Lo que más me ha impresionado de este diseñador es el uso de las sombras y luces, y como añade detalles bestialmente, porque cuando pareciera que ya todo está bien le sigue añadiendo más detalles, algo que muchos no hacen por temor a estropear todo.

Entonces vamos a deleitarnos un poco la pupila observando como este genio trabaja el lienzo para crear obras increíblemente espectaculares, digno de mi admiración completa, y otra razón más para poder entender qué es lo que tienen los rusos con la computadora.

Canal oficial en Youtube

Crear una barra de navegación estilo Google+ con CSS3 y jQuery

2012-07-03T19:01:00.000-05:00

Hace poco que Google actualizó su interfaz para ya no parecerse a la interfaz vieja de Facebook, pasando un poco a parecerse un poco a la nueva interfaz. Lo que caracterizó este cambio fue la nueva barra de navegación, la cuál se ubicó a un costado con unos íconos muy pispiretos.

En este tutorial vamos a ver cómo crear una barra de navegación estilo Google+ con CSS3 y jQuery, una barra que la trataremos de estandarizar para aplicarla a nuestro contenido, y verán que la elaboración es muy fácil, pudiendo añadir sus propios íconos si ustedes quieren. Así que no se pierdan el tutorial.

Demo del tutorial | Archivos del tutorial

HTML5


     href="#nHome">
        id="nHome" class="actual">Home

href="#nExplore"> id="nExplore">Explore

href="#nGames"> id="nGames">Games id="flecha">

id="aHome">

Home

src="imagen1.jpg"> id="aExplore">

Explore

src="imagen2.jpg"> id="aGames">

Games

src="imagen3.jpg">

Este tutorial tiene HTML5 pero de una forma muy sencilla. Lo que tenemos para nuestra estructura son tres partes principales. La primera parte es la barra de navegación, los botones laterales, los cuales tienen como todo englobado un link, y dentro una capa con un id respectivamente. La segunda parte consta de la flecha que vamos a usar para apuntar a la sección que estamos actualmente viendo. Y por último está la parte de contenido, hay un section que actúa como contenedor y dentro tenemos en este caso tres capas con su respectivo id. Noten que tiene un id parecido al texto del menú, porque esto nos va a servir para poder mostrar el contenido correcto cuando usemos jQuery.

CSS3

Si nos damos cuenta la estructura no es muy diferente a cualquier menú de navegación o de tabs. Lo más importante es la configuración de las hojas de estilo para darle el aspecto e imagen que queremos.

nav{
    		position: fixed;
			left:45px;
			margin-top:20px;
		}
		section{
			border-radius: 5px;
			border: solid 1px #ccc;
			background: #fff;
			left:140px;
			position: fixed;
			height:70%;
			overflow: auto;
			width: 70%;
		}

		article{
			padding: 10px;
			display: none;
		}
		nav div{
			background: blue;
			color: #aaa;
			cursor: pointer;
			font-size: 12px;
			margin-bottom: 25px;
			padding-top: 30px;
			text-align: center;
			width: 90px;
		}
		nav a{
			text-decoration: none;
		}

Lo primero es configurar el menú y el contenido para ubicar todo antes que nada. En realidad esta es la parte que pueden configurar a su gusto, yo la use para adecuarla a lo que yo quería, pero pueden jugar con esta parte un poco.

#flecha {
    		position: fixed;
			left: 141px;
			top: 30px;
			height: 30px;
			z-index: 1;
		}
		#flecha:after, #flecha:before {
			right: 100%;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
		}

		#flecha:after {
			border-right-color: #fff;
			border-width: 10px;
			top: 50%;
			margin-top: -10px;
		}
		#flecha:before {
			border-right-color: #ccc;
			border-width: 11px;
			top: 50%;
			margin-top: -11px;
		}

Lo siguiente es configurar la flecha para indicar en qué sección estamos actualmente. Esto si tiene que involucrar CSS3 y un poco de magia para hacer con puro CSS un triángulo. Recuerden que todo está en position: fixed, por lo que no van a poder mover nada, o en otras cosas, no es muy responsive design, pero pues la interfaz de Google+ también es así, así que de alguna forma sigo el funcionamiento. Nótese la importancia de usar :after y :before para poder hacer el recorte del rectángulo.

#aHome{
    		display: block;
		}
		#nHome{
			background: url('home.png');
			background-repeat: no-repeat;
			background-position: center 0;
		}
		#nHome:hover{
			background-position: center -52px;
			color: #000;
		}
		#nHome:target, .actual{
			background-position: center -52px !important;
			color: #000;
		}
		#nHome:active{
			background-position: center -102px;
		}

		#nExplore{
			background: url('explore.png');
			background-repeat: no-repeat;
			background-position: center 0;
		}
		#nExplore:hover{
			background-position: center -51px;
			color: #000;
		}
		#nExplore:target{
			background-position: center -51px;
			color: #000;
		}
		#nExplore:active{
			background-position: center -101px;
		}

		#nGames{
			background: url('games.png');
			background-repeat: no-repeat;
			background-position: center 0;
		}
		#nGames:hover{
			background-position: center -52px;
			color: #000;
		}
		#nGames:target{
			background-position: center -52px;
			color: #000;
		}
		#nGames:active{
			background-position: center -101px;
		}

Sin embargo ahora si llega lo más importante de todo. Nuestras opciones de menú constan de cuatro estados: cuando están normal (color gris), cuando el mouse está sobre la opción (:hover), cuando se presiona la opción (:active), y cuando es el que se está usando (:target). El :target es un nuevo estado que se activa cuando un objeto tiene su id en la barra de direcciones, como por ejemplo ..com/#nHome, en estos casos el estilo se activa para ese id y por eso usamos eso, para saber cuál es la opción que está actualmente en uso y así poder mostrar en cierta forma un ícono específico.

También como podemos ver necesitamos un estilo .actual que nos va a servir para indicar desde un principio cuál opción es la que se va a mostrar al cargar el sitio; ya veremos que con jQuery lo podemos quitar para que no quede seleccionado siempre elHome.

Después tenemos que nuestros íconos son un sprite, por lo que para el tutorial tenemos solo 3 imágenes que tienen 3 estados cada uno. El estado de :hover y :target son el mismo, así que no necesitamos otra imagen más. La tercer imagen es cuando se presiona el botón (:active). Por tal motivo usamos tres estilos para cuatro estados realmente, así repetimos con nuestras tres opciones, las que queramos.

jQuery

$(document).on("ready", inicio);

function inicio(){
	$("nav div").on("click", moverFlecha);
	$("#flecha").css("marginTop", $("#nHome").offset().top-25);
}

Comenzamos como cualquier inicio de jQuery, definiendo nuestra función de inicio(), pero noten que declaramos un evento para todas las opciones para mostrar y acomodamos la flecha para que apunte a la primera opción, la de Home. Usamos para esto un offset() para que se ubique y le quitamos 20 pixeles para que quede al centro de la opción.

function moverFlecha(){
	var nombre = $(this).text();
	nombre    = "#a" + nombre;
	$("article").hide();
	$(nombre).fadeIn();

	$(".actual").removeClass("actual");
	$("#flecha").animate({
		marginTop: $(this).offset().top-25,
	});
}

Ahora tenemos que configurar nuestra función. La trampa para hacer funcionar nuestro menú de una forma muy fácil es el texto que le ponemos a nuestras opciones, y el nombre del id que le pusimos a nuestros article. El article tiene un “a” seguido del texto de las opciones, entonces tenemos que formar el nombre de la capa que queremos mostrar de acuerdo a la opción que el usuario escogió. Después de que juntamos el nombre ocultamos todas las capas de contenidos y a continuación con un fadeIn()mostramos la adecuada. Lo que sigue es quitarle la clase al Home para que no se quede prendido siempre. Y por último usamos un animate() para mover nuestra flecha aloffset() de la opción que se ha elegido, le quitamos 20 pixeles y con eso aseguramos que esté más o menos en el centro de la opción.

Y con esto ya debemos tener bien configurado nuestro menú y contenedores listo para imitar el estilo de Google+, muy fácil porque es estático todo, pero quizá si añadiéramos un poco de Ajax con base de datos estaría más completito, pero quizá eso lo veamos en otro tutorial.

30 tutoriales: Efectos de Texto

2012-04-25T09:22:00.000-05:00

Una magnifica recopilación de 30 tutoriales. Tipografía es el tema clave de estas obras. Una multitud de ideas para dar un toque especial y totalmente individual para nuestros textos y letras.

Crear Super Tipografía brillante 3D en Illustrator y Photoshop

Utiliza Google SketchUp y Photoshop para crear Tipografía 3D

Crear letras de cristal rellenas de líquido en Photoshop

Crear tipografía elegante de cristal en 3D en Photoshop e Illustrator

Crear un Chrome 4 × 4 emblema de vehículos

Crear unas letras como Helado con Photoshop

Lo suficientemente bueno para comer

Crear ornamentos de colores formando las letras en Photoshop

Diseño futurista. Fondo de pantalla 2011

Crear un áspero efecto de letra madera utilizando textura de astillas de madera en Photoshop

Texto creado con motivos ornamentales en Photoshop

Letras creadas con del bastón de caramelo. Rápido y Fácil

Crear un impresionante efecto de la tipografía imitando platos rotos.

Crear un texto al estilo Harry Potter en Photoshop

Crear un texto realista del papel doblado en Photoshop

Letrero Casino. Photoshop

Cómo crear un diseño de carteles con el misterioso texto en 3D

Increible efecto de texto creado de una cuerda en Photoshop CS5

Jugando con Inflar en Repujado en Photoshop CS5

Crear un efecto de texto brillante en 3D con Photoshop

Crear unas letras dulces, recubiertas de chocolate

Crear una frase de letras formadas de madera en Photoshop

Crear un efecto de Texto imitando liquido aturdido en Photoshop

Crear letras discoteceras 3D

Crear un efecto de Texto CMYK 3D en Photoshop y 3D Studio Max

Cómo se hizo “Climb” – una composición impresionante de texto 3D en Photoshop

Crear un increíble graffiti 3D en Photoshop

Crear increible efecto de salpicaduras de agua Salpicar en Photoshop

Recrear la epopeya de los 80 en Photoshop

Crear una escena bajo el agua

Fuente: designm.ag

Tarjetas de presentación en formato eps

2012-04-09T15:05:00.003-05:00

Uno de los recursos con más solicitud por los diseñadores, son las valiosas tarjetas de presentación, una elegante tarjeta de presentación sirve para dar a conocer a una persona frente a otros profesionales, también representa un negocio en particular, en el que se puede explicar lo que principalmente se ofrece, añadir un nombre del representante de ventas, una dirección y un teléfono para que nos encuentren cuando requieran de nuestros servicios.

Cada tarjeta de presentación cuenta con diferentes usos, sin embargo el diseño de la tarjeta siempre será un factor importante, sea cual fuere el uso que le otorguemos a ella, si necesitamos hacer publicidad para nuestro negocio, tal ves necesitemos añadir imágenes relacionadas, en cambio si resulta ser nuestra carta de presentación mas bien será necesario algo discreto pero elegante, como las tarjetas que te mostramos en este articulo.

Gracias a la gente de sharegfx, hoy podemos compartir con ustedes unas hermosas tarjetas de presentación en vectores gratuitamente, este conjunto forma en total una colección de tarjetas en diferentes colores y diseños, con lo cual podrás diseñar tus propias tarjetas de presentación, otorgarle tu propio estilo si es necesario y lo que es mas… aprender la manera correcta de crearlos.

BitShare
Turbobit
Letitbit

28 Estilos para photoshop

2012-04-09T15:01:00.004-05:00

Para lograr buenos efectos con el Photoshop podemos utilizar los estilos, y en esta ocación les traemos 28 estilos para photoshop, que simplemente deben pegar en la carpeta de Adobe Photoshop correspondiente y podrán aplicar a los distintos diseños que realicen.

Descargar

Tutoriales para crear posters en photoshop

2012-04-07T18:12:00.002-05:00

Hoy les presento una colección de tutoriales para crear posters en Photoshop. Ya hemos visto muchas colecciones de este tipo, sin embargo me agrada colocar más ejemplos de vez en cuando porque nunca falta una técnica nueva o una nueva forma de acomodar elementos en un espacio rectangular, que créanlo o no, es un poco complicado.

En los tutoriales vamos a ver que hay diferentes tipos, desde los que se parecen a posters de cine, hasta algunos que no tienen texto, sólo la pura ilustración, de todas formas, sé que les van a gustar algunos.

MAKE A RETRO SPACE THEMED POSTER IN PHOTOSHOP

MAKING A SUPERHERO MOVIE TEASER POSTER

CREATING ADESIGN A SWISS STYLE MUSIC FESTIVAL POSTER IN PHOTOSHOP

CREATE A BLACK SWAN INSPIRED MOVIE POSTER

DESIGN A VINTAGE STYLE SWISSAIR TRAVEL POSTER IN PHOTOSHOP

DESIGN A SIMPLE TEXTURED TYPOGRAPHIC POSTER IN PHOTOSHOP

MAKE A VINTAGE PLANETARY LANDSCAPE POSTER IN PHOTOSHOP

CREATE A WILD WESTERN “WANTED” POSTER IN PHOTOSHOP

DESIGN A GRUNGE VINTAGE POSTER IN PHOTOSHOP

HOW TO CREATE A VINTAGE STYLE ZOMBIE MOVIE POSTER

CREATE A STYLISH GRUNGE POSTER WITH 3D TYPOGRAPHY IN PHOTOSHOP

DESIGN A GRUNGY, ROCK & ROLL GIG POSTER

DESIGN A RETRO STYLED POSTER

CREATE A REMARKABLE POSTER WITH DECORATIVE ELEMENTS

COMBINE STOCK PHOTOGRAPHY TO CREATE AN ABSTRACT CREATE A RETRO URBAN GIG POSTER IN PHOTOSHOP

INCEPTION POSTER WITH REPOUSSE IN PHOTOSHOP CS5

HOW TO DESIGN A GEOMETRIC POSTER IN PHOTOSHOP

HOW TO CREATE AN INTENSE MOVIE POSTER IN PHOTOSHOP

CREATE A MIX RETRO AND VECTOR POSTER IN PHOTOSHOP AND ILLUSTRATOR

CREATE A REFRESHING BEER THEMED POSTER DESIGN IN PHOTOSHOP

Vía youthedesigner

90 acciones para utilizar en tus fotos con photoshop

2012-04-07T18:08:00.003-05:00

No miento al decir que muchas veces cuando queremos aplicarle un efecto a una fotografía no hay tanto pr

oblema, pero cuando queremos hacer lo mismo para unas cuantas, diez, veinte, etc., ya no es tan divertido estar haciendo los pasos una y otra vez. Por eso es que existen las acciones en Photoshop, para poder grabar una serie de acciones y que la próxima vez sólo necesitemos presionar un botón.

Pues bueno, para los amantes de la fotografía y retoques les traigo +90 acciones para retoques de fotografía, hay algunos muy buenos, y otros muy excelentes, he probado algunos para ver si sirven y efectivamente, te dan el efecto que dice, aspi que espero les gusten y los usen.

Cool photo effect action

Split toning

Red Action

Amatorka Action 2

photshop Action 4

Soft Touch Action

Professional Photoshop Actions

Color Enhancing Actions

300 Action

Eye Color

Soften Skin Effect

Dazzle Effects

Dazzle Effects 3

Dazzle Effects 4

Muted Fashion

Actions Clyck 003

Photo Coloring VI

Dark Sepia

Old Photo Action

Photo Coloring

InFection

CS3Action – High Key

Black White Sepia

Dim and Jade

Wedding Enhancers

Editorial Action

Photoshop Facelift

Vintage

NoiseLess RetroFit Actions

Rather large set of actions

Vía creativedesignmagazine

Manual de Photoshop CS5 en español

2012-04-03T00:00:00.000-05:00

Los manuales de los diferentes programas de diseño son indispensables para aprender a sacarles el mayor partido y saber utilizar todas sus opciones. En esta ocasión os traigo el manual de Adobe Photoshop CS5, la última versión de Adobe Photoshop que salió al mercado hace apenas unos meses.

El contenido de este manual lo podéis ver en la siguiente imágen en grandes rasgos, los subapartados no están abiertos, pero son 664 páginas en un archivo pdf que ocupa 38 megas y contiene con toda la información, consejos y trucos necesarios para utilizar Photoshop CS5 y sacarle el máximo “jugo” posible.

Hasta ahora no os había traido este manual porque Adobe lo lanzó primero en inglés y la versión en español ha tardado un mes más en poder descargarse, pero ya está aquí y os la traigo para que podáis descargarla directamente desde aqui sin tener que pasar por la página de Adobe.

Descarga | Manual Adobe Photoshop Cs5 en español

40 Tutoriales de After Effects para Principiantes

2012-04-02T20:59:00.001-05:00

Hace ya un tiempo que no publicábamos material para Adobe After Effects y ya era hora de que lo hiciéramos. Unos buenos tutoriales sobre este programa es lo que te hace falta para Iniciar con este maravillosos software o actualizarte a la ultima versión si es que ya lo manejabas.

En ijar publicaron una gran lista con 40 Tutoriales de adobe After Effects que no necesitan de conocimientos previos ya que son totalmente para Principiantes. Los tutoriales en su mayoría fueron extraídos de Adobe.tv el sitio oficial con video tutoriales de los programas de Adobe y otros mas fueron tomados de Youtube.

Los tutoriales se encuentran únicamente en inglés, pero son muy intuitivos y no te costará trabajo seguirlos.

Enlace | ijar

Via: creativosonline

15 tutoriales para la edición de fotografías en Photoshop

2012-03-30T18:26:00.001-06:00

Es muy cierto que en un principio Photoshop era usado para la edición de fotografías, pero en estos últimos años con todas las características que le coloca Adobe a su producto estrella es posible trabajar con él para casi cualquier tipo de trabajo de edición, por lo que se vuelve muy versátil.

Pero como les decía, también hay un enfoque para fotógrafos, y si buscan algunos tutoriales para principiantes sobre el manejo de elementos como el ruido, sombras, contrastes, filtros, degradados, etc, a sus fotos les tengo 15 tutoriales para la edición de fotografías en Photoshop, muy sencillos la verdad para los que comienzan a manipular y mejorar la presentación de sus fotos.

How to Reduce Digital Noise in a Photograph

Professional Sharpening Techniques in Photoshop

Realistic Portrait Retouching with Photoshop

Apply a Color Effect to a Photo

Giving Your Photograph an Antique Look

How to Intensify Your Landscape Photos in Photoshop

Photo Color Correction for the Amateur Photographer

Retro Photo Effects

Quick Tutorial for Perfectly Toning a Picture in Photoshop

Control Tonality with Photoshop’s Black and White Filter

How to Blend Textures with Photos in Photoshop

Colorizing Images with Gradients in Photoshop

Add a Lens Flare Effect Non-Destructively with Blend Modes

Action Zoom Blurring Effect in Photoshop

Cross Processing Effect

Como crear bordes redondeados con CSS3

2012-03-24T00:34:00.002-06:00

Las maravillas del CSS3 es que podemos igualar efectos que antes sólo podíamos con mucho conocimiento, habilidad y unas cuantas imágenes bien diseñadas para hacer redondo un elemento, por ejemplo. Y justamente es lo que vamos a ver en este tutorial, a crear bordes redondeados con CSS3 sin la necesidad de nada más que el uso de hojas de estilo. Sin embargo aunque ya Internet Explorer 9 soporta css3 no he encontrado la forma de obtener el código para que me aparezca el borde redondeado, por lo que abarcaré por el momento la solución para Firefox, Chrome y Safari.

Este es el código que deberá estar incluído en tu archivo CSS para que funcione apropiadamente en Firefox 3 y posteriores:

Código :

#ejemplo 
{ 
-moz-border-radius-topleft: 10px; 
-moz-border-radius-topright: 10px; 
-moz-border-radius-bottomright: 10px; 
-moz-border-radius-bottomleft: 10px; 
}

Por otro lado, este es el encargado de lograr el mismo efecto en iPhone, Safari y Chrome:

Código :

#ejemplo 
{ 
-webkit-border-top-left-radius: 10px; 
-webkit-border-top-rightright-radius: 10px; 
-webkit-border-bottom-left-radius: 10px; 
-webkit-border-bottom-rightright-radius: 10px; 
}

para el ejemplo (cuando todos los bordes son del mismo radio) es mucho más óptimo utilizar la propiedad así:

Código :

-webkit-border-radius: 10px; //para navegadores basados en webkit

-moz-border-radius: 10px; //para navegadores basados en gecko

Como ya lo mencioné, algo que no he descubierto bien es como poder usar la propiedad border-radius en Internet Explorer 9 pero prometo descubrirlo y traerles el código, pero mientras tanto ya saben como poder crear bordes redondeados con CSS3.

Los lenguajes de programación que debes de saber nativamente

2012-03-19T22:41:00.005-06:00

Es muy común entre la gente que empieza sus principios con la programación, la interesante pregunta de ¿Qué lenguaje de programación aprendo?, pregunta que nunca es fácil para nadie, ni para la gente que ya sabe, porque depende de la forma en que se aprende a razonar y no ver los códigos como “códiguitos” nada más.

Yo les voy a decir los lenguajes de programación que debes de saber nativamente, lenguajes que al menos a mí me han facilitado cambiarme de un lenguaje a otro que tienen cierto parecido, y que además son de los más usados, entonces, ahí le añadimos un pequeño plus al saber un lenguaje que mundialmente si se usa.

C

La primera vez que jugué con C tenía como 12 años, y no me gustó nada cuando llegué a apuntadores, porque no tenía ni siquiera la menor idea de lo que era uno, entonces me quedé sólo con lo más básico, printf y condicionales.

Ahora que estoy viendo C implementado en Unix me doy cuenta que el lenguaje es impresionante por su simpleza y poder tan simplificado, porque literalmente puedes hacer cualquier aplicación de sistema que quieras si dominas C a la perfección. A mi me ha gustado mucho jugar con estructuras, apuntadores, procesos y ahorita voy a ver sincronización, por lo que es casi de regla saber un poco de C, y saber que es un lenguaje estructurado dirigido más para aplicaciones de sistema.

Java

Otro grande que es usado en el mundo actualmente. Java es un lenguaje orientado a objetos, que usa una metodología diferente a la de C, pero que igual nos proporciona una base muy buena para hacer aplicaciones graficas. Es importante saber Java por lo que les digo, el concepto de objeto es nuevo, así como encapsulación, herencia, polimorfismo y más derivadas del lenguaje que representa a objetos, por lo que no saber un poco de Java ya los deja un paso atrás al menos en ver cómo se implementan métodos, interfaces y conexiones a bases de datos o a servidores.

Visual Basic

Si lo que quieren es empezar a programar sin gran conocimiento es 100% recomendable que aprendan un poco, pero un poco Visual Basic. Este lenguaje me gustaba porque el IDE para empezar ya te completa todo, y sus declaraciones de funciones tan poco comunes me hicieron comprender en parte la programación estructurada y la orientada a objetos.

Un poco a favor de usar Visual Basic es que puedes crear aplicaciones de forma muy fácil. Sé que lo ideal sería conocer cómo se usa el API de Windows para generar una ventana, pero Microsoft parece que no le gusta que le vean el código, por eso te da ya la interfaz y botones a la medida y con las características que necesitas para que programes sin saber casi nada.

C++

Para mi es objetivo aprender a programar en C++, por el hecho de que es la implementación de C para objetos, vagamente haciendo la metáfora, ya que es mucho más que eso. Algunos dicen que es bonito mientras todavía tenga la parte de C encima, porque cuando usas C++ de verdad es una cosa horrenda.

Este no lo he probado tanto, pero le hecho de que muchos puestos de trabajo te pidan saber C/C++ es porque C++ no está colado, sino porque es importante hoy en día, como por ejemplo, para comprender más o menos como funciona Objective-C-

JavaScript

Javascript es el alma de la web, pese a quien le pese; no hay otro lenguaje que tenga más dominio, y a pesar de que cada día aparecen más librerías que nos facilitan hacer aplicaciones web, su núcleo se basa en Javascript. Es importante saber Javascript porque las aplicaciones web empiezan a crecer exponencialmente, y saber HTML sólo te convierte en un simple diseñador, con Javascript ya tienes cierto grado de programador, pero no es el punto.

Aprender Javascript te da la oportunidad de que no dependas de nadie más para que hagan el código de tu aplicación, además de que puedes crear lo que quieras por la flexibilidad del lenguaje y de HTML y CSS.

Son 5 lenguajes que me parecen imprescindibles para el bolsillo, hay más pero siento que sabiendo estos pueden meterte en el que tu quieras, aunque a mi parecer Objective-C es un mundo completamente diferente, pero en general la teoría dice que si podríamos hacer el cambio.

¿Qué lenguaje de programación te gusta más?

17 fuentes originales para tus diseños

2012-03-14T14:08:00.000-06:00

Les traigo una ronda más de fuentes gratis. En esta ocasión son 17 fuentes originales para tus diseños, en las que como podrán ver son fuentes que resaltan por ser o muy gruesas, o muy delgadas, nada para hacer un párrafo de texto, pero si para usarlas como titulares, o como efectos con imágenes de fondo dentro de las fuentes, sólo por decir algunas ideas.

Ojalá les sea de utilidad las fuentes y las sepan usar adecuadamente

VAL

Geomancy

Kilogram

Tribbon

BASE

Quadranta

St Marie

FILE

Cube

MOD

Piron

Glide

Circled

Danger

Titillium Text

Sylar

Scriber

Vía Template Monster Blog

11 tutoriales para crear menús con CSS

2012-03-08T14:55:00.000-06:00

Es casi por ley que cada blog o sitio web que exista en internet debería tener un menú por el cuál el usuario pueda navegar libremente, de lo contrario la usabilidad de tu sitio será nula.

Cualquiera sea la razón por la que no tienen menú si andan buscando algún buen tutorial rápido y sencillo les dejo 11 tutoriales para crear menús con CSS, de todas formas y colores como siempre les traigo, también he de decir que los que se ven fáciles están fáciles, los que se ven más potentes es porque si hay que meterle un poco más de CSS para lograr el resultado, pero espero que les sirva alguno en general

How to spice up your menu with CSS3

Blur Menu with CSS3 Transitions

Creative CSS3 Animation Menus

Pure CSS DropDown Menu

Dark Menu: Pure CSS3 Two Level Menu

Making a CSS3 Animated Menu

CSS3 dropdown menu

Sexy CSS3 menu

Pure CSS3 Multi Level Drop Down Navigation Menu

How to Build a Kick-Butt CSS3 Mega Drop-Down Menu

Sweet tabbed navigation using CSS3

Vía designmodo

Primer post del Año 2011 (77 tutoriales para Adobe After Effects)

2011-01-01T20:38:00.000-06:00

Hola lectores pues aki estoy publikando el primer post del año antes de komenzar les kiero decear ke tengan un año de prsoperidad, trabajo, salud, amor, y dinero para ke no les falte nada este año ya ke este 2010 estubo muy deskompuesto por tanta crisis ke supuestamente se vivia.

77 tutoriales para Adobe After Effects

Según la Wikipedia, el After Effects es un programa tipo estudio destinado principalmente a la creación de efectos especiales basado en la superposición se imágenes. Como con toda la línea de Adobe, lo que quienes de bueno “sobre los demás” es la gran cantidad de plugins disponibles que lo transforman en una herramienta mas que potente. Por esto es que es uno de los programas preferidos por diseñadores gráficos, productores de video y profesionales de la multimedia.
Si no saben utilizarlo, les recomiendo que lo intenten. Aprender sobre un nuevo programa que nos brinda cosas diferentes a Photoshop e Illustrator es sumamente interesante. Para esto pueden ver los tutoriales de After Effects que nos muestran en InstantShift y comenzar a practicar.

Diseña tu Zippo

2010-12-19T14:57:00.000-06:00

Esta de moda ponerse en contra de todo lo que tenga que ver con el trabajo especulativo y contra los concursos. Muchos los ven de manera sospechosa por ser una manera fácil de hacerse de ideas creativas sin invertir demasiado. En fin, en este blog desde el principio ya es tradición compartir todo tipo de convocatorias. Aquí les dejo una de Zippo para diseñar tu propio encendedor.

Zippo invita a participar en el concurso “Diseña tu zippo”. Para participar solo es necesario registrarse en el sitio web y seleccionar una de las categorías (México y Préndete), finalmente subir el diseño en formato jpg, png o gif.
Se pre seleccionarán 20 diseños de cada categoría, que se mostraran en la página web de Zippo, en donde por medio de la votación del público se escogerán a los ganadores.
La fecha límite para la recepción de propuestas es el 20 de enero.
Las propuestas ganadoras serán fabricadas. Así mismo, el primer lugar será premiado con una Macbook 2.4GHz; el segundo lugar con iPod Touch de 8G y el tercero con un iPod Nano de 8G.
No suena nada mal, a participar.
Más información: www.zippo.com.mx.

23 increíbles tutoriales de Fireworks

2010-12-18T17:37:00.000-06:00

Todos adoramos el Photoshop, pero hay que reconocer que muchas veces nos ayudamos con sus “compañeros”: Illustrator y Fireworks. El problema como nos cuentan en el blog de Francesco Mugnai, es que si bien para Photoshop abundan los tutoriales, y para Illustrator cada vez aparecen mas, para Fireworks no hay gran cantidad. Cuando uno quiere aprender a utilizarlo, cuesta encontrar sitios que nos enseñen obteniendo buenos resultados.
Por eso es bueno visitar la lista que armaron, con 23 tutoriales de Fireworks, todos excelentes y para todo tipo de conocimiento. Si estas aprendiendo, encontrarás tutoriales para dar los primeros pasos. Y si eres un experto, te dan la posibilidad de conocer nuevas técnicas, cosa que nunca esta de mas.

Darle un toque de brillo en Photoshop

2010-12-18T17:23:00.000-06:00

ENLACE AL TUTORIAL

Restauración de una foto en Photoshop

2010-12-10T23:22:00.001-06:00

Con este tutorial aprenderemos a Restaurar esas Fotografías dañadas que todos tenemos en casa, vale la pena intentarlo

IR AL TUTORIAL