Главная Регистрация Вход
Приветствую Вас Гость!


Главная » 2010 » Октябрь » 15 » Газета, спецэффект
09:06
Газета, спецэффект


Для создания иллюстраций на тему ПОЛИГРАФИЯ и ИЗДАНИЯ, особых знаний не нужно, Вам понадобится всего один урок, и несколько исходных фотографий, похожих на наши исходники, особого точного сходства не требуется...

1. Создадим файл 500*350, Resolution: 96, Color Mode: RGB, 8bit.

2. Зальем изображение цветом #F1F1F1


3. Filter>Noise>Add Noise с такими настройками:


4. Теперь дублируем наш background layer( Ctrl+J), blending mode слоя (Multiply) , прозрачность(Opacity) - 70%


5. Новый слой (Ctrl+Shift+N) , берем инструмент Pencil Tool (1px) и проводим черную линию по верхней стороне изображения , а также левой его стороне. Прозрачность слоя 40%:


6. Теперь добавим некоторые секции к первой полосе нашей газеты, добавляя черные строчки, чтобы разделить газету на различные области, где будем потом добавлять колонки новостей.
Создаем новый слой, берем инструмент Pencil Tool(1px) и удерживая Shift проводим черную линию в верхней части изображения не доводя до конца. Дублируйте этот слой и опустите его немного ниже.


7. Создаем новый слой, берем Pencil Tool (2 Px) и проведите черную линию между линиями, которые мы провели до этого(удерживая Shift). Линия должна быть такого же размера.


8. Сейчас нам нужно сделать 2 вертикальных линии, которые создадут центральную секцию для нашей главной страницы газеты, в то же время создавая 2 колонки с обеих сторон для дополнительных новостей, статей.
Создаем новый слой, инструментом Pencil Tool (1 Px) проводим вертикальную линию в левой части изображения, под нашими горизонтальными линиями.(удерживая кнопку Shift).


9. Дублируем этот слой и размещаем вертикальную линию с правой стороны:


10. Левая колонка нашей газеты будет использоваться только для текста и будет делиться на 5 беспорядочно раздельных секций. Так что мы добавим 4 горизонтальных строки и разместим их беспорядочно, выравнивая их вертикально.
Создадим новый слой, берем Pencil Tool (1 Px) и удерживая Shift проводим линию от внутреннего края левой колонки к краю газеты, не доводя до края.


11. Дублируйте этот слой 3 раза и разместите их как пожелаете или так, как показано на скриншоте:


12. Теперь добавим немного содержимого в газету, начнем с центральной статьи. Создадим новый слой, возьмем инструмент Rectangular Marquee Tool, выделите прямоугольник, который будет соответствовать центральной части газеты. Заполните выделение черным цветом.


13. Добавим и разместим картинку над прямоугольником. Картинка должна быть на 1-2 пикселя меньше, чем размер черного прямоугольника.


14. Выберем инструмент Text Tool , установым шрифт Times New Roman (4 pixels). Напишите текст и разместите его под картинкой


15. Теперь меняем настройки шрифта, установив размер текста 24 px , параграф шрифта - центр:

Напечатайте нужный вам заголовок, в нашем примере это" 13DOTS REACHES 35,000 POST MILESTONE!"


16. Теперь создайте 2 колонки случайного или требуемого вам текста, используя тот же шрифт, но изменив его размер (6px). выровняйте колонки по левому краю 


17. Затем опять поменяем настройки шрифта, изменив размер на 2.75 (Px). Создадим еще 5 текстовых параграфов и разместим из в пяти пустых секциях в левой колонке газеты.


18. Теперь разместим фотографию в верхнем правом углу, сделав ее черно-белой (Shift+Ctrl+U)и обведем фотографию черным контуром, размером в 2 пиксела.


19. Теперь разместим под нижним правым углом нашей фотографии "данные о фотографии". Применим текст размером 3 пиксела


20. Сейчас создадим заголовок к фотографии, сделанной выше. Выберем размер текста 10 px., напечатаем требуемый нам текст, выравнивание по левой стороне.


21. Опять меняем размер шрифта на 6 px , воспроизводим требуемый или случайный текст и располагаем под заголовком.


22. Теперь добавим название нашей газеты. Пример: "13DOTS NEWS".
Для этого, замените размер шрифта на 48 пикселей, выберите декоративный шрифт (автор использовал Bаllet Engrаved). Установите прозрачность слоя 75%.


23. Затем добавим небольшие данные о номере газеты, такие как цена, дата выхода и т.д... Установим размер шрифта 6 пикселей, шрифт Times New Roman.


24. Теперь вставим маленькую фотографию в левый верхний угол нашей газеты. Это не обязательно, но придаст газете больше реалистичности.


25. Сейчас добавим любой или требуемый вам текст в правый верхний угол газеты. Размер шрифта 5 пикселей.


26. Нам будет нужен новый слой для следующего шага. На этом слое мы применим градиент (Gradient Tool). Линию черного градиента проводите от низа газеты и до заголовка центральной статьи.
Прозрачность слоя 40%.


27. Создайте другой слой для 2-го градиента. Используем тот же градиент, начало внизу, но конечную точку градиента ставим чуть выше прежнего. Прозрачность слоя 40 %.


28. Сохраните свою работу (Ctrl+S). Также сохраните свою работу как точечный рисунок. Закройте PSD файл.

29.Сейчас откройте новое изображение со следующими параметрами:

Width: 600
Height: 450
Resolution: 96
Color Mode: RGB, 8bit

