PDA

View Full Version : Tutoriales


309
10-jun-2008, 16:15
<a name="menu"> </a>
aqui estan todos los tutoriales que nuestros cover designers han hecho, Disfrutenlos

<a href="#creacion de una caratula">Creacion de una Caratula</a> por Tanjir
<a href="#Como hacer Galletas">Como hacer "Galletas"</a> por KaZ
<a href="#Uso de la mascara de capa en PS">Uso de la mascara de capa en PS</a> por bycker89
<a href="#Impresion de Covers">Impresón de Covers</a> por KaZ

<a name="creacion de una caratula">http://i98.photobucket.com/albums/l242/de309/titulo.png</a>
<a name="titulo"> </a>

Bueno, este tutoria tenía ganas de hacerlo hace tiempo pero me daba bastante flojera, ahora que tengo un poco más de tiempo lo hago XD.

Si consideras que dije alguna estupidez, omití algo o quieres aportar a la tuto simplemente postealo y di lo que quieras decir para enriquecer el tutorial y ayudar a los que no saben :)

Debo aclarar que en esta tuto usaremos Adobe Photoshop (cualquier versión, no creo que cambie mucho)


Este tuto se divide en 11 partes:


<a href="#utilidades">utilidades</a>
<a href="#Que Serie escoger">Que Serie escoger</a>
<a href="#Tomar Ejemplos">Tomar Ejemplos</a>
<a href="#Que imágenes escoger">Que imágenes escoger</a>
<a href="#El Proceso">El Proceso</a>
<a href="#La Galleta">La Galleta</a>
<a href="#Inmandix Cover">Inmandix Cover</a>
<a href="#Subir La cover">Subir la Cover</a>
<a href="#Como Postear La Cover">Como Postear</a>
<a href="#Aun no termina el trabajo">Aun no termina el trabajo</a>
<a href="#FAQ ó Preguntas Frecuentes">FAQ ó Preguntas Frecuentes</a>



<a name="utilidades">http://i98.photobucket.com/albums/l242/de309/utilidades2.png</a>


Programas a usar:
Bueno Usaremos 2:

Adobe Photoshop CS3 http://www.elrincondelmanga.com/foro/images/icons/image_11.gif (http://www.elrincondelmanga.com/foro/showthread.php?t=74662#1)http://img252.imageshack.us/img252/660/gigasizeei5.jpg (http://www.elrincondelmanga.com/foro/showthread.php?t=82423)
(si por alguna razón no pueden descargar el CS3, y tienen otra version, no se preocupen, que la version no importa mucho)

Inmandix Cover: http://www.elrincondelmanga.com/foro/images/icons/image_11.gif (http://www.megaupload.com/?d=H573ZJ17) http://img252.imageshack.us/img252/660/gigasizeei5.jpg (http://www.gigasize.com/get.php?d=4qlq8758ttb )

Utilidades:
Lienzos: http://www.elrincondelmanga.com/foro/images/icons/image_11.gif (http://www.megaupload.com/?d=J2KXSP44) http://img252.imageshack.us/img252/660/gigasizeei5.jpg (http://www.gigasize.com/get.php?d=s3wcvw32j7b )

Logos DVD y DivX:http://i228.photobucket.com/albums/ee168/Dark-Kira/rapidshare.jpg
(http://rapidshare.com/files/13747059/Logos_divx_y_dvd.rar)http://img252.imageshack.us/img252/660/gigasizeei5.jpg (http://www.gigasize.com/get.php?d=sd4f6231xcf)

aquí les dejo los logos del rincón (facilitados por carlsvirc), se los dejo para que si quieren se los pongan a sus caratulas.
Libro ERDM (http://www.elrincondelmanga.com/logos_web/libro)
ERDM City - Negro (http://www.elrincondelmanga.com/logos_web/negro)
ERDM City - Blanco (http://www.elrincondelmanga.com/logos_web/blanco)

Paginas Útiles:
Para Imágenes:
www.animepaper.net
www.planetrenders.net
www.hebus.com
www.minitokyo.net
http://www.animefever.org/
http://www.animewallpapers.com/
http://www.annuaire-web-france.com/
http://wp.madcowdisease.org/gp/Anime+Manga
http://moe.imouto.org/
http://ningen.nattoli.net/wallpapers/
http://www.moeboard.net/
http://animepa.csusm.edu/galleries/index.htm
http://animwallscenter.free.fr/
http://www.ferricorp.com/
http://www.anime-revenge.net
http://www.coolwallpapers.org/anime/index.php
http://www.animeglitch.com/wallpapers.php?page=menu
http://animewallpapers.yusuketeam.com/
http://www.hebus.com/cat-1-22.html
http://www.northarc.com/images/
http://www.vkmanga.com/gallery/scan/
http://gallery.digik.net/
http://www.anisearch.de/?page=wallpa...dc7532eab9653f
http://www.tsubara.net/wallpapers/index.htm
http://myfavoritegames.com/images.aspx?f=Other_Anime
http://www.animegalleries.net/
http://wallpapers.theotaku.com/index.php?
http://gallery.digik.net/cat/1/
http://www.anisearch.de/
http://www.mekaiforum.com
http://www.theanimegallery.com/index.php
http://www.animegen.es
http://browse.minitokyo.net
http://www.deviantart.com

Hosters de imágenes:
http://tinypic.com/
http://imageshack.us/
http://photobucket.com


Recursos:
Fonts:
www.dafont.com
www.publispain.com/superfuentes/
www.1001fonts.com
www.typenow.net
http://www.getfreefonts.info/
http://www.1001freefonts.com/

Tutoriales:
http://www.photoshop-designs.com/for...pic.php?t=4212
http://www.todo-photoshop.com/
<a href="#titulo">volver al titulo</a>

<a name="Que Serie escoger">http://i98.photobucket.com/albums/l242/de309/Que-Serie-escoger-2.png</a>


Bueno esto depende mucho de tus habilidades, tu disponibilidad y cuanto empeño le pongas, no es muy recomendado para los principiantes coger series muy populares o con muchos capis, ya que probablemente tus Covers pasaran desapercibidas, recomiendo tomar series poco conocidas, que no estén en la Lista de Carátulas (http://www.elrincondelmanga.com/foro/showthread.php?t=60329) y con pocos capis.
Intenta coger series que sean pedidas por usaros y que sea necesaria su Cover, así también es probable que en el proceso cojas un poco de repu ^^.
Aquí está la Lista de pedidos de Covers (http://www.elrincondelmanga.com/foro/showthread.php?t=80277)
También es recomendable intentar coger un anime el cual tu hayas visto para saber mejor que imágenes usar y en qué orden.
<a href="#titulo">volver al titulo</a>

<a name="Tomar Ejemplos">http://i98.photobucket.com/albums/l242/de309/Tomar-Ejemplos.png</a>


Es recomendable tomar ejemplos antes de hacer una caratulas, yo siempre reviso la Lista De Caratulas originales (http://www.elrincondelmanga.com/foro/showthread.php?t=71046) antes de hacer una Cover para tener un ejemplo y saber mas o menos como va la cosa XD.
También Es necesario Googlear imágenes para darse una idea de cómo es ese anime
<a href="#titulo">volver al titulo</a>

<a name="Que imágenes escoger">http://i98.photobucket.com/albums/l242/de309/Que-imagenes-escoger.png</a>


Bueno yo recomiendo usar renders antes que wallpapers por una cosa de tiempo, así te ahorras recortar y arreglar detalles, pero eso depende de que tipo de Cover que hagas.
Hay que dar preferencia a la resolución de las imágenes a la hora de elegirlas, para evitar que se pixeleen y se vea feo XD
También toma en cuenta en que parte de Cover pondrás esa imagen, para que al menos tenga el tamaño y la forma necesaria para usarla.
<a href="#titulo">volver al titulo</a>

<a name="El Proceso">http://i98.photobucket.com/albums/l242/de309/El-Proceso.png</a>


Bueno ahora empieza la tutorial realmente XD.
Yo hare una Cover de el anime onegai teacher (lo recomiendo, es muy bueno).
Ahora viene la etapa de “recortado” (¿qué tedioso no?) bueno hay que hacerlo XD
Yo recortare este wallpaper :
http://img528.imageshack.us/img528/5041/imagen1ol0.jpg
Usando el “lazo poligonal”
http://img240.imageshack.us/img240/4236/imagen2qh0.jpg 2
http://img240.imageshack.us/img240/5184/imagen3xu8.jpg
Pues empezamos seleccionando desde abajo hasta arriba, hasta que nos quede algo así: http://img122.imageshack.us/img122/6908/imagen4gz1.jpg
Seleccionar quizá sea algo tedioso, pero les daré algunos tips para hacer todo mas rápido y que quede mejor:

Si pulsas el botón TAB antes de empezar a seleccionar todas las ventanas se cerraran (para volver a abrirlas pulsa TAB nuevamente)
Si pulsas ALT cuando estas seleccionando y haces click mantenido, cambiaras de herramienta al lazo normal
Si pulsas Shift mientras estas seleccionando, solo tiraras líneas en 180º, 360º, 90º y 45º
Si pulsas SUPR Mientras seleccionas se volverá al punto anterior
Bueno ahora hay que pegar lo recortado en el Lienzo de la Cover, queda algo así:

http://img225.imageshack.us/img225/741/imagen5ji7.jpg
No se ve muy bien ¿no? , esta como mal recortada y se ve mal
Pues les tengo noticias: Hay una manera rápida y simple de arreglar eso, nos vamos a
Capa/Halos/Eliminar Halos y le damos 1px y listo ya no se ve mal recortado
Resultado:
http://img225.imageshack.us/img225/710/imagen6gv1.jpg
Listo ya tenemos la imagen de la back, pero nos falta el fondo, bueno explicare esto sencillamente, Yo propongo 5 Tipos de Fondos, (también llamados Background)

Los de Color solido: Son bastante simples, pero efectivos
Los de degradado: Como el nombre lo dice tienen un degradado (XD)
Los de Brusheados: Se utilizan pinceles para hacerlos, quedan bastante bien, pero hay que saber brushear y normalmente da flojera XD
Los de renders: Se usa uno o más renders para hacerlo, se les puede bajar la opacidad para que se note que es un fondo y no un render principal
Los Mezclados: suelen ser más complicados que los anteriores, pero a veces sobrecargan la Cover y no se ve muy bien, no recomiendo mezclar más de dos tipos de fondo.
Wallpaper: este metodo consiste en montar una wallpaper o una imagen con un fondo. Este metodo es el mas rapido de todos pero presenta varios inconvenientes como la calidad de la imagen que es muy mala ademas que eso le quitaria merito a tu trabajo y seria menos tuyo tecnicamente


Bueno yo eleji un degradado, para no sobrecargar la Cover ni hacerla muy sencilla, queda algo así:
http://img90.imageshack.us/img90/847/imagen7hm3.jpg
Bueno ahora a por la Front, lo hare simple y pondré un wall de la serie, esta:
http://i26.tinypic.com/2ll1q93.jpg
Queda así (si cambie el degradado, el otro se veía mal XD):
http://i25.tinypic.com/10zbb7o.jpg
Ahora a ponerle el logo:
http://i29.tinypic.com/orndsk.jpg
Faltan las capturas, la sinopsis y los datos técnicos, eso lo puedes sacar de la sección de descargas del rincón (http://www.elrincondelmanga.com/foro/showthread.php?t=75282), ahí eliges la serie en la que estás trabajando y le das click, te llevara al post de descarga, ahí encontraras la sinopsis, ficha técnica, capturas, etc. Eso solo cosa de copy paste.
Las pegamos en Photoshop y queda algo así:
http://i32.tinypic.com/v5e8mt.jpg
Ahora solo quedan detalles como poner el logo de dvd, los marcos y cualquier locura que se te ocurra ponerle para darle un poco de “Tu propio estilo”
Yo la deje así:
http://i30.tinypic.com/2vchk6o.jpg
Y listo la Cover ya la termine :)
<a href="#titulo">volver al titulo</a>

<a name="La Galleta">http://i98.photobucket.com/albums/l242/de309/La-Galleta-1.png</a>


Bueno esta parte es relativamente parecida a la Cover (es lo mismo pero solo hay que hacerlo todo dentro de la plantilla), puedes incluso usar las mismas imágenes que usaste en la Cover, pero sería un poco monótono así que recomiendo usar renders.
Como KaZ ya hizo un tuto sobre galletas…… Los linkeare a esa XD
<a href="#Como hacer Galletas">Click Aquí</a>
A mí me quedo mi galleta así:
http://i30.tinypic.com/30swwhc.gif
(No contiene ningún mensaje subliminal (espero que muy pocos hayan entendido ese chiste XD))
<a href="#titulo">volver al titulo</a>

<a name="Inmandix Cover">http://i98.photobucket.com/albums/l242/de309/Inmandix-Cover.png</a>


Bueno esta parte es muy sencilla así que espero no tengan problemas con esto
Les presento a Inmandix Cover:
http://i25.tinypic.com/1zducrq.jpg
Este Programa lo usaremos para hacer las vistas previas de las Covers, Es útil para hacer el post de la Cover mas liviano y fácil de cargar para los que no tienen tanta internet, también porque mola la vista 3D XD
Bueno ahora pulsan donde dice Load Cover
http://i27.tinypic.com/a23whc.jpg
Seleccionan la Cover:
http://i25.tinypic.com/9bjbme.jpg
Le Dan a Design Test y verán la vista previa, ahora solo ponen Save Result, lo guardan y listo.
Hay muchos estilos de vista previa, se pueden poner muchas Covers al mismo tiempo etc.… pero eso no lo explicaremos ahora
Nos queda algo así:
http://i29.tinypic.com/eqng95.jpg

[avanzado]
Mini tutorial ¿cómo cambiar el template?
El template, para los que no sepan, es el tipo de vista previa que tendra nuestra carátula, alguien me preguntó como se cambiaba y pues decidi agregarlo a la tuto, aqui va:
primero, en inmandix cover, nos vamos a presentation y (luego de cargar la cover) ponemos next
http://i25.tinypic.com/2gsftya.jpg
ahora hay que poiner select template para seleccionar el que usaremos.
http://i27.tinypic.com/n6ur85.jpg
ahora selleccionamos el que más nos guste y .. listo ^^
http://i31.tinypic.com/sbpobn.jpg
<a href="#titulo">volver al titulo</a>

<a name="Subir La cover">http://i98.photobucket.com/albums/l242/de309/Subir-La-cover.png</a>


Bueno esta parte es muy fácil, es solo subir las imágenes a algún hoster para que los demás users las puedan ver, los hosters que yo recomiendo están en la lista de páginas útiles.
Usaremos ImagesHack
http://i32.tinypic.com/dqiulf.jpg
Lolo hay que clickear donde dice Examinar, seleccionas tu Cover y le das a host it, puede que se demore unos segundos (dependiendo de la imagen) pero te la subirá a internet y te dará una serie de links, solo copia el ultimo y esa será la dirección de tu Cover.
http://i25.tinypic.com/2hr3lv4.jpg
Ahora se repite el mismo proceso para la galleta y la vista previa.
<a href="#titulo">volver al titulo</a>

<a name="Como Postear La Cover">http://i98.photobucket.com/albums/l242/de309/Como-Postear-La-Cover.png</a>



Ahora al fin a postear nuestra querida Cover, solo abres un post en la sección de caratulas ( http://www.elrincondelmanga.com/foro/forumdisplay.php?f=70) y le pones el siguiente nombre:
[CAR]TITULO SERIE[ESTADO]

En estado será:


Preview
Acabada
Abandonada
Ayuda


Y los iconos seran:
http://www.elrincondelmanga.com/foro/images/icons/image_14.gifCuando sea nueva
http://www.elrincondelmanga.com/foro/images/icons/image_5.gifCuando se actualice o se añadan mas
Por Ejemplo:
http://www.elrincondelmanga.com/foro/images/icons/image_14.gif [CAR] Onegai Teacher [Acabada]
Luego ponemos lo siguiente:
Direccion_de_ la_ vista_previa.asd ( Direccion_de_la_imagen.asd )
Direccio_de_la_imagen.asd

Direccion_de_la_galleta.asd
Direccion_de_la_galleta.asd



Y listo, le das a postear y ya,” pan comido” (XD)…..
<a href="#titulo">volver al titulo</a>

<a name="Aun no termina el trabajo">http://i98.photobucket.com/albums/l242/de309/Aun-no-termina.png</a>


Bueno creías que habíamos terminado?... estas equivocado, un buen designer toma las críticas constructivas que le hacen y modifica su caratulas cuantas veces sea necesario para mejorar y superarse, así que ¡hazlo!
(tú eliges que criticas tomar y cuáles no, eso depende de tu estilo, al fin y al cavo es TU Cover)
<a href="#titulo">volver al titulo</a>


<a name="FAQ ó Preguntas Frecuentes">http://i98.photobucket.com/albums/l242/de309/FAQ.png</a>



¿cual es la minima resolucion de la caratula?
la minima resolucion es de 1618 x 1081 pero si haces una cover con mayor resolucion no habra problema alguno
¿para ser caratulas y/o postearlas en el Rincon tengo que ser Cover Designer?
No, cualquier persona que desee aportar su trabajo en el rincon no solo caratulas sino tambien cualquier cosa como menus, noticias, programas, juegos, entre otros, es libre de hacerlo mientras no sea con fines lucrativos, racistas y/o discriminativos
¿porqué si en el PhotoShop la resolucion es correcta cuando la subo al internet disminuye la resolucion?
Esto se debe a que tu imagenes es muy pesada o que la pagina que usas te redimenciona la imagen
http://img413.imageshack.us/img413/1614/59621250ri9.jpg
para solocionarlo solo tienes que fijarte cuando vallas a guardar la imagen en el PhotoShop que no supere el peso permitido, en este caso es de 1.53MB, se recomineda guardarlo en JPG, ya que este formato conserva la calidad con poco peso.
si al hacer esto el problema persiste busca en la pagina alguna opcion que redimensione la imagen y con eso vastara, de lo contrario prueva con otras paginas para subir tu imagen
¿Comó puedo ser un/una Cover Designer?
Solo tienes que enviar un MP (Mensaje Privado) a 309, koro o x8xVergilx8x
para mayor informacion entra aqui (http://www.elrincondelmanga.com/foro/showthread.php?p=92368#post92368)
¿Es obligatorio la parte del titulo del post?
Si, pues este ayuda a llevar un cotrol mas ordenado de las caratulas para asi poder actualisar el indice sin dejar por fuera a ninguna caratula

<a href="#titulo">volver al titulo</a>


Espero les haya sido útil :)

PD Recuerden darle el botón azul ( si entienden lo que digo XD)
Cya

Editado por 309

<a href="#menu">volver al menú</a>

<a menu="Como hacer Galletas">http://i98.photobucket.com/albums/l242/de309/Como-hacer-Galletas.png</a>

<a menu="kaz"> </a>
A ver gente... si si, muchas caratulas popis, pero galletas (o DvD´s como lo llameis) ni una... es q coño... una caratula cojonuda tiene q ir junto con una puta galleta igual de cojonuda, os imaginais la cara de un colega q llega a casa, y se pone a mirar vuestra magnifica coleccion de Series con Caratulas Exclusivas, y le da por abrir uno y ... q se encuentra??........ una mierda de DvD con unas horrorosas letras de niño de parbulario hechas a mano q pone "Samurai Champloo, 1-26" ... pero q cutres soiiiiiiiiis.... es q os pego una leche.... :chair:

Por eso os voy a hacer un pekeño tuto de como hacer una Galleta de DvD decente:

Primero os dejare esta plantilla:

http://img88.imageshack.us/img88/8399/galletagrandekj1.png
http://img88.imageshack.us/img88/8399/galletagrandekj1.png

....


.......


...........


...............


.......................


...............................


.........................................


Pero q esperais??? Q os ponga el dedo en el raton y os guie paso a paso??? ya teneis la plantilla de la galleta en .PNG no??? si sabeis rellenar una caratula, teneis q saber rellenar esta chorrada... venga.. arreando q es gerundio...... :D :D :D....

Y keiro ver esas caratulas con galletas a juego, no me seais cutres!!!!
<a href="#kaz">volver al titulo</a>
<a href="#menu">volver al menú</a>


<a menu="Uso de la mascara de capa en PS">http://i98.photobucket.com/albums/l242/de309/Uso-de-la-mascara-de-capa.png</a>
weno, en este video les muestro la gran utilidad del vector mask o mascara de capa, una herramienta muy util, ya que no modificas completamente la imagen que vallas a editar, sino que borras temporalmente algunas zonas, y si te llegaste a borrar algo que no deberias de haber borrado, unicamente borras lo que trazaste en la mascara de capa o bien la eliminas, les dejo un video de como utilizarla ^^, espero les sea de ayuda :p

Tutorial Uso de la Mascara de Capa (http://www.megaupload.com/?d=3BRO69YU)
<a href="#menu">volver al menú</a>

<a menu="Impresion de Covers">http://i98.photobucket.com/albums/l242/de309/Impresion-de-Covers.png</a>
<a menu="kazb"> </a>

Bueno, viendo el gran problema que existe en cuanto a la forma de realizar las impresiones de los covers para que queden en el tamaño adecuado, creo este post donde se pondrán dos o tres tutoriales de como realizar estas impresiones según un par de programitas distintos.

Como Imprimir Covers con el Photoshop (By KaZ)

Yo utilizo esta metodología porque me es más cómoda, pero estoy seguro que hay otras muchas formas.

Una vez abierta la imagen, vais a "Imagen -> Rotar Lienzo -> 90º AC ó 90º ACD" es igual cual de los dos, con lo que nuestra cover se ha colocado en vertical.

http://img254.imageshack.us/img254/6794/tutorial1cm3.jpg

Después váis a "Archivo -> Imprimir con vista previa" y os saldrá una ventanita como esta:

http://img146.imageshack.us/img146/1603/tutorial2oy7.jpg

Aquí tenéis que poner como altura de la imagen "27,45", que son mas o menos la medidas estandars de una cover, y también marcar las cosillas como están para que se imprima a una buena calidad en color, clickeais sobre "Imprimir..." y sólo os queda configurar vuestra impresora con los parámetros que deseéis.

En fin, otro de mis tutoriales chorra que espero que os sea de utilidad.

Salu2!!

www.elrincondelmanga.com - by KaZ
<a href="#kazb">volver al titulo</a>


<a href="#menu">volver al menú</a>

agente004
15-jun-2008, 01:43
gracias por el tuto ^^ era lo que estaba buscando :D

solo podrias explicarlo paso por paso desde el comienso ya que nunca e usado este programa plis

Tanjir
22-jun-2008, 22:27
cuando las moviste? xd .. bueno cuando tenga tiempo actualizare con cosas que he ido aprendiendo, y no es poco así que prepárense xd

-ExT-
22-jun-2008, 23:05
grax por recopilarlos man..repu! xd

O.o

isra_sempai
09-jul-2008, 07:41
muchas gracias, me a ayudado de mucho!!!!

c1571217
30-ago-2008, 15:06
¿Hay para corel?

De todos modos se agradece.

aboutV7
30-ago-2008, 15:12
Gracias por recopilarlos pero en el tutorial de la galleta la imagen no se ve, y le doy al servidor donde esta alojada la imagen y tampoco se ve

Enid
09-sep-2008, 23:09
mmmm... el tuto esta incompleto, y no sirve para personas que como yo no sabe nada de photoshop ni de como hacer caratulas...
entonces un paso a paso hubiese estado mejor aunque sea para despejar las dudas..
grax de todos modos

BRRP
14-oct-2008, 04:42
muchas gracias por el tuto me ayudo mucho

duljued
14-oct-2008, 05:04
Muy buenos tutoriales, ahora al fin sé cómo hacer na carátula.


Duende.

Melvin~
30-oct-2008, 20:30
El tema es que cuando abris el lienzo BACK. lo que seria el centro de la imagen ahi vos la tenes armada pero en el lienzo back esta dividida en los extremos de la imagen.

Drecken
12-nov-2008, 17:20
Cuando intento descargar el CS3 los links en vez de llevarme a megaupload o gigasize me llevan a una pagina de este foro que me dice que no tengo aceso a ese sitio,estan mal los links?
Saludos

Leonhart
12-nov-2008, 17:45
Caray que peazo de curro, gracias!!!