รักษ์โลก ลดโลกร้อน

PHP ภาษา ไทย

• Mon, 30 Sep 2019 17:30:09 +0000: PHP Error: The Encrypt library requires the Mcrypt extension - PHP – select2web.com
  ใน PHP บางเวอร์ชั่นที่ดาวน์โหลดมาเขาก็ไม่ได้เปิด extension บางตัวไว้ หรือบางทีก็ไม่แนบมาให้ด้วย เรามาดูวิธีจัดการกับเออเร่อกรณีไม่มี extension ที่ต้องการ
• Mon, 23 Sep 2019 17:30:50 +0000: การลบข้อมูลหลายแถวออกจากดาต้าเบส ด้วย checkbox - PHP – select2web.com
  บทความนี้เขียนขึ้นมาเพื่อบูชาตัวเอง ที่ได้เคยเขียนบทความเรื่องนี้มาแล้วครั้งหนึ่งและบทความนั้นเสียหายไป เลยเขียนขึ้นมาใหม่
• Mon, 04 Jun 2018 04:22:11 +0000: Warning: include(C:/xampp/htdocs/inc/config.php): failed to open stream: No such file or directory in C:\xampp\htdocs\dbsocial\index.php on line 2 - PHP – select2web.com
  พาธผิดแค่นั้น
• Mon, 20 Nov 2017 01:00:25 +0000: OOP ซีรี่ย์ – Abstract classes & methods - PHP – select2web.com
  Abstract class นั้นเป็นคลาสที่ถูกเขียนขึ้นมาด้วยความตั้งใจว่า “เป็นการวางโครงคลาสไว้ให้ก่อน เมื่อจะนำไปใช้ คุณจะต้อง implement มันให้เป็นคลาสเสียก่อน” วิธีการสร้างก็เหมือนการคลาสปกติ เพียงแต่นำหน้าคลาสด้วยคีย์เวิร์ด Abstract ผมเอาตัวอย่างจริงๆของ WooCommerce มาให้ดู เพื่อจะให้เห็นว่าคอนเซ็ปนี้เขาไม่ได้สร้างกันขึ้นมาเล่นๆ View the code on Gist. เวลาจะเอาคลาส WC_CSV_Exporter ไปใช้งาน เราจะต้องทำการ implement มันให้เป็นคลาสเสียก่อน ด้วยคำสั่งนี้        
• Mon, 13 Nov 2017 01:00:31 +0000: OOP ซีรี่ย์ – override properties and methods - PHP – select2web.com
  ในกระบวนการของ OOP นั้นมันยอมให้คลาสลูกที่สืบทอดไปจากคลาสแม่ เขียนทับฟังก์ชั่นของตัวแม่ได้ เหตุผลหนึ่งที่ยอมให้กระทำอย่างนั้นได้ เพราะว่า เผื่อเราต้องการจะเปลี่ยนแปลงการทำงานของฟังก์ชั่นบางฟังก์ชั่น สมมติ เรามีคลาสอยู่ตัวหนึ่งซึ่งเราตั้งใจให้มันเป็นคลาสหลักให้คลาสอื่นๆมา extends ออกไปแล้วเขียนฟังก์ชั่นเพิ่มให้แตกต่างกันไป ทีนี้ระบบมันก็ใช้มาๆ แล้ววันหนึ่งเราต้องการสร้างคลาสตัวหนึ่งที่จะต้อง extends มาจากคลาสหลัก แต่ อยากแก้ไขฟังก์ชั่นที่มีอยู่เดิมให้ทำงานแตกต่างออกไป แบบนี้ทำได้ ดูตัวอย่าง View the code on Gist. ถ้าเราประกาศฟังก์ชั่นด้วยคีย์เวิร์ด public มันจะอนุญาติให้เราเขียนฟังก์ชั่นทับอย่างนี้แหละ  แต่ถ้าเราไม่อยากให้มีการเขียนทับฟังก์ชั่น เราจะต้องใช้คีย์เวิร์ด final วางไว้หน้าฟังก์ชั่น แล้ว PHP มันจะไม่อนุญาติให้เขียนฟังก์ชั่นทับเอง ทีนี้บางคนอาจจะสงสัยว่า ก็เราเขียนเอง ทำไมต้องไฟน่งไฟนอล เอ้าก็ภาษามันไม่ได้ออกแบบมาเพื่อให้คนๆเดียวเขียนเท่านั้น มันอาจจะมีฝ่ายวางแผน ฝ่ายขึ้นโครงคลาส พวกสร้างคลาสให้แล้วคนอื่นเอาไปเขียนต่อ ซึ่งมันจำเป็นต้องป้องกันบางอย่างที่อาจจะก่อให้เกิดบัก ตัวอย่างข้างล่างนี่เออเร่อ เพราะตรงบรรทัดที่ 12 มีการใส่ final ไว้หน้าฟังก์ชั่น getID นั่นหมายความว่า ห้ามใคร implement ฟังก์ชั่นนี้ใหม่ในคลาสลูก View the […]

ภาษา ไทย

