Con un poco de práctica y conociendo las herramientas se pueden conseguir resultados tan impactantes como estos:

AQUÍ LOS 15 TUTORIALES

El conocimiento de estos atajos nos ayudará a manejarnos con la herramienta de una forma más rápida y eficiente y a olvidarnos de tener que utilizar el ratón cada dos por tres.

Apunte. Para todos los que utilizamos MAC solamente hay que sustituir la tecla Ctrl (Control) por Comando.

Si alguien conoce algún atajo que no ha sido nombrado le agradecería que lo compartiera con todos nosotros

1. Presionar Tab esconde la barra de herramientas y las paletas.

2. Presionar solo Shift+Tab esconderá solo las paletas.

3. Doble clic en la barra o paletas para minimizarlas/reducirlas.

4. Doble clic en el fondo gris para abrir la opción de “abrir archivo”.

5. ¿Aburrido del fondo gris alrededor de tu imagen? Selecciona la cubeta de pintura, sostiene Shift y haz clic en el fondo gris.

6. En Photoshop, todos los botones de “cancelar” en una ventana pueden ser cambiados a “Resetear” sosteniendo Alt.

7. “Caps lock” cambia tu cursor a exactitud.

8. Presiona botón F, cambiará tu pantalla a 3 diferentes modos y te dará mayor área de trabajo.

9. Para dibujar una línea recta, haz clic y mueve la línea hasta el punto final y haz shift+clic

10. Oprimir ctrl. Hará que temporalmente que varias herramientas se conviertan en la herramienta mover. (no funciona con todas las herramientas)

11. Ctrl+Alt y clic arrastrando una imagen, hará un duplicado de la imagen en una nueva capa.

12. Sostener la barra espaciadora hace que cualquier herramienta se convierta en la herramienta “mano”.

13. En la herramienta Zoom, Ctrl+espacio= agranda la imagen, Alt+espacio= disminuye el zoom.

14. Oprimir Ctrl y presionar + o – cambiará el porcentaje para la imagen en la ventana del navegador.

15. Cuando usas la herramienta cuentagotas para capturar el color de fondo, sostén Alt y clic, instantáneamente captura el color para el fondo.

16. Con la herramienta “Medida”, dibuja una línea entonces sostén alt y dibuja otra línea desde el final y medirá el ángulo.

17. Ctrl+Alt+Z y Ctrl+Shift+Z regresa varias veces en historia.

18. Alt+barra espaciadora y Ctrl+Barra espaciadora llena en toda la pantalla con el color de fondo, Shift+barra espaciadora trae la opción ventana. Alt+shift+barra espacio y Ctrl+Shift+Barra, llena la imagen con el color de fondo pero deja el área alpha transparente.

19. Cuando realizas una “transformación libre” con Ctrl+T, sostén Alt para mantener la imagen original y transformar un duplicado. Ctrl+Shift+T para repetir lo que hayas hecho en la última transformación libre.

20. Para estar seguro de que tu corte está en el eje de la imagen, sostén Ctrl mientras estás cortando (cropping).

21. Ctrl+J duplica la capa.

22. Ctrl+Shift+E une todas las capas visibles a una, Ctrl+shift+Alt+E hace una copia de la original y une todas las capas visibles.

23. Seleccionar, sostener alt hará que el punto incial sea centro de la selección.

24. Ctrl+D para deseleccionar, Crtl+Shift+D para deseleccionar.

25. Al seleccionar con la herramienta selección, presionando la barra espaciadora te permite mover la selección.

26. Sostener Alt mientras haces clic en un “icono del ojo” (en la ventana de capas), esconderá todas las capas.

27. Oprime Alt mientras haces clic en el icono del lápiz y desenlaza esta capa de las demás.

28. Selecciona una capa, sostén alt y haz clic, en la capa de encima y las agrupará.

29. Archivo/ Automate/Contact Sheet. Esto crea imágenes para cada archivo, y puede ahorrarte tiempo de buscar.

30. Dibuja un trazado en la imagen con la pluma, Ctrl+Shift+H puede esconderlo.

31. Ctrl+Tab permite navegar entre diferentes imagenes con las que estás trabajando.

32. F12 para revertir el archivo como estaba la última vez que lo guardaste.

33. Sosteniendo Shift+alt mientras transformas un objeto lo hará de forma proporcional, desde el centro.

34. Para centrar una imagen, Ctrl+A, Ctrl+X, Ctrl+V

35. Ctrl+E une las capas seleccionadas hacia la siguiente. Cuando tienes un pincel seleccionado, puede llevarte arriba de la lista de pinceles.

36. Doble clic en la herramienta zoom, hará la imagen 100%, doble clic en la herramienta mano, para colocar la imagen a la resolución de tu pantalla.

37. Ctrl+Alt+T para hacer una copia de la capa que deseas transformar.

38. Ctrl+alt+ flecha derecha, duplica la capa en la que está.

39. Ctrl+ “+”(mas) hace zoom en cualquier imagen.

40. Ctrl+ “-” (menos) reduce o aleja una imagen.

41. Ctrl+alt+ “+”(mas) hace zoom y cambia el tamaño de la ventana para ajustar la imagen.

42. Presionar D cambia los colores de fondo y primer plano a negro y blanco.

43. Ctrl+alt+z deshace múltiples veces.

44. Ctrl+clic en una capa para seleccionar una transparencia de capa.

45. Para ver como tu mascara de capa luce y editarla, haz Alt+clic en la paleta de capas.

46. Al usar el lazo polygonal oprime Shift para hacer una línea perfecta, de unos 30 grados.

47. La herramienta stamp es usada para copiar un área de la imagen (definida por alt+clic un área) y pintar en cualquier parte (clonar). También funciona cuando tienes múltiples imágenes abiertas al mismo tiempo. Alt+clic en un área de cualquier archivo abierto y pinta en cualquier parte.

48. Y recuerda, presionando enter cuando escribes puede llevarte a una nueva línea como cuando escribes una carta pero presionando ctrl+enter o un valor numérico puede terminar lo que escribes.

49. Puedes presionar Ctrl+alt+0 para ajustar tu trabajo a la pantalla, o presionar Ctrl+0 para hacer zoom al 100%.

50. Presionando F cambia entre diferentes modos de pantalla. Usando estos dos tipos puedes ver tu trabajo en pantalla completa, sin las paletas.

51. Presionando “+” y “-” mientras sostienes Ctl+Alt cambia el tamaño.

52. Si estás trabajando en un documento en Photoshop y presiones Ctrl+shift+s para guardarlo puedes ver que lo guarda como Untitled.psd. Pero si presionas Ctrl+alt+S notarás que lo guardará como Untitled copy. Psd.

53. Ctrl+Alt+clic entre dos capas en la paleta para agruparlas.

54. Si tienes mini scroll en tu mouse, puedes usarlo para hacer hacer zoom.

Vistao gracias al tweet de @noticiasda

Es sorprendente la de cosas que se pueden hacer con CSS… hay tutoriales bastante espectaculares

AQUÍ EL ENLACE CON LOS 25 TUTORIALES

Mientras la tecnología avanza día a día, nuestro recuerdo se mantiene imperdurable, y echamos en falta aquellas imágenes que nos hacen recordar. Quizás eran tiempos mejores o no a los actuales, pero cargados de una esencia distinta a la que respiramos ahora.

Siempre tendremos en mente aquellas Imágenes repletas de personalidad, una lucha incesante por sacar el máximo partido a la tecnología que se poseía en aquellos tiempos. Y cuyos resultados son ahora imitados para elaborar diseños actuales con aire retro y vintage.

Por ello quiero dejaros una colección de 40 tutoriales que os harán participar del diseño gráfico que se realizaba hace 40 años y os proporcionarán unos conocimientos e inspiración para vuestros futuros proyectos. Disfrutadlos!

