tag:blogger.com,1999:blog-71426885881646410232024-03-08T09:46:27.242+01:00med3signbloc sobre photoshop en català.
hi ha molts llocs d'aquest tipus, on recullen tutorials i demés articles sobre aquest famós programa d'adobe, però no en català.
aquest es el meu únic objectiu, intentar ensenyar aquest programa, tutorials i noticies, però en català, llengua amb milions de parlants, i també la mevamed3signhttp://www.blogger.com/profile/03014369355596748149noreply@blogger.comBlogger16125tag:blogger.com,1999:blog-7142688588164641023.post-872181846433609532010-05-10T21:07:00.003+02:002010-05-10T21:19:47.704+02:00Photoshop bàsics: màscares de capa (II)Aquí tenim la segona part de l'article on introduíem la utilització de màscares amb les nostres capes. Si voleu consultar la primera part ja sigui per refrescar la memòria o per iniciar-vos en aquest tema podeu pitjar en aquest <a href="http://med3sign.blogspot.com/2010/05/photoshop-basics-mascares-de-capa-i.html">enllaç</a>.<br /><br /><span style="font-weight: bold;">1. Crear un nou document.</span><br /><br />Per veure la resta de qualitats de les màscares de capa farem servir una nova imatge. En el meu cas utilitzaré una imatge amb <a href="http://cat.creativecommons.org/">creative comons</a> buscada per internet. Podeu utilitzar qualsevol imatge, ja sigui una fotografia o alguna cosa rara que tingueu a l'ordinador.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://imranabduljabar.deviantart.com/art/Creative-Commons-118081722"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 226px;" src="http://img140.imageshack.us/img140/7513/64202830.png" alt="" border="0" /></a><br /><a name='more'></a><br /><br /><span style="font-weight: bold;">2. Duplicar la capa.</span><br /><br />Amb la nostra imatge ja oberta la duplicarem per tenir-la dos cop.amb la capa seleccionada pitjeu <span style="font-weight: bold;">ctrl+j</span> i duplicareu la capa que volgueu, es una de tantes <a href="http://med3sign.blogspot.com/2010/03/consell-photoshop-dreceres-de-teclat.html">dreceres</a> que anireu fent servir més sovint.<br /><br /><span style="font-weight: bold;">3. Pintar la capa de fons.</span><br /><br />Només hem d'agafar la capa de fons, o la que tinguem més abaix i pintar-la negre o un color fosc si la vostre imatge es normal. En el cas que sigui molt fosca trieu millor un color clar per fer més evident els efectes que produirem.<br />Hauríeu de tenir una cosa sembla aquesta al vostre panell de capes.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img710.imageshack.us/img710/7029/29210467.png"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 567px; height: 239px;" src="http://img710.imageshack.us/img710/7029/29210467.png" alt="" border="0" /></a><br /><br /><span style="font-weight: bold;">4. Afegir un màscara de capa a la nostre imatge.</span><br /><br />Tal com he explicat a la primera part afegiu una màscara a la capa on teniu la vostre imatge. Si utilitzeu la pestanya “layer” per crear la màscara assegureu-vos que que sigui en mode “reveal-all”.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img194.imageshack.us/img194/6492/45324923.png"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 554px; height: 244px;" src="http://img194.imageshack.us/img194/6492/45324923.png" alt="" border="0" /></a><br /><br />Ara ja estem preparats per atacar els últims punts que ofereixen moltes possibilitats i segur que entraran molt en joc en el vostre futur amb el photoshop.<br /><br /><span style="font-weight: bold;">Degradats a la màscara de capa.</span><br /><br />Un forma d'aconseguir difuminar una imatge sense ser destructius es utilitzant degradats. Es tant senzill com tenir seleccionada la màscara i amb l'eina de degradats que ens ofereix photoshop, crear un degradat com vulguem. Només ens hem d'assegurar que tinguem seleccionats el blanc i el negre com a color principal i secundari, dona igual l'ordre. Com el negre fa transparent l'imatge i el blanc la deixa igual, al crear un degradat amb l'escala de grisos creem un efecte difuminat en la nostra imatge.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img194.imageshack.us/img194/8373/87796338.png"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 573px; height: 242px;" src="http://img194.imageshack.us/img194/8373/87796338.png" alt="" border="0" /></a><br /><br /><span style="font-weight: bold;">Des-”linkar” una imatge de la seva màscara.</span><br /><br />No conec la paraula adient per fer referencia aquest tema però es molt senzill de veure com funciona, sempre li podem dir... des-unir. Cada capa i la seva màscara estan unides, això vol dir que si movem la capa es mou la màscara. A vegades ens pot interessar moure la màscara d'una capa perquè fer-la de nou pot ser molt complicat, però sobretot perquè així ens estalviem una mica de temps. Per poder “des-unir” la capa i la màscara només haurem de pitjar sobre la petita imatge d'una cadena que hi ha entre totes dues.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img714.imageshack.us/img714/6932/78805257.png"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 183px; height: 80px;" src="http://img714.imageshack.us/img714/6932/78805257.png" alt="" border="0" /></a><br /><br />Quan desapareix ja podem moure la màscara o la capa que l'altre no es mourà. Si ja heu fet la modificació que voleu i voleu tornar-les a unir, només haureu de pitjar en el mateix lloc i tornarà aparèixer la cadena. També podeu fer aquestes accions pitjant amb el botó dret del ratolí sobre la capa que voleu “des-unir” i buscar l'opció “unlink mask” o la traducció al idioma que tingueu el programa.<br /><br /><span style="font-weight: bold;">Modificar la màscara visualment.</span><br /><br />Algun cop us ha passat pel cap enganxar una imatge a una màscara de capa? O veure com us està quedant? o comprovar si us heu deixat un tros de pintar de negre, gris o blanc sense haver de deixar-vos la vista mirant la miniatura? Doncs es molt i molt senzill. Tant senzill com pitjat alt+click a la miniatura de la màscara de capa i de cop us ensenyara la vostre màscara amb tot detall. Si voleu tornar a veure la capa amb la mascara aplicada només haureu de pitjar sobre una altre capa o sobre la miniatura de la capa i ja està.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img46.imageshack.us/img46/1782/15614204.png"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 408px; height: 230px;" src="http://img46.imageshack.us/img46/1782/15614204.png" alt="" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img708.imageshack.us/img708/6442/34260205.png"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 226px;" src="http://img708.imageshack.us/img708/6442/34260205.png" alt="" border="0" /></a><br />Fins aquí el parell d'articles sobre màscares de capa, com es creen, com s'utilitzen i algunes utilitats especials que podeu utilitzar sovint. Tranquils, segur que tornareu aquí a llegir-ho uns quants cops per fer memòria, i també jo faré referencia en molts articles nous perquè sempre acaben apareixen vulguis o no.med3signhttp://www.blogger.com/profile/03014369355596748149noreply@blogger.com1tag:blogger.com,1999:blog-7142688588164641023.post-88483474204601826612010-05-04T19:40:00.003+02:002010-05-04T19:55:22.507+02:00Photoshop bàsics: màscares de capa (I)<div style="text-align: justify;">En aquest article intentarem entendre i conèixer les màscares de capa, un dels grans desconeguts per els principiants i una eina imprescindible per la resta d'usuaris. Per resumir la gran utilitat d'aquesta eina es podria dir que es la primera mesura no destructiva que es va implantar a l'edició d'imatge.<br />Perquè us feu una idea, molt poques vegades he utilitzat l'eina de l'esborrador. Prefereixo utilitzar una màscara de capa per amagar el que no desitjo i si canvio d'idea i vull mostrar-ho només cal modificar la màscara i no tornar enrere desfent tots els passos que hagi fet, sigui sobre aquella capa o tota la resta. És a dir, una gran eina per no fer-nos perdre el temps i sobretot, treure'ns mal de caps.<br />Les utilitats poden són infinites a pesar que es basi en amagar o ensenyar segons l'escala de gris. Si ens anem als extrems de l'escala de grisos ens trobem amb el blanc que no deixa passar res de la capa i el negre que ho amaga tot.<br /><br /><a name='more'></a><br /><br /><span style="font-weight: bold;">1. Crear un nou document.</span><br /><br />Per aquest exemple utilitzaré un arxiu de 300x100 píxels amb 72 bits de profunditat. un <a href="http://med3sign.blogspot.com/2010/02/crear-un-nou-document.html">article</a> on repaso com crear un document pels novells o qui vulgui recordar passes bàsiques.<br /><br /><span style="font-weight: bold;">2. Crear una nova capa i canviar el color de fons.</span><br /><br />Crearem una nova capa en el nostre document. Per això només caldrà pitjar <span style="font-weight: bold;">ctrl+j</span> per duplicar la capa de fons o anar a la pestanya <span style="font-style: italic;">“layer”</span> i <span style="font-style: italic;">“new/layer...”</span>. Un cop tinguem les dos capes les pintarem de un color diferent cada una, intentarem que siguin colors ben diferenciats per veure millor les utilitats de les màscares de capa. Us hauria de quedar així per exemple.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img687.imageshack.us/img687/4633/63099416.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 252px; height: 70px;" src="http://img687.imageshack.us/img687/4633/63099416.jpg" alt="" border="0" /></a><br /><br /><span style="font-weight: bold;">3. Com activar la màscara de capa?</span><br /><br />El primer pas es activar la màscara però primer ens assegurarem que la nostra capa activa es la que està més amunt de la llista que tinguem. Per activar la màscara de capa tenim dos opcions, anar la pestanya <span style="font-style: italic;">“layer”</span> anar fins <span style="font-style: italic;">“layer mask”</span> i seleccionar entre <span style="font-style: italic;">“reveal all”</span> o <span style="font-style: italic;">“hide all”</span>. Pel no iniciats en l'angles o tinguin un altre idioma preestablert al seu photoshop, podeu escollir entre que es mostri tota la capa o s'amagui tota d'inici respectivament. Es una tria sense importància perquè molt fàcilment podreu modificar aquest estat. L'altre opció es pitjar sobre un botó que existeix al panell de capes.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img580.imageshack.us/img580/4691/50747454.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 136px; height: 50px;" src="http://img580.imageshack.us/img580/4691/50747454.jpg" alt="" border="0" /></a>El resultat de pitjar sobre aquest botó o sobre <span style="font-style: italic;">“reveal all</span>” a la pestanya <span style="font-style: italic;">“layer”</span> seria aquest.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img210.imageshack.us/img210/4782/94166543.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 254px; height: 60px;" src="http://img210.imageshack.us/img210/4782/94166543.jpg" alt="" border="0" /></a><br /><span style="font-weight: bold;">4. Funcionament de la màscara de capa.</span><br /><br />Realment ja he explicat com funciona una màscara de capa però per els despistats i qui llegeix per sobre intentaré fer una breu explicació. Una màscara de capa transforma en transparent o opaca la capa a la que està adjunta, això vol dir que afectarà a totes les que tingui per sota. Algú pot preguntar-se que això ja ho fa el control d'opacitat, però no, amb la màscara de capa a més pots jugar a amagar el que et vingui de gust.<br />Com decidir que vols amagar o que vols deixar igual? Doncs es molt senzill. Aquesta eina es basa en l'escala de grisos. El blanc deixa la capa igual i el negre la fa totalment transparent. Si el blanc i el negre son els extrems de l'escala de grisos, podem deduir que tot el conjunt de grisos farà més o menys transparent la capa segons si es més proper al blanc o al negre.<br />Perquè us feu una idea visual, he fet tres franges verticals a la màscara de capa, blanca, grisa i negre.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img718.imageshack.us/img718/1484/65517402.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 584px; height: 130px;" src="http://img718.imageshack.us/img718/1484/65517402.jpg" alt="" border="0" /></a><br /><br />si canviem el color de fons o el color de la capa de més amunt podem veure com canvia radicalment el resultat.<br /><br /><br />Un petit resultat d'utilitzar un pinzell i diferents nivells de gris sobre una màscara de capa totalment negre. El resultat potser molt creatiu i molt senzill de realitzar i fàcil de rectificar.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img709.imageshack.us/img709/402/70199898.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 544px; height: 118px;" src="http://img709.imageshack.us/img709/402/70199898.jpg" alt="" border="0" /></a><br /><br />Fins aquí la primera part de les màscares de capa. En el pròxim article intentaré ensenyar unes petites utilitats com pot ser la utilització de degradats, l'explicació de que significa linkar o no linkar una màscara de capa etc.<br />Es pot fer curt i bastant bàsic l'article però es un dels fonaments que s'ha de dominar i entendre bé per poder treballar amb molta més fluïdesa amb el photoshop.<br />Recomano provar amb moltes capes amb màscares i anar creant combinacions de màscares aviam si us sorgeix alguna imatge interessant perquè les possibilitats són inacabables i adquirir un major domini sempre es beneficiós. Apa, adéu siau!</div>med3signhttp://www.blogger.com/profile/03014369355596748149noreply@blogger.com1tag:blogger.com,1999:blog-7142688588164641023.post-54000828348277991992010-04-15T20:36:00.005+02:002010-04-16T10:29:56.411+02:00photoshop bàsic: Com modificar un pinzell a photoshop<div style="text-align: justify;">En aquest article intentaré ensenyar un dels panells, més útils i menys utilitzat pels novells i no tant novells. No profunditzaré en les infinites possibilitats que ofereix, moltes d'elles casi mai les faríem servir.<br />La resposta a una senzilla pregunta pot encaminar a la lectura profunda i atenta o a llegir només per sobre. <span style="font-weight: bold;">Que faries per ficar a una imatge una fletxa que apunti cap a la esquerra, si el pinzell que tens mira a la dreta?</span><br />Pot semblar idiota o senzilla la pregunta però si el que ens demanen o volem es una fletxa que miri a l'esquerra i amb 30 graus d'inclinació? I si li sumem que no volem una sinó 30?<br />les respostes més normals serien:<br /></div><ul style="text-align: justify;"><li>Utilitzo el panell de pinzells.</li><li>Creo una nova capa, pinto el pinzell mirant a la dreta, giro la capa perquè apunti a la esquerra i més o menys decideixo que son 30 graus d'inclinació, això suma copiar la capa 30 vegades i moure-la 30 vegades a la situació que desitgem.</li><li>Ni idea, i encara menys que es el panell de pinzells i m'he perdut amb l'explicació de l'opció anterior.</li></ul><div style="text-align: justify;"><br />Si heu respost la primera, crec que ja sabeu a que em refereixo amb modificar un pinzell. Sempre es bo recordar coses però segurament no descobrireu gaire cosa.<br />En canvi, si heu respost la segona o tercera opció us anirà bé la lectura de l'article. A pesar que podria ser un mètode per arribar a la solució, el problema que es produeix utilitzant aquest camí es que a cada capa que creeu el fitxer augmenta i ocupa més espai al disc, si estem treballant amb un fitxer de 400x300 píxels i son 10 capes, cap problema, però si es tracta d'un fitxer de 2000x1000 píxels i 40 capes, la cosa ja canvia.<br /><a name='more'></a><br /><br />Així que anem per feina:<br /><br /><span style="font-weight: bold;">1. Crear un nou document: </span>Només es per veure les possibilitats d'aquest panell així que amb un document de 400x300 píxels i 72ppp ja hauríem de tenir suficient. Si no sabeu com crear un document nou o voleu refrescar la memòria podeu consultar aquest <a href="http://med3sign.blogspot.com/2010/02/crear-un-nou-document.html">article</a>.<br /><br /><span style="font-weight: bold;">2. Seleccioneu un pinzell: </span>Trieu un pinzell on puguis observar com gira i varia. És a dir, no agafeu un de rodó perquè no veureu res. Jo faig servir una fletxa perquè es veu molt clarament el resultat.<br /><br /><span style="font-weight: bold;">3. Activar el panell dels pinzells:</span> per fer visible totes les possibilitats que ens ofereix l'eina pinzell obrirem el seu panell. Per fer això tenim diversos mètodes:<br /></div><ul style="text-align: justify;"><li><span style="font-style: italic;">Drecera de teclat:</span> només hem de <span style="font-weight: bold;">pitjar F5</span> i ens apareixerà el panell.</li><li><span style="font-style: italic;">Botó d'accés directe:</span> hi ha un boto a la barra d'eines avançades que ens permet accedir també ràpidament al panell, sobretot per els reticents a utilitzar el teclat per guanyar temps.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img687.imageshack.us/img687/3220/80298391.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 132px; height: 78px;" src="http://img687.imageshack.us/img687/3220/80298391.jpg" alt="imatge boto panell pinzels" title="imatge boto panell pinzels" border="0" /></a><br /><br /></li><li><span style="font-style: italic;">Pestanya “window”:</span> accedint a la pestanya “<span style="font-weight: bold;">window</span>” només haurem de pitjar sobre “<span style="font-weight: bold;">brushes</span>” o pinzells amb l'idioma que tingueu el programa.</li></ul><div style="text-align: justify;"><br />El panell que s'obrirà serà aquest:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img144.imageshack.us/img144/5633/49325109.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 388px; height: 460px;" src="http://img144.imageshack.us/img144/5633/49325109.jpg" alt="imatge panell pinzells" title="imatge panell pinzells" border="0" /></a><br /><br />per facilitar l'explicació del panell he introduït aquest petits números com a guia. Si no visualitzeu les mateixes opcions que tinc jo amb photoshop CS4, només haurem de pitjar sobre “brush tip shape” i us apareixeran. No he col·locat cap número al conjunt de pinzells, perquè podreu observar fàcilment que son els vostres pinzells i podeu triar el que vulgueu per modificar.<br />Important: les modificacions no queden guardades permanentment.<br /><br /></div><ol style="text-align: justify;"><li><span style="font-weight: bold;">Dimensions del pinzell: </span>si el voleu fer més gran o més petit, sense activar el panell també podeu realitzar aquest canvi, no es un gran descobriment.</li><li><span style="font-weight: bold;">Voltejar x o y:</span> si pitgeu a les caselles voltejareu de forma horitzontal o vertical el pinzell, o totes dues alhora</li><li><span style="font-weight: bold;">Angle:</span> per defecte està a 0. introduïu un angle entre -180 i 180 i el vostre pinzell girarà en la posició que desitgeu. Si erreu amb les xifres de l'angle us sortirà un missatge d'error i no us deixarà fer el canvi.</li><li><span style="font-weight: bold;">Espaiat:</span> indica amb un percentatge respecte a les dimensions del pinzell l'espai que hi ha d'haver entre cada repetició quant mantenim pitjat el botó esquerra del nostre ratolí. Es molt útil poder jugar amb aquesta opció, sobretot quan creem fons repetitius o amb algun patró.</li></ol><div style="text-align: justify;"><br />Bé, fins aquí l'explicació bàsica de com modificar un pinzell amb el panell de pinzells. Només us explico l'apartat bàsic perquè les altres opcions es fan servir molt poc i prefereixo centrar primer a que veieu i us familiaritzeu amb els apartats més bàsics.<br /><br />Això si, si voleu jugar i aprendre més o ja sou usuaris avançats amb fam de més coneixements, observeu les opcions “<span style="font-weight: bold;">shape dynamics</span>” i “<span style="font-weight: bold;">scattering</span>” son bastant interessants. La veritat es que totes les opcions, però normalment es fan servir més aquestes.<br /><br />Com diuen que una imatge val mes que mil paraules...<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img641.imageshack.us/img641/1745/76830555.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="http://img641.imageshack.us/img641/1745/76830555.jpg" alt="imatge resum panell pinzells" title="imatge resum panell pinzells" border="0" /></a><br /><br />els dos últims son sense deixar de pitjar el botó esquerre del ratolí, passant per sobre de tot el document. Suposo que pot donar bastant de joc en les vostres creacions.</div>med3signhttp://www.blogger.com/profile/03014369355596748149noreply@blogger.com1tag:blogger.com,1999:blog-7142688588164641023.post-52559132820983140542010-04-12T13:44:00.002+02:002010-04-12T13:50:45.508+02:00Ja es oficial, adobe photoshop cs5<div style="text-align: justify;">La nova versió del programa de retoc fotogràfic més popular del mercat ja es aquí. Aquesta ja és la 12ena del programa que fa pocs mesos va celebrar els 20 anys. Un reguitzell de novetats acompanyen la benvinguda del programa, com la millor adaptació als sistemes operatius de 64 bits i un fotimer d'eines noves per modificar les nostres imatges.<br /></div><br /><div style="text-align: justify;">El programa es vendrà en dos versions (estàndard i extensa) que, com ja ha fet últimament adobe, venen separades o incloses dins el paquet adobe Creative Suite 5 amb altres aplicacions d'adobe. Ja es pot demanar i, dintre poc, descarregar una versió de prova on poder copsar les novetats els més impacients i entusiastes del programa.<br /></div><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.adobe.com/es/products/photoshop/family/"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 600px; height: 401px;" src="http://img249.imageshack.us/img249/1271/88187817.jpg" alt="" border="0" /></a><br /><br /><div style="text-align: justify;">Adobe ha publicat a la seva web <a href="http://www.adobe.com/es/products/photoshop/family/">tota la informació sobre Photoshop CS5</a>, on també podreu trobar informació de la nova Creative Suite 5 i programes de disseny com illustrator o indesign. Si voleu informar-vos de les novetats per fotògraf i dissenyadors mireu aquest document que ha preparat adobe on es promouen <a href="http://www.adobe.com/es/products/photoshop/photoshop/whatsnew/index.html?segment=photography">les novetats més importants</a>. Molt interessant de veure sobretot, el puppet warp o deformació de posició lliure, o el content aware fill o també anomenat sense tecnicismes com un tampó gegant de clonar a “lo bestia”.</div>med3signhttp://www.blogger.com/profile/03014369355596748149noreply@blogger.com0tag:blogger.com,1999:blog-7142688588164641023.post-5702208192214934842010-04-07T22:35:00.005+02:002010-04-07T22:48:40.067+02:00Photoshop i fotografia: “acció” primeres passes.En aquest article parlaré de com crear una “acció” per automatitzar els primers ajustaments que realitzem en una fotografia. No vull dir que sigui necessari en totes les fotografies però així ens estalviem uns segons cada cop que obrir una fotografia amb photoshop i volem fer uns petits canvis.<br /><br />Primer vull descriure breument que es una “acció” sense grans tecnicismes. No es res més que un procés automatitzat que aplica sempre les mateixes passes només pitjant una tecla o una combinació de tecles i totalment personalitzat.<br />Pot ser, no sembla gaire interessant al principi, sobretot perquè un pot pensar que per això ja existeixen les dreceres de teclat, on ja vam parlar en aquest <a href="http://med3sign.blogspot.com/2010/03/consell-photoshop-dreceres-de-teclat.html">article</a> però podríem descriure la utilitat de les “accions” com una drecera de teclat totalment personalitzable i sense limit de passos a seguir.<br />Imagineu que pitjant la tecla F1, en un segon, s'obris un nou document de dimensions com un foli amb el fons negre, la vostre firma i amb un bonic marc que utilitzeu sempre amb totes les imatges que feu. Pensar que ho feu 10 cops al dia i cada cop perdeu 1 o 2 minuts... al final es molt de temps perdut. En una setmana aquesta ximpleria us fa perdre 1 hora, no diuen que el temps es or?<br />Suposo que ja us feu una idea com d'útil potser tenir un reguitzell “d'accions” per no fer-nos perdre el temps. Així que anem per feina.<a name='more'></a><br /><br /><span style="font-weight: bold;">IMPORTANT!!!!</span><br />En el moment de la gravació d'una acció s'han de<span style="font-weight: bold;"> fer només les passes que desitgem</span>, no podem que si ara obrir tal menú perquè volíem mirar una cosa o aplicar un filtre a una capa ja creada.<br /><span style="font-weight: bold;">Es molt important que una acció només modifiqui i afegeixi coses noves, perquè potser que sorgeixin errors no desitjats quan ho apliquem altres cops.</span><br /><br /><span style="font-weight: bold; font-style: italic;">Consell:</span><span style="font-style: italic;"> abans de crear per primer cop una acció, llegiu-vos l'article un parell de cops sobretot per familiaritzar-vos amb les diverses passes necessàries. Ho dic per estalviar-vos errades en la creació de “l'acció”.</span><br /><br /><span style="font-weight: bold;">1. Crear un document.</span><br />Primer crearem el document, en aquest cas es igual les dimensions, els ppp, etc. Només necessitem un document nou.<br /><br /><span style="font-weight: bold;">2. Tenir a mà el panell de capes i accions.</span><br />Per no cometre errors mentre creem la nostra “acció” ens assegurarem que tenim al nostre espai de treball el panell d'accions i també el de capes. El més normal es que tinguéssiu els dos ja disponibles, el d'accions compartint espai amb l'historial, i seria molt, però que molt estrany que no tinguéssiu ni tant sols el de capes.<br />Per activar i desactivar aquests dos panells hi ha dos dreceres de teclat:<br /><ul><li><span style="font-weight: bold;">F7:</span> per el panell de capes, o layers en la versió anglesa.</li><li><span style="font-weight: bold;">alt+F9:</span> per el panell de “accions”, o actions en la versió anglesa.</li></ul>Si voleu utilitzar el ratolí, o heu modificat la configuració inicial de les dreceres de teclat de photoshop. Només heu d'anar a la pestanya “window” i activar layers i actions sinó fos així. Els panells activats apareixen amb una senyal a l'esquerra del nom.<br />Perquè us feu una idea de com son aquests panells us deixo una imatge de la meva configuració de l'espai de treball, no té perquè que us quedi igual a vosaltres.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img85.imageshack.us/img85/3183/38540774.png"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 254px; height: 479px;" src="http://img85.imageshack.us/img85/3183/38540774.png" alt="" border="0" /></a><br /><br /><br /><br /><span style="font-weight: bold;">3. Crear una nova acció.</span><br />Abans de gravar la nostre acció primer hem de crear-la. Per fer això només necessitarem pitjar un parell de cops el botó del ratolí. Primer anirem al panell d'accions i pitjarem sobre el boto de crear una nova acció.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img121.imageshack.us/img121/6085/15742653.png"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 267px; height: 359px;" src="http://img121.imageshack.us/img121/6085/15742653.png" alt="" border="0" /></a><br /><br />Un cop pitjat, se'ns obrirà una nova finestra on podrem introduir un nom, si volem guardar-ho en alguna subcarpeta ja creada a accions, la combinació de tecles que farem servir per activar l'acció, i si volem algun color que l'identifiqui.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img714.imageshack.us/img714/8268/29330069.png"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 396px; height: 171px;" src="http://img714.imageshack.us/img714/8268/29330069.png" alt="" border="0" /></a><br /><br /><ul><li><span style="font-weight: bold;">name:</span> nom de l'acció, important que sigui molt descriptiu i senzill. “configuració fotografia”,”primeres passes fotografia”,”photo basic settings” si us voleu fer els internacionals. Es una decisió totalment vostre i que no afecte el resultat final.</li><li><span style="font-weight: bold;">function keys:</span> combinació de tecles per activar l'acció. Tan senzill com triar i recordar-la. Jo recomano pensar-ho un segon, no es el mateix una acció que farem servir un cop cada 100 cops que obrim el programa que una que ho farem cada 2 cops. Podeu triar F12 per exemple.</li></ul><br /><span style="font-weight: bold;">4. Gravar la nova acció.</span><br />Un cop creada la nostre acció es gravarà automàticament tot el que volem fer així que ens assegurarem de no fer res, ni tan sols canviar el color de fons. Després ens assegurarem que estigui gravant la nostre acció. Per fer això només ens fixarem que el botó de gravació en el panell d'accions estigui activat, es semblant al REC de tota la vida dels vídeos.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img440.imageshack.us/img440/1779/83408133.png"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 249px; height: 351px;" src="http://img440.imageshack.us/img440/1779/83408133.png" alt="" border="0" /></a><br />A partir d'ara enumeraré les passes a seguir en negreta, no feu res més o podeu crear un nyap. Que es probable el primer cop, per això us deia al principi que llegiu un parell de cops coma mínim totes les passes abans de crear l'acció.<br /><br /><ul><li><span style="font-weight: bold;">Duplicar la única capa que tenim: </span>per fer això pitjarem sobre la capa que tenim, ens assegurem que està seleccionada i pitgem “ctrl+j” o anem a “new/layer via copy” a la pestanya de “layer”. Haurem fet un duplicat de la capa per no modificar directament la imatge original.</li><li><span style="font-weight: bold;">Introduir un nom a la nova capa:</span> fent doble “click” al nom de la capa, per defecte us hauria de sortir layer 1, i ficarem “copia”. Així identificarem fàcilment amb quina capa em de treballar.</li><li><span style="font-weight: bold;">Crear una capa de corbes:</span> ens assegurem de tenir seleccionada la nova capa i anirem al botó a la part inferior del panell de capes per crear una capa de corbes. Es important que ho feu així perquè sinó no us apareixerà una nova capa de corbes al panell. Jo personalment m'agrada treballar amb corbes perquè es molt més personalitzable i controlable el resultat final. Ja parlarem de com intentar treballar amb les corbes amb la fotografia.</li></ul><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img638.imageshack.us/img638/1600/65744094.png"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 288px; height: 352px;" src="http://img638.imageshack.us/img638/1600/65744094.png" alt="" border="0" /></a><ul><li><span style="font-weight: bold;">Modificar mode de fusió de la capa de corbes a “luminosity”:</span> tan senzill com modificar el desplegable que correspon al mode de fusió de normal a “luminosity, sempre assegurant-nos que tenim la capa de corbes seleccionada. Jo treballo amb aquest mode de fusió perquè no deforma els colors originals, sinó ens passem els límits...</li></ul><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img62.imageshack.us/img62/4644/37873716.png"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 252px; height: 178px;" src="http://img62.imageshack.us/img62/4644/37873716.png" alt="" border="0" /></a><ul><li><span style="font-weight: bold;">Crear una capa de tonalitats:</span> ens assegurem de tenir seleccionada la capa “copia”, se que soc pesat però és perquè després no hi hagin sorpreses. Anem al botó del panell de capes per crear-la. Heu de pitjar sobre “hue/saturation...” i ja la tindrem. Si mireu la imatge que acompanya la creació de la capa de corbes, veure que tres llocs per sota de “curves”, està el que desitgem ara.</li><li><span style="font-weight: bold;">Pitjar sobre el botó d'aturada del panell d'accions:</span> així donarem per finalitzada la creació de la nostre primera acció de photoshop.</li></ul><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img213.imageshack.us/img213/8525/90932602.png"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 272px; height: 164px;" src="http://img213.imageshack.us/img213/8525/90932602.png" alt="" border="0" /></a><br />Per comprovar si funciona, només haurem d'obrir una fotografia i pitjar, si heu seguit totes les passes al peu de la lletra automàticament s'hauran creat 3 capes noves, una copia i dos de configuració per començar a treballar amb la nostra fotografia més fàcilment i sobretot, més ràpidament.<br /><br />Espero que us hagi servit per començar a descobrir l'útil i divertit món de les accions de photoshop, suposo que en un futur ja explicaré alguna per començar a treballar amb blanc i negre o reduir a dimensions web només pitjant un botó. Però sempre podeu anar practicant i llegint els milers d'articles que hi ha per internet.med3signhttp://www.blogger.com/profile/03014369355596748149noreply@blogger.com0tag:blogger.com,1999:blog-7142688588164641023.post-29348386495863062102010-03-30T15:11:00.003+02:002010-03-30T15:20:18.103+02:00Text photoshop: blanc i negreEn aquest article tractarem la creació de text amb aparença de ratlles i formes, blanques i negres o qualsevol color si treballeu una mica i esbrineu com fer-ho. Tot això en pocs passos.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img202.imageshack.us/img202/2333/41834915.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 516px; height: 216px;" src="http://img202.imageshack.us/img202/2333/41834915.png" border="0" alt="" /></a><a name='more'></a><br /><br /><b>1. Creació de nou document.</b><div><b><br /></b>Crearem un nou document de 500x200 píxels, amb el fons blanc i una profunditat de 72ppp. Si no sabeu com crear un document o consultar un tutorial per recordar com es feia visiteu aquest <a href="http://med3sign.blogspot.com/2010/02/crear-un-nou-document.html">article</a>.<br /><br /><b>2. Introducció del text desitjat.</b></div><div><b><br /></b>En el cas de l'exemple que exposo, utilitzarem el nom del blog. “med3sign”. He utilitzat una font “arial” “100pt” i color blanc. Tots aquests valors son aproximats, però són aconsellables per assegurar que els resultats finals són molt semblants.<br />No us espanteu pas perquè no aparegui el text, es normal, les lletres son blanques i el fons també.<br /><br /><b>3. Menú blending options.</b></div><div><b><br /></b>Pitjarem amb el botó dret del ratolí sobre la capa del text que s'ha creat. Escollirem “blending options...” on s'ens obrirà una nova finestra. Potser ja esteu familiaritzat amb aquest menú si heu consultat un article anterior sobre el <a href="http://med3sign.blogspot.com/2010/03/tutorials-photoshop-crear-text-amb.html">text amb volum</a>.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img237.imageshack.us/img237/3732/28191982.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 267px; height: 530px;" src="http://img237.imageshack.us/img237/3732/28191982.png" border="0" alt="" /></a><br /><br /><b>4. Outer glow.</b></div><div><b><br /></b>Pitjarem sobre l'opció outer glow per separar les lletres del fons. Només haurem de modificar el color i el mode de fusió a normal.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img687.imageshack.us/img687/2646/40622088.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 500px; height: 371px;" src="http://img687.imageshack.us/img687/2646/40622088.png" border="0" alt="" /></a><br /><br /><b>5. Satin.</b></div><div><b><br /></b>Per crear l'efecte de ratlles i formes en blanc i negre, pitjarem sobre l'opció “satin”. Un cop hem pitjat correctament només haurem de modificar les dimensions i distancia per obtenir un resultat semblant al final. Consulteu la imatge següent per esbrinar uns valors adients.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img265.imageshack.us/img265/786/80764827.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 500px; height: 375px;" src="http://img265.imageshack.us/img265/786/80764827.png" border="0" alt="" /></a><br /><b><br />6. Acabat final.</b></div><div><b><br /></b>Per obtenir un resultat semblant al presentat al inici d'aquest article només haureu d'activar el menú de “bevel and emboss”.<br />En aquest punt només haurem de pitjar acceptar o ok en el menú de “blending options” per obtenir tots els resultats dessitjats.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img202.imageshack.us/img202/2333/41834915.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 516px; height: 216px;" src="http://img202.imageshack.us/img202/2333/41834915.png" border="0" alt="" /></a><br /><br />Si voleu modificar els colors bases perquè no sigui blanc i negre només heu de modificar el color original del text i després el color en el submenú “satin” tenint en compte el mètode de fusió.</div>med3signhttp://www.blogger.com/profile/03014369355596748149noreply@blogger.com0tag:blogger.com,1999:blog-7142688588164641023.post-85671933758184228112010-03-26T20:51:00.006+01:002010-03-26T21:05:03.925+01:00Photoshop cs5: 12 abril presentacióUna nova versió de la Creative Suite de adobe està apunt de veure la llum. El dia, 12 d'abril.<br />Un compte enrere anuncia a la seva web la data limit de la presentació. Un dels elements importants de la suite d'adobe es photoshop cs5. Crec que es bastant adient crear una petita noticia quan tot el blog es bassa sobretot en el programa d'adobe.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img156.imageshack.us/img156/807/86932281.png"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 550px; height: 195px;" src="http://img156.imageshack.us/img156/807/86932281.png" alt="" border="0" /></a><a name='more'></a><br /><br />Com tota estrena d'un nou producte anomenen totes les millores i beneficis, alguns suposats. Nou entorn, no massa modificat, i sobretot anuncien una nou disseny del concepte de photoshop. Noves implementacions més treballades en el disseny web, l'animació i el 3d, per exemple. A vegades, tinc la sensació que volen introduir tantes coses que al final desvirtuaran l'idea de tractament d'imatges en que es basa photoshop, sembla que vagin aglutinant tantes funcions possibles per crear un “megaprograma” que ho tingui tot, es una opinió personal. Això si, espero que el toc d'atenció de la competència i el seguit de passes que ha donat apropant-se perillosament resulti amb una millora substancial. No com l'última versió, CS4, on les crítiques sobre les falses promeses i suposades millores no han faltat.<br /><br />Tota la presentació es podrà seguir mitjançant <a href="http://www.blogger.com/tv.adobe.com/">adobetv</a>(enllaç).<br /><br />Es compliran les expectatives? Ni idea, jo el que crec es que s'haurien de mirar la diferència de preu del producte entre EUA i EU... allà 681$ aquí desgraciadament 1000€...<br /><br />també podeu consultar la pàgina oficial del llançament: <a href="http://cs5launch.adobe.com/">cs5launch</a>med3signhttp://www.blogger.com/profile/03014369355596748149noreply@blogger.com1tag:blogger.com,1999:blog-7142688588164641023.post-50049895389683170742010-03-22T21:28:00.003+01:002010-03-22T21:40:48.516+01:00Com instal·lar un pinzell a photoshop?Aquest article pot ser una mica trivial per qui porta un cert temps treballant amb photoshop. Sempre hem tingut aquest dubte en algun moment, algun conegut ens l'ha resolt, o un professor o un tutorial per internet ens ha donat la solució. No només vull donar un parell de passes per afegir pinzells al nostre programa, sinó també comentar certs aspectes que no donem importància, els treballs dels demés i les llicències amb que es publiquen.<br /><br /><span style="font-weight: bold;">Important.</span><br /><br />Normalment quan busquem nous pinzells poques vegades els creem nosaltres, <a href="http://med3sign.blogspot.com/2010/03/com-crear-el-nostre-propi-pinzell.html">aquí</a>explico com fer-ho, sinó que els descarreguem d'internet. Molt probablement utilitzant un gran cercador, google com exemple.<br />Hi ha un fotimer de pàgines amb milers de pinzells i paquets amb desenes d'ells. Es molt senzill pitjar sobre un botó de descarrega. Però quants cops mirem la llicencia que hi ha darrere?<br />La majoria d'aquestes pàgines aglutinen molts tipus de llicencies, la gran majoria tenen la lliure descarrega com a bandera. Per exemple:<br /><a name='more'></a><br /><ul><li><a href="http://www.brusheezy.com/brushes">http://www.brusheezy.com/brushes</a></li><li><a href="http://www.brushking.eu/">http://www.brushking.eu/</a></li><li><a href="http://fbrushes.com/">http://fbrushes.com/</a></li></ul>Però els matisos són molt grans entre uns i altres. <span style="font-weight: bold;">SEMPRE</span> hem de mirar quina llicencia ens dona l'autor. Per la gran majoria que utilitza el photoshop per quatre coses que fa, pot pensar que això no li afecte i pot ser cert, la majoria de limitacions estan enfocades a la restricció de l'ús comercial, però també hi ha de restricció de modificació, de possibilitat d'ús però sempre anomenant l'autor, o primer posar-se en contacte amb l'autor abans de publicar res, etc.<br />Aquest es la importància de les llicencies, aplicable a moltes altres coses com textures, fotos, escrits, etc. Que fiqui <span style="font-weight: bold;">GRATIS O FREE</span> no significa que puguem fer el que ens doni la gana, primer mirem quina llicencia té i després si ens convé utilitzar-ho o no.<br /><br /><span style="font-weight: bold;">instal·lació del pinzell:</span><br /><br />Abans de procedir a instal·lar el pinzell al nostre photoshop primer haurem de descarregar o obtenir el nostre arxiu “.abr” que es el format que utilitza el programa per guardar pinzells. Podem anar a les webs que us he posat més amunt o qualsevol altre, penseu en el tema llicencies.<br />Quan ja tinguem el nostre arxiu, us recomano guardar-lo a l'escriptori o una carpeta de fàcil accés per instal·lar-lo però després creu-vos una carpeta per guardar totes les coses que afegiu a photoshop ja siguin pinzells, textures, patrons, fonts, etc. Així, si algun diu heu de formatejar l'ordinador, canviar d'ordinador o compartir amb algú tindreu fàcil accés i no haureu de pensar en coi havíeu guardat aquell parell de pinzells que us agraden tant.<br /><br />Quan ja tinguem localitzats el nostre arxiu o arxius, obrim el photoshop. No es necessari obrir cap arxiu nou. Només pitjar sobre l'eina de pinzell.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img52.imageshack.us/img52/2422/66634245.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 120px; height: 145px;" src="http://img52.imageshack.us/img52/2422/66634245.jpg" alt="" border="0" /></a><br />Un cop aquí comproveu que tingueu activada la visualització opcions de l'eina. Es una barra situada sota les pestanyes principals on apareixen un seguit d'opcions de l'eina que esteu utilitzant en aquell moment. Una cosa semblant això:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img693.imageshack.us/img693/9895/45058869.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 587px; height: 95px;" src="http://img693.imageshack.us/img693/9895/45058869.jpg" alt="" border="0" /></a><br />Sinó fos així només hauríeu d'anar al menú “window” i activar les opcions. En aquest <a href="http://med3sign.blogspot.com/2010/03/configuracio-photoshop-espai-de-treball.html">article</a> explico com fer-ho.<br /><br />Un cop aquí només haurem de pitjar sobre el desplegable de pinzells i després pitjar sobre un botó com si fos el “play” de qualsevol reproductor d'imatge o so.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img413.imageshack.us/img413/6229/22573429.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 345px; height: 380px;" src="http://img413.imageshack.us/img413/6229/22573429.jpg" alt="" border="0" /></a><br />l'únic que ens faltarà és pitjar sobre el botó de “load brushes” (o “carregar pinzells” amb l'idioma que tingueu instal·lat el programa). Se'ns obrirà una finestra on cercarem el nostre arxiu on el tinguem guardat i ja està, cada cop que obrim el nostre programa ja tindrem disponible el nous pinzells com tota la resta.<br /><br />Si voleu obtenir més informació de llicencies podeu mirar els següents enllaços:<br /><ul><li><a href="http://creativecommons.org/">http://creativecommons.org/</a></li><li><a href="http://cat.creativecommons.org/">http://cat.creativecommons.org/</a></li><li><a href="http://ca.wikipedia.org/wiki/Creative_Commons">http://ca.wikipedia.org/wiki/Creative_Commons</a></li><li><a href="http://ca.wikipedia.org/wiki/Drets_d%27autor">http://ca.wikipedia.org/wiki/Drets_d%27autor</a></li></ul>med3signhttp://www.blogger.com/profile/03014369355596748149noreply@blogger.com0tag:blogger.com,1999:blog-7142688588164641023.post-23588526869948937072010-03-19T14:07:00.006+01:002010-03-19T14:21:40.270+01:00Tutorials photoshop: Crear text amb volum.En aquest article seguirem un seguit de passos per aconseguir que els nostres títols o textos tinguin cert volum. Com la paraula d'aquest exemple.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img2.imageshack.us/img2/4605/30247856.png"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="http://img2.imageshack.us/img2/4605/30247856.png" alt="" border="0" /></a><br /><br /><a name='more'></a><br /><span style="font-weight: bold;">1. Crear nou document:</span><br /><br />Crearem un nou document de 400x300 píxels amb 72 píxels. Si no sabeu com o voleu refrescar coneixements podeu consultar aquest <a href="http://med3sign.blogspot.com/2010/02/crear-un-nou-document.html">article</a>.<br /><br /><span style="font-weight: bold;">2.Introduir el text:</span><br /><br />Utilitzant l'eina de text que proporciona photoshop introduirem el text que desitgem. En aquest cas jo m'he limitat a escriure una paraula amb font “arial”, dimensions “72pt” i color verd. No es necessari que utilitzeu aquests valors, però llavors els valors que us doni a les següents passes poden variar lleugerament. Però us podeu fer una idea aproximada de com aconseguir uns resultats semblants.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img443.imageshack.us/img443/9209/25227624.png"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 419px; height: 324px;" src="http://img443.imageshack.us/img443/9209/25227624.png" alt="" border="0" /></a><br /><span style="font-weight: bold;">3.Blending options:</span><br /><br />Un cop ja tinguem la nostra nova capa de text en el menú de capes, només haurem de pitjar amb el botó dret del ratolí sobre aquesta capa i seleccionar “blending options”.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img695.imageshack.us/img695/8569/13988487.png"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 267px; height: 530px;" src="http://img695.imageshack.us/img695/8569/13988487.png" alt="" border="0" /></a><br />S'obrirà una nova finestra amb un seguit d'opcions. Només haurem de seleccionar la opció bevel and emboss. En aquest punt, a la finestra hauria de sortir la següent imatge. Si no fos així pitjeu sobre el nom, no només a la casella.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img233.imageshack.us/img233/4710/56681265.png"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 614px; height: 455px;" src="http://img233.imageshack.us/img233/4710/56681265.png" alt="" border="0" /></a><br />Ara per obtenir un resultats semblants al de l imatge inicial només haurem de modificar:<br /><ul><li>depth: 195%</li><li>size: 5px</li></ul><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img31.imageshack.us/img31/456/59582204.png"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 327px; height: 173px;" src="http://img31.imageshack.us/img31/456/59582204.png" alt="" border="0" /></a><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img2.imageshack.us/img2/4605/30247856.png"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="http://img2.imageshack.us/img2/4605/30247856.png" alt="" border="0" /></a>ja està. Jo he afegit el fons taronja perquè es vegi bé el resultat utilitzant una paraula sencera i no només una lletra molt gran. Es veu millor, però els valors no són gens aproximats als que normalment faríeu servir.<br /><br />Com apunt final. En el menú de bevel and emboss hi ha diverses opcions molt interessants. Un consell es que jugueu a modificar totes les opcions per comprovar que fa cada una d'elles. En altres articles segur que les faré servir, però així us familiaritzeu si ja no ho heu fet ja.med3signhttp://www.blogger.com/profile/03014369355596748149noreply@blogger.com0tag:blogger.com,1999:blog-7142688588164641023.post-74277785765636464652010-03-16T12:10:00.000+01:002010-03-16T12:10:32.420+01:00Consell photoshop: Dreceres de teclatEn aquest article parlaré d'una qüestió que quan ets un novell no li dones cap importància i quan arribes a ser un expert no sabries viure sense elles, tal com diu el títol, les dreceres de teclat.<br />
Pot ser algú creu realment que te un domini suficient photoshop i encara no utilitza això, que amb el ratolí o la tauleta gràfica és més que suficient. Pregunteu a qualsevol dissenyador gràfic que faria sense les dreceres, i el munt de temps que arribaria a perdre. Sense anar més lluny, quan he treballat algun cop amb photoshop sota sistema operatiu Mac m'he fet un embolic molt gran. El motiu es senzill, les dreceres sota windows i sota mac SO son diferents, ja sigui per la distribució del teclat o la optimització de les combinacions. En resum qualsevol persona acostumada a treballar sota un SO si el canvies a l'altre s'emportarà un bon mal de cap durant un temps.<br />
Això si, que quedi molt clar que aquest article no es perquè ara agafeu un manual de photoshop i memoritzeu tota drecera que hi hagi. El motiu es que entengueu la velocitat i eficiència que pot comportar saber un cert nombre de dreceres que habitualment utilitzeu.<br />
Anem per feina.<br />
<br />
<a name='more'></a> <br />
<br />
Primer les tres bàsiques que tothom hauria de saber:<br />
<ul><li>Copiar: ctrl+c.</li>
<li>Enganxar: ctrl+v.</li>
<li>Desfer: ctrl+z. </li>
</ul>No crec que es necessiti una llarga explicació per aquestes tres funcions, en casi tots els programes són presents. Sens dubte jo faig servir molt la drecera de desfer. Cada cop que falles amb una pinzellada, amb alguna altre eina o amb els valors d'algun filtre només has de pitjar ctrl+z i apa, a tornar-ho a intentar.<br />
A continuació un llistat de unes quantes dreceres de teclat que acostumo a fer servir i la majoria segur que vosaltres també.<br />
<ul><li><b>ctrl+n: </b>crear un nou document.</li>
<li><b>ctrl+o: </b>obrir un document.</li>
<li><b>ctrl+s: </b>guardar el document.</li>
<li><b>alt+shift+ctrl+s:</b> guardar el document en mode web.</li>
<li><b>alt+ctrl+i: </b>modificar les dimensions de la imatge.</li>
<li><b>shift+ctrl+n:</b> crear una nova capa. S'obrirà una finestra per escollir les opcions.</li>
<li><b>shift+ctrl+alt+n: </b>crear una nova capa sense fons. Us fareu un fart de crear noves capes sense fons, així que es molt aconsellable saber aquesta drecera.</li>
<li><b>ctrl+j: </b>copiar capa, o part seleccionada d'una capa.</li>
<li><b>ctrl+e:</b> unir capes. Compte amb aquesta perquè a vegades, segons les opcions de fusió de les capes es pot modificar bastant i haureu de recorre a fer un ctrl+z.</li>
<li><b>ctrl+shift+e:</b> es crea una capa nova, amb tot el que estigui visible en aquell moment. Molt útil quan tens un document molt gran i vols fer una copia petita per ensenyar algú però sense que es vegi afectat res dinàmic.</li>
<li><b>ctrl+f:</b> repetir l'ultim filtre aplicat.</li>
<li><b>ctrl+shift+i:</b> invertir la selecció, també m'he fet un fart de fer-lo servir.</li>
<li><b>alt+retrocés: </b>omplir el document o la part seleccionada amb el color primari que tenim al nostre panell d'eines.</li>
<li><b>ctrl+retrocés: </b>omplir el document o la part seleccionada amb el color secundari que tenim al nostre panell d'eines.</li>
<li><b>shift+retrocés:</b> omplir el document o la part seleccionada amb un color, on se'ns obrirà una finestra perquè escollim les opcions que desitgem.</li>
<li><b>ctrl+v:</b> s'activa l'eina de moure la capa o la part seleccionada.</li>
</ul><br />
Fins aquí la llista amb les dreceres que faig servir normalment i no aniria malament que us habituéssiu a utilitzar amb normalitat. No estaria gens malament que amplieu i personalitzeu la vostra pròpia llista de dreceres, perquè hi ha infinites combinacions. Més endavant parlaré de com afegir més dreceres de teclat per eines i menús i personalitzar-les per fer-les més accessibles segons els vostres gustos personals.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7142688588164641023.post-77547238039135917792010-03-12T20:41:00.001+01:002010-03-12T20:41:51.939+01:00Configuració photoshop: espai de treballEn aquest article parlaré una de les coses del photoshop més personals i que realment cada persona ha de decidir quins elements vol incorporar, l'espai de treball o entorn de treball. No se quina de les dos expressions es més correcte.<br />
L'espai de treball es tot el que veiem del programa quan treballem en ell. Això implica, menús, “paletes” i altres elements. La importància de tots aquest elements es intentar tenir accessibles les nostres eines més utilitzades en el dia a dia. Per això la configuració que pot fer servir un dissenyador que es dedica a construir tipografies, que segurament utilitzaria un altre programa, i qui es dedica al retoc fotogràfic, haurien de ser totalment diferents. Pot ser algun element en comú, però la majoria ben diferenciats.<br />
<br />
La primera regla que hauríeu de tenir més en compte es l'espai. El que més necessitem quan treballem amb photoshop es espai per veure el nostre projecte. Per molta eina de zoom que hi hagi, sempre es millor veure quan més projecte millor. Si teniu un ordinador que treballa amb dos monitors perfecte, l'únic que heu de fer és obrir el major nombre d'eines al monitor secundari. Així només haureu d'utilitzar un click per accedir a elles. Però, malauradament la majoria de mortals tenim un monitor, i moltes vegades bastant petit, clar que la tendència va canviant.<br />
<br />
<br />
<a name='more'></a><br />
<br />
<br />
A partir d'aquí comencem a entrar una mica més a les explicacions que ens interessen.<br />
<br />
<b>1. Guardar el vostre espai de treball.</b><br />
<br />
Abans de fer res, us recomano que si ja teniu alguna drecera de teclat, o alguna modificació de l'espai de treball us guardeu una còpia. No vull pas que em mateu perquè us he fotut en l'aire alguna cosa important, així que anem a seguir uns pocs passos per guardar el nostre espai de treball.<br />
<br />
Pitjeu a /window/workspace/ save workspace...<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://img690.imageshack.us/img690/518/87100020.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="315" src="http://img690.imageshack.us/img690/518/87100020.jpg" width="320" /></a></div><br />
<br />
S'obrirà una nova finestra amb la possibilitat de introduir un nom al vostre espai de treball i guardar tres opcions senyalades amb 3 caselles: localització dels panells, menús i dreceres de teclats.<br />
Segons que voleu guardar marqueu una cosa o una altre. Jo normalment si guardo un espai de treball o modifico el meu sempre guardo tot, per costum.<br />
Un cop haguem pitjat de acceptar ja haurem guardat el nostre espai de treball i si ve un familiar, conegut o “desgraciat” i us el canvia no tindreu cap problema en recuperar-lo amb un sol click.<br />
<br />
<b>2. Espais de treball predefinits.</b><br />
<br />
A photoshop CS4, i ara mateix em sembla recordar que en algunes versions anteriors també, venen predefinits uns espais de treballs: essentials, basic, web, video, tipography, etc.<br />
Alguns estan molt ben estructurats, potser que amb això ja en tingueu prou i trobeu un espai de treball adient i us quedeu aquest. Però el més probable es que no us conformeu, necessiteu algun menú més. Pot ser l'histograma, pot ser les accions, això si, si treballeu amb photoshop, sempre i quan dic sempre, és sempre. Ha d'estar el menú de capes. Ja em centraré en les possibilitats de treballar amb capes en algun article més endavant, però no fer-les servir és com comprar-te un cotxe i fer-lo servir per guardar la figura de l'elvis que es mou que et va regalar la teva tieta mig sonada.<br />
Per accedir aquests espais hi ha dos mètodes:<br />
-utilitzant l'accés ràpid: dalt a la dreta, just al costat els botons de minimitzar, maximitzar i tancar el programa hi ha un desplegable on apareixen els espais de treball predefinits, els teus espais de treball ja guardats i també l'opció de guardar amb el que ara estàs treballant. Ara també sabreu una altre forma de guardar el vostre espai de treball.<br />
-utilitzant l'accés pel menú window: tal com ja heu vist a l'apartat de guardar el vostre espai de treball. /window/workspace.<br />
<br />
<b>3. Personalitzar el vostre espai de treball.</b><br />
<br />
Aquí ve el gran què d'aquest article. Quins panells i opcions són les mes adients? La resposta es ben senzilla. Ni idea. Jo només us ensenyaré com anar activant les opcions. Com organitzar-vos ja es cosa vostre, ho sento, es una cosa totalment personal.<br />
<br />
On podem trobar tots els panells per activar-los i desactivar-los?<br />
<br />
Ben fàcil. A la pestanya window.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://img384.imageshack.us/img384/135/89029124.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://img384.imageshack.us/img384/135/89029124.jpg" /></a></div><br />
<br />
Dos opcions que jo recomano tenir activades son les dos últimes. Teòricament hauríeu de tenir-ho activat. Són:<br />
<ul><li>options: activa una barra d'eines on s'especifica les opcions avançades de la eina que estem fent servir en aquell moment.</li>
</ul><ul><li>tools: activa la barra d'eines, per defecte, a l'esquerra del nostre espai de treball. Seria molt estrany tenir desactivada aquesta opció, però la recordo per si us ha desaparegut i no sabeu trobar-la.</li>
</ul><br />
A partir d'aquí tot son panells. Histograma, canals, història, informació,etc. Aneu provant un rere l'altre i descarteu tots els que no utilitzareu molt i molt sovint. L'organització d'aquest, doncs la més senzilla i accessible possible.<br />
<br />
Exemple, el meu espai de treball:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://img38.imageshack.us/img38/1397/93563249.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="241" src="http://img38.imageshack.us/img38/1397/93563249.jpg" width="400" /></a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7142688588164641023.post-64433807488028233322010-03-09T19:41:00.002+01:002010-03-10T21:41:02.746+01:00Crear la nostra firma com un pinzellAquest article tractarà de com crear la nostra firma com si fos un pinzell més. Pot semblar que pot tenir poca utilitat, però quan comences a crear una quantitat important d'imatges i vols identificar-les simplement amb un petit text com pot ser el teu nom o el teu nick, acabes estalviant molt de temps.<br />
En nivells avançats es pot crear “accions” de photoshop per automatitzar tot aquest procés i fer-lo més elaborat, però primer millor començar amb les nocions bàsiques.<br />
<br />
Tot aquest procés es molt senzill, només hem de seguir un petit nombre de passos.<br />
<br />
<br />
<a name='more'></a><br />
<br />
<b>1. crear un nou document.</b><br />
<br />
Per aquest seguir totes les passes amb la creació d'un nou document de 400x200 píxels i 72ppp ja tindrem suficient. Això si, ens assegurarem que el fons es blanc. (si no sabeu crear un nou document o voleu recordar com fer-ho podeu seguir aquest article (<a href="http://med3sign.blogspot.com/2010/02/crear-un-nou-document.html">enllaç</a>)).<br />
<br />
<b>2. creació del text.</b><br />
<br />
Agafarem l'eina de text per crear la nostra firma. Per fer això només necessitem seleccionar l'eina de la columna d'eines. (es la T de text)<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://img684.imageshack.us/img684/3861/32728456.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://img684.imageshack.us/img684/3861/32728456.jpg" /></a></div><br />
<br />
introduirem el text que volem, sempre assegurant-nos que el color de les lletres es negre. Triem la font i les dimensions que desitgem per la nostra firma.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://img42.imageshack.us/img42/2681/65546268.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="157" src="http://img42.imageshack.us/img42/2681/65546268.jpg" width="320" /></a></div><br />
<br />
<b>3. creació del pinzell.</b><br />
<br />
Quan ens haguem assegurat que aquest serà el nostre disseny, només hem de convertir la imatge que tenim en un pinzell. Pitjant a “edit/define brush preset” i adjudicant-li un nom. Sempre podeu consultar amb el següent article de creació de pinzells (<a href="http://med3sign.blogspot.com/2010/03/com-crear-el-nostre-propi-pinzell.html">enllaç</a>).<br />
<br />
I ja hem acabat. A partir d'ara només haureu de fer un click per introduir la firma a les vostres creacions.<br />
<br />
Com exemple, una tonteria canvian el color del pinzell.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://img411.imageshack.us/img411/9793/34294545.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="157" src="http://img411.imageshack.us/img411/9793/34294545.jpg" width="320" /></a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7142688588164641023.post-90834727359275308042010-03-04T19:32:00.001+01:002010-03-04T20:42:23.439+01:00Com crear el nostre propi pinzellaquest article tractarà de com crear el nostre pinzell personalitzat en pocs passos i de forma molt senzilla. Així, mica en mica, podrem augmentar de forma personalitzada el nostre conjunt de pinzells intentant crear un grup diversificat però no massiu. Es important recalcar que la acumulació excessiva tant de fonts de text, com de pinzells i altres objectes predeterminats poden provocar una inici lent del nostre programa.<br />
Una petita curiositat per si no us heu fixat, quan s'inicia photoshop carrega totes les llibreries amb les utilitats que podem arribar a fer servir. Això es pot comprovar perquè apareix una línia amb totes les instruccions que es va carregant una rere l'altre, com pot ser llegir els pinzells, les textures, les fonts de text, els filtres, etc. Així que si saturem amb masses elements farem que l'inici i el programa en si sigui lent i pesat en termes de memòria RAM. Per tant recomano ser curosos amb la quantitat d'elements.<br />
Comencem el procés de crear el nostre propi i primer pinzell:<br />
<br />
<br />
<a name='more'></a><br />
<br />
<br />
<b>1. obrir un nou document.</b><br />
<br />
Anem a file/new. (podeu seguir els consells d'aquest article ja publicat sobre la creació de nous documents, <a href="http://med3sign.blogspot.com/2010/02/crear-un-nou-document.html">crear un nou document</a>)<br />
creem un document de 400x300 pixels, amb 72 ppp i 8 bits. (directament podriu agafar un bitmap de 1 bit, ja que seria l'opció més aconsellable per aquesta feina)<br />
<b><br />
</b><br />
<b>2. crear l'esbós del nostre pinzell</b>.<br />
<br />
Per realitzar aquest pas agafarem per exemple el pinzell. Abans, ens hem d'assegurar de dos coses molt importants:<br />
-el fons ha de ser blanc.<br />
-per poder crear un pinzell ha d'estar en blanc i negre, per tant, res de colors que no siguin aquests dos.<br />
A partir d'aquest moment, l'únic que hem de fer es dibuixar el nostre futur pinzell, podeu provar a fer un similar al meu o crear el vostre propi dona igual, el resultat es el mateix.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://img191.imageshack.us/img191/1451/77023446.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://img191.imageshack.us/img191/1451/77023446.jpg" width="320" /></a></div><br />
<b><br />
</b><br />
<b>3. guardar l'esbós del nostre pinzell.</b><br />
<br />
Quan ja tinguem decidit com serà el nostre primer pinzell. Anirem a “edit/define brush preset”<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://img696.imageshack.us/img696/3415/23222034.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://img696.imageshack.us/img696/3415/23222034.jpg" /></a></div><br />
<br />
si no em comés cap error ens apareixerà una nova finestra. Aquesta tindrà el patró del nostre pinzell, un número que es el nombre de píxels, per tenir una referència de les dimensions, i un espai on adjudicar-li un nom.<br />
Després d'assignar-li el nom i donar-li a “acceptar o ok” ja em creat el nostre propi pinzell.<br />
<br />
Per comprovar que tot a sortit a la perfecció, anirem a l'eina de pinzell, pitjarem per canviar el que teníem assignat i buscarem al final del llistat per trobar el nostre propi pinzell inclòs a la llista.<br />
<br />
Amb pocs passos hem aconseguit crear el nostre propi pinzell sense gaires problemes.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7142688588164641023.post-50942314063288650572010-03-01T20:37:00.002+01:002010-03-04T19:13:25.741+01:00Configuració del color<style type="text/css">
<!--
@page { margin: 2cm }
P { margin-bottom: 0.21cm }
-->
</style> <br />
<div lang="ca-ES" style="margin-bottom: 0cm;">un nou article que obrirà una serie on intentaré ensenyar les diferents configuracions de photoshop. Intentant en tot moment mostrar com ho faig jo i també alguna explicació perquè creeu les vostres pròpies configuracions. No vull que penseu que es l'única forma de configurar el programa, i segurament no es de les millors. Només es un fil introductori perquè esbrineu vosaltres mateixos quina pot ser la vostra configuració.</div><div lang="ca-ES" style="margin-bottom: 0cm;"><br />
</div><div lang="ca-ES" style="margin-bottom: 0cm;">Es molt important la gestió del color, hi ha tècnics especialitzats, i les grans empreses procuren no cometre cap error. El procés es llarg i comença en la creació del <a href="http://med3sign.blogspot.com/2010/02/crear-un-nou-document.html">nou document</a> o quan obrim un d'extern, ja sigui d'un escànner o una càmera digital. No vull dedicar-me a explicar cada pas, sinó mostrar el primer de tot i que al principi, quan no som experts, no li donem importància.</div><div lang="ca-ES" style="margin-bottom: 0cm;"><br />
</div><div lang="ca-ES" style="margin-bottom: 0cm;">L'automatisme de la configuració de color de photoshop suposa l'inici de la gestió de color adient. Si per exemple el nostre treball implica un treball de 90% amb impressores CMYK, i un cert perfil, que coi fem iniciant el document amb RGB i el perfil sRGB. Això es una clara mostre de la poca optimització del nostre flux de treball.</div><div lang="ca-ES" style="margin-bottom: 0cm;"><br />
</div><div lang="ca-ES" style="margin-bottom: 0cm;">La configuració del color a photoshop comença aquí:</div><div lang="ca-ES" style="margin-bottom: 0cm;"><br />
</div><div lang="ca-ES" style="margin-bottom: 0cm;">edit/color settings</div><div lang="ca-ES" style="margin-bottom: 0cm;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://img251.imageshack.us/img251/9760/inicialg.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://img251.imageshack.us/img251/9760/inicialg.jpg" /></a></div><div lang="ca-ES" style="margin-bottom: 0cm;"><br />
</div><div lang="ca-ES" style="margin-bottom: 0cm;"><br />
<a name='more'></a><br />
</div><div lang="ca-ES" style="margin-bottom: 0cm;"><br />
</div><div lang="ca-ES" style="margin-bottom: 0cm;">després de pitjar sens obrirà una nova finestra amb el títol de “color “settings”, o amb l'idioma que tingueu el programa, la primera opció es un llistat amb tot de configuracions preestablertes. Jo no recomano aquesta opció, principalment perquè no m'agrada massa cap de les combinacions, per tant ara passaré a explicar les diferents opcions.</div><div lang="ca-ES" style="margin-bottom: 0cm;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://img695.imageshack.us/img695/3562/18420438.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://img695.imageshack.us/img695/3562/18420438.jpg" /></a></div><div lang="ca-ES" style="margin-bottom: 0cm;"><br />
</div><div lang="ca-ES" style="margin-bottom: 0cm;"><br />
</div><div lang="ca-ES" style="margin-bottom: 0cm;"><b>Espais de treball:</b></div><div lang="ca-ES" style="margin-bottom: 0cm;"><br />
</div><br />
<ul><li>RGB: aquí jo recomano triar entre dues opcions, AdobeRGB o sRGB. Jo utilitzo adobeRGB, principalment perquè el perfil es més ampli i perquè la meva configuració va dirigida al món de la fotografia on es comença a ser “l'standard” utilitzat, sobretot a la impressió. Però podeu escollir sense cap por sRGB, es més reduït, però si treballeu casi exclusivament per internet us serà mes còmode ja que no tots els navegadors fan gestió de color i saben llegir el perfil adobeRGB, i com sempre moltes de les utilitats de microsoft tampoc, per exemple el visualitzador d'imatges.</li>
</ul><ul><li>CMYK: jo utilitzo el euroscale uncoated v2.si sabeu quin es el perfil exacte de la vostre impressora o amb la que treballeu normalment la millor opció seria triar-lo.</li>
</ul><ul><li>Gray: si utilitzeu entorns windows escolliu gray gamma 2.2. en canvi, si sou propietaris de mac, amb algun del seus SO llavors escolliu gray gamma 1.8.</li>
</ul><ul><li>spot: jo no he fet canvi des de la configuració inicial, no crec que sigui necessari canviar res.</li>
</ul><br />
<div lang="ca-ES" style="margin-bottom: 0cm;"><br />
</div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="http://img716.imageshack.us/img716/4877/38079215.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://img716.imageshack.us/img716/4877/38079215.jpg" /></a></div><div lang="ca-ES" style="margin-bottom: 0cm;"><br />
</div><div lang="ca-ES" style="margin-bottom: 0cm;"><br />
</div><div lang="ca-ES" style="margin-bottom: 0cm;"><b>Polítiques de gestió de color:</b></div><div lang="ca-ES" style="margin-bottom: 0cm;"><br />
</div><div lang="ca-ES" style="margin-bottom: 0cm;">En tots els casos jo deixo l'opció “preserve embedded profiles”, això vol dir que quan obris un arxiu es mantindrà el perfil amb el que ve l'arxiu. Es important perquè si volem canviar-lo es millor fer-ho manualment per assegurar-nos que l'automatisme no comet un error de conversió.</div><div lang="ca-ES" style="margin-bottom: 0cm;">Jo no tinc activades les opcions de que em pregunti si el fitxer no te cap perfil assignat o no l'ha pogut obrir. Principalment perquè sempre controlo al final del meu treball el perfil amb el que he treballat i vull publicar-lo. En canvi, si preferiu no despistar-vos marqueu les dos caselles corresponents.</div><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://img168.imageshack.us/img168/8595/77581936.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="295" src="http://img168.imageshack.us/img168/8595/77581936.jpg" width="320" /></a></div><div lang="ca-ES" style="margin-bottom: 0cm;"><br />
</div><div lang="ca-ES" style="margin-bottom: 0cm;"><br />
</div><div lang="ca-ES" style="margin-bottom: 0cm;"><b>Opcions avançades:</b></div><br />
<div lang="ca-ES" style="margin-bottom: 0cm;"><br />
</div><div lang="ca-ES" style="margin-bottom: 0cm;">per accedir a les opcions avançades em de pitjar en “more options”, o amb l'idioma que tingueu el programa. Després d'accedir-hi, obtindreu unes noves possibilitats de configuració.</div><div lang="ca-ES" style="margin-bottom: 0cm;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://img341.imageshack.us/img341/8607/30587771.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="295" src="http://img341.imageshack.us/img341/8607/30587771.jpg" width="320" /></a></div><div lang="ca-ES" style="margin-bottom: 0cm;"><br />
</div><div lang="ca-ES" style="margin-bottom: 0cm;"><br />
</div><br />
<br />
<ul><li><b>Engine o motor:</b> adobe (ACE) sense cap mena de dubte,es el més utilitat per la gran majoria.</li>
</ul><br />
<ul><li><b>Intent:</b> jo utilitzo la “relative colometric” o colometria relativa, també es pot utilitzar sense cap por la perceptual, són dos formes de treballar diferents però efectives.</li>
</ul><br />
<br />
<ul><li>De les tres opcions següents:<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<ul><li><b>black point compensation:</b> jo la tinc marcada perquè quan convertim d'un perfil a un altre no patim els grisos estranys a les ombres. El que fa es delimitar correctament el rang dinàmic tant del de entrada com el de sortida.</li>
<li><b>Dither:</b> jo el considero important de tenir activat. Quan canviem de perfils de 8-bits es produeix artificis que embruten la imatge omplint-la d'errors, com pot ser transicions de colors abruptes. La contrapartida es que augmentem l'espai de memòria de l'arxiu, però crec que els beneficis són molt importants.</li>
<li><b>Compensate:</b> aquesta opció es totalment opcional. Jo la tinc activa perquè sovint també utilitzo un programa de edició de vídeos d'adobe, adobe after effects. Només es una optimització per qui utilitzem també aquest programa. Us deixo al vostre criteri la utilització d'aquest element.</li>
</ul></li>
</ul><div lang="ca-ES" style="margin-bottom: 0cm;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://img28.imageshack.us/img28/2228/25595202.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://img28.imageshack.us/img28/2228/25595202.jpg" width="301" /></a></div><div lang="ca-ES" style="margin-bottom: 0cm;"><br />
</div><div lang="ca-ES" style="margin-bottom: 0cm;"><br />
</div><div lang="ca-ES" style="margin-bottom: 0cm;">La reta d'opcions jo les deixaria tal com venen preestablertes.</div><div lang="ca-ES" style="margin-bottom: 0cm;"><br />
</div><div lang="ca-ES" style="margin-bottom: 0cm;">Fins aquí aquest article que em profunditzat en la configuració del programa. Potser es una mica pesat però amb el temps s'agraeix tenir millor configurat el programa. Sempre podeu guardar les vostres configuracions per compartir-les, o quan heu de formatejar l'ordinador per fer copia de seguretat.</div><div lang="ca-ES" style="margin-bottom: 0cm;">No us deixo cap consell en especial. Aquesta es la meva configuració, potser trobeu una que us escau millor per la vostra feina habitual. Només proposo una forma de tenir configurat el programa per cometre menys errors, a partir d'aquí internet es un sac gegant d'informació.</div><div lang="ca-ES" style="margin-bottom: 0cm;"><br />
</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7142688588164641023.post-41399645640174663462010-02-28T21:26:00.002+01:002010-03-04T20:43:53.535+01:00crear un nou documentaixò es una de les primeres passes que menys importància es dona i realment es molt important. No es cap broma, començar a treballar amb sense la configuració adient pel que vols fer pot suposar perdre molt temps i guanyar molts mal de caps.<br />
<br />
Les proporcions, la resolució, el mode de color i la seva profunditat, i també el color del fons poden suposen petits detalls però molt importants.<br />
D'acord, alguns podeu pensar que tots es poden modificar. Es cert, però em d'aprendre a optimitzar el nostre treball, primer, perquè no es el mateix dedicar-hi 15 minuts que 45 per fer quatre coses. I després perquè en la majoria de modificacions que podeu fer perdreu informació. La majoria d'aquesta informació no es realment palpable a simple vista, però si s'arriba a la impressió del treball potser que una ximpleria de canvi d'espai de color provoqui un error bastant important amb les tonalitats vistes abans i després.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://img251.imageshack.us/img251/5333/15292459.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="232" src="http://img251.imageshack.us/img251/5333/15292459.jpg" width="320" /></a></div><br />
<br />
<a name='more'></a><br />
<br />
<br />
<b>Les proporcions:</b><br />
<br />
podem optar primer agafar una de les proporcions predeterminades com pot ser l'escriptori, (quan fem una impressió de pantalla), dimensions de paper (quan fem treballs sobre determinades proporcions tipus: d4,d3,d6, etc.), i altres tipus determinats. Us recomano que hi feu un cop d'ull, segurament no en fareu servir cap però potser descobriu una de les característiques adient per vosaltres.<br />
També podem seleccionar una proporció personalitzada. Qui hi ha infinites proporcions. Normalment es treballa en píxels quan es tracte de treballs per la web o per mostrar per pantalla. En centímetres per documents o impressions de dimensions determinades. Polsades, mil·límetres, picas, etc. Son altre mesures per delimitar el nostre treball.<br />
Treballar amb les proporcions adients pel nostre treball ens treu molts mal de caps amb retalls, reduccions, reajustament... millor pensar un parell de segons com volem el nostre treball i no perdre minuts fent retocs innecessaris.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://img51.imageshack.us/img51/4450/68564172.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="232" src="http://img51.imageshack.us/img51/4450/68564172.jpg" width="320" /></a></div><br />
<br />
<b>Resolució:</b><br />
<br />
hi ha molta gent que no entén aquesta funcionalitat preguntant-se, si canvio el número per què no canvia a la meva pantalla?<br />
Es senzill. Aquest aspecte es bàsic a nivell d'impressió. Cada impressora té una capacitat de “pintar” punts per polsada. Per tant, si una impressora admet treballs a 200 ppp(punts per polsada) i li dones un treball amb 300 ppp, les proporcions que pensaves canviaran totalment.<br />
Un altre aspecte del desconeixement d'aquesta opció es la memòria que ocupara l'arxiu. Tranquil·lament pot existir una diferència de 10 vegades. Per tant millor optimitzar la resolució en funció del medi on es presentarà. Normalment per web la resolució es de 72ppp i per impressió de 200ppp a 300ppp, varia segons la màquina, sempre va bé informar-se sobre aquest detall per evitar pèrdues de temps i potser estalvi de diners si on ho porteu a imprimir cobren per rascar-se el cap i altres llocs.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://img532.imageshack.us/img532/888/34549516.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="232" src="http://img532.imageshack.us/img532/888/34549516.jpg" width="320" /></a></div><br />
<br />
<b>mode de color:</b><br />
<br />
normalment la majoria de treballs es faran sota RGB o sota CMYK. Existeixen altres modes que sempre poden ser útils.<br />
<ul><li>RGB: principalment es per treballs amb monitors i web. Hi ha impressores que ja treballen amb aquest mode de color.</li>
<li>CMYK: el perfil predominant a la impressió. Es l'acrònim de Cian, Magenta, Yellow i blacK.</li>
<li>LAB: té un dels canals per la lluminància interessant per segons quins trucs utilitzes.</li>
<li>greyscale: escala de grisos.</li>
<li>bitmap: la “gràcia” d'aquest espai de color es la possibilitat d'imposar que una imatge sigui blanca o negre, només dues possibilitats, si fas que sigui amb 1 bit d'informació.</li>
</ul><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://img689.imageshack.us/img689/4601/94453189.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="232" src="http://img689.imageshack.us/img689/4601/94453189.jpg" width="320" /></a></div><br />
<br />
<b>altres aspectes:</b><br />
<br />
el color de fons, realment es un detall que podríem dir agradable. Indispensable si treballem amb arxius que no poden tenir capes i poder definir els fons des de l'inici.<br />
Configuracions avançades:<br />
aquí hi ha un detall bastant important quan comences agafar experiència amb aquest món de l'imatge. L'espai de color. Tant a la fotografia com a l'edició d'imatge, el perfil amb el que treballes determina el resultat final. A vegades portareu a impremta i us diran. -el treball amb perfil adobeRGB i 200ppp.<br />
No profunditzaré amb aquest tema perquè es molt llarg i requereix molta informació. Només diré que per web treballeu principalment amb sRGB que es l'standard ara mateix i per impremta adobeRGB o prophotoRGB.<br />
Utilitzeu google per profunditzar amb aquest tema perquè es molt dens i llarg.<br />
<br />
<br />
Fins aquí aquest article. Espero que serveixi per entendre una mica millor quan creem un document amb photoshop i entendre totes les opcions i detalls.<br />
<br />
<b>Consells:</b><br />
<br />
<ul><li>”ctrl+n” es l'abreujament de teclat per crear un nou document.</li>
<li>fer varies proves amb diferents opcions i fixar-se sobretot amb la diferència de memòria que ocupa l'arxiu.</li>
</ul>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7142688588164641023.post-69935108044858470312010-02-27T15:11:00.004+01:002010-02-27T15:15:01.491+01:00Inici d'un nou projecteavui, inicio un nou projecte. <br />
intentar fer tot un recull de tutorials, consells i trucs de photoshop. pero també afegint una serie de consells de fotografia, ja sigui edició d'imatge o tècnica fotogràfica.<br />
en cap moment vull dirigir-me a un sector d'aficionats, sinó posar per escrit els meus trucs per si algú té el temps i l'interés de donar un cop d'ull. no penso descobrir un nou món ni molt menys. avui en dia dedicant temps pots trobar milers de webs i blocs amb aquesta informació. el que vull fer jo es posar-la en català.<br />
tots els articles intentaràn ser creats desde 0, no vull limitar-me a fer com molts i un ctrl+c i ctrl+v.<br />
aviam com funciona la cosa, i sobretot, continuitat! que aixó es el mes difícil de tot.Unknownnoreply@blogger.com0