sábado, 24 de março de 2012

Efeito de vidro quebrado..

Olá galera, estou postando o meu primeiro tutorial, vou está ensinando como fazer no Photoshop CS5 esse efeito de texto que dará um aspecto de vidro quebrado para as suas palavras e letras. Ok, mãos à Obra !

Clique na Imagem para Amplia-la


01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 1280x800 pixels, 72 dpi´s e modo de cor em RGB, pressione Ok, pressione a letra G do teclado para selecionar a Gradient Tool, escolha o modo Radial e defina um gradiente que vá do #2e5b15 para a cor #103533 e termine na cor #090e13, aplique como na imagem abaixo. 

02. Pressione a letra T do teclado para selecionar a Horizontal Type Tool, no caso deste tutorial a fonte usada foi Trajan Pro no estilo Simple com a cor #41a993, mas é possível realizar o efeito com outra fonte qualquer, defina o Fill da layer em 50%. 

03. Clique com o botão direito do mouse sobre a layer de texto e escolha a opção Rasterize Type, vá em Layer>Style>Inner Shadow e defina os valores abaixo, use a cor #aee8dc.

04. Agora vá em Layer>Layer Style>Inner Glow e defina os valores abaixo usando a cor #9ed3c9. 

05. Vá em Layer>Layer Style>Bevel and Emboss e defina os valores abaixo. 

06. Entre em Layer>Layer Style> Bevel and Emboss>Contour e defina os valores abaixo. 

07. Vá em Layer>Layer Style>Santin  e defina os valores abaixo 

07. Vá em Layer>Layer Style>Stroke, escolha a cor #65a49b e defina os valores abaixo. 

08. Sua imagem deverá ficar parecida com a da foto abaixo. 



09. Agora pressione a letra L do teclado para selecionar a Lasso Tool, na barra de opções da ferramenta defina os valores abaixo. 

10. Crie algumas seleções como na foto, repita o processo em todas as outras letras, a partir delas criaremos o efeito de vidro quebrado. No final seu documento deverá ficar como o da foto abaixo abaixo, 

11. Pressione a letra V do teclado para selecionar a Move Tool, posicione o mouse sobre a seleção, ao ver uma pequena tesoura no cursor clique e arraste para mover as partes selecionadas, posicione alguns pixels acima e solte, pressione Ctrl+D para desabilitar a seleção. 


12. Agora pressione a letra W do teclado para selecionar a Magic Wand Tool, clique em um dos pedaços "quebrados" da primeira letra para criar uma seleção. Pressione Ctrl+T para abrir a caixa de Free Transform, rotacione, redimensione e altere como quiser, pressione Enter para finalizar a transformação, repita o procedimento em todas as letras até ficar assim.

13. (Opcional) Caso queira adicionar alguns pontos brilhantes você pode usar alguns brushes que existem na internet de pontos brilhantes, baixe e instale os brushes, pressione a letra B do teclado para selecionar a Brush Tool, escolha o set de brushes que voê baixou e instalou, pressione a letra D do teclado para resetar as cores de Foreground e Background, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, pressione Ctrl+Shift+Alt+N para criar uma nova layer e crie alguns pontos brilhantes como na foto abaixo. 



Obrigado galera e até aproxima ! ! :D


Site de Origem:
http://richworks.in/2009/12/create-a-glass-text-effect-in-photoshop-and-shatter-it/ 

Postado por Édipo às 10:59

Um comentário:

// 0) { cursor = parseInt(items[items.length - 1].timestamp) + 1; } var bodyFromEntry = function(entry) { if (entry.gd$extendedProperty) { for (var k in entry.gd$extendedProperty) { if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') { return '' + entry.content.$t + ''; } } } return entry.content.$t; } var parse = function(data) { cursor = null; var comments = []; if (data && data.feed && data.feed.entry) { for (var i = 0, entry; entry = data.feed.entry[i]; i++) { var comment = {}; // comment ID, parsed out of the original id format var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t); comment.id = id ? id[2] : null; comment.body = bodyFromEntry(entry); comment.timestamp = Date.parse(entry.published.$t) + ''; if (entry.author && entry.author.constructor === Array) { var auth = entry.author[0]; if (auth) { comment.author = { name: (auth.name ? auth.name.$t : undefined), profileUrl: (auth.uri ? auth.uri.$t : undefined), avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined) }; } } if (entry.link) { if (entry.link[2]) { comment.link = comment.permalink = entry.link[2].href; } if (entry.link[3]) { var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href); if (pid && pid[1]) { comment.parentId = pid[1]; } } } comment.deleteclass = 'item-control blog-admin'; if (entry.gd$extendedProperty) { for (var k in entry.gd$extendedProperty) { if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') { comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value; } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') { comment.displayTime = entry.gd$extendedProperty[k].value; } } } comments.push(comment); } } return comments; }; var paginator = function(callback) { if (hasMore()) { var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50'; if (cursor) { url += '&published-min=' + new Date(cursor).toISOString(); } window.bloggercomments = function(data) { var parsed = parse(data); cursor = parsed.length < 50 ? null : parseInt(parsed[parsed.length - 1].timestamp) + 1 callback(parsed); window.bloggercomments = null; } url += '&callback=bloggercomments'; var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; document.getElementsByTagName('head')[0].appendChild(script); } }; var hasMore = function() { return !!cursor; }; var getMeta = function(key, comment) { if ('iswriter' == key) { var matches = !!comment.author && comment.author.name == config.authorName && comment.author.profileUrl == config.authorUrl; return matches ? 'true' : ''; } else if ('deletelink' == key) { return config.baseUri + '/delete-comment.g?blogID=' + config.blogId + '&postID=' + comment.id; } else if ('deleteclass' == key) { return comment.deleteclass; } return ''; }; var replybox = null; var replyUrlParts = null; var replyParent = undefined; var onReply = function(commentId, domId) { if (replybox == null) { // lazily cache replybox, and adjust to suit this style: replybox = document.getElementById('comment-editor'); if (replybox != null) { replybox.height = '250px'; replybox.style.display = 'block'; replyUrlParts = replybox.src.split('#'); } } if (replybox && (commentId !== replyParent)) { document.getElementById(domId).insertBefore(replybox, null); replybox.src = replyUrlParts[0] + (commentId ? '&parentID=' + commentId : '') + '#' + replyUrlParts[1]; replyParent = commentId; } }; var hash = (window.location.hash || '#').substring(1); var startThread, targetComment; if (/^comment-form_/.test(hash)) { startThread = hash.substring('comment-form_'.length); } else if (/^c[0-9]+$/.test(hash)) { targetComment = hash.substring(1); } // Configure commenting API: var configJso = { 'maxDepth': config.maxThreadDepth }; var provider = { 'id': config.postId, 'data': items, 'loadNext': paginator, 'hasMore': hasMore, 'getMeta': getMeta, 'onReply': onReply, 'rendered': true, 'initComment': targetComment, 'initReplyThread': startThread, 'config': configJso, 'messages': msgs }; var render = function() { if (window.goog && window.goog.comments) { var holder = document.getElementById('comment-holder'); window.goog.comments.render(holder, provider); } }; // render now, or queue to render when library loads: if (window.goog && window.goog.comments) { render(); } else { window.goog = window.goog || {}; window.goog.comments = window.goog.comments || {}; window.goog.comments.loadQueue = window.goog.comments.loadQueue || []; window.goog.comments.loadQueue.push(render); } })(); // ]]>

Assinar: Postar comentários (Atom)