Today I'm going to show you the #banner design for the website in #AdobeIllustrator
Please click on Subscribe, Like, and Share my content. I will commit to producing more learning techniques and my vlogs.
Find me in social networks:
►Facebook: https://web.facebook.com/lonboreyOfficial/
►Twitter: https://www.linkedin.com/in/lonborey/
►LinkedIn: https://twitter.com/lon_borey/
►Instagram: https://www.instagram.com/lonborey/
►Website: https://www.ultra168.blogspot.com/
Stay in touch with us by subscribing and clicking on the bell icon to get more latest videos. Thank you for watching!
How to create Text Bound Effect in Adobe After Effect
Hey everyone! today I will show the text bound effect like this.
Before starting, please subscribe to my channel.
You can download this Ae file at the link in the descriptions below.
Create a new composition and name it 'Text Bound Effect', you can you any name you want.
Set preset to 1920 pixels by 1080 pixels with the 30 frame per second and set during to 5 seconds then click OK.
Select Text Tool and type the word you want, in these tutorials I you mine.
Align the text to the center of the composition.
Select the Text layer and expand it and select Add Animate icon then select Position.
Remove the Range Select 1 as we don't need it in this tutorial.
Select Animator 1 then select Add and choose Selector then select Wiggly. Add one more property by clicking Add icon and selecting Position. On position, go to the first frame and add value 800 to it and add keyframe then move to 2 seconds and change the value to 0.
Go to Wiggly Selector 1 and add the keyframe to Max amount and Min Amount at the starting frame. Then go to 2 seconds and put change its value to 0. Change the Wiggly Second to 3. Select all keyframes and add easy ease to it.
Perfect! Now let's add effect to it. Go to Effect and Presets and search for Echo Effect. Then apply it to the text layer. Change Echo value to 0.001 and Number of Echoes to 50.
Now add another effect, go to Effects and Presets, search Fill Effect, and apply it to the layer. You can use any color you want. Good!, now add one more effect. Go to Effect and Presets again and search CC Composite Effect and apply it to the layer. It looks good to me.
To make it more beautiful, let's add one more effect. Go to effects and presets and search Simple Choker effect and apply it. Set Choke Matte to 0.50. Great!
Now let's duplicate the text layer by pressing control + D and changing the fill color you want then move the first layer to 0.50 seconds. It looks good to me.
Select all layers and create a pre-compose. Create a new composition and name it Final. Set duration to 10 seconds then presses OK.
Go to the Project panel and track Pre-comp to the Final composition and rename it In Effect and duplicate it and rename it to Out Effect. Move Out the Effect layer to the End of the composition. Right Click on the and select Time then select time reverse layer.
Hey everyone! Today I'm going to show you how to create the lower third like this.
Before starting, please subscribe to my channel. Let's get started…
Open Adobe After Effect and create a new composition and name it 'Main Comp' and set the custom preset to 1920 pixels by 1080 pixels and 60 frames per second.
Set duration to 5 seconds and click OK.
I going to use the Rectangle tool, select the fill color, set it to the solid color, and filled with white color. Click on Stroke and set it to none.
Draw a rectangle shape like this. Take an angle point to the center of the shape. Align the shape to the center of the composition.
On the shape layer, select contents, select Rectangle 1, and then expend Rectangle Path 1 unlink the size of the shape and resize it to width by 1200 pixels and heigh to 200 pixels.
On transform Rectangle 1, select Skew and put value 35 to it.
Now Rename the shape layer to 'Shape 1'. Duplication the shape layer but press Control + D and select Shape 2 and go to the rectangle tool to change the color to red color. You can pick up any color which you want.
Expand shape 2, expand Rectangle 1, expand rectangle path 1, and set width value to 250 and high to 200.
Select shape 2 and press S to change the scale of the shape and Set the value to 115.
Now import the social media logo, in this tutorial I will use the YouTube logo. After import select and create a new composition and resize it to fit the composition.
Right-click on the YouTube logo and rename it to 'logo'.
Click on the main composition and track logo composition to the main composition. Press S on the keyboard to change the size fit to shape 2.
It looks good to me. Let's animate the logo by pressing R on the keyboard to set rotation on the logo. Set the keyframe to 1 second and press the stopwatch icon on scale and Rotation.
Go to the starting point of the frame and set the value to scale to 0 and rotation to -100. It looks good to me. Select all keyframes and right-click and select keyframe assistant and select easy ease.
It now looks like smooth animation.
Next, select both shape 2 layer and logo layer and pre-compose and name it to logo animation.
Let's move the time selector to 1 second and select the logo animation layer and press P for the position.
Move the logo layer to the right and create a keyframe. Move to 3 seconds and create another keyframe and set the value to 540.
Great!
Now let's animate the rectangle as well. Open shape 1 and open rectangle 1 and on transform rectangle 1 select Scale and unlink its value. Move the angle point to the center right of the shape and set a keyframe on it. Select it and change it to easy ease. It looks good to me.
I going to use stroke animation by duplicating the shape 1. Select the shape 1 and rename it to stroke. Press U on the keyboard and delete the keyframe on it.
Add new Trim Paths to it. Select Trim Paths and select stroke shape and click on the isolated icon. Select Rectangle Tool and select fill and set it to none.
On Stroke set the color to white and the value to 2.
On trim paths, set the End value to 55 and offset to -5. Let's animate it.
Go to 4 seconds and a half, and create a keyframe on the end value. Move to 1 second and set the End value to 0. Select all keyframes and put easy ease.
All right, let's un-show the isolate icon and move to below the shape later.
Next, let's put the text to it. Select the text tool and apply it. You can use any font you want.
Find me in social networks:
►Facebook: https://web.facebook.com/lonboreyOfficial/
►Twitter: https://www.linkedin.com/in/lonborey/
►LinkedIn: https://twitter.com/lon_borey/
►Instagram: https://www.instagram.com/lonborey/
►Website: https://www.ultra168.blogspot.com/
Stay in touch with us by subscribe and click on the bell icon to get more latest video. Thank you for watching!
Hello, today I love to show you #How_to_Reset_Screenshot_index on
Windows 10. When you take a screenshot in your PC by using Windows icon +
PrtSC, you will get a screenshot in picture and it will create index
number from 1 continually. But if you want to reset that index to number
0 or number 1, let follow my video.
1- Go to RUN and type regedit
Go to this address:
HKEY_CURRENT_USER\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer
3- Double click on ScreenshotIndex and change the index number
Done
Your address is very import for your customer finding or explore your product. You can now create your own business address on Google Maps by follow the easy steps to set it.
To get your address on Google Maps follow the step below:
Register account with Google Local guild. Please go to this link https://maps.google.com/localguides/
Go to Google Maps and login with local guild account
Right click on any location (your address) on Maps and select add mission place
By supporting me, please click on Subscribe, Like, and Share my contents. I will commit to producing more learning techniques or computer and programming languages.
Now you can enjoy some fun videos and knowledge about technology and computer sciences.
WinRAR is the popular software for zips any files together and set password protect the files. In this tutorial you will know about how to install and use WinRAR for full and lifetime.
By supporting me, please click on Subscribe, Like and Share my contents. I will commit to producing more learning techniques or computer and programming languages.
Now you can enjoy some fun videos and knowledge about technology and computer sciences.
By supporting me, please click on Subscribe, Like and Share my contents. I will commit to producing more learning techniques or computer and programming languages.
Now you can enjoy some fun videos and knowledge about technology and computer sciences.
Instructions: ============= 1. Close Wondershare Filmora9 2. Run Fixer As Administrator 3. Select Preferred Option By Typing The Number That Corresponds To The Given Command. 4. Follow Instructions Given On The Command Window. 5. Done!
License Activator: ================== Direct Activation. No need to re-insert License Code. Note: Activation success rate may differ depending on Filmora version. If the first activation process fails, just re-activate it again. It will try to change and replace old activation files to activate Filmora9. (Up to 9 Activation Patterns Available)
Registration Fixer: =================== For those who successfully activated Filmora9 by inserting registration keys manually and encounters the popup warning of registration security issue on every start of the program (See Screenshot-A), then use this option. It will try to fix and remove registration traces. Note: This tool may not work in latest version of Filmora starting from v9.4.6 and above.
Default Effects Configuration Fixer: ==================================== Fix and Restore default effects configuration file to original state. This can help to solve the missing of effects after applying other repacked effects pack from different sources. Note: Open Filmora9 application after using this fixer to update the fixed file to the latest version (It will be save as temporary file). Close it and Re-Open Filmora9 to automatically apply. Warning: This may remove non-default effects pack installed on the default effects directory.
(Hypertext Markup Language) uses a markup system composed of elements which represent specific
content. Markup means that with HTML you declare what is presented to a viewer, not how it is presented. Visual
representations are defined by Cascading Style Sheets (CSS) and realized by browsers. Still existing elements that
allow for such, like e.g. font, "are entirely obsolete, and must not be used by authors"[1].
HTML is sometimes called a programming language but it has no logic, so is a markup language. HTML tags
provide semantic meaning and machine-readability to the content in the page. An element usually consists of an opening tag (<element_name>), a closing tag (</element_name>), which contain the element's name surrounded by angle brackets, and the content in between: <element_name>...content...</element_name> There are some HTML elements that don't have a closing tag or any contents. These are called void elements. Void elements include <img>, <meta>, <link> and <input>. Element names can be thought of as descriptive keywords for the content they contain, such as video, audio, table, footer.
A HTML page may consist of potentially hundreds of elements which are then read by a web browser, interpreted
and rendered into human readable or audible content on the screen. For this document it is important to note the difference between elements and tags: Elements: video, audio, table, footer Tags: <video>, <audio>, <table>, <footer>, </html>, </body>
Element insight
The <p> tag represents a common paragraph. Elements commonly have an opening tag and a closing tag. The opening tag contains the element's name in angle GoalKicker.com – HTML5 Notes for Professionals 3 brackets (<p>). The closing tag is identical to the opening tag with the addition of a forward slash (/) between the opening bracket and the element's name (</p>). Content can then go between these two tags: <p>This is a simple paragraph.</p>.
You can download the example code files for this course from your account at http://www.packtpub.com.
If you purchased this course elsewhere, you can visit http://www.packtpub.com/support and register to have the files e-mailed directly to you.
You can download the code files by following these steps: 1. Log in or register to our website using your e-mail address and password. 2. Hover the mouse pointer on the SUPPORT tab at the top. 3. Click on Code Downloads & Errata. 4. Enter the name of the course in the Search box. 5. Select the course for which you're looking to download the code files. 6. Choose from the drop-down menu where you purchased this course from. 7. Click on Code Download.
You can also download the code files by clicking on the Code Files button on the course's webpage at the Packt Publishing website. This page can be accessed by entering the course's name in the Search box.
Please note that you need to be logged in to your Packt account. Once the file is downloaded, please make sure that you unzip or extract the folder using the latest version of: - WinRAR / 7-Zip for Windows - Zipeg / iZip / UnRarX for Mac - 7-Zip / PeaZip for Linux
Bootstrap 4 - Responsive Web Design: Learning Path A step-by-step practical course enabling you to nail Bootstrap and make your web designs responsive. Chapter #1. Getting Started With the advent and increase in popularity of the mobile web, developers have had to adapt themselves to handling new challenges, such as different layouts indifferent resolutions, the new user experience paradigm, and optimization for low-bandwidth connection. While facing this, there were also a lot of old problems related to browser compatibility and lack of patterns in the community. This was the outline scenario when the Bootstrap framework arrived. Developed by Twitter, the main goal of Bootstrap is to provide a web fronted framework for responsive developing with cross-browser compatibility. It is awesome! Developer fell in love with it and started to adopt it right away. Therefore, to cover this book's objective of presenting the Bootstrap framework to build responsive, mobile-first websites faster than ever before, we must get started by setting up our work environment in the best recommended way. Thus, the topics that we will cover in this chapter are:
Getting Bootstrap
Setting up Bootstrap in a web page
Building the first Bootstrap example
The container element tag
Support sources
Framework compatibility
Getting Bootstrap There are several versions of the framework, but in this book, we will provide support for the latest Bootstrap 3 version (which is v3.3.5), along with the newest version 4 (which is 4.0.0-alpha). When a feature or component is differently supported by one of these versions, we will point it out properly. First of all, access the official website at http://getbootstrap.com/ and click on the Download Bootstrap button, as shown in the following screenshot:
