• RSS
  • Facebook
  • Twitter
Comments


by admin on mai.14, 2009, under Design, Links Interessantes
Pegando a deixa do post anterior, o Website Design Awards, dos mesmos criadores do Logo Faves (www.logofaves.com), é um acervo com os melhores designs da web e sempre se mantém atualizado. Lá você encontra os sites mais interessantes, bonitos e criativos da web, que serve como uma fonte inesgotável de inspiração na hora de você criar seu design.
Como eles mesmos se auto-denominam: “Nós mostramos os melhores designs da web. Amamos criatividade, interatividade, usabilidade e originalidade”
Acesse: http://websitedesignawards.com/
Website Design Awards



Postado por Fernando Schimit - Fox Creative
[...]

Categories:
Comments

Postado por Fernando Schimit - Fox Creative

Published August 6th, 2009 i Web Development jQuery image galleries and sliders are very common on portfolio sites and are also useful for any other type of site for displaying images and photos. Fortunately, adding a jQuery gallery does not have to be difficult, even if you don’t have much experience with JavaScript and jQuery. In this post we’ll see tutorials and plugins that can provide you with the resources that you need to get a gallery of slider on your site.

jQuery Image Gallery/Slider Tutorials:

Create an Image Rotator with Description (CSS/jQuery)
Create an Image Rotator with Description (CSS/jQuery) Tutorial
jQuery Image Gallery/News Slider with Caption
jQuery Image Gallery/News Slider with Caption Tutorial
Full Screen Image Gallery Using jQuery and Flickr
Full Screen Image Gallery Using jQuery and Flickr Tutorials
Create a Slick and Accessible Slideshow Using jQuery
Create a Slick and Accessible Slideshow Using jQuery Tutorial
Fancy Thumbnail Hover Effect with jQuery
Fancy Thumbnail Hover Effect with jQuery Tutorial
Simple jQuery Image Slideshow with Semi Transparent Caption
Simple jQuery Image Slideshow with Semi Transparent Caption Tutorial

Slider Gallery
Slider Gallery Tutorial
Building a jQuery Image Scroller
Building a jQuery Image Scroller Tutorial
Sliding Boxes and Captions with jQuery
Sliding Boxes and Captions with jQuery Tutorial
Create Beautiful jQuery Slider
Create Beautiful jQuery Slider Tutorial
How to: Create a Fancy Image Gallery with jQuery
How to: Create a Fancy Image Gallery with jQuery Tutorial
Coda Slider Effect
Coda Slider Effect Tutorial

jQuery Image Gallery/Slider Plugins:


Supersized
Supersized Plugin
Galleria
Galleria Plugin
Gallery View
Gallery View Plugin
jQuery lightBox
jQuery lightBox Plugin
Gallerific
Gallerific Plugin
Easy Slider 1.5
Easy Slider 1.5 Plugin
Pikachoose
Pikachoose Plugin
S3 Slider – jQuery Image Gallery
S3 Slider - jQuery Image Gallery Plugin
Sliding Image Gallery
Sliding Image Gallery Plugin
Flickr Gallery
Flickr Gallery Plugin
Simple Controls Image Gallery
Simple Controls Image Gallery Plugin
Popeye
Popeye Plugin
Smooth Div Scroll
Smooth Div Scroll Plugin
[...]

Categories: ,
Comments

Postado por Fernando Schimit - Fox Creative

[...]

Categories:
Comments



Postado por Fernando Schimit - Fox Creative
[...]

Categories:
Comments

site de origem: http://10steps.sg/photoshop/transform-photo-into-watercolor-painting/

01. Pressione Ctrl+O e abra uma imagem qualquer, para este tutorial usaremos a foto abaixo, caso queira usar a mesma imagem clique com o botão direito do mouse sobre a foto e escolha a opção Save Link As, com a imagem aberta pressione Ctrl+A para selecionar seu conteúdo e Ctrl+C para copiar.



02. Pressione Ctrl+N para criar um novo documento, defina um tamanho de 750x550 pixels, 72 dpi´s e modo de cor em RGB, pressione Ok, pressione Ctrl+V para colar a imagem dentro do novo documento, pressione Ctrl+T para abrir a caixa de Free Transform, com a tecla Shift pressionada clique em um dos pontos diagonais para redimensionar a imagem de acordo com o tamanho do documento, pressione Enter, pressione Ctrl+J para duplicar a layer, dê o nome de Blur Landscape para esta layer, vá em Filter> Blur> Smart Blur e defina o valor de 10 pixels para o Radius e 30 pixels para o Threshold.



03. Clique na layer da foto original e pressione Ctrl+J para duplicar a layer novamente, dê o nome de Outlines para esta layer, deixe ela acima da layer Blur Landscape, vá em Filter> Stylize> Glowing Edges, defina o valor de 1 pixel para Edge, 12 pixels para Edge Brightness e 15 pixels para Smoothness, vá em Image> Adjustments> Invert e depois em Image> Adjustments> Desaturate.



04. Mude o modo de blend da layer para Multiply e defina a opacidade em 80%.



05. Clique na layer Blur Landscape e pressione Ctrl+J para duplicar a layer, dê o nome de Painting, vá em Image> Adjustments> Invert e defina o modo de blend da layer para Color Dodge.



06. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra B do teclado para selecionar a Brush Tool, escolha o brush abaixo (Dry Brush), na barra de opções da ferramenta defina a opacidade do brushe m 10%, passe o brush sobre o documento, sua imagem deverá ficar como na foto abaixo.



07. Agora escolha o brush Brush abaixo, defina a opacidade em 50%, reduza o tamanho do brush para 15 pixels e passe na parte da água.



08. Aumente o tamanho do brush para 100 pixels e passe na parte do céu.



09. Repita o processo para a área com grama.



10. Reduza o tamanho do brush para 30 pixels e faça alguns traços verticais na área da grama.



11. Clique na layer original da foto e pressione Ctrl+J para duplicar a layer, dê o nome de Details para esta layer, deixe esta layer acima de todas as outras layers dentro da paleta de layers, vá em Filter> Artistic> Watercolor, defina o valor de Brush Details para 12 pixels, Shadow Intensity em 0 e Texture em 3, pressione Ok, mude o modo de blend da layer para Luminosity e defina a opacidade em 25%.



12. Vá em Layer> New Adjustment Layer> Levels e defina os valores de 9, 1.07 e 203 para o Input Levels, pressione Ok e ao final sua imagem estará como na foto abaixo.




Participe deixando seu comentário, dúvida, sugestão, ideias, exemplos ou simplesmente dizendo um "Olá!" na parte de comentários deste Post, sua participação é extremamente importante para o blog e também para todos os leitores que posteriormente terão acesso aos tutoriais e matérias que oferecemos por aqui.


Até a próxima!!

Postado por Fernando Schimit - Fox Creative
[...]

Categories: ,