>> 40 tutoriales retro y vintage

Gracias a Manu por la info!

DISECCIONANDO LA CREACIÓN DE UN LOGOTIPO

En algunas ocasiones crear un logotipo puede ser complicado debido a la saturación de trabajo o mental en la que nos encontremos. Por ello, y debido a que en nuestro trabajo la eficiencia y rapidez son la clave del éxito. He aprendido algunos trucos que me ayudan a crear logotipos efectivos, que cumplan con los objetivos de mis clientes y que formen parte de mi portafolio.

Voy a guiarte a través de mi proceso de creación de logotipos, y ¿Qué mejor forma de hacerlo que utilizando un caso real de uno de mis clientes?

Estudiaremos el proceso de “The Modern Woman’s Divorce Guide” una web orientada a mujeres que quieren divorciarse.

PASO 1: Conociendo las necesidades de tu cliente

Cuando empecé a trabajar en este logotipo, la primera cosa que hice fue investigar. Pues el logo es el elemento más importante en la imagen de un negocio y por eso tiene que cumplir plenamente todas sus necesidades. Siempre hago las mismas cuatro preguntas:

1.- ¿Cuáles son los valores de su empresa/negocio?

2.- Puedo ver algunos trabajos publicitarios actuales o pasados de su empresa?

3.- ¿Cual es el público “Target” al que va dirigido?

4.- ¿Tiene algún material que pudiera inspirarme en mi trabajo? en otras palabras, colores que le gustan o están usando actualmente. Fotos de su negocio o productos. ¿Alguna imagen o patrón que le identifique?

La directora de The Modern Woman’s Divorce Guide me respondió que ella tenía alguna idea para su logotipo. Quería algo femenino. Algo que fuera dirigido a todas las mujeres del mundo y que fuera bonito pero con fuerza.

Puesto que este no era un tipo de negocio mecánico y del que no disponía de información gráfica. Me comentó que pegara un vistazo a su actual web, la cual tenía que renovar, pero que podía servirme apara obtener información.

PASO 2: Generar bocetos

Uno de los errores más grandes que puede hacer un diseñador, es el de ponerse directamente con el ordenador a preparar bocetos de su logotipo.

Seguro que tendrás algunas ideas después de haber charlado con tu cliente, pero hasta que no te pongas a pensar seriamente en lo que tienes que hacer, estarás perdiendo el tiempo. Aunque muchas veces he tenido varias ideas rondando mi cabeza, este paso me ha ayudado todas las veces.

Siéntate, coge una hoja de papel, un lápiz y haz una lista, ponle el título que quieras y empieza a escribir palabras que identifiquen a tu cliente. En este caso pensé en palabras como guía, libro, limpio, profesional, mujer, moderna, chic, etc.

Tienes que hacerlo rápido y asegurárte de que escribes todo aquello que se te pasa por la cabeza. Cuando lo estés haciendo (da igual que sean nombres o adjetivos) te darás cuenta de que hay palabras que empiezan a generar imágenes visuales atractivas para tu logo. Echa un vistazo a la siguiente lista que utilicé en el proceso de creación de The Modern Woman’s Divorce Guide.

PASO 3: Creación del Logotipo

Después de tener mi lista de palabras, tenía que empezar a dejar fluir mi imaginación y podía hacerlo directamente con el ordenador o bocetando sobre una hoja. Dado que tenía muchas ideas rondando mi cabeza y necesitaba soltarlas cuanto antes, era mucho más rápido hacerlo sobre una hoja de papel como muestro a continuación. [De hecho es la mejor opción antes de ponernos con el ordenador, Nota del traductor].

Una vez realizados los bocetos, me puse con el ordenador. Me gusta experimentar con distintas tipografías y colores para poder duplicar las ideas de una forma rápida y reorientar aquellas que lo necesiten.

Cuando comenzamos (ya sea en el ordenador o bocetando), tenemos que tener presente la lista de palabras, pues podemos tener diseños que incidan sobre una sola palabra o diseños que incidan sobre una combinación de varias de ellas. En cualquier caso, hay que tener siempre la lista presente pues es una gran referencia y mantiene las ideas a flote.

La política que suelo utilizar cuando trabajo en el logotipo para un cliente es presentarlo con tres conceptos. Intento crear tres variantes totalmente distintas y utilizar tres tipos de formatos existentes: solo tipografía, solo imagotipo, y una combinación de ambos.

Para este caso de The Modern Woman’s Divorce Guide, llegué a realizar hasta 45 bocetos de logotipo. [Siempre es importante quedarse con aquellos que más se identifiquen con la marca y saber cuales son los que debemos presentar al cliente. Nota del Traductor]

PASO 4: Presentación del logotipo. ¿Cuáles son los que debo presentar?

al seleccionar los logotipos de The Modern Woman’s Divorce Guide, lo primero que tengo que decidir es cual de todos es mi mejor trabajo. Es importante que presentemos a nuestro cliente aquellas piezas que nos encantaría incluir en nuestro portafolio. Un trabajo ya realizado es un trabajo que servirá de muestra a nuestros futuros clientes. Por ello, debemos estar seguros de que cada logotipo presentado tenga la máxima calidad.

¿Cumplen los logotipos los objetivos de nuestro cliente? ¿Van dirigidos al target especificado?¿Son legibles? ¿Podrán ser reproducidos fácilmente en una gran variedad de soportes y materiales?

Con la información original en la mano, estas son todas las preguntas que nuestras piezas deberán de cumplir para ser seleccionadas. En el caso de que alguna pieza no cumpla alguna de estas cuestiones, tendremos que descartarla.

A continuación muestro los tres logotipos finales seleccionados:

Para presentar los logotipos seleccionados, siempre duplico cada uno y lo reduzco en una determinada proporción. Esto mostrará al cliente como quedarán cuando sean reducido. En este momento es cuando debemos comprobar si alguna de las piezas necesita de alguna modificación de color.

Si el cliente solicita alguna modificación de las piezas, incluyo dos rondas adicionales de rediseño. Desafortunadamente, en el caso de The Modern Woman’s Divorce Guide, su directora sintió que ninguno de los tres logotipos presentados se ajustaba a sus necesidades. A pesar de ello, estoy totalmente feliz por el buen trabajo realizado, de hecho el logotipo que podéis ver abajo expuesto, saldrá en el Logo Lounge 5 que será publicado este año.

DETALLES, detalles

¿Cuál fue la elaboración del logotipo arriba expuesto?. Escogí una tipografía típica de los libros de texto, para transmitir ese sentimiento de libro de mano o guía. Quería mantener el texto en minúsculas pues le da un toque más femenino y suave. La ilustración de la mujer es bastante elegante, actual y transmite confianza. Ella se asemeja a una profesional preparada para los negocios. Al hacer el logotipo rosa conseguimos hacerlo todavía más femenino. Es importante cuando queremos realizar un logotipo que de fuerza a la mujer. El logotipo debía ser fuerte y transmitir confianza (como siento que lo hace la ilustración) sin llegar a saturar. Al introducir un color como el rosa, la suavidad del logo se enfatiza.

FIN.

Aquí el enlace al artículo original

Aquí el enlace al Portfolio de Angela Ferraro-Fanning

AQUI LOS 39 TUTORIALES

visto en vecindad gráfica

Podéis ver el artíclo AQUI

Si estabais aburridos aquí tenéis trabajo que hacer.
La verdad es que estos tutoriales son bastante interesantes y espero poder hacerlos todos para aprender un poco más sobre este estilo que tan de moda está.

Visto en Vecindad Gráfica

Una recopilación de tutoriales muy buenos que ayudarán a muchos a aprender trucos y técnicas para realizar efectos bastante impactantes.

23 super tutoriales