background preloader

Learn to code

Learn to code
Related:  techniques

How to Color Inked Line Art in Photoshop In this Photoshop tutorial, I’m going give you a general overview of how I digitally color an illustration. We’ll go over scanning, cleaning, flatting, coloring, rendering, and texturing techniques. There’s just as many ways to coloring a drawing digitally as there is to painting a picture. Preview Click the image below to see it in full size. Step 1: Scanning Your Inks In this tutorial, I’m going to use my own illustration. Make sure you are scanning in black and white. Step 2: Isolating the Line Art Now that we have our image scanned, open it in Adobe Photoshop. Press Ctrl/Cmd + Alt/Option + 2 (for Photoshop CS4 and up) or Ctrl/Cmd + Alt/Option + ~ (for Photoshop CS3 and below). Tip: I encourage you to know and use Photoshop shortcut keys; it saves a lot of time. Then press Delete to remove the selected white areas, leaving us with just the line art on this layer. Create a new layer (Shift + Ctrl/Cmd + N). Step 3: Clean Up Inks Step 4: Flats Step 5: Coloring Step 6: Rendering Step 7: Textures

JavaScript: la référence - David Flanagan Learn JavaScript JavaScript is a programming language that allows you to implement complex things on web pages. Every time a web page does more than just sit there and display static information for you to look at — displaying timely content updates, or interactive maps, or animated 2D/3D graphics, or scrolling video jukeboxes, and so on — you can bet that JavaScript is probably involved. Learning pathway JavaScript is arguably more difficult to learn than related technologies such as HTML and CSS. Before attempting to learn JavaScript, you are strongly advised to get familiar with at least these two technologies first, and perhaps others as well. Start by working through the following modules: Having previous experience with other programming languages might also help. After getting familiar with the basics of JavaScript, you should be in a position to learn about more advanced topics, for example: Modules This topic contains the following modules, in a suggested order for working through them. See also

What Happens At Y Combinator What Happens At Y Combinator Paul Graham updated Oct 2013 Y Combinator runs two three-month funding cycles a year, one from January through March and one from June through August. Dinners During each cycle we host a dinner once a week at Y Combinator and invite some eminent person from the startup world to speak. People start to show up for dinners around 6 pm. The time before dinner is a chance for founders to talk to one another and to us in an unstructured way. The speaker usually shows up before 7 and talks informally with the founders before dinner. I didn't consciously realize how much speakers at more public events censored themselves till I was able to compare the same people speaking off the record at YC dinners and on the record at Startup School. One founder wrote: Most of the practical advice is redundant, but there's value in it even as such—if you hear the same things over and over again from different angles, especially from prominent people, it tends to sink in more. Alumni

50 Photoshop Tricks for a Fast-Paced Work Environment Are you a designer on a deadline? If you are, then I’m sure you can recall the last time you thought to yourself, “if I had a little more time, I could…” what? Polish that button? Find a better hero image? Reevaluate that color palette? Take some time to do a little more QA? The truth is, however, that we designers will always be looking for more time to polish the one pixel that got away. Of course, since our go-to design tool in the office is Photoshop, we thought we’d share with you 50 simple Photoshop tricks and shortcuts we love using that can help trim excess spent time in your workflows. Important Note: The following require Photoshop CS5 and a Mac OS X. The Usual Keyboard Shortcut Suspects Memorize these shortcuts. 1. 2. 3. 4. 5.Keyboard shortcuts for flipping foreground and background (X): Use this to switch between your current foreground and background colors located in your toolbar. 6. 7. 8. 9. 10. Customized Must-Have Keyboard Shortcuts 11. 12. 13. Photoshop, the Word Processor

Getting Out of Binding Situations in JavaScript Most developers don’t know about—or don’t care enough about—binding in JavaScript. Yet this single issue is responsible for a sizeable portion of the questions on most JavaScript-related support channels, and thousands—if not millions—of hairs being tortured away from developer heads every single day. Yet with a little attention to this oft-overlooked subject, you can avoid wasting your time, energy, and patience and move on to more powerful, efficient scripting. Why should we care about binding?#section1 Almost no major object-oriented programming (OOP) languages force you to consider binding. PHP and JavaScript do require you to explicitly state which object you’re accessing, even if it’s the current one. Of course, neither PHP nor JavaScript are actually object-oriented in the traditional sense. In JavaScript, binding is always explicit, and can easily be lost, so a method using this will not refer to the proper object in all situations, unless you force it to. Okay, that’s weird.

Javascript For Designers: Getting on Your Feet Fast Aug 04 2009 Web designers are a special breed – we’re one of a small group of professionals that actively seeks out to improve ourselves and our craft through any means possible. This generally means on our own, from each other, and through an awful lot of ‘guess, test and revise.’ Web design isn’t for the faint of heart or those with any fear of failure. The most daunting ‘learning experience’ for developing developers is to make the jump from the HTMLs and the CSSs of the world to web scripting. It looks good from the outside – all that added interactivity and animation and cool effects and features – oh my. Getting on Your Feet Fast Let’s take a look at bulletproof ways to ease into Javascript at an accelerated pace. The first place I start when looking to learn anything new is on the web – makes sense to learn the web from the web, right? Websites That Teach Javascript Javascript learning sites spend more time on simple logic and processes. About.Com Put It to Use

Create futuristic effects with Photoshop’s 3D tools In this tutorial we’ll look at how to experiment with the 3D tools in Photoshop CS6 to create a stylised illustration. While these 3D tools aren’t as complex as those found inside dedicated software like Maya or Cinema 4D, they’re still powerful enough for simple 3D scenes, and perfect for anyone seeking the basic features. With this in mind, I’ll explain how to create a scene with a retro-futuristic look using just the 3D tools provided in Photoshop. We’ll explore their features and use them to create some interesting outcomes. What's going to be in Photoshop CS7? Creative Bloq asks the experts. 01 Start by creating a new document with a black to almost black gradient as the background, then use the Type tool to create some text – I’ve written ‘1986’ in the Chrome font. 02 Convert your type to a vector shape (Type>Convert to Shape) and then extrude it (3D>New 3D Extrusion From Selected Path). 03 Now we will make the type more interesting. 04 I’ve scaled the type with the Scale tool.

Named function expressions demystified Introduction Surprisingly, a topic of named function expressions doesn’t seem to be covered well enough on the web. This is probably why there are so many misconceptions floating around. In a nutshell, named function expressions are useful for one thing only — descriptive function names in debuggers and profilers. I’ll start with a general explanation of what function expressions are how modern debuggers handle them. Function expressions vs. One of the two most common ways to create a function object in ECMAScript is by means of either Function Expression or Function Declaration. We can see that when identifier is omitted, that “something” can only be an expression. A somewhat less obvious example of function expression is the one where function is wrapped with parenthesis — (function foo(){}). To demonstrate with examples: You might also recall that when evaluating JSON with eval, the string is usually wrapped with parenthesis — eval('(' + json + ')'). Function statements JScript bugs