Залейте фон цветом #FFFFFF.


30. Сейчас откройте сохраненный , как точечный рисунок файл газеты. Скопируйте и вставьте изображение с газетой на белый лист.


31. Теперь создадим тень, которую отбрасывает наша газета.
Для этого применим такие настройки:



вот, что у нас получилось


Вы можете продублировать изображение и вращая слои с газетой получить вот такой вот вариант:

Автор: StarSkreem
Перевод: rediska


[02.04.2019][DesiGn bLOg]
Как узнать - ты дизайнер или нет? (0)
[09.12.2015][Lessons PHOTOSHOP]
Рисуем анимацию в Photoshop и After Effects (2015) (0)
[23.10.2010][rastER KLipardy]
Косметика в HQ (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[12.02.2015][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[16.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Retouch Man (2015) (0)
[12.02.2015][video futage]
Quicky Logo - Project for After Effects (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки photoshop Выборочная коррекция (2014) (0)
[03.12.2014][Photoshop Actions]
50 Photoshop Action Scripts (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[12.02.2015][DesiGN SofT]
Room Arranger 7.5.0.421 (2014) Rus/Eng (0)
[21.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Art Wedding (0)
[12.02.2015][video futage]
Deep Eyes | 7 in 1 logo pack - Project for After Effects (Videohive) (0)
[12.02.2015][DesiGN SofT]
HyperSnap 7.29.02 + Portable (0)
[12.02.2015][DesiGN SofT]
PT Photo Editor 1.7.1 Standard Edition Rus Portable by SamDel (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеокурс удаление объектов в фотошопе (0)
[12.02.2015][DesiGN SofT]
Photomizer Retro 2.0.14.106 Portable by Valx (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс по съемке и обработке цифровых фотографий (2015) (0)
[04.12.2015][Lessons PHOTOSHOP]
Tuts+ Premium - Creative Photo Effects in Adobe Photoshop (2015) (0)
 

Прикрепления:
Категория: Lessons PHOTOSHOP | Просмотров: 1351 | Добавил: korol200 | Теги: фотошоп сделать как газета, газета photoshop, эффект газеты в, текст из газеты фотошоп, уроки фотошопа газета, газета фотошопе, газета, сделать газету
Всего комментариев: 2
2 zanchi  
отличный вариант попробывать себя в качестве верстальщика biggrin

1 tazhe  
отличный пост для изготовления иллюстраций - большое количество идей навеевает!

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]


Поиск






[09.12.2015][Lessons PHOTOSHOP]
Рисуем анимацию в Photoshop и After Effects (2015) (0)
[21.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Art Wedding (0)
[31.05.2010][Lessons PHOTOSHOP]
Бюст человека (4)
[10.11.2010][vectOR KLipardy]
Speedometer Vector (0)
[11.01.2011][Veb DeSiGn]
ThemeForest - ChromeGT Business & Portfolio HTML Theme (All Colours) - Rip (1)
[19.09.2011][DesiGn bLOg]
Городские автобусы и троллейбусы — один из самых видных и востребованных видов рекламоносителей. (0)
[08.06.2010][Lessons PHOTOSHOP]
Зачищенная поверхность (2)
[10.09.2011][Photoshop Actions]
GraphicRiver - 3D Object Render (2)
[01.12.2013][DesiGn bLOg]
Дизайнерам на заметку. Типографика - новые из лучших примеры креативного оформления слов. 25 отличных примеров. (0)
[23.10.2010][rastER KLipardy]
Planet Earth (0)

Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0
Яндекс цитирования
Rambler's Top100




[31.05.2010][Lessons PHOTOSHOP]
Создание кистей для рисования волос, меха, бород, комп.графика (7)
[11.06.2010][Lessons PHOTOSHOP]
Трехмерная надпись (8)
[17.06.2010][Lessons PHOTOSHOP]
Текст охваченный огнём, Stunning Text on Wild Fire Effect (6)
[03.12.2015][DesiGN SofT]
Sentaurus TCAD 2012 SP2 G-2012.06 SP2 на VMWare (1)
[29.05.2010][Lessons PHOTOSHOP]
Ночной город, спецэффект (2)
[13.02.2015][video futage]
VideoHive - Futuristic Logo Reveal 8351362 (0)
[12.02.2015][video futage]
Dark Circles Logo Reveal - Project for After Effects (Videohive) (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки фотошоп Композиция Шубека (0)
[30.12.2012][DesiGn bLOg]
Маленькой ёлочке холодно зимой! (0)
[24.01.2013][vectOR KLipardy]
Black Vintage Cards Vector 2 (0)
[01.09.2013][vectOR KLipardy]
Stock: Website Template (0)
[29.05.2010][Lessons PHOTOSHOP]
судорга (абстракционная фантазия) (4)
[13.12.2015][Lessons PHOTOSHOP]
Вырезание объемных предметов в фотошоп (2015) (1)
[29.05.2010][rastER KLipardy]
Stock Photo: Drops, Splashes (1)
[29.05.2010][Lessons PHOTOSHOP]
Металлические трубки и провода (2)
[10.09.2011][Veb DeSiGn]
Template Monster – 11925 – Flash Template (0)
[30.12.2012][DesiGn bLOg]
Кофейные фантазии by Tomoko Shintani (0)
[09.11.2010][Styles Photoshop]
Более 150-ти стилей WEB 2.0 (1)



Суббота
20.04.2024
08:36


Copyright artpost and semantic product zanchi 2010-2011 © 2024