WordPress
rssinpage [ rssfeed=’http://www.smashingapps.com/2011/03/18/13-excellent-plugins-to-enhance-the-power-of-wordpress-admin-section.html/feed’]

הדרכות
Html -CSS

• Fri, 30 Oct 2020 12:58:22 +0000: How to Improve your Website’s Speed - noupe
  If you’re wondering why your website conversion rate is painfully low after investing a lot of time (and money) into it, then you probably haven’t considered its page speed. Did you know that a whopping 1% of a business’s revenue is lost for every second a page takes to load? With statistics like that, there’s...
  
• Wed, 28 Oct 2020 09:01:11 +0000: What Makes A Great Long-Term Home Business? - noupe
  2020 has introduced many of us to the idea of working from home.  While it’s absolutely not for everyone, this extended period of remote working has got the gears turning in some people’s heads. They’re considering doing this full time, or perhaps even starting their own business they can run from home.  Home businesses are...
  
• Wed, 28 Oct 2020 08:37:27 +0000: 7 Ways to Dominate Content Marketing with Social Media - noupe
  Every day 45% of the human population is on social media. To put that into perspective, that’s 3.5 billion active users using social media channels. The pandemic is another reason that more people turned to social media with Tik Tok having a great piece of the pie. People spend around 3 hours a day on...
  
• Wed, 28 Oct 2020 07:30:04 +0000: How to Optimize your Higher Education Content Strategy - noupe
  If you work in higher education marketing, you understand just how integral your content strategy is for reaching your target audience. Your content strategy includes any marketing material that you create, including your website, email communications, and more. It’s what promotes your school to prospective students, delivers relevant updates, presents campus opportunities to current students...
  
• Wed, 28 Oct 2020 07:17:22 +0000: 5 Refreshing Mobile app design practices you shouldn’t miss out in 2020 - noupe
  Want to create an amazing yet one-of-a-kind mobile application that grabs users’ attention? If yes, then you’re at the right place to question “HOW.” Discover some refreshing mobile app design practices that will surely help you to reap millions of downloads and skyrocket your sales funnel in 2020 What are the essential mobile app design...
  

• Fri, 30 Oct 2020 16:02:04 +0000: How to Add Headers, Footers, and Page Numbers in Microsoft Word - Envato Tuts+ Tutorials
  

  Sometimes you've got to make longer documents—such as business reports, school papers, and book-length materials. Microsoft Word headers, footers, and page numbers organize the document and make it easier for your readers to navigate. 

  

  Here are a few good reasons to use Microsoft Word headers, footers, and page numbers:

  • Find a page in the document. Imagine trying to find a specific passage in a 250-page document without page numbers! Microsoft Word page numbers update automatically as you add or delete pages. Plus, they’re easy to work with. You've got no excuse for not using this useful feature.
  • Identify what you're reading. Headers and footers also help the reader situate themselves in the document. For example, a glance at the footer can remind them that they’re reading Chapter 16 of The Greatest Novel Ever Written.
  • Brand the document. Branding is another reason to use headers and footers. Add your organization’s name and logo. And, if you export your Word Doc into a PDF, you can even make the headers and footers clickable (or hyperlinked) to your website.

  Insert Microsoft Word headers, footers, and page numbers in your document or start with a Microsoft Word template that includes pre-formatted headers, footers, and page numbers. Envato Elements and GraphicRiver are great sources of templates for Microsoft Word.
  

  In this article, you'll learn how to work with headers, footers, and page numbers in Microsoft Word. So, you and your readers can reap all their benefits. Let's get started!

  Note: I'm on Microsoft Word for Mac version 16.33. The steps may differ slightly depending on what version of Microsoft Word you're using.

  Your Quick Start Guide to Add Headers, Footers and Page Numbers (Video)

  Are you ready to learn more about using headers, footers, and page numbers in Microsoft Word? Watch this quick screencast to learn all about Word headers and footers.

  Or, study the complete written tutorial below.

  Work With Headers and Footers in MS Word

  Adding a Microsoft Word header or footer is quite intuitive. Follow these steps:

  1. How to Insert Headers and Footers

  To add a header, go to Insert > Header. 

  

  Choose the built-in format you want to use from the menu that appears. You've got the option of a blank header, a blank header with three columns, or other built-in styles.

  

  Choose the style you wish to use.

  

  Follow the same steps to add a Microsoft Word footer, but click Insert > Footer instead to get started.

  2. How to Insert Text in a Header or Footer

  Double-click into the header or footer to open it. Replace the placeholder text, if there's one, with your own. Otherwise, type your text.

  

  Then, format header or footer text to make it look the way you want. Select the text, then click on the Home tab. From there, change the font, font size, color, and other settings.

  

  To close the header or footer, under the Header & Footer tab, click the Close Header and Footer button. Or, double-click outside the header or footer.

  

  Note: When the header or footer is closed, it's locked and can't be edited. Double-click on the header or footer section to open the Header & Footer view.

  3. How to Insert the Date or Time in a Header or Footer

  To add a date or time in a header or footer, click Insert > Date & Time. 

  

  The Date and Time dialog opens.

  

  Choose the format you wish you use. Check Update automatically, if you want the date and time to update each time you modify the document.

  

  4. How to Insert a Logo in a Header or Footer

  Aside from text, you can also insert images in a Microsoft Word header or footer. This is a good opportunity for you to brand your document by including your logo.

  To insert a logo, open the header or footer. Double-click at the top (for header) or bottom (for footer) of the document. In this example, I’m adding a logo in the footer.

  Click Insert > Pictures > Photo Browser.

  

  Locate the logo on your computer, select the file, then click Insert.

  

  The logo is now in the footer.

  

  Double-click outside the footer or click on the Close Header and Footer button in the ribbon to close it.

  Work With Microsoft Word Page Numbers

  Page numbers are a common element to include in either the header or footer of your document. To learn how to number pages in Microsoft Word, follow these instructions:

  1. How to Insert Page Numbers to a Header or Footer in Word

  With the header or footer open, click Insert > Page Numbers …. 

  

  The Page Numbers dialog opens:

  

  Select the settings you want to use. Decide on the page number’s position and alignment.

  There’s also a radio button to Show number on first page. By default, this button is unchecked. This means the first page of your document can be its cover, and the page number won’t be displayed on it. If you want the page number to appear on the first page, check this button.

  From here, you can also change the format of the page numbers. With the Header & Footer tab open, click Page Number > Format Page Numbers .... 

  

  This opens the page numbering format box, where you can make other settings: 

  • Number format allows you to choose from Roman numerals or Arabic numerals or letters
  • Include chapter number, if you’ve set up chapters in your document and want to include them in the page numbering, then check this button.
  • Page numbering
  • Continue from previous section continues the page count from the previous page.
  • Start at ___ lets you restart the page count at any number.

  After making your settings, click OK to apply.

  2. How to Make Page Numbering Not Appear on the First Page 

  If you want the first page of your document or section to be the cover page, then you wouldn't want it to have a page number. To hide the page number from the first page of a document or section, do the following:

  Click Insert > Page Numbers ….

  

  The Page Numbers dialog opens. Uncheck the Show number on first page radio button.

  

  Click OK.

  3. How to Number Odd and Even Pages Differently

  By default, headers and footers appear the same way on odd and even pages, like this:

  

  But sometimes, you may want odd and even pages to appear differently. An example is in the case of books or magazines, where you want the page number to be on the outer edge of the spread when the (printed) document is open.

  This is possible in Microsoft Word, where you can format headers, footers, and page numbers differently on odd and even pages.

  To do this, double-click inside the header or footer.  This opens the Header & Footer ribbon. Check the button for Different Odd & Even Pages.

  

  Edit your odd and even headers/footers separately. When you're done, double-click outside the header/footer to close.

  Now, the positions of the logo and page numbers are different for odd and even pages on my document:
  

  

  4. How to Add Different Numbers and Formats to Different Sections

  You can also use different page numbers and formats for different sections of your document. For example, in my document I want the page numbers in the Introduction section to be Roman numerals.

  First, make sure you’ve broken your document into sections. 

  To define a new section, place the cursor where you want a new section to begin. Then, click Insert > Break > Section Break. Choose whether you want the section to begin on the next page, continue on the same page as the previous section, or begin on either an odd or even page.

  

  In this example, I inserted section breaks before and after the Introduction to make it a separate section from the rest of my document.

  To double check if you’ve inserted section breaks where you want them, click on the Show/Hide Paragraph button on the ribbon. This displays how your document into paragraphs as well as sections.

  

  Now, you’re ready to format the page numbers in a specific section.

  Double-click in the footer part of the page to open the Header & Footer view. Click inside the footer you want to format.

  On the Header & Footer ribbon, click Page Number > Format Page Numbers. 

  

  Change the format to the settings you wish to use.
  

  

  Click OK.

  5. How to Control Page Numbers Using Fields
  

  So far, we’ve been using Microsoft Word’s built-in formats for page numbers. For more control over how the page numbers display, use fields. 

  Double-click on the top or bottom of page to open the Header & Footer view. In the header or footer, place the cursor where you want to insert the page number.

  From the Header & Footer ribbon, click on the Field button. 

  

  The Field dialog box opens. To add a page number, scroll down Categories, and select Numbering. Then, under Field names, select Page.

  

  Click Options to change the number formatting. Make the selections you want to use, then click OK.

  6. How to Fix Broken Page Numbers

  Sometimes as the document gets larger and new pages and sections are added, page numbering can break. Below are two common page number errors and how to fix them.

  Example 1: Page number starts over at 1 in the middle of the document

  This can happen when you’ve defined a section, formatted its page number to restart at 1, then inserted a section break again.
  

  Solution:
  

  Examine the section breaks in your document by clicking on the Show/Hide Paragraph button. 

  

  Check how the page numbers are formatted in the section, and make sure to uncheck Start at:___.

  

  Example 2: Word is counting the cover page as page 1

  The first page of the document is usually the cover page as well. Naturally, we don’t want it to be included in the page count. But what if your document does? Here’s one way to fix that. 
  

  Solution:
  

  Insert a section break after the cover: click Insert > Break > Section break. Select one of the options that appear.

  

  Check the button for Different First Page.

  

  On the page where you want the page count to begin, go to Page Number > Format Page Numbers. Check the radio button for Start at:___. Type the page number that you want the page count to begin at.

  

  Work With Templates With Header and Footer Designs for Microsoft Word

  If you’d rather not make any design and formatting decisions, the easiest thing to do is to start with a Microsoft Word template. A good template comes with header, footer, and page numbers all pre-formatted. These will automatically update as you add or remove pages.

  Select a Word template like this e-book template for Microsoft Word that I found in Envato Elements.
  

  

  If you want to edit the header, footer, or page number, click into the header/footer to open it. Make the changes you want to make following the relevant steps above. 

  

  When you’re done, double-click outside the header/footer to close it.

  Work With Other Header Options and Change Designs

  Microsoft Word headers and footers also come with built-in designs for you to choose from.

  To select one, click in the header or footer. Click the Header or Footer button on the ribbon. Scroll down to see all the available options. Choose a design from the selections that appear. 

  

  Note: This will override any header or footer and page number settings you've already made.

  Use Microsoft Word Header, Footer, and Page Numbers to Give Readers a Good Experience

  By following the steps in this article, even beginning users of Microsoft Word can add headers, footers, and page numbers in their documents. Or, if you’d rather not worry about formatting these page elements, use a Microsoft Word template instead of starting from scratch. 
  

  Envato Elements is a wonderful source of professionally designed Microsoft Word templates. Your subscription includes unlimited downloads of everything you need to produce a high-caliber document, from custom fonts to stock photos. 

  To get templates a la carte, then GraphicRiver is another source of great Microsoft Word templates for you to explore.

  Whether creating your own layout or starting with a template, Microsoft Word headers, footers, and page numbers help you provide a better experience for your readers. They’ll be able to more easily navigate the document and find the pages or sections they need.

  You can also make the most of headers and footers to brand the document. Add your logo and organization name, as well as the author’s name, to increase brand recognition and establish your thought leadership.

  What are your tips for using Word in long documents? Leave a comment and let us know.

  
• Fri, 30 Oct 2020 13:00:00 +0000: 20+ Best Coffee Shop & Cafe Logo Brand Designs (Caffeine-Worthy) - Envato Tuts+ Tutorials
  

  For most of us, a coffee shop is not only a place where we go to get our daily dose of caffeine, but also a place where we go when we need a break from our office space yet still want to be productive. 

  Since coffee shops play an important role in our lives, make sure your coffee shop attracts your ideal customers. The right coffee shop logo is an important way to get noticed.

  

  The best way to connect with your ideal customers is through your branding and your logo. 

  Just think of Starbucks—one of the most popular names in the coffee shop industry. They're familiar not only because of their large selection of coffee, but also because of their unique logo. 

  That’s why designing your logo is important. In this post, you’ll learn how to quickly design a beautiful coffee logo, and you'll see a number of the best coffee shop and cafe logo designs from Placeit and Envato Elements.

  Inspiration: 20+ Best Coffee Shop & Cafe Logo Designs to Download in 2021

  When it comes to DIY-ing your coffee logo design, your first stop should be Placeit. Placeit offers dozens of coffee logo templates that you can use to quickly design your coffee brand logo, even if you’re not a designer.

  The templates are easy to customize as all you've got to do is change the fonts and colors, enter your business details, and swap out the icons. Let’s take a look at the best coffee logo designs available on Placeit.                 

  1. Art Gallery Coffee Shop Logo

  

  The first coffee logo on this list features an elegant and minimalist design. The online logo maker offers a variety of badges and icons that you can use to customize the design. This elegant logo is perfect for a high-end coffee shop or an art gallery.

  2. Traditional Coffee Shop Logo Maker

  

  The next logo features a clean and modern design that invites visitors to come in and try a cup of coffee. You can easily customize the colors and fonts, and the template even comes with presets that you can use as a starting point.

  3. Coffee Shop Logo Maker

  

  This modern coffee brand logo is a great choice if you’re looking for a modern style logo. The template uses sans serif typefaces, which are often associated with a modern style, but you can easily change them to your favorite fonts. The template also includes several icons that you can use for your logo.

  4. Coffee Brand Logo Maker With Coffee Beans Line Art

  

  Try this coffee brand logo if you’re using organically grown coffee in your coffee shop. Thanks to the elegant coffee bean line art, you’ll be able to stand out among other coffee shops in the area and attract coffee lovers who appreciate organic coffee.

  5. Classic Coffee Shop Logo Maker

  

  Try this coffee brand logo for your coffee shop if you're looking for a classic design. This logo template features an Italian Moka pot, a very traditional coffee maker, in a badge with warm tones. Edit this logo with your brand name and colors in our online logo maker.

  6. Coffee Shop Logo Maker With Funny Graphics

  

  What’s a better way to create a memorable brand than to use a dose of humor and a unique icon for your logo? This template makes it easy to stand out as it uses an adorable monkey graphic as the icon. However, you can easily change it and customize the colors, as well as playing around with the layout of the elements.

  7. Cafe Logo Maker for Coffee and Tea Designs

  

  This simple coffee shop logo is a great choice if you love minimalist style. The logo uses bright colors, which are perfect for conveying a happy mood and inviting your potential customers to come on in and enjoy their book with a good cup of coffee in hand.

  8. Coffee Shop Logo Maker with Coffee Icons

  

  Consider this logo if you use organic coffee brands in your coffee shop. The logo uses dark tones, which are the perfect representation of coffee and a circular badge. However, you’ll notice that there are a number of different icons and outer badges that you can use to customize how the final logo looks.

  9. Restaurant Logo Maker for Organic Coffee

  

  The Restaurant Logo Maker for Organic Coffee is an elegant coffee brand logo template that makes it easy to quickly create a logo. Try moving the elements around to create a unique layout, or change the colors to reflect your brand. Don’t forget to customize the fonts and enter your coffee brand name instead.

  10. Tea Club Logo Generator

  

  Even though this logo is for an elegant tea club, you can easily adapt it to your coffee shop by editing the text. This coffee logo design is a great choice for any new coffee shop that wants a modern and elegant logo. The template uses a bright pop of red, which makes your logo stand out. You can customize the layout of the elements and customize the fonts and colors to match your brand.

  11. Coffee Mug Logo Template

  

  This cafe logo features a simple yet cheerful design with a cute coffee mug. It’s a great choice if you’re offering coffee in a cozy coffee shop. The logo can be customized with your colors and fonts, and you can manually adjust how the elements are organized.

  12. Cool Coffee Shop Logo Maker With Coffee Grains

  

  This cool coffee house logo is another great choice for any coffee house that wants to stand out by using organic coffee brands. The logo uses a subtle neutral color scheme and elegant typography, which can easily be swapped out for your brand colors and fonts.  

  13. Hipster Coffee Logo Maker

  

  This coffee company logo is the perfect example to show that a coffee logo doesn’t always have to use traditional coffee symbols or colors. You're sure to stand out with this template and its modern colors if you run a coffee shop targeting hipsters and a younger clientele.

  14. Coffee Shop Origami Logo Template

  

  The Coffee Shop Logo Design template features a minimalist design. The template is primarily text-based, but an origami figure takes the center of attention. If you want this design to be even simpler, you can make it larger and reduce the size of the text. Don’t forget to add a pop of color if you’re not a fan of monochrome tones.

  15. Vintage Style Coffee House Logo

  

  If you’re going for a more classic look, consider this coffee company logo that features a vintage-looking badge and nice typography. To make this logo your own, add your brand colors and experiment with different badge shapes.

  16. Logo Maker to Create a Coffee Shop Logo

  

  This coffee brand logo is a great choice if you want a vintage, retro-style logo. The template includes several different icons and you can try different layout suggestions to create a truly unique logo. You can also see how the logo would look on different branding assets such as shirts, posters, and more.

  17. Coffee Brand Logo Maker

  

  Another minimalist template, this coffee house logo design would be perfect for any coffee brand that wants a unique yet simple design. The template uses a neutral color scheme and modern fonts, which makes it easy to customize with your brand colors and fonts.

  18. Colombian Coffee Brand Logo Template

  

  Consider this coffee shop logo if you’re running a coffee shop where your customers can buy unique coffee, like Colombian coffee. The template uses adorable icons that you can easily customize, and the fonts are perfect for any coffee company logo that wants to attract an audience.

  19. English Tea Store Logo Template

  

  If you run a fancy tea shop, give this logo template a try. It’s a great choice for a coffee shop or tea shop in a modern, urban setting, thanks to its Art Nouveau inspired design. You can customize the colors, fonts, and background color.

  20. Tea Shop Logo Maker

  

  Don’t be fooled by this logo template name—even though it says it’s for tea shops, the template can easily be customized for a coffee shop logo. All you've got to do is change the icons and customize the colors to reflect your brand.

  21. Pretty Tea Shop Logo Template

  

  This is another great example of a beautifully designed logo template that’s versatile enough to be used for several industries. Customize this template by adding your coffee brand name and then omit the icon to remove tea references. You can also use a background pattern to make your logo stand out more.

  5 Quick Tips to Create a Cool Coffee Shop Logo

  Creating a logo for your coffee shop can be expensive if you decide to hire a pro because you don’t have any design skills. If you’re just starting out, hiring a professional designer might not be in the budget. However, the good news is that you can quickly design your coffee company logo thanks to marketplaces like Placeit.

  

  Placeit offers an easy to use online logo generator that you can use to create your cool coffee shop logo. It offers dozens of various logo templates, and we’ll show you how you can use it to make a great coffee brand logo.

  1. Name Your Coffee Shop

  The first step in your logo design is to decide what the name of your coffee shop will be, as well as whether you want to use a text-based logo or a logo that uses a combination of text and icons. This will make it easier to choose a logo template from Placeit to customize.

  2. Create a Free Account

  Create a free account on Placeit, and then click on Logos in the menu, enter your coffee shop name, and be sure to choose Coffee Shop industry from the drop-down menu.

  When the logos load, you can go through the selection and find a logo template that you like best. 

  3. Choose a Text-Based Logo 

  Don’t forget to choose a text-based logo if you don’t want any icons. Alternatively, choose a logo that uses both if you opted for a more complex logo style.

  4. Customize the Coffee Shop Logo Template

  Now it’s time to customize the template. First, consider your brand colors and how you want to use them in the logo. 

  

  For example, you can use a lighter color for the background and a darker color for the text with an accent color for the icon. If you want your logo to appear more elegant, consider using serif fonts. If you’re going for a more contemporary look, consider using sans-serif fonts.

  In this example, I've exchanged the default image for a scoop of coffee beans to make this more of a coffee bean logo.

  5. Refine Your Coffee Logo Design

  Continue tweaking the logo design until you’re happy with it and you feel that it captures your brand look and feel perfectly. 

  Once you’re happy, you can download the logo for a small fee by hitting the Download button.

  Find More Cool Coffee Company Logos on Envato Elements

  If you can’t find what you’re looking for on Placeit, consider searching for the perfect coffee shop logo on Envato Elements. Envato Elements has hundreds of coffee shop logos in a variety of styles. What makes Envato Elements different from Placeit is that Envato Elements offers other design assets such as fonts and icons, which you can use in your coffee logo design.

  Coffee Shop Logo Template is a great choice if you’re looking for a retro style logo with a vintage feel. The template comes in Illustrator and Photoshop file format, so you can easily edit it and customize it to fit your needs.

  

  Another great example of a coffee shop logo template from Envato Elements is this awesome Coffee Shop Logo collection. It includes a set of eight different logos that can be customized to match your coffee shop brand.

  

  You can download as many coffee logos as you want and experiment with the design until you find the perfect logo for your coffee shop.

  Discover More Design Inspiration
  

  After browsing through our selection of the coolest coffee logo templates from Placeit, our online logo maker, and some fun coffee logo designs from Envato Elements, you must be looking for more design inspiration about brand and logo creation. Let me share some cool resources with you:

  • 
    Branding
    How to Create Your Own Brand Guidelines
    Grace Fussell
  • 
    Logo Design
    3 Essential Logo Design Courses
    Andrew Blackman
  • 
    Logo Design
    How to Make Your Own Logo Design (Do It Yourself Guide)
    Nona Blackman
  • 
    Logo Design
    10 Best Logo Colour Schemes & Combinations (With Examples)
    Nona Blackman
  • 
    Logo Mockups
    42 Best Logo Mockups (3D, Vector, and PSD)
    Nona Blackman
  • 
    Fonts
    39 Best Fonts for Making Monograms & Logo Designs in 2020
    Melody Nieves
  • 
    Logo Design
    Typography in Action: Design Simple & Effective Type Logos
    Grace Fussell
  • 
    Fonts
    How to Choose the Right Font for Your Brand
    Laura Keung
  • 
    Product Mockup
    26 Best Coffee Mug Mockups (Using a Mug Mockup Generator)
    Nona Blackman

  Design a Cool Coffee Brand Logo With Placeit

  Designing your own cool coffee brand logo isn't difficult when you've got tools like Placeit available online. 

  You can easily design a coffee shop logo even if you’re not a designer, thanks to the dozens of easy-to-use coffee logo templates on Placeit. If you need even more inspiration, don’t forget to check out our cool coffee shop logo collection on Envato Elements.

  
• Fri, 30 Oct 2020 12:22:48 +0000: How to Quickly Make Great Annual Report PDF Designs With InDesign - Envato Tuts+ Tutorials
  

  Looking for the perfect annual report design—or curious about how to create an annual report in InDesign? Report templates can help.

  

  In this article, we'll look at what makes a good annual report design, explain how to design the perfect InDesign report layout, and provide other design tips.
  

  Whether you're an absolute beginner or an experienced designer, you've got plenty of options when it comes to annual report design. Let's dig right in.

  How to Make an Annual Report Design
  

  

  So, you've been tasked with the following: how to create an annual report in InDesign. This might seem like a large, daunting question, especially if your background isn't in graphic design or print design. 

  Here are two steps to get you started on your annual report design quickly:

  Step 1. Plan Your Annual Report

  Let's start at the beginning. Think about the purpose of your annual report:

  • Gather your information. An annual report is meant to share information about your business and its performance, over the past year. Collect all the information you need to share in advance.
  • Consider your branding. Your annual report should be a visual extension of your brand. This is more than your logo. Think about colors, fonts, and other visual qualities that are a consistent part of your business and its identity.
  • Plan your delivery. How will you deliver your annual report to shareholders, partners, and other interested parties? Print copies will have costs, so make sure to research and plan for this investment. Digital is an option to consider too. But you'll still need a way to conveniently distribute your content. Will you try an annual report pdf? 

  The planning stages are a crucial part of good annual report design. This will also help you avoid revisions and misdirection when you start to make design decisions. Consider taking a look at some of the best annual reports graphic design pdf files out there for inspiration. Check out what your industry, peers, and competition are doing.

  Step 2. Consider a Template

  You'll also want to consider your software fluency and design experience. Since you're here, you've likely decided to take on your annual report InDesign project yourself—and that's awesome. 

  But this also means a time investment. Will you begin your annual report design from scratch? Or will you use an InDesign report template to help jumpstart your process and save some time? Don't let a template deter you—you can create some really amazing, fully custom, beautiful things with the help of a template to get you started. You can often find annual report design samples pdf documents on official business or organization websites.

  

  This can be especially useful if you're a beginner or you don't necessarily know what direction you'd like to visually pursue. A template can give you that foundation that you can develop into something entirely new. 

  Or, if you're short on time, use an InDesign report template to complete your annual report design both quickly and efficiently. 

  Which option is best for you, your project, and your time frame?

  • Create an Annual Report Design from scratch. This is the largest time commitment, but it's low cost if you've got the skill set and the resources. Do some visual research to help you flesh out what direction you'd like to go in. It's a good idea, too, to consider your target audience and the best way to appeal to them, too.
  • Use an InDesign Report Template to create a Custom Design. This is a great way to jump right into your design running. Templates can be a huge time saver, and they can often be used more than once too. With the ground work set, adjust until you've got the perfect design.
  • Use an Annual Report Design Template to finish your project. If you've got a plan and you've got your content ready, an InDesign report template could completely finish the job for you. Insert your content, make some adjustments, and you're done. It can really be that simple. 

  

  Regardless of which option you prefer, we'll look at some designs and techniques to help you with your project, in this article. If you're opting to design from scratch, we'll look at some noteworthy designs, as well as methods to customize and publish in Adobe InDesign. If a template sounds perfect for you, download any of the examples we'll look at and jump right in.

  Find the Perfect Annual Report Template on Envato Elements

  Finding the perfect assets, whether you're looking for an InDesign report design, stock photos, graphics, or fonts, can be tough. Not only that, it can be expensive. 

  This is why it's a great idea to check out Envato Elements, especially if you like the idea of trying out a whole library of annual report designs without worrying about the price tag. There are over a thousand annual report designs to choose from. Download anything you like from this library, all with one low fee. 

  

  From annual report design samples pdf files to annual report cover design, there's a lot to see. 
  

  And it's not just about access to a huge collection of annual report InDesign templates. Your annual report might need professional photographs. You might want to try a new font or work in some infographics. With Envato Elements, all that's included. You get an entire collection of professional assets, add-ons, and more. It's an amazing deal. 

  Here's a preview of some of the beautiful Adobe InDesign annual report templates you can download right now:  

  1. Premium InDesign Annual Report Design Template

  

  Choose from 16 beautifully designed pages in this InDesign report layout collection. Add your images, text, and branding to make this design your own. Or completely mix up layout elements, swap pages, and more. There's plenty of possibilities here. 

  2. Colorful Adobe InDesign Report Design Template

  

  If you're looking for a more colorful approach, check out a design like this one. Remember, these files can be completely customized. When looking for annual report cover page design templates, free download files might be tempting. But they aren't going to come with this many options and documentation to help you out.

  3. Adobe InDesign Annual Report Templates Design

  

  This template is print ready and has 14 different pages to choose from. It's also a great choice if you're looking for an annual report pdf too. Remember, you can duplicate these pages, move them, and customize them any way you like. 

  Find Even More Annual Report Templates on GraphicRiver

  You can also find a wealth of content over on GraphicRiver. It's a great alternative choice, if you'd prefer a pay as you go, single download option for Adobe InDesign annual report templates.

  

  If you're not necessarily looking for a library of professional assets, give GraphicRiver a look. It's simple and easy to find the perfect annual report design and download it—no extras, no hassle. 

  How to Work With Annual Report Design
  

  Now, let's jump into Adobe InDesign. If you're really new to Adobe InDesign, and you're not comfortable yet with the basics—like opening files and placing images—we've still got you covered. 

  Check out this 100% free course, from Envato Tuts+: Adobe InDesign for Beginners. This is a great place to start if you aren't sure of basic InDesign techniques, yet.

  But if you're familiar and comfortable with InDesign, let's dig right into an annual report design. We'll use this template, below, as a starting point in this walkthrough. The concepts will transfer whether you're building a design from scratch or using another template. Feel free to download it and work along if you'd like to.

  

  Let's start customizing:

  1. Your InDesign Document

  For this example, we'll work at US Letter size (11 x 8.5 inches, 27.94 x 21.59 centimeters) with a 0.125 inch (0.3175 centimeter) Bleed. You don't necessarily have to work at this size if you prefer. If you opt to work at a different size, your results may vary.

  If you do opt to work with a template, keep the following file types in mind:

  • INDD files are an InDesign Document File. This is typically the file you'll want to work with if you're using the most recent version of Adobe InDesign.
  • IDML files are an InDesign Markup Language File. This file is a strong choice if you're using an older version of InDesign. You can also use this file type in newer versions of Affinity Publisher.
  • INDT files are an InDesign Template File. Use this file if you'd like to start a new document, based on the template design. This is convenient, if you'd like to preserve the original INDD and avoid the risk of overwriting it.

  Choose the file type that is best for your project. 

  

  2. Effectively Use the Pages Panel

  The Pages Panel is one of the most essential parts of working with a multi-page document in Adobe InDesign. To open it up, go to Window > Pages.

  From this panel, we can easily jump to different pages in our document. Simply click on any of the page thumbnails within the Pages panel, to jump to a new page or spread in your main workspace. 

  Right click on any page to Move, Delete, or Duplicate it. 

  You can also create a New Page by clicking on the plus sign icon, at the bottom of the Pages panel.

  The Trash Can icon, down beside it, is an alternative, quick way to delete pages.

  

  3. Annual Report Cover Design

  Let's start with our Annual Report cover design. To zoom in, use the Zoom tool in your Tools panel. 

  Or press Ctrl on PC or Command on a Mac and + to easily zoom in. The - key will then zoom out.

  So, what makes a good annual report cover design? It should look great, but it needs to work great too. This means:

  • Your cover should be eye catching. We can achieve this with color, graphics, and interesting layout choices. 
  • Your cover needs to be easy to understand. If the cover looks beautiful but the reader can't figure out what's going on, the design won't be successful. Strong organization and hierarchy can help insure that the reader will have a clear, legible experience.
  • Your cover should include all necessary essentials. It's important to understand what content needs to be present here. For example, you need your title, and it's good to have other key content, like the applicable years and your business name. But this might not necessarily be the place for large paragraphs. Save that for the inside. 

  

  4. Working With and Editing Text in Adobe InDesign

  We can easily edit text in Adobe InDesign using the Type tool, in the Tools panel. 

  Select the Type tool and then click on any existing text in your InDesign report layout. Now, edit the text as you would in most word processing software.

  Notice that the text is held within a box. This is a rectangular frame, or a text box, that "holds" your text. If you resize the box, the area that the text can fill will change. 

  If you want to add new text to your layout, select the Type tool. Then, click and drag to create a new text box. Then add your text to this new space.

  

  5. Changing Colors and Working With Color

  Next, let's experiment with different colors. At the bottom of your Tools panel, you can find the Stroke color and the Fill color.

  • The Stroke color is applied outside of your content or rectangular frame. Think of the Stroke like an outline or border.
  • The Fill color is applied inside of your content or rectangular frame.

  So, let's test this out by changing the color of one of our shapes in our layout.

  Select the shape with the Selection tool, in the Tools panel.

  Then, click on the Fill color. This will open up the color picker for you.

  Choose a new color of your choice. Then click OK.

  Now, the new fill color has been applied to this shape. 

  

  6. What Makes an Effective Two Page Spread?

  A two page spread is two pages, in a multi-page document, that visually work together. Most of us have seen this in magazines and other publications. 

  Check out this sample InDesign report layout design. The two pages are different but notice how they're designed in a way that complements each other. Some design elements stretch from one side of the page to the other, too.

  

  7. Supplemental Elements in Your Layout

  Design isn't all about beautiful, eye catching elements. Sometimes, it's very much about strategic supplements too. For example, think about page numbers. They don't tend to be as bold or eye catching as something like the title. Still, they're an important way finding tool in your annual report design.

  This is why it's important that page numbers are consistent. If the page numbers are in a different place on each page it becomes difficult to easily flip to different parts of the document. That consistency also means that they serve a supplemental role in the design—they're more ambient, and that's a good thing.

  

  8. How to Create Emphasis (and Why You Should)

  Emphasis us the opposite of supplemental. This is a part of your design that commands attention. Think of it like the star of the show. 

  Remember our page numbers? Repetitive, similar content will serve to be supplemental. Varied content stands out. This is why a large headline grabs our attention a lot quicker than the body copy, which tends to be much smaller and longer. If your headline or title was small and in the same text box as your body copy, the reader might miss it all together. Why? It would look too much like the body copy.

  Use things like Scale (size) and Contrast (light and dark) to help create emphasis. Look at the headline on this example page. See how it stands out way more than the footer content and page number?

  Notice how "Productivity Values" stands out more than "Insights". This is contrast in action. 

  

  9. Adding Images in Your Layout

  Images can prove to be very communicative. Incorporating them into your layout can be a great way to further your message and connect with your audience.

  In this example annual report design, there are image placeholders. Let's add new images to the layout.

  First, using the Selection tool, select the placeholder or any existing rectangular frame where you'd like to insert an image.

  Then, go to File > Place. Navigate to the image you'd like to place on your computer. Select it and click OK. I'm using this stock photograph from Envato Elements..

  InDesign will then insert the image for you. 

  

  10. Customizing Images in Your Layout

  Your imported images might not be positioned the way you like. Right click on the image and select Fitting to choose from several options, such as:

  • Fill Frame Proportionately. This will fill the rectangular frame with your image while maintaining the image's proportions. Part of the image may be cropped to accommodate the space properly.
  • Fit Content Proportionately. This will resize the image so it fits the frame. But it may not necessarily fill the entire frame.

  There are other Fitting options too—experiment with them! You may also want to manually adjust your images. To do so, double click on the image and use the resize handles to manually scale it within the rectangular frame.

  

  11. Saving Your Work

  We've already looked at INDD, IDML, and INDT files. But it's important to understand that those are backend files—not files that you'll likely want to share with your viewers. Think of them like your behind the scenes content. 

  That's why it's so important to save your work as an InDesign file. If you ever want to make edits or adjustments, you'll need this source file. Something like a PDF file or JPG file won't be nearly as easy to work with.

  If you're printing your annual report design, ask your printer about the file types they need. They may require source files or an annual report pdf. 

  Go to File > Save to save your work, as the existing name and file type. If it's untitled, you'll be prompted to name your file. 

  Go to File > Save As if you'd like to save a new file and a new file time. This can be a quick and convenient way to save as IDML or INDT. 

  

  12. Creating an Annual Report PDF

  An annual report pdf can prove to be an essential when it comes to delivering your finalized design as well as for sharing works in progress.

  To export your work as a PDF, go to File > Export.

  Under the Save as File Type drop down menu, choose Adobe PDF (Print). But there are a host of options here, like EPUB, JPG, IDML, and more. 

  Give your file a name and then click Save.

  

  This opens up the Export PDF options. Choose from a large collection of options here, from how many pages you want to export (all of them, specific ones, etc), how you want them exported (spreads or single pages) and more. 

  Browse the options—one of the best ways to get familiar with them is to try them out.

  Click Export once you're ready to export your annual report pdf. You can always export again if you'd like to try out different options.

  

  Looking for Even More Annual Report Design Inspiration?
  

  Want to check out more examples of good annual report design? From excellent annual report cover design to inspiring InDesign report layout pages, there's plenty to see in these collections. We've even got annual report cover page design templates free download listings, if you're looking to download some freebies. Check them out today:

  • 
    Finance
    25+ Best Annual Report Template Designs - With Creative InDesign Layouts (2020)
    Sean Hodge
  • 
    Annual Reports
    20 Best Annual Report Template Designs (For 2020 Financial Year End)
    Daisy Ein
  • 
    Annual Reports
    18 Best Free Annual Report Template Downloads 2020 (Word Designs & More)
    Brenda Barron

  Want to Learn More About InDesign and Annual Reports?

  Or maybe you're looking for more info about the nuts and bolts of annual reports and Adobe InDesign. There's plenty of free content to check out on Envato Tuts+. Learn how to make the best annual reports graphic design pdf, or how to improve your InDesign report design.

  Here's some awesome, free tutorials to check out today:

  • 
    Communication
    What Is an Annual Report? (With Definition & Top 2020 Business Examples)
    Sharon Hurley Hall
  • 
    Annual Reports
    How to Write & Design a Great Annual Report for 2020 (+10 Quick Tips)
    Brenda Barron
  • 
    Adobe InDesign
    9 Top Tips for Making Creative InDesign Templates
    Laura Keung

  Start Your InDesign Report Design Today

  It's a great time to jump right into your annual report design project. Why not get started today? There's so many resources out there that can help you jump right in and get the job done.

  Use a design template to give your process a boost. Remember, there's a huge collection of Adobe InDesign annual report templates on Envato Elements that you can download right now. Not only that, you can choose from hundreds of professional InDesign report layout designs, and they're all included with unlimited downloads. It's fast, simple, and a total bargain.

  Or, if you prefer a single download, check out GraphicRiver. It's got high quality content without access to an entire library of content. It's a great fit if you're only looking to download one annual report InDesign template.

  Good luck with your design project!

  
• Fri, 30 Oct 2020 10:36:42 +0000: How to Install a WordPress Theme - Envato Tuts+ Tutorials
  

  When you set up a new WordPress site, it’s not really yours until you have installed and configured a theme of your own choosing.

  This guide will show you how to install a WordPress theme in three different ways.

  1. How to Add a Theme to WordPress From Repositories

  The people behind WordPress provide an integrated library of themes, typically referred to as the “repositories”, which can be browsed directly with in your site’s admin area.

  To access these themes look in the left admin sidebar, locate the Appearance section, then click the Themes menu item. Once there click the Add New button:

  

  You’ll be shown a gallery of themes you can choose from. Once here you can either browse casually or enter search terms in the field at the top right:

  

  In any self-hosted WordPress site all the themes in this gallery are free, although some may offer paid versions with additional features. If your site is hosted on WordPress.com there may also be some themes available for purchase in this area.

  When you click one of the thumbnails you’ll be taken into the Theme Details view. Here you can read some more information about the theme and see a basic demo:

  

  That said, it‘s generally not a good idea to judge a theme based on this demo as it’s shown on a mostly empty site with little configuration and several features may be missing. If you like the look of a theme in its thumbnail you should visit the developer’s website to look for a proper demo. There will usually be a URL included in the theme’s description text.

  For example, the image below shows the official demo of the theme in the image above. As you can see the two look very different:

  

  Once you decide you like the theme, click the blue Install button found at the top of the sidebar in its details view.

  

  The button will change to read Installing while WordPress downloads the theme:

  

  When the installation is complete the button will read Activate. Click this button to apply the theme to your site:

  

  After activation you’ll be taken back to the themes area, where you’ll see a message that your new theme has been activated, and its thumbnail is now positioned first in line:

  

  2. How to Upload a Theme to WordPress

  If you have a theme from outside the repositories, such as one you purchased from a store or had custom made, you’ll need to know how to upload a theme to WordPress yourself.

  Note: This requires self hosted WordPress on a service such as SiteGround, rather than a site hosted on WordPress.com.

  Go to the themes area just as you would if installing from the repositories:

  

  But instead of looking in the gallery, click the Upload Theme button near the top:

  

  When you purchased your theme you will have been provided with a zip file. This zip file contains all the files that comprise your theme.

  Click the button pictured below to browse for that zip:

  

  After selecting your theme’s zip file, press the Install Now button:

  

  WordPress will automatically handle the installation from here. Once it is complete click the Activate link to apply the theme to your site:

  

  It’s not uncommon for a paid theme to show you a little more information than a free theme immediately after installation. For example, this theme suggests some plugins and provides links to tutorials:

  

  3. How to Install a WordPress Theme Manually

  You don’t necessarily have to go through the admin panel as we have in the first two examples, you can install a WordPress theme manually instead.

  To do this you’ll need an FTP client, or a hosting control panel that gives you a file manager, such as the one that comes with cPanel. Use one of these to connect to your site and view its folder structure.

  From there, first locate the wp-content directory, then within it the themes directory. Every theme installed on your site has its own folder inside this directory. Browse into this directory so you can get your own theme set up here:

  

  If you are using the file manager that comes with cPanel you’ll be able to click the Upload button in its top bar and directly upload your theme’s zip file:

  

  You can then select the uploaded zip file, click Extract in the top bar to unzip it in place:

  

  You’ll then see your theme now has its own folder, with all its files inside:
  

  

  If you are using an FTP client or file manager that doesn’t have the ability to extract a zip file on your hosting server, you’ll need to extract it on your PC then upload the entire directory instead.

  Once you have installed your WordPress theme manually you will see it among your available themes, ready for activation:

  

  4. How to Use WordPress Themes After Install

  There are still a few more things to learn about how to use a WordPress theme after install.

  Almost every theme provides some controls via the WordPress in-built customizer. To access the customizer click the Customize button either in the theme’s thumbnail, or in the admin sidebar:

  

  In the left sidebar of the customizer you will see all the available settings to configure the theme to your liking:

  

  As well as the official theme customizer, in many cases there may also be a custom options page the theme provides. If so there will usually be a dedicated section added to the admin sidebar:

  

  Always look to see if the theme provides documentation that explains what the features are and how to use them.
  

  Wrapping Up

  Some of the most beloved WordPress themes live right here at our Theme Forest marketplace. Check out the current most popular themes!

  And if you want to make multiple sites or be free to try out lots of themes before you stick to one, check out the collection of over 1300 themes at Envato elements.

  Learn More About WordPress Themes

  Take your knowledge of WordPress themes to the next stage with these tutorials:

  • 
    WordPress
    What is a WordPress Child Theme?
    Kezz Bracey
  • 
    WordPress Themes
    What is a WordPress Theme?
    Kezz Bracey
  • 
    WordPress
    Hosting WordPress With SiteGround: Pros and Cons and How To
    Jessica Thornsby
  • 
    WordPress
    How to Unpublish Your WordPress Site
    Adi Purdila
  • 
    WordPress
    How to Make a WordPress Website
    Rachel McCollin

  WordPress Theme Collections on Tuts+

  At Tuts+ we regular publish collections of themes for your WordPress website. Take a look at some of the niches below:

  • 
    WordPress Themes
    25 Best Kindergarten & Preschool Children WordPress Themes for 2020
    Hermione Wright
  • 
    WordPress Themes
    20+ Top Brewery and Winery WordPress Themes (Free & Premium)
    Eric Karkovack
  • 
    WordPress Themes
    25+ Best Chiropractor & Physiotherapy WordPress Themes for 2020
    Hermione Wright
  • 
    WordPress Themes
    25+ Best Premium News WordPress Themes for Modern 2020 Media Sites
    Stelian Subotin
  • 
    WordPress Themes
    10 Awesome Radio Station WordPress Themes to Download in 2020
    Daniel Strongin
  • 
    WordPress Themes
    30 Best Construction Company WordPress Themes for Building Websites (2020)
    Brenda Barron
  • 
    WordPress Themes
    20+ WordPress Themes for Your Coffee Shop Website
    Brenda Barron
  • 
    Finance
    16 Best WordPress Themes for Financial Sites (Free & Premium)
    Aladin Bensassi
  
• Fri, 30 Oct 2020 07:00:36 +0000: How to Create an Architecture Sketch Effect in Adobe Photoshop - Envato Tuts+ Tutorials
  

  

  In this tutorial you will learn how to create an amazing architecture sketch effect. I will explain everything in so much detail that everyone can create it, even those who have just opened Photoshop for the first time. 

  The effect shown above is the one I will show you how to create in this tutorial. If you would like to create the even more advanced sketch with watercolor effects shown below, using just a single click and in only a few minutes, then check out my TechnicalArt 2 Photoshop Action.

  

  Follow along with us over on our Envato Tuts+ YouTube channel:

  What You'll Need

  To recreate the design above, you will need the following resources:

  • Stock Image 
    
  • Font

  1. Let's Get Started

  First, open the photo that you want to work with. To open your photo, go to File > Open, choose your photo, and click Open. Now, before we get started, just check a couple of things:

  1. Your photo should be in RGB Color mode, 8 Bits/Channel. To check this, go to Image > Mode.
  2. For best results, your photo size should be 2000–4000 px wide/high. To check this, go to Image > Image Size.
  3. Your photo should be the Background layer. If it is not, go to Layer > New > Background from Layer.

  

  2. How to Create the Background
  

  Step 1

  In this section, we are going to create the background. Go to Layer > New Fill Layer > Solid Color to create a new solid color fill layer, name it Background color, and choose the color #f0f0f0 as shown below:

  

  Step 2

  Now Right-click on this layer, choose Blending Options, check Gradient Overlay, and use the settings below:

  

  3. How to Create the Main Sketch
  

  Step 1

  In this section we are going to create the main sketch. Select the Background layer and press Control-J on your keyboard to duplicate this layer. Then, drag this layer to the top of the Layers panel.

  

  Step 2

  Now press Control-Shift-U on your keyboard to desaturate this layer. Then, go to Image > Adjustments > Levels and enter the settings below:

  

  Step 3

  Name this layer Temp and press Control-J on your keyboard to duplicate this layer.

  

  Step 4

  Now press Control-I on your keyboard to invert this layer and change the Blending Mode of this layer to Color Dodge. Then, go to Filter > Other > Minimum, and set the Radius to 2 px and Preserve to Squareness as shown below:
  

  

  Step 5

  Control-click on the Temp layer to get both layers selected at the same time. Then, press Control-E on your keyboard to merge these two layers into one layer.

  

  Step 6

  Change the Blending Mode of this layer to Multiply and name it Main Sketch.

  

  4. How to Create the Perspective Sketch

  Step 1

  In this section, we are going to create the perspective sketch. Select the Background layer and press Control-J on your keyboard to duplicate it. Then, drag this layer to the top of the Layers panel.

  

  Step 2

  Now go to Filter > Stylize > Find Edges and then press Control-Shift-U on your keyboard to desaturate this layer.

  

  Step 3

  Go to Filter > Blur > Motion Blur, and set the Angle to 90° and Distance to 1200 px as shown below:
  

  
  

  Step 4

  Now go to Filter > Sharpen > Smart Sharpen and enter the settings below:

  

  Step 5

  Go to Filter > Filter Gallery > Sketch > Photocopy, and set the Detail to 2 and Darkness to 5.

  

  Step 6

  Change the Blending Mode of this layer to Multiply and change the Opacity to 40%. Then, name this layer Perspective_Sketch_1.

  

  Step 7

  Now go to Layer > Layer Mask > Hide All to add a layer mask that hides the whole layer.
  

  

  Step 8

  Set the foreground color to #ffffff, choose the Brush Tool (B), pick a soft brush, and brush where you want to reveal the vertical perspective lines.

  

  Step 9

  Now select the Background layer and press Control-J on your keyboard to duplicate this layer. Then, drag this layer just below the Perspective_Sketch_1 layer in the Layers panel.
  

  

  Step 10

  Go to Filter > Stylize > Find Edges and then press Control-Shift-U on your keyboard to desaturate this layer.

  

  Step 11

  Go to Filter > Blur > Motion Blur, and set the Angle to 0° and Distance to 1200 px as shown below:

  

  Step 12

  Now go to Filter > Sharpen > Smart Sharpen and enter the settings below:

  

  Step 13

  Go to Filter > Filter Gallery > Sketch > Photocopy, and set the Detail to 2 and Darkness to 5.

  

  Step 14

  Change the Blending Mode of this layer to Multiply and change the Opacity to 55%. Then, name this layer Perspective_Sketch_2.

  

  Step 15

  Now go to Layer > Layer Mask > Hide All to add a layer mask that hides the whole layer.
  

  

  Step 16

  Set the foreground color to #ffffff, choose the Brush Tool (B), pick a soft brush, and brush where you want to reveal the horizontal perspective lines.

  

  5. How to Create the Text

  Step 1

  In this section, we are going to create the text. Choose the Horizontal Type Tool (T) and set the font to Hijrnotes, font size to 80 px, alignment to Left, and color to #000000. Then, click anywhere inside the canvas and go to Type > Paste Lorem Ipsum to paste some random text. Feel free to use your own text and font settings.

  

  Step 2

  Double-click on this layer thumbnail to make the text editable and delete some of the text. Then, choose the Move Tool (V) and click and drag anywhere inside the canvas to position the text as shown below:

  

  Step 3

  Now name this layer Text_1. Then, press Control-J on your keyboard to duplicate this layer.

  

  Step 4

  Double-click on this layer thumbnail to make the text editable, press Control-A to select all text, and go to Type > Paste Lorem Ipsum to paste random text. Then, delete some of the text, choose the Move Tool (V), and click and drag anywhere inside the canvas to position the text as shown below:

  

  Step 5

  Name this layer Text_2 and drag it just below the Text_1 layer in the Layers panel. Then, press Control-J on your keyboard to duplicate this layer.

  

  Step 6

  Now Double-click on this layer thumbnail to make the text editable, press Control-A to select all text, and go to Type > Paste Lorem Ipsum to paste random text. Then, delete some of the text, choose the Move Tool (V), and click and drag anywhere inside the canvas to position the text as shown below:

  

  Step 7

  Press Control-T on your keyboard to transform this layer and set the Rotate to 15°.

  

  Step 8

  Now name this layer Text_3 and drag it just below the Text_2 layer in the Layers panel.

  

  6. How to Make the Final Adjustments

  Step 1

  In this section, we are going to make final adjustments to the design. Press D on your keyboard to reset the swatches and select the Text_1 layer. Then, go to Layer > New Adjustment Layer > Gradient Map to create a new gradient map adjustment layer and name it Overall Contrast.

  

  Step 2

  Now change the Blending Mode of this layer to Soft Light and set the Opacity to 35%.

  

  Step 3

  Go to Layer > New Adjustment Layer > Levels to create a new levels adjustment layer and name it Overall Brightness.

  

  Step 4

  Now Double-click on this layer thumbnail and, in the Properties panel, use the settings below:

  

  Step 5

  Press Control-Alt-Shift-E on your keyboard to make a screenshot. Then, go to Filter > Other > High Pass and set the Radius to 2 px as shown below:

  

  Step 6

  Change the Blending Mode of this layer to Hard Light and name it Overall Sharpening.

  

  You Made It!

  Congratulations, you have succeeded! Here is our final result:

  

  If you would like to create the even more advanced sketch with watercolor effects shown below, using just a single click and in only a few minutes, then check out my TechnicalArt 2 Photoshop Action.

  The action works so you simply brush over your photo with a color and just play the action. The action will do everything for you, giving you fully layered and customizable results. There are also over 60 high-quality watercolor brushes included with the action that you can use to build the designs even further. The action will also create four textures (watercolor, canvas, paper, and halftone) and 25 preset color looks that you can choose from.

  The action comes with a detailed video tutorial that demonstrates how to use the action and customize the results to get the most out of the effect.

  

  You can also get this item in a bundle and save 50%—check out my Artistic 4in1 Photoshop Actions Bundle.

  

• Fri, 30 Oct 2020 05:37:17 +0000: 10 Free Yet Simple WordPress Themes - SmashingApps.com
  

  In the WordPress platform, theme plays a very important role to create a beautiful and user friendly websites. There are thousands of themes available in WordPress but it is difficult to find perfect theme for your niche as per your need and interest. So we have short...

  The post 10 Free Yet Simple WordPress Themes first appeared on SmashingApps.com.

• Tue, 27 Oct 2020 04:24:58 +0000: 7 Best Free Apps for Android and iOS - SmashingApps.com
  

  There are many Android and iOS app are out there, but getting by free and good ones is not that easy. That is why we have selected seven best free apps for Android and best free apps for iOS. All apps are highly rated and different in...

  The post 7 Best Free Apps for Android and iOS first appeared on SmashingApps.com.

• Wed, 21 Oct 2020 05:28:42 +0000: Now Keyword Research is Free with Yoast and SEMrush Integration  - SmashingApps.com
  

  How to integrate Yoast and SEMrush? As you know that Yoast is the most popular and comprehensive WordPress seo plugin. But SEMrush is a giant of keyword research in the seo industry. After Yoast and SEMrush Integration now they have partnered so Yoast  users can get related...

  The post Now Keyword Research is Free with Yoast and SEMrush Integration  first appeared on SmashingApps.com.

• Thu, 17 Sep 2020 07:34:15 +0000: Six Simple Yet Powerful Web Apps To Help You Get Things Done Smartly - SmashingApps.com
  

  There are many web apps for designer, developers and techie people out there, but getting by free and good ones is not that easy. That is why we are sharing Six Simple Yet Powerful Web Apps To Help You Get Things Done Smartly. Previously, we have already...

  The post Six Simple Yet Powerful Web Apps To Help You Get Things Done Smartly first appeared on SmashingApps.com.

• Mon, 01 Jun 2020 11:08:59 +0000: How to Empower Elementor Drag & Drop Builder with additional WordPress Plugins - SmashingApps.com
  

  There is no doubt that WordPress is one of the most popular, free and open source content management systems (CMC) at this time. WordPress makes your work easier for you with the help of their awesome features and also saves your time. As it has the world’s...

  The post How to Empower Elementor Drag & Drop Builder with additional Wordpress Plugins first appeared on SmashingApps.com.