Smashing Magazine Graphics

JULY 26, 2021

import React from 'react'; const ThreeSphere = () => { return ( <mesh> <sphereGeometry args={[100, 32, 32]} /> <meshBasicMaterial color="#f7f7f7" transparent={true} opacity={0.6} /> </mesh> ); }; export default ThreeSphere; If the syntax above looks a little different to that of the Three.js

Coding 129

Coding Client Vectors Color 129

Tuts Plus

JANUARY 29, 2020

Set the Foreground Color to #000000 and pick the Brush Tool. Step 3 Return to the Man Portrait layer and add a Stroke layer style of 4 px , Position center, Color #000000. Pick the Brush Tool and use the Grunge Brush to paint inside the Hue/Saturation Mask using the color #000000 to reveal the original color below.

Photoshop 98

Photoshop Adobe Color Fonts 98

Purple Rose Graphics

AUGUST 17, 2020

A Duotone is an image that lays one contrasting color over another to bring out the highlights of an image for effect. Until recently this has been a very popular trend and uses a color scheme of only two contrasting colors. A hexadecimal code is made up of letters and numbers representing a specific color.

Coding 40

Coding Color Schemes Print Color 40

Vectips

JANUARY 28, 2021

Start working on the actual icon by creating the main shape for the background, using a 56 x 56 px circle, which we will color using black ( #000000 ), and then position to the center of the frame using the Align horizontal centers ( Alt-H ) and Align vertical centers ( Alt-V ) options.

Vectors 52

Vectors Color Programming Production 52

Smashing Magazine Graphics

OCTOBER 5, 2017

And there’s a beautiful “panda style”: a light-colored dial with three black subdials. Color steps can be added by clicking on the gradient line directly on the shape. For the color, use #545454 , and turn off the borders. Let’s add a light Inner Shadows effect with the following properties: Color : #FFFFFF.

Vectors 68

Vectors Color Fonts Textures 68

Canva

DECEMBER 15, 2019

When it comes to crafting a visual identity for a brand, the color scheme is often the first decision a designer makes. But making that first decision on color helps build the momentum needed to avoid designer’s block and just get started! Read on for trending color combinations for 2020 you can make your own in Canva today.

Color 197

Color Templates Color Schemes Arts and Crafts 197

Tuts Plus

OCTOBER 14, 2019

Create the main shape for the background using a 400 x 400 px square, which we will color using #78B9FF and then center align to the first Artboard using the Align panel’s Horizontal and Vertical Align Center options. for the Vertical one.

Patterns 75

Patterns Adobe Illustration Illustrator 75

Envato Tuts+

JUNE 16, 2020

Set the color for the two color stops to white , and set the left opacity stop to 100% and the right to 0%. Step 2 Set the foreground color to blue (any color different from black is good). Here you need to set up seven color stops as follows: 1# color stop: Color #bdbbb6 , Location 0%.

Photoshop 98

Photoshop Adobe Textures Templates 98

UX Collective

OCTOBER 26, 2023

Match the Frame background color to the theme you prefer I use #FFFFFF for light and #1E1E1E for dark 3. I also swap the brand color on the <hr> 4. Watch me create this component in the video, starting at the 24:41 timestamp.) <logo> Your logo in a color that’s low contrast to the background.

Theme 94

Theme Color Publishing Publishing 94

Vectips

FEBRUARY 9, 2021

Start working on the actual icon by creating the main shape for the background, using a 56 x 56 px square, which we will color using black ( #000000 ), and then position to the center of the frame using the Align horizontal centers ( Alt-H ) and Align vertical centers ( Alt-V ) options.

Vectors 52

Vectors Color Programming 52

Vectips

FEBRUARY 4, 2021

Start working on the actual icon by creating the main shape for the background, using a 56 x 56 px square, which we will color using black ( #000000 ), and then position to the center of the frame, making sure to adjust its Corner radius to 20 px afterwards from within the Design panel.

Programming 52

Programming Color 52

Graphic Design Junction

OCTOBER 14, 2022

Dual-tone Outline Icons: Dual-tone icons are created by using two separate colors on the stroke of the icon. Styles: Although there are many distinct icon styles, outline (which can also be broken down into light, regular, and bold), fill, and color are the most widely used. Icons can also come in many different styles.

Internet and Software Development 129

Internet and Software Development Vectors Color Programming 129

Tuts Plus

MARCH 17, 2020

What You'll Be Creating In this tutorial, we're going to create some really sharp-looking glow effects using a combination of layer styles, the Pen Tool, and Color Blending. This one is pretty harsh and goes from a reddish brown color to black. Here are the exact color codes: Foreground color: #922f00. Set it to 20.

Photoshop 98

Photoshop Color Adobe Marketing 98

UX Collective

JULY 27, 2021

Each particle has a x position, y position, x velocity, y velocity, and color. getRandomArbitrary(min, max) { return Math.random() * (max - min) + min } We can then animate these particles using the requestAnimationFrame method so they appear to fall down the screen.

Animation 104

Animation Templates Layout Marketing 104