Crea un diseño de cítricos desde cero en Photoshop

Esto no es la web brillante de tu mamá 2.0 naranja. Aprende cómo ser deliberadamente "descuidado" e imperfecto puedes agregar encanto orgánico a una creación. Recoger algunos grandes usos para los filtros de todos los días. Luego integrarlo todo en un diseño grande.

Ganador del segundo lugar del tutorial

Este es el segundo tutorial del ganador del Psdtuts + First Tutorial Writing Contest. Consulta los resultados del concurso aquí. ¡Felicitaciones a Michelle Regan y disfruta del tutorial!

Vista previa de la imagen final

Antes de empezar, echemos un vistazo a la imagen que vamos a crear. Haz clic en la captura de pantalla a continuación para ver la imagen a tamaño completo. Como siempre, el archivo de Photoshop en capas está disponible a través de nuestra membresía de Psdtuts+ Plus.

Paso 1

Comienza con un lienzo negro por el bien de la simplicidad. Crea una capa llamada "naranja" y dibuja un círculo áspero rápido. El color no importa; estamos a punto de encubrirlo de todos modos. Ahora, podrías haber hecho algo con la herramienta de marquesina circular, pero ¿dónde está la diversión en eso? ¡La imperfección hace que se vea más natural!

Paso 2

Bloquea la transparencia en la capa naranja y elige dos colores de naranjas naturales, uno más claro y otro más oscuro. Evita las naranjas de la zona de construcción y otros colores neón o antinaturalmente brillantes. Elegí #fa9c28 y #ca5812. Luego ve a Filtro > Render y golpea las nubes.

Paso 3

Ahora crea otra nueva capa llamada "núcleo". Establece el color en blanco y negro y vuelve a representar las nubes.

Paso 4

Ejecuta las nubes a través del filtro de esponja (Filtro > Artístico > Esponja) y usa los siguientes ajustes.

Paso 5

Por último, utiliza el filtro envoltura de plástico (Filtro > Envoltura artística > de plástico). Utiliza la siguiente configuración. Oye, ¿ves a dónde voy con esto?

Paso 6

Recorta la capa "núcleo" a la capa "naranja" presionando Alt + Comando + G en CS3, o haciendo clic en crear máscara de recorte en la paleta capas.

Paso 7

Establece el modo de capa de la capa "núcleo" ahora recortada en luz suave. ¡Mira eso!

Paso 8

Es hora de hacer la cáscara externa y dentro de la membrana. Crea una nueva capa llamada "peel" y córtala a la capa "naranja" (tal como lo hiciste para la capa principal). A continuación, dibuja un borde áspero alrededor de los bordes de la naranja.

Paso 9

Ahora usa las herramientas desenfocar y manchar para suavizar los bordes. No uses un filtro general como desenfoque gaussiano. Esto no es un desenfoque uniforme, y deseas que algunas áreas sean más borrosas que otras.

Paso 10

Dibuja en las "rebanadas de pastel". ¡Ser deliberadamente descuidado con las líneas! No necesitan ser rectos, o divididos uniformemente, ya que tampoco están en la naturaleza.

Paso 11

Una vez más, utiliza desenfoque y mancha para suavizar los bordes. Parece más convincente si dejas un lado más duro, y sobre todo suavizar el otro. Ten en cuenta que no he terminado completamente el desenfoque en esta imagen.

Paso 12

Ahora oscurece y sombrea los bordes de la cáscara. Hice esto en otra nueva capa, aunque puedes mantenerlo todo en la misma si lo deseas. De todos modos, utilicé dos colores más oscuros aquí. Luego usa el borrador para eliminar pequeñas manchas, lo que rugirá la textura cuando te mezcles en el siguiente paso.

Paso 13

Una vez más, saca las herramientas de blend y smudge y no desenfoques. Es importante no simplemente desenfocar todos los detalles en el olvido. El contraste entre las áreas de bordes duros y las áreas completamente borrosas es lo que hace que la textura se vea orgánica, en lugar de plástico.

Paso 14

En una capa llamada "detalle", utiliza un pequeño pincel fino con un color oscuro para garabatear un poco de sombreado en la cáscara. Por cierto, esta es una naranja sin semillas, pero si lo deseas, también podrías agregar semillas en la etapa de detalle.

Paso 15

¿Adivina qué viene después? A la derecha, ¡Desenfocar y Manchar! Cuando hayas terminado de desenfocar, agrega algo de ruido yendo a Filtro > Ruido > Agregar ruido y establece la cantidad en 2.

Un concepto interesante a tener en cuenta cuando estás en desenfoque es que las partes que no debes desenfocar son tan importantes como las partes que si lo haces. Una vez más, el contraste es clave. Dejé algunos bordes sin apretado, y desprendí algunas áreas con el borrador.

Paso 16

En una capa llamada "color", tomo un aerógrafo suave grande establecido en la luz dura al 20% de opacidad, y pincela en algunos colores amplios. Usa amarillos más claros cerca del centro y naranjas más oscuros cerca de los bordes. Esta es una forma sutil pero efectiva de dar algo más de profundidad.

¡En este punto, la naranja está lista para ser utilizada en cualquier tipo de diseño! Y probablemente seas mejor en toda la parte de diseño que yo, porque soy un pintor e ilustrador digital, no un diseñador gráfico per se. Pero les daré un ejemplo rápido que tal vez hará que las ideas fluyan.

Paso 17

En primer lugar, ten en cuenta que puedes, por supuesto, seguir los pasos anteriores de nuevo para crear más rebanadas en varios colores. Hice una rodaja de limón y lima usando la misma técnica que la naranja. Lo bueno de usar Clouds como filtro principal de cualquier técnica es que el resultado será ligeramente diferente cada vez.

Moviéndome a lo largo de aquí, creé un lienzo a 1200 px por 1200 px. Para el fondo, hice un degradado radial con negro y gris oscuro. Luego coloqué las rebanadas en el lienzo, usando Editar > Transformar > Escala para alterar los tamaños donde sea necesario. También apliqué un resplandor exterior alrededor de cada rebanada. El Resplandor Exterior se estableció en Multiplicar, con una Extensión de 0, y un Tamaño que va desde 20 px (para la cal) hasta 38 px (para la naranja).

Paso 18

Tomé fotos de ilustraciones de azahar de uno de mis libros de plantas libres de derechos de autor de plantas (sí, fotos, y no escaneos). Me encanta el libro, y no quería estropear la encuadernación. Puse la imagen de la flor en su propia capa, llamada "flor trasera".

Puedes descargar la foto de alta resolución que tomé. Como puedes ver, la imagen original es tinta negra sobre papel blanco, pero quería tinta blanca sobre papel negro. Así que teclea Comando + I para invertir los colores. Luego configura el modo de capa en Pantalla. El negro se ocultará, dejando solo las líneas blancas. ¡Todavía tenía que hacer un poco de borrado de manchas, pero eso generalmente me ahorra un montón de trabajo de corte!

Paso 19

Haz un poco de weed whacking usando una máscara de capa o la herramienta de borrador.

Paso 20

Duplica, cambia el tamaño y gira la capa "flor posterior" tres veces.

Paso 21

Por ahora, apagué las capas de "flor trasera". Luego tomé otra foto de azahar de mi libro. Esta imagen también es negro sobre blanco, así que la preparé de la misma manera que la imagen en el paso 18.

Paso 22

Vuelve a encender las capas de "flor trasera". ¡Todo se está juntando!

Paso 23

Tiempo para algunos toques finales, como este título bastante predecible. Usé una fuente llamada The King and Queen, y apliqué algunos efectos de capa, como un degradado verde-amarillo-naranja y un resplandor exterior (negro, configurado para multiplicar, Spread a 10px y Size establecido en 30px).

Paso 24

Ahora combina todas las capas de "flor" y crea una nueva capa en la parte superior. Córtalo a la capa de "flor" fusionada (¿recuerdas el Paso 6?). A continuación, rellena con un degradado naranja, amarillo y verde.

Paso 25

Establecí el modo de la capa de "degradado" en Superposición. A continuación, establece la opacidad en 80%. Puedes ver lo que esto ha logrado: colorear la línea subyacente, pero no el fondo gris.

Paso 26

Y, por supuesto, ¿qué jugosa imagen de fruta estaría completa sin gotas de agua? ¡Hagamos algunos! Crea una nueva capa llamada "gotas", y con un pequeño pincel negro, dibuja algunas formas de goteo y caída.

Paso 27

Ahora establece los estilos de capa como se muestra a continuación. Cuando hayas terminado, debes tener pequeñas gotas negras brillantes que (inquietantemente) se asemejan al aceite.

Paso 28

Aquí es donde sucede la magia. Ajusta el Relleno (¡eso es diferente de Opacidad!) hasta 0%, y de repente las gotas de aceite se convierten en agua. ¡Woow!

¡Terminado!

Por último, ilumina el fondo solo un pellizco. ¡Se acabó! Haz clic aquí para ver la versión final a tamaño completo.

Ya sabes, un proyecto como este realmente saca a mente todos los beneficios de la creación digital; puedes tomar ventaja de los filtros para efectos precisos, pero también puedes disfrutar de un poco de un buen ol ' fashioned, acción a mano alzada sin complicaciones, de una manera que es poco exigente. Es relajante no tener que preocuparse por la precisión, ¿no es así? ¡Espero que te hayas divertido siguiendo